@charset "utf-8";



@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');



/*Loader*/

.bg-all { position: fixed;background: #27375B; width: 100%;height: 100vh !important;z-index: 11111;}

.full-bg { background: #27375B; position: fixed; width: 100%; height: 100vh; z-index: 111111111; }

.sk-chase { margin: 49vh auto; }

.sk-chase { width: 40px; height: 40px; position: relative; animation: sk-chase 2.5s infinite linear both; }

.sk-chase-dot { width: 100%; height: 100%; position: absolute; left: 0; top: 0;  animation: sk-chase-dot 2.0s infinite ease-in-out both;  }

.sk-chase-dot:before { content: ''; display: block; width: 25%; height: 25%; background-color: #F2C50C; border-radius: 100%; animation: sk-chase-dot-before 2.0s infinite ease-in-out both; }

.sk-chase-dot:nth-child(1) { animation-delay: -1.1s; }

.sk-chase-dot:nth-child(2) { animation-delay: -1.0s; }

.sk-chase-dot:nth-child(3) { animation-delay: -0.9s; }

.sk-chase-dot:nth-child(4) { animation-delay: -0.8s; }

.sk-chase-dot:nth-child(5) { animation-delay: -0.7s; }

.sk-chase-dot:nth-child(6) { animation-delay: -0.6s; }

.sk-chase-dot:nth-child(1):before { animation-delay: -1.1s; }

.sk-chase-dot:nth-child(2):before { animation-delay: -1.0s; }

.sk-chase-dot:nth-child(3):before { animation-delay: -0.9s; }

.sk-chase-dot:nth-child(4):before { animation-delay: -0.8s; }

.sk-chase-dot:nth-child(5):before { animation-delay: -0.7s; }

.sk-chase-dot:nth-child(6):before { animation-delay: -0.6s; }

  

@keyframes sk-chase {

  100% { transform: rotate(360deg); } 

}

 

@keyframes sk-chase-dot {

  80%, 100% { transform: rotate(360deg); } 

}

  

@keyframes sk-chase-dot-before {

  50% {

    transform: scale(0.4); 

  } 100%, 0% {

    transform: scale(1.0); 

  } 

}



body {  font-weight: 400 !important; font-size: 14px; overflow-x: hidden; font-family: 'Poppins', sans-serif; background: url(../images/bg.png) #fff; background-attachment: fixed; min-height: 100vh; }

*, :after, :before { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility }

a:active, a:focus, a:hover, a:visited, button, img { border: none; outline: 0!important; text-decoration: none; transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-webkit-transition: all 500ms ease-in-out; }

.fullWidth { float: left !important; width: 100% !important; }



/* mouse Cursor */

.mouse-cursor { position: fixed; left: 0; top: 0; pointer-events: none; border-radius: 50%; -webkit-transform: translateZ(0); transform: translateZ(0); visibility: hidden; }

.cursor-inner { margin-left: -3px; margin-top: -3px; width: 6px; height: 6px; z-index: 100; background-color: #27375B; -webkit-transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out; transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out; }

.cursor-inner.cursor-hover { margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; background-color: #F2C50C; opacity: .3; }

.cursor-outer { margin-left: -15px; margin-top: -15px; width: 30px; height: 30px; border: 2px solid #F2C50C; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 100; opacity: .5; -webkit-transition: all .08s ease-out; transition: all .08s ease-out; }

.cursor-outer.cursor-hover { opacity: 0; }

.orido_tm_all_wrap[data-magic-cursor="hide"] .mouse-cursor{ display: none; opacity: 0; visibility: hidden; position: absolute; z-index: -1111; }

body.dark .mouse-cursor { position: fixed; left: 0; top: 0; pointer-events: none; border-radius: 50%; -webkit-transform: translateZ(0); transform: translateZ(0); visibility: hidden; }

body.dark .cursor-inner { background-color: #FFC448; }

body.dark .cursor-inner.cursor-hover { background-color: #FFC448; }



/* Header */

header { background: rgba(255, 255, 255, 0.97); float: left; width: 100%; position: fixed; z-index: 11; transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-webkit-transition: all 500ms ease-in-out;  }

header.fixheader { position: fixed; z-index: 11; background: rgba(255, 255, 255, 0.97); box-shadow: 0px -5px 6px #000;  transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-webkit-transition: all 500ms ease-in-out;  }

.max-container { max-width: 1600px; }

header .container.max-container { padding: 15px; }

.cstm-navbar .navbar-nav.ms-auto a { font-size: 16px; color: #27375B; font-weight: 600; padding: 0 5px; margin: 0 18px; position: relative; text-transform: uppercase; }

.cstm-navbar .navbar-nav.ms-auto a.active span.linebar { background: #F2C50C; width: calc(100% - -2px); height: 4px; position: absolute; left: 0; right: 0; top: 10px; margin: auto; z-index: -1; transition: all 500ms ease-in-out;-ms-transition: all 500ms ease-in-out;-moz-transition: all 500ms ease-in-out;-webkit-transition: all 500ms ease-in-out; }

.logobox { float: left; width: 180px; order: 1; }

.searchbar { float: left; width: 180px; order: 3; } 

.Justify-menu { width: calc(100% - 360px); order: 2; }

.searchbar a { float: right; color: #818181; }

.mogile-view { margin: 0 auto; display: table; float: none; }

.banner { float: left; width: 100%; }

img.img-fluid.search { max-width: 20px; }

button.navbar-toggler { float: right; background: #F2C50C; border: 1px solid #F2C50C; padding: 8px 11px; color: #27375B; min-width: 41px; text-align: center; }

.navbar-toggler:focus { box-shadow: none; background: #F2C50C;}

.dropdown.searcbox button.dropdown-toggle { background: transparent; border: none; padding: 0; margin: 0; float: right; }

.dropdown.searcbox button.dropdown-toggle::after { display: none; }

.dropdown.searcbox ul.dropdown-menu { border: none; margin-top: -14px; }

.form-control { font-size: 14px; }

.form-control:focus, footer .form-select:focus { box-shadow: none; border: 1px solid #F2C50C;}

.hiddenheight { float: left; width: 100%; }

.carousel-inner img { width: 100% !important; margin: 0 auto; max-width: 75%; }

.orido_tm_down { position: absolute; left: 0; bottom: 15px; right: 0; margin: auto; }

.orido_tm_down a.anchor { margin: 0 auto; display: table; }

.orido_tm_down svg { width: 36px !important; height: 36px !important }

.orido_tm_down svg #wheel { animation: scroll ease 2s infinite }

/* .container.max-container.fix-height { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left: 0; right: 0; } */

.slider.fullWidth { height: 100vh; }



@keyframes scroll {

  0% {

      transform: translateY(0)

  }

  30% {

      transform: translateY(60px)

  }

}



.section-space { padding: 150px 0; }

.txt-frame { float: left; width: 100%; padding: 50px; background: #EFEFEF; border-radius: 5px; }

img.img-fluid.center-img { margin: 0 auto; display: table; }

.txt-frame p.WhatWeDo-Title { color: #A0A0A0; font-size: 18px; line-height: 28px; }

.WhatWeDo-main-title { color: #27375B; font-size: 40px; font-style: normal; font-weight: 800; text-transform: uppercase; margin-top: 10px; line-height: 49px; }

.txt-frame p { font-size: 17px; line-height: 27px; color: #A0A0A0; }

.center-Box { min-height: calc(100vh - 100px); }

.borderline { border-right: 4px solid #f2c50c; }

.Creative-proactive p { font-size: 17px; line-height: 27px; color: #A0A0A0; float: left; }

.container.inner-container { max-width: 1250px; }

p.services-main-title { color: #27375B; font-size: 21px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; }

p.services-inner-des { font-size: 17px; line-height: 28px; color: #A0A0A0; }

.services-box img { max-width: 55px; margin-bottom: 20px; }

.services-box { margin-top: 30px; max-width: 362px; width: 100%; }

span.c-Feedback { color: #A0A0A0; font-size: 18px; text-transform: uppercase; }

.Testimonial-box { float: none; width: calc(100% - 10px); border-radius: 7px; border: 1px solid #27375B; padding: 45px 15px 25px 15px; position: relative; cursor: pointer; margin: 40px auto 0; }

p.client-name { text-align: center; font-size: 20px; font-weight: 600; margin-bottom: 0px; }

p.client-location { text-align: center; color: #666666; margin-top: 3px; margin-bottom: 9px; font-weight: 300; }

.rate { text-align: center; margin-top: 5px; margin-bottom: 14px; }

.rate i { color: #f3d827; margin: 0 2px; }

p.client-des { font-size: 16px; line-height: 26px; color: #A0A0A0; text-align: center; margin-bottom: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

.Testimonial-box i.fa-solid.fa-quote-right { position: absolute; right: 20px; top: 10px; color: #27375B; font-size: 35px; }

.Testimonial-box:hover { background: #27375B; }

.Testimonial-box:hover p.client-name, .Testimonial-box:hover i.fa-solid.fa-quote-right, .Testimonial-box:hover p.client-des, .Testimonial-box:hover p.client-location { color: #fff; }

.clients { border-radius: 5px; padding-top: 15px; padding-bottom: 10px; margin-bottom: 20px; }

.clients img.img-fluid { max-height: 70px; margin: 0 auto; display: table; }

.border-line-footer { background: #F2C50C; width: 150px; height: 3px; margin-top: -5px; margin-bottom: 30px; }

.addressbox { float: left; width: 100%; margin-top: 20px; }

.addressbox ul { margin: 0; padding: 0; }

.addressbox ul li { list-style: none; margin-bottom: 0px; }

.addressbox ul li.mail { background: url(../images/mail.png) left no-repeat; background-size: 32px; padding: 7px 10px 7px 45px; }
.addressbox ul li.contact { background: url(../images/call.png) left no-repeat; background-size: 32px; padding: 7px 10px 7px 45px; }

.addressbox ul li.location { background: url(../images/location.png) left no-repeat; background-size: 32px; padding: 7px 10px 7px 45px; }

.addressbox ul li a { font-size: 17px; text-decoration: none; color: #A0A0A0; font-weight: 600; }

.addressbox ul li a:hover, ul.footer-link li a:hover, .row.footer-bottom p a:hover { color: #F2C50C; }

footer .form-control, footer .form-select { min-height: 55px; padding: 14px; color: #27375B; background: #EDEDED; border: 1px solid #EDEDED; font-size: 15px; }

button.btn.btn-submit { background: #F2C50C; padding: 15px 25px; font-size: 18px; font-weight: 600; }

button.btn.btn-submit i { font-size: 18px; margin-left: 12px; float: right; margin-top: 6px; }

button.btn.btn-submit:hover { background: #27375B; color: #F2C50C;}

button.btn.btn-submit:hover i { color: #F2C50C;}

.footer-bottom { margin-top: 50px; margin-bottom: 10px; }

.row.footer-bottom p { margin: 0; font-size: 15px; color: #a7a5a5; }

.row.footer-bottom p a { color: #A0A0A0; text-decoration: none; }

ul.footer-link { margin: 0; padding: 0; float: right; }

ul.footer-link li { float: left; list-style: none; border-right: 1px solid #a7a5a5;   line-height: 13px; margin: 0; }

ul.footer-link li:last-child { border: none; }

ul.footer-link li:last-child a { padding-right: 0px; }

ul.footer-link li a { padding: 0 25px; color: #a7a5a5; text-decoration: none; }

ul.fixed-left { position: fixed; margin: 0; padding: 0; left: 0; bottom: 10px; }

ul.fixed-left li { list-style: none; }

ul.fixed-left li a { background: #F2C50C; color: #27375B; padding: 5px; float: left; font-size: 20px; width: 40px; text-align: center; border-radius: 0px 5px 5px 0px; margin-bottom: 5px; }

ul.fixed-left li a:hover { background: #27375B; color: #F2C50C; }

.fixed-right.chat-right { position: fixed; right: 15px; bottom: 15px; z-index: 111; }

.fixed-right.chat-right img { max-width: 45px; }

i.downcaret { position: absolute; right: 17px; top: 20px; color: #27375B; pointer-events: none; }

.mobileShow { display: none; }

.desktopShow { display: block; }

.col-sm-12.social-media-mobile { display: none; }

.mb-17 { margin-bottom: 17px; }

.mt-17 { margin-top: 17px; }

#Work img { border-radius: 7px; }

.remove-bg .modal-content { background: transparent; position: relative; }

.remove-bg button { position: absolute; background: #F2C50C; opacity: 1; right: 10px; border-radius: 50%; top: 10px; color: #fff; padding: 4px 8px; width: 32px; height: 32px; }

.remove-bg button i.fa-solid.fa-xmark { font-size: 18px; color: #27375B; line-height: 24px; }



.bdr-mobile-view { background: #F2C50C; width: 150px; height: 3px; margin-bottom: 15px; margin-top: -6px; }

.bdr-mobile-view { display: none; }



/* Portfolio */

.box-Effect, .image-popup { position: relative; overflow: hidden; border-radius: 7px; } 

.image-popup .item-overlay { opacity: 0; color: #fff; position: absolute; background: linear-gradient(rgba(0, 0, 0, 0) 0%, #000 100%); height: 100%; z-index: 1; width: 100%; border-radius: 7px; display: flex; align-items: flex-end; text-align: center; padding-bottom: 20px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.image-popup:hover .item-overlay { opacity: 1; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.image-popup:hover .item-overlay h4 { -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.item-overlay h4 { width: 100%; text-align: center; font-size: 19px; padding-left: 15px; padding-right: 15px; line-height: 25px; }

.box-Effect:hover img { transform: scale(1.1); }

.borderline.TestimonialBox { width: 330px; float: left; }

.TestimonialBox-comment { width: calc(100% - 600px); padding-left: 35px; float: left; }

footer .col-md-6.col-sm-12.desktop-order-2 { order: 2; }

.fixed-right.chat-right a#tr1 { float: left ;}

.modal-backdrop.show { opacity: 0.8; }

button.navbar-toggler i.fa-solid.fa-bars, button.navbar-toggler.collapsed i.fa-solid.fa-xmark { display: none !important; }

button.navbar-toggler.collapsed i.fa-solid.fa-bars { display: block !important; }

button.navbar-toggler { background: transparent !important; border-color: #fff;}

button.navbar-toggler.collapsed { background: #F2C50C !important; border-color: #F2C50C; }



button.btn-close.close-custom { position: absolute; right: 16px; top: 17px; }

.data-privacy { margin: 3px 0 0 0; color: #747272; font-weight: 400; font-size: 15px; }



p.p-title { font-weight: 600; font-size: 17px; margin-bottom: 10px; }

p.p-des { margin: 0 0 15px 0; color: #747272; font-weight: 400; font-size: 15px; }

ul.Privacy-list { margin: 0; padding: 0 20px; }

ul.Privacy-list li { margin: 0 0 7px 0; color: #747272; font-weight: 400; font-size: 15px; }



.modal-dialog.modal-dialog-centered.modal-dialog-scrollable.modal-xl .modal-header.d-block { padding-right: 45px; }


.portfolio-menu{
  text-align:center;
}
.portfolio-menu ul li{
  display:inline-block;
  margin:5px 5px;
  list-style:none;
  padding:8px 12px;
  cursor:pointer;
  -webkit-transition:all 05s ease;
  -moz-transition:all 05s ease;
  -ms-transition:all 05s ease;
  -o-transition:all 05s ease;
  transition:all .5s ease;
font-size: 14px;
}

.portfolio-item{
  /*width:100%;*/
}
.portfolio-item .item{
  /*width:303px;*/
  float:left;
  margin-bottom:10px;
}
a.fancylight.popup-btn img {
    width: 100%;
}


@media (min-width:991px) and (max-width:1180px) {

  .cstm-navbar .navbar-nav.ms-auto a { margin: 0 7px; font-size: 13px; }

}



@media (max-width:991px) {

  header { background: #fff !important; }

  .searchbar { display: none; }

  .mogile-view { position: absolute; width: 100%; left: 0; text-align: center; margin-top: 51px; z-index: 1111; background: #fff; }

  .mogile-view .navbar-nav.ms-auto { padding: 15px 0; }

  header .container.max-container { padding: 5px 10px; }

  .cstm-navbar .navbar-nav.ms-auto a { margin: 0 auto; display: table; float: none; width: auto; font-size: 18px; margin-top: 4px; margin-bottom: 4px; } 

  .mobileShow { display: block; }

  .desktopShow { display: none; }

  .carousel-inner img { width: 100% !important; margin: 0 auto; max-width: 330px; }

  .mouse-cursor.cursor-outer.desktopShow, .mouse-cursor.cursor-inner.desktopShow { display: none; }

  .borderline { border: none; }

  .bdr-mobile-view { display: block; }

  button.navbar-toggler + .mogile-view.modal-popup { opacity: 1; z-index: 1111; height: 100vh; }

  button.navbar-toggler.collapsed + .mogile-view.modal-popup { height: 100vh; opacity: 0; z-index: -1; pointer-events: none; }

  .cstm-navbar .navbar-nav.ms-auto a.active span.linebar { top: 12px;}

  .addressbox.menubar li.mail { margin-bottom: 10px; }

  .addressbox.menubar li.mail, .addressbox.menubar ul li.location { width: 100%; padding-top: 41px; background-position: top; padding-left: 30px; padding-right: 30px; }

  button.navbar-toggler + .mogile-view.modal-popup ul.fixed-left { margin: 0 0 20px 0; display: block; width: 100%; }  

  .logobox img { max-width: 135px; }

  .slider.fullWidth { height: auto !important; }

  .fullWidth.d-flex.align-items-center { height: calc(100vh - 63px) !important; }

  #Services .row.mt-5 { margin-top: 0 !important; }

  #Testimonial .row.mb-5 { margin-bottom: 0px !important; }

  section#Testimonial .row.mt-5 { margin-top: 10px !important; }

  button.navbar-toggler + .mogile-view.modal-popup ul.fixed-left li { float: left; margin: 0 2px; }

  button.navbar-toggler + .mogile-view.modal-popup ul.fixed-left li a { border-radius: 5px; }

  button.navbar-toggler + .mogile-view.modal-popup .addressbox.menubar { margin-top: 30px; }

  button.navbar-toggler + .mogile-view.modal-popup ul.fixed-left .centerBx11 { margin: 0 auto; display: table; }

}



@media (min-width:767px) and (max-width:991px) {

  ul.footer-link li a { padding: 0 15px; }

}

@media (max-width:767px) {

  .row.footer-bottom p { text-align: center; }

  ul.footer-link {  margin: 10px auto 10px; display: table; float: none; }

  ul.footer-link li a { padding: 0 10px; }

  .addressbox { margin-bottom: 30px; }

  ul.fixed-left, .fixed-right.chat-right { display: none; }

  .col-sm-12.social-media-mobile { display: block ;} 

  .col-sm-12.social-media-mobile ul.fixed-left { position: relative; margin: 0 auto; display: none  ; }

  .col-sm-12.social-media-mobile ul.fixed-left li { float: left;}

  .col-sm-12.social-media-mobile ul.fixed-left li a { border-radius: 5px; margin: 0 2px; }

  .section-space { padding: 80px 0 0 !important ;}

  button.btn.btn-submit { margin: 0 auto; display: table; }

  .TestimonialBox-comment, .borderline.TestimonialBox { width: 100%; padding-left: 15px; }

  .footer-left.mt-3 p.client-des.text-start { text-align: center !important; font-size: 15px; }

  .footer-bottom { margin-top: 0px; }

  footer .col-md-6.col-sm-12.desktop-order-2 { order: revert !important; background: #27375B; margin-top: -20px; margin-bottom: 6px; }

  .mogile-view.modal-popup .fixed-right.chat-right { display: table; right: 8px; bottom: 8px; }

  .addressbox ul li a { font-size: 15px;}

  .footer-left p.client-des { display: none; }

  .footer-left.mt-3 p.client-des.text-start { display: table !important; }

  div#center-inside-me { margin-top: -90px; }

  .portfolio-menu ul li{
    margin: 5px 5px;
    padding: 5px 5px;
    font-size: 12px;
  }

}



@media (max-width:574px) { 

  .box-Effect.mb-17.mt-17 { margin-top: 5px; margin-bottom: 5px; }

  .txt-frame { padding: 20px; } 

  .carousel-inner img { max-width: 300px; }

  .services-box { text-align: center; max-width: 100%; }

}