/* V2.012: external Google Font imports and legacy global typography were
   removed. The modern type scale is centralized in foundation/tokens.css and
   components/visual-system.css, reducing requests and cross-template clashes. */
.top_menu{position: fixed;top: 0;left:0;width: 100%;z-index: 10;
  /*background-color: #000;*/
}
.site_nav ul{text-align: right;padding: 0;padding-top: 10px;display: flex;-ms-flex-pack: center;justify-content: flex-end;-ms-flex-align: center;align-items: center;}
.site_nav ul li{display: inline-block;padding:5px;overflow: hidden;margin: 0 5px;}
.site_nav ul li a{display: block;color: #fff;position: relative;text-decoration:none;font-weight: 300;overflow: hidden;font-size: 1rem;}
.site_nav ul li a span{display: block;}
.site_nav ul li a:hover .no_visible_link{
    transform: translate3d(0,-25%,0);
    opacity: 0;
}
.initial_link{
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translate3d(0,25%,0);
  transition: all .42s ease;
  transition-timing-function: cubic-bezier(.2,1,.3,1);
}
.wp-google-based{color:#FFFFFF !important;}
.wp-google-name a{color:#fff!important;}
.wp-google-name span{color:#fff!important;}

.wp-gr .wp-google-based, .wp-gr .wp-google-powered{color:#fff!important;}

.site_nav ul li a:hover .initial_link{
  opacity: .88;
  transform: translateZ(0);
}

.transit_bg .site_nav ul li a{color: #696767;}
.transit_bg .site_nav ul li .btn_primary a{color: #fff;}

.site_nav ul li a:after{content:"";position: absolute;height: 2px;content: "";background: #f08e03;float: left;width: 0;left:0;bottom:0;transition: all .35s ease;}
.site_nav ul li a:hover:after{width: 100%;}
.scroll_logo{display: none;}
.transit_bg .primary_logo{display: none;}

 
.logo_top{transition: all 0.5s ease;}
.primary_logo{transition: all 0.5s ease;}
.scroll_logo{transition: all 0.5s ease;}
.logo_top:hover img {
  filter: sepia(100%) saturate(500%) hue-rotate(360deg) brightness(90%) contrast(100%);
  transform: translateY(-2px); /* fade up */
  opacity: 1; /* soft fade */
}

.transit_bg .scroll_logo{display: inline;}
.transit_bg .row.py-4{padding-bottom: .5rem!important;padding-top: .5rem!important;transition: all 0.7s linear; transition-timing-function: cubic-bezier(.9,1)}



.slide_image{
    /*background-image: url(../images/top_bg_main.jpg);*/
/*background-size:cover;background-repeat:no-repeat;background-position: bottom center;background-color: #000;*/
}




#animation_container{width:auto !important; height:100vh !important;}
#canvas{position: absolute; display: block; width:auto !important; height:100vh !important;left: 0px !important; bottom:20% !important;
 display: block;  margin:auto !important;right:0 !important;top: unset !important;}
#dom_overlay_container{pointer-events:none; overflow:hidden; width:auto !important; height:100vh !important; position: absolute; left: 0px !important; bottom: 0px !important;
 display: block;  margin:auto !important;right:0 !important;top: unset !important;}


.btn_primary{position: relative;}
.btn_primary a{background-color: #f08e03;border-radius: 0;color: #fff;text-decoration: none;padding: 13px 11px;transition: all 0.5s ease;}
/*.btn_primary a:hover{background-color: #505050;}*/

.menu_holder{position: relative;width: 100%;height: 101px;}

.slide_image{width: 100%;height:100vh;position: relative;overflow: hidden;}
/*.slide_image:after{content:"";position: absolute;width: 100%;height: 100%;top:0;left:0;background-color: rgba(255,255,255,0.4);z-index: 2}*/
.main_cover_image{position: absolute;width: 100%;top:0;left: 0;z-index: 1}
/*.box_style{background-color: #fff;}*/
/*.cover_image_content{position: absolute;z-index: 3;left: 5%;top:25%;}*/

.cover_image_content {
  position: absolute;
  z-index: 3;
  left: 5%;              /* distance from the left edge */
  top: 50%;              /* push down to middle */
  transform: translateY(-50%); /* perfectly center vertically */
}

.box_style{padding: 50px 30px 60px;color: #fff;}

.theme_color{color: #f08e03;}
.theme_bg_color{background-color: #f08e03;}

.btn_bordered:after,.btn_bordered_wp7:after {background: #f08e03;content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100%;border-radius: 10rem;opacity: 0;z-index: -2;
transition: all .4s;}

/*.btn_bordered:hover:after,.btn_bordered_wp7:hover:after{top: 0;left: 0;right: 0;margin: auto;height: 100%;width: 96%;opacity: .7;} */
.btn_bordered a,.btn_bordered_wp7 input{position: relative;z-index: 3;display: block;border-radius: 50px;padding:7px 40px;background-color: transparent;border:2px solid #fff;
overflow: hidden;}
/*.btn_bordered a:hover{background-color: #f08e03;}*/
.btn_bordered a:before,.btn_bordered_wp7 input:before{background: #fff;content: "";height: 100%;width: 0;position: absolute;top: 0;left: -10px;transform: skewX(-30deg);transition: all .4s;z-index: -1;}
/*.btn_bordered a:hover:before,.btn_bordered_wp7 input:hover:before{width: 112%;}*/
.btn_bordered a:hover,.btn_bordered_wp7 input:hover{color: #000;background-color: #f08e03 !important;}





.text-decoarion-none{text-decoration: none;cursor: pointer;}
.text-decoarion-none:hover{text-decoration: none;}
.clients_section h2{color: #f08e03;}


/* Obsolete Owl portfolio/client slider styles removed in V2.012. */
.main_div{position: relative;}
.top_menu:before{content: "";position: absolute;top:0;left:0;width: 100%;height:0px;background-color: #fff;transition: all 0.5s ease;}
.transit_bg:before{height:100%;box-shadow: 0px 0px 8px 0px #505050;}
/*.transit_bg .site_nav ul li a:after{    background: #505050;}
.transit_bg .site_nav ul li a span{    color: #fff;}*/



.serv_wrap,.serv_image_overlay{position: relative;}
.serv_image_overlay img{position: relative;z-index: 1;}
.serv_image_overlay:after{content:"";background-color: rgba(0,0,0,0.6);position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.serv_image_overlay_content{position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 3;color: #fff;overflow:hidden;padding-top: 1%}
.serv_image_overlay_content span,.serv_image_overlay_content h2{font-weight: bold;color: #fff;}
.serv_image_overlay_content h2{transition: all 1s ease;}
.serv_image_overlay_content span{font-size: 0.9rem}
.serv_image_overlay_content hr{border:0;width:50px;height:4px;background-color: #fff;margin-left: 0;}
.serv_wrap:hover .serv_image_overlay_content h2{/*color: #505050;*/}
.serv_inner_content{position: absolute;left: -100%;width: 100%;transition: all 0.5s linear;}
.serv_inner_content p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 8;-webkit-box-orient: vertical;}
.serv_wrap:hover .serv_inner_content{left:0;}
.serv_image_overlay_content:before{    content: "";
    /*opacity: 0;*/
    background: #f08e03;
    height: 100%;
    width: 160%;
    position: absolute;
    top: 0;
    transform: skewX(40deg);
    z-index: -1;
    transition: all .5s cubic-bezier(.645,.045,.355,1);
    left: 240%;
}

.serv_wrap:hover .serv_image_overlay_content:before{
      left: 40%;opacity: 1;
}


.serv_image_overlay_content:after{    content: "";
    /*opacity: 0;*/
    background: #f08e03;
    height: 100%;
    width: 160%;
    position: absolute;
    bottom: 0;
    transform: skewX(40deg);
    z-index: -1;
    transition: all .5s cubic-bezier(.645,.045,.355,1);
    left: -240%;
}

.serv_wrap:hover .serv_image_overlay_content:after{
      left: -116%;    opacity: 1;
}



.fetaured_case_study h2{font-size: 2.4rem;font-weight: bolder;color: #595151;}
.fetaured_case_study_tabs .nav-link{background: none;border:0;color: #595151;position: relative;margin-right: 50px;}
.fetaured_case_study_tabs .nav-link.active:before{content: "";background-color: #f08e03;position: absolute;left: 0;right: 0;width:90%;height: 2px;bottom:3px;margin: auto;}
.fetaured_case_study_tabs .nav-tabs{border:0;}
.portfolio_single_wrap{overflow: hidden;}
.portfolio_single_wrap,.portfolio_img_wrap{position: relative;width: 100%;height:320px; }
.portfolio_img_wrap img.porfolio_foundation_image{ position: absolute;left: 0;right: 0;width: auto;margin: auto;top:0;bottom: 0;transition: left 0.6s ease;
transition: height 0.2s ease;max-width: 100%}
.portfolio_single_wrap:hover .portfolio_img_wrap img.porfolio_foundation_image{right: unset;height:140px;}
.portfolio_img_wrap img.porfolio_hover_image{display: none;}
/*.portfolio_img_wrap img.porfolio_hover_image{visibility: hidden;position: absolute;left: 0;top: 0;bottom: 0;margin: auto;}
.portfolio_img_wrap img.porfolio_hover_image{transition: all 0.1s ease;}*/
/*.portfolio_single_wrap:hover .portfolio_img_wrap img.porfolio_hover_image{width:50%;visibility: visible;}*/



.portfolio_content_wrap{width: 50%;position: absolute;right:-100%;top: 0;height: 100%;background-color:#f08e03;padding: 15px;color: #fff;transition: all 0.4s linear; }
.portfolio_single_wrap:hover .portfolio_content_wrap{right: 0} 
.portfolio_content_wrap hr{border:0;width:50px;height:4px;background-color: #fff;margin-left: 0;}
.portfolio_content_wrap h2{color: #fff;font-size: 1.5rem}
.portfolio_content_wrap a:hover{text-decoration: none;}
/* Obsolete Owl testimonial styles removed in V2.012. */







.footer_project{border:8px solid #f08e03;background-color: #505050;border-top: 0;border-bottom: 0;padding: 20px 15px 10px;}
.footer_project h2{color: #fff;padding-bottom: 10px}
.footer_project h3{color: #fff;font-size:3rem;font-weight: bolder;letter-spacing:6px;}
.footer_form_wrap h2{color: #f08e03;}
.footer_form_wrap strong{color: #f08e03 !important;}
.footer_form_wrap p,.footer_form_wrap p a{color: #595151;display: block;}
.footer_form_wrap p a,.footer_form_wrap p a:hover{text-decoration: none;}
.footer_form .form-control{margin:8px 0px;border:0;background-color: #505050;border-radius: 0;padding:5px 15px;color: #fff;}

.footer_form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

.footer_form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

.footer_form .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}


.btn_bordered_wp7{text-align:center;width:100%;position:relative;right:-5px;}
.btn_bordered_wp7 input{border-color: #505050;color: #505050;font-weight: 600;width: 100%;box-sizing: border-box;outline: none;}
.btn_bordered_wp7 input:before{background: #505050;}
.btn_bordered_wp7 input:hover{color: #fff;}


.footer_bottom_grey_bar{background-color: #505050;color: #fff;}
.footer_nav ul{padding: 0;margin: 0;padding-top:5px;}
.footer_nav ul li{display: inline-block;}
.footer_nav ul li a{display: block;color: #fff;font-size:1rem;padding:10px 15px;}
.footer_nav ul li a:hover{text-decoration: none;color: #f08e03;}
.footer_bottom_grey_bar p{font-size:1rem;}







.inner_page_bg{width: 100%;height:450px;background-size:cover;background-repeat: no-repeat;background-position: bottom center;}
.inner_page_bg{padding-top: 220px;}
.inner_page_bg h1{text-align: center;text-transform: uppercase;}

.services_container_wrap{padding: 20px 0;}
.services_container_wrap h2{color:#f08e03;padding-top:45px;}


.sub_page_btn a{border-color: #f08e03;color: #f08e03;}


.dark_btn:after{background-color:#696767; }
.dark_btn a{border-color: #696767;color: #f08e03;}
.sub_page_main_heading{display: inline-block;text-transform: uppercase;color: #696767;}
.sub_page_main_heading_wrap h2{color: #696767;}
.sub_page_main_heading:after{content:"";width:50%;height:3px;background-color:#f08e03;display: block;margin:10px auto 0;transition: width 0.5s ease; }



.serv_inner_content .dark_btn a{color: #696767;}
.serv_inner_content .dark_btn:after{z-index: 2}
.no_btn_bg,.no_btn_bg a {background-color:none !important;}
.blog_cards_container .card{background-color: unset !important;}



.site_nav ul li {position: relative;overflow: unset;}
.site_nav ul li .sub_menu{position: absolute;width:250px;top: 0;left:0;display: block;visibility: hidden;transition: all 0.4s ease;}
.site_nav ul li .sub_menu li{display: block !important;width: 100%;background-color: #f08e03;text-align: left;padding:15px 20px;position: relative;
overflow: hidden;}
.site_nav ul li .sub_menu li a{z-index: 2;position: relative;}
.site_nav ul li .sub_menu:before{content: "";padding-top:20px;display: block;}
.site_nav ul li .sub_menu:after{content: "";border-left: 24px solid transparent;
    border-right: 24px solid transparent;
    border-bottom: 24px solid #f08e03;
    position: absolute;
    top: 40px;
    left: 40px;
}
.site_nav ul li .sub_menu li:after{content: "";position: absolute;width: 100%;height: 100%;background-color: #000;top:0;left:-300px;z-index: 1;transition: all 0.4s ease;}


.site_nav ul li:hover .sub_menu{visibility: visible;}
.site_nav ul li:hover .sub_menu li:hover:after{left:0;}
.transit_bg .site_nav ul li .sub_menu:before{padding-top:52px;}
.transit_bg .site_nav ul li .sub_menu a{color: #fff;}
.serv_image_overlay img{height: 500px;object-fit: cover;}
.image-setting{display: flex; justify-content: center; align-items: center;}
/* start of customization for google reviews plugin rich plugin*/
.wp-gr .wp-google-powered {color:#FFFFFF !important;}
.wp-gr .grw-slider .grw-slider-btns{color: #f08e03 !important}
.wp-gr.wpac .wp-google-left img {border: 1px solid #FFFFFF !important;}
.portfolio_content_wrap{}
.btn_form{background-color:#f08e03;border-radius: 40px;font-weight: bold;text-transform: uppercase;padding:7px 20px;}
/*.height_setting{height :calc(100vh - 500px);}*/
.height_setting {min-height: calc(100vh - 300px - 200px);}
.p360_section_pragh{width: 100%;margin: auto;}
.img_wrap_philips_paragh{width: 100%;height: 100%;object-fit: cover;}
.Bck_color{background-color: #f0f5f9;}
.Mrg_setting{margin-top: 170px; }
.Mrg_setting_paragh{margin-top: 27px;margin-left: -34px;width: 80%;}
.icon_seting{margin-left: -487px;}
.text_wrap_pragh{width: 59%;margin: auto; margin-left: 222px;}
.progress_bar_wraping{width: 70%;margin: auto;margin-top: 6%;}
.progress {border-radius: 3.25rem;}
.progress-bar{background-color:#f08e03; }
.seting_progress_bar{display: flex;justify-content: space-between;}
.progress_bar_wraping1{width: 70%;margin: auto;margin-top: 6%;}
.progress_bar_wraping2{width: 70%;margin: auto;margin-top: 6%;}
.progress_bar_wraping3{width: 70%;margin: auto;margin-top: 6%;margin-bottom:6%;}
.heading_wrap{width: 70%;margin: auto;margin-top: 6%; text-align: left;}
.Mrgn_top_prgh{max-width: 70%;margin: auto;text-align: left;margin-top: 30px;}
.icon_seting{margin-right: 23px;}
.mrgin_heding_section_1{position:absolute;top:0;left:-12px;right:0;margin-top:35px; }
.wraping_pargh{margin: auto; width: 81%;position: relative;text-align: left;}
.icon_text_wraping{margin: auto; display: flex; justify-content: space-between;align-items: center;}
.postion_icon{position: absolute;}
.text_pragh_seting{text-align: left;margin-left: 30px;margin-right: 30px;margin-bottom: 92px;}
.pding_seting{padding-left: 0;padding-right: 0;}
.margin_seting{margin-left: 100px;margin-top: 41px;}
.p_stn_prgah{margin-left: 19px;margin-top: 20px;}
.btom_wrap{margin-bottom: 170px;}
.pading_less_class{padding-left: 0 !important;padding-right: 0 !important;}
.form_wrap_mrgin_sting{margin-top: -55px;}
.flex_wrap{flex-wrap: wrap;justify-content: space-between;}
.pding_botom{padding-bottom: 5%;}
.progress .progress-bar {
    animation-name: animateBar;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-duration: 5.4s;

}
@keyframes animateBar {
    0% {transform: translateX(-100%);}
    100% {transform: translateX(0);}
}

/* end of customization for google reviews plugin rich plugin */
/*about-seo styling*/
.about_seo span{font-family: 'Raleway', sans-serif;color:#f08e03;font-size:1.1rem ;font-weight: 600;letter-spacing: 1.5px;text-transform: capitalize;}
.about_seo h3{font-family: 'Raleway', sans-serif;color:#595151;font-size:2rem ;font-weight: bolder;letter-spacing: 1.1px;text-transform: uppercase;text-align: center;max-width: 50%;margin: auto;}
.about_seo h4{font-family: 'Raleway', sans-serif;color:#f08e03;font-size:2rem ;font-weight: 600;letter-spacing: 1.1px;text-transform: uppercase;}
.about_seo p{font-size: 1.2rem;}
.flex_wrping img{width: 30px;height: 30px;}
.about_seo ul li{list-style: none;padding: 4px 0px;}
.about_seo ul{padding: 0;margin: 0;}
.font_custom{font-size: 20px;padding-right: 8px;color:#fff;font-weight: 600;background-color: #f08e03;border-radius: 50%;padding: 7px;margin-right: 10px;}
.flex_wrping{display: flex;align-items: start;}
.responsive_less{padding-left: 3rem;padding-right: 3rem;}
#video_bnr{width: 100%;height: 100%;position: absolute;top: 0;}
#myVideo{
    /*height: 1000px!important;*/
    width:100%;
}

#video_bnr::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  pointer-events: none;  
}
/*.box_style{background-color: #000;}*/

video::-webkit-media-controls {
  display: none !important;
}

video::-webkit-media-controls-start-playback-button {
  display: none !important;
}


/*.reqt_btn a{background-color: #fff!important;color:#f08e03!important;}*/
/*.orange_bordered a{color:#f08e03!important;border: 2px solid #f08e03!important; }*/



 
.reqt_btn a{transition: all 0.5s ease;background: linear-gradient(#fff 0 0) var(--p, 0) / var(--p, 0) no-repeat;transition: 0.8s, background-position 0s;}
.reqt_btn a:hover{--p: 100%;color:#f08e03;}


.orange_bordered a{transition: all 0.5s ease;background: linear-gradient(#f08e03 0 0) var(--p, 0) / var(--p, 0) no-repeat;transition: 0.8s, background-position 0s;}
.orange_bordered a:hover{--p: 100%;color:#fff;}

/*payment styling*/

    /* CSS: add to your site CSS (Customizer > Additional CSS or your stylesheet) */
.payment-note{
  --note-bg: #fff7e6;         /* background */
  --note-border: #ffcb66;     /* border */
  --note-text: #5b3b00;       /* text color */
  --note-accent: #ff9f1a;     /* accent (icon, emphasis) */

  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: .6rem .8rem;
  padding: .9rem 1rem;
  border: 1px solid var(--note-border);
  border-left: .4rem solid var(--note-accent);
  background: var(--note-bg);
  color: var(--note-text);
  border-radius: .75rem;
  font-size: .95rem;
  line-height: 1.45;
  box-shadow: 0 1px 0 rgba(0,0,0,.04);
  margin: .75rem 0 1rem;
}

.payment-note strong{
  color: var(--note-text);
  font-weight: 700;
}

.payment-note__icon{
  font-size: 1.2rem;
  line-height: 1;
  translate: 0 .1rem;
}

/* Hover/focus within form for subtle emphasis */
form .payment-note:hover,
form:focus-within .payment-note{
  box-shadow: 0 4px 16px rgba(0,0,0,.06);
}

/* Compact version for tight layouts */
.payment-note.is-compact{
  padding: .6rem .75rem;
  font-size: .9rem;
  border-radius: .6rem;
}

/* Dark mode (auto) */
@media (prefers-color-scheme: dark){
  .payment-note{
    --note-bg: #1e1a14;
    --note-border: #5c3b12;
    --note-text: #ffe2b3;
    --note-accent: #ffb547;
    box-shadow: none;
  }
}

/* High contrast (optional helper class) */
.payment-note.is-contrast{
  --note-bg: #fff;
  --note-border: #0d6efd;
  --note-text: #0b3b8c;
  --note-accent: #0d6efd;
}

/* Color themes (swap by adding class) */
.payment-note.theme-success{
  --note-bg:#e9f9ef; --note-border:#8ad7a5; --note-text:#0b3c1e; --note-accent:#19c37d;
}
.payment-note.theme-danger{
  --note-bg:#fff1f0; --note-border:#ffb3ad; --note-text:#681818; --note-accent:#ff4d4f;
}
.payment-note.theme-info{
  --note-bg:#eef6ff; --note-border:#a7ccff; --note-text:#0f2a55; --note-accent:#2f80ed;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .payment-note{ transition: none; }
}