@font-face {
    font-family: 'baucher';
    src: url('../fonts/BaucherGotURW-Regular2.woff2') format('woff2'),
        url('../fonts/BaucherGotURW-Regular2.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*{margin:0px; padding:0px; box-sizing:border-box !important;}
html{max-width: 1920px; margin: 0px auto;font-family:'baucher';   scroll-behavior:unset!important;}
body{background:#fff !important; }
p,ul,h1,h2,h3,h4,h5{
	margin:0px !important;
}
h1,.h1{
	font-family: 'Montserrat' !important;
	font-size: 45px !important;
	font-weight: 700 !important;
	line-height: 54.86px !important;
	text-transform: uppercase;
}
h2,.h2{
	font-size:40px !important ;
	font-weight:400 !important;
	font-family:"baucher"!important;
	text-transform: uppercase ;
	color: #222 !important;
	margin-bottom: 20px;
	letter-spacing:2px;
}
h3,.h3{	font-size:25px !important;	font-weight:500;}
h4,.h4{	font-size:22px !important;	font-weight:400 !important;}
h5,.h5{	font-size:18px !important;	font-weight:400 !important;}
h6,.h6{	font-size:16px !important ;	font-weight:400 !important ;}
p,.p,.li,li{	font-size:18px;	line-height:32.4px; margin:0px !important;	color: #4B4B4B !important;}
li,.li{list-style:none;}
a,a:active,a:visited{color:#CB9121 !important; !important;outline:none !important;}

button:hover,button:active,button:focus{
	background:transparent !important;
}
.not-clickable{pointer-events:none;}
.link{color:#CB9121; !important; font-weight:600;}

.m-t-20{margin-top:20px !important;}
.m-t-30{margin-top:30px !important;}
.m-t-40{margin-top:40px !important;}
.m-t-50{margin-top:50px !important;}
.m-b-20{margin-bottom:20px !important;}
.m-b-30{margin-bottom:30px !important;}
.m-b-40{margin-bottom:40px !important;}
.m-b-50{margin-bottom:50px !important;}
.p-20{padding:20px !important;}
.p-30{padding:30px !important;}
.p-40{padding:40px !important;}
.p-50{padding:50px !important;}
.p-100{padding:100px !important}

.blog-page-review-box.m-t-50{margin-top:100px !important;}
.row{margin-right: unset !important; margin-left: unset !important; padding: 0px !important;}
.gray{color:#4B4B4B;}
.black{color:#000;}
.white{color:#fff !important;}
.light-bg{	background-color:#F0F0EB;}
.corp-container{ max-width:1920px !important; padding:0px 100px !important;}
#mobile-navigation ul li .dropdown-toggle{padding:22px 15px !important;}
/*********************** common styles btns **************************************/
.btn-yellow{
	padding:14px 17px 14px;
	background:#F4CF6D;
	a{color:#222 !important;}
	outline:none;
	display:flex;
	align-items:center; 
	font-size:18px;
	line-height:32.4px;
	width: fit-content;
	gap:5px;
	height:53px;
}
.btn-yellow:hover,
.btn-yellow:focus{background-color:#fff;outline:none;}

.btn-white,a.btn-white,.post-categories a{
	padding: 15px 25px;
	background-color: transparent;
	color: #222 !important;
	font-size: 16px;
	font-style: italic;
	line-height: 19.5px;
	font-weight: 500;
	border: 1px solid #222;
	width: fit-content;
	display: inline-block;
	outline:none;
}
.btn-white:focus,.btn-white:hover{
	background-color:#F4CF6D; 
	border-color:#F4CF6D ;
	outline:none;
}

.submit-btn{
	padding: 17px 31px !important;
	background-color:#222 !important;
	border:1px solid #222 !important;
	color:#F4CF6D !important;
	font-size: 14px !important;
	font-style: italic;
	line-height: 19.5px;
	letter-spacing:1px !important;
	font-weight: 500;
	border: 1px solid #222;
	width: fit-content !important;
	display: inline-block;
	outline:none;
	text-transform:capitalize !important;
	font-weight:500 !important;
}
.submit-btn:hover, .submit-btn:focus{
	font-size: 14px !important;
	background-color:#F4CF6D !important;
	color:#222 !important;
	border-color:#F4CF6D !important;
}

/* portfolio page btn styles */
#sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {
/* 	padding:19px 23px !important; */
	border-radius:0px !important;
	background-color:transparent !important;
	border:1px solid #222;
	span{
		font-size:16px !important;
		color:#222 !important;
	}
	 svg{ path{fill:#222 !important;}}	 
}


.sbi_load_btn:hover,.sbi_load_btn:focus,.sbi_follow_btn>a:hover,.sbi_follow_btn>a:focus{
	background-color: #F4CF6D !important;
	box-shadow:unset !important;
}

#sb_instagram .sbi_hidden{
	opacity: unset !important;
}
.sbi_loader.sbi_hidden{
	display:none;
}

/* &&&&&&&&&&&&&&&&&&&&&&&& common styles &&&&&&&&&&&&&&&&&&&& */
.section{padding: 50px 0px;}

/************************* width************************************* */
.service-img{width: 100%;transition:all 0.3s ease-out;}

/* ************** align-item*************************** */
.service-title-box,.service-img-box{text-align: center;}
/* **************** color  ********************* */
.Know-more-link{color: #fff !important;text-decoration: underline;}
.blog-content-box p,.about-us-content-box p,.who-we-can-help-content-box p{
	color: #4B4B4B !important;
	margin-bottom: 20px !important;
}
/* responsive bg************************************** */
.res-bg{background-position: center;background-repeat: no-repeat;background-size: cover;}

/*  ************* common background ****************** */
.who-we-can-help-section{	background-color:#F0F0EB;}

/*  ************* display Flex ****************** */
.desktop-menu,.header-contacts-box .custom-html-widget,.header-menu-link-and-social-link-box,.main-headlines-after-banner-section,.site-footer .corp-container,#menu-footer-menu,.footer-copyright-and-social-icon-box,.banner-img-content-box,.information-box-con,.who-we-can-help-info-box-con,.who-we-can-help-info-box{
	display:flex !important;
}


/****************** flex-direction************ */
.desktop-menu,.processes-box-cont{	flex-direction:column;}

/*************** Align-item ***********************  */
.banner-img-content-box,.who-we-can-help-info-box,.process-box,.header-menu-link-and-social-link-box{
	align-items: center;
}

.footer-copyright-and-social-icon-box{
	align-items:end;
}
/*************** justify-content ***********************  */
.main-headlines-after-banner-section,
.site-footer .corp-container,
.footer-copyright-and-social-icon-box,
#menu-footer-menu,
.blog-sec-heading-and-btn-box{
	justify-content:space-between;
}

.banner-img-content-box,.who-we-can-help-info-box,.process-box{	justify-content: center;}

/* ****************** header styles ********************** */
.site-header{border-bottom: unset !important; padding:20px  0px !important;}
.desktop-menu{gap:25px;}
.header-contacts-box .custom-html-widget{justify-content:end;gap:7px;}
.header-contact-box{.svg-box{margin-top:-4px}}
.main-navigation ul li{	font-size:18px !important;	margin-right:50px !important;text-transform:capitalize !important;	a{font-weight: 400 !important;	color:#fff !important;	}}
.header-social-link-box a{display:inline-block;	margin:0px 15px;}
.header-social-link-box a:last-child{margin-right:0px;}
.main-navigation ul li{	padding:unset ;}
.header-menu-link-box ul li a{line-height:21.9px !important;}
.header-menu-link-box ul li .sub-menu{top:47px;	left:-75px;   box-shadow: 0px 3px 7px 2px #00000030;}
.header-menu-link-box ul li .sub-menu li .sub-menu{	top:0px;}
.menu-header-menu-container>ul>li>a:hover{ 	color:#CB9121 !important;}
.menu-header-menu-container>ul>li.current-menu-item,
.menu-header-menu-container>ul>li.current-menu-parent,
.menu-header-menu-container>ul>li:hover{
	&::after{
		border-top:10px solid #CB9121 !important; 
	}
}
.header-menu-link-box ul li .sub-menu li a,.header-menu-link-box ul li .sub-menu li .sub-menu li a{	padding:15px 0px !important;text-align:center !important;}
.header-menu-link-box ul li.current-menu-item>a{color: #CB9121 !important;}
.header-menu-link-box ul li .sub-menu li>a,.header-menu-link-box ul li .sub-menu li .sub-menu li>a{	background-color:#FFF !important;	color:#222 !important;}
.header-menu-link-box ul li .sub-menu li.current-menu-item>a,.header-menu-link-box ul li .sub-menu li .sub-menu li.current-menu-item>a,.header-menu-link-box ul li .sub-menu li:hover>a,
.header-menu-link-box ul li .sub-menu li .sub-menu li:hover>a{ background-color: #FFF !important;  color: #CB9121 !important;}
.header-menu-link-box ul li.current-menu-parent>a{	color:#CB9121 !important;}
#mobile-navigation{	top:100% !important;background:#222222 !important;}

#mobile-navigation ul li a{	color:#fff !important;text-transform:capitalize !important;font-size:16px !important;font-weight:400 !important;}
#mobile-menu-button svg{height:30px !important;	width:30px !important;	path{fill:#fff !important;	}}
.dropdown-toggle::after{display:none;}
.header-menu-link-box ul li.menu-item-has-children::after{
	position: absolute;
    content: "";   
    width: 0;
    height: 0;
    top: 6px;
    right: -15px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid #fff;
}

.header-menu-link-box ul li.menu-item-has-children ul li.menu-item-has-children::after,
.header-menu-link-box ul li.menu-item-has-children  ul li.menu-item-has-children::after{
	 	top: 40%;right: 20px;rotate:-90deg;display:none;
}
.contact-us-header-btn-box#menu-item-30>a{	display:inline-block;padding: 14px 17px !important;  background: #F4CF6D; color:#222 !important;}
/* *************  FOOTER   ********************** */
.site-footer{background-color:#222 !important ;}
footer{	padding: 50px 0px;}
.footer-menu>div{display:unset !important;}
.footer-menu .menu li{
	font-size:18px !important;
	line-height:21.94px;
	margin-right:unset !important;
	a{color:#fff !important; text-transform:capitalize;} 
	a:hover{color:#CB9121 !important}
}
.footer-copyright-text{font-size:16px !important;}
.sticky-number-box{
	z-index:10;
	display:none;
	background: #cb9121;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
	a{color:#222 !important;padding:15px;display:inline-block;}
	svg path{fill:#222 ;}
}

a.term-link{color:#fff !important;}

/* banner section****************************** */
.banner-img-content-box{height:680px;}
.main-headlines-after-banner-section{padding :50px 200px;}
.main-headlines-after-banner-section{gap:15px; align-items:center;}
.main-headlines-after-banner-left-text{width:45%; gap:5px;}
.devider{border:0.5px solid #222; min-height:50px;}
.main-headlines-after-banner-left-text,.main-headlines-after-banner-right-text{gap:5px;}
/* .banner-content-link.btn-white,.banner-content-link.btn-white:hover{border-color:#fff !important; color:#fff !important; background:transparent !important;} */
a.banner-content-link {
    background-color: #222222 !important;
    color: #efcb6b !important;
    border: 1px solid #222222 !important;
	width: 212px;
}
a.banner-content-link:hover {
    background-color: #f4cf6d !important;
	border: 1px solid #efcb6b !important;
    color: #222222 !important;
}
/* about us section ***************************** */
.about-us-left-box{padding:0px;}
.about-us-img-box{height: 100%;	width: 100%;img{height:100%;width: 100%;object-fit:cover;}	}

/* who we can help selction  ***********************/
.who-we-can-help-section{padding: 50px 0px;}
.who-we-can-help-info-box-con{gap:15px}
.who-we-can-help-main-heading-box h3{color: #fff;}
.who-we-can-help-info-box{width: 33.33%;height: 450px;display:flex;justify-content:center;align-items:center;}
.who-we-can-help-content-box{position: sticky; top:200px;}
.who-we-can-help-main-heading-box,
.info-detail-box{z-index: 3;}
.info-detail-box{display: none; padding: 20px;}
.info-img-box{position: absolute;height: 100%;width: 100%;overflow: hidden;}
.info-img-box img{	transform: scale(1.3);	transition:all 0.7s ease-out;}
.info-detail-box h4,.info-detail-box p{	color: #fff !important;	margin-bottom: 10px !important;}
.info-detail-box h4{transition: all .3s ease-out;}
.info-detail-box p{	transition: all .3s ease-out 0.2s;font-size: 16px;	line-height: 22.88px;}
.info-img-box, .info-img-box img { height: 100%; width: 100%;}
.who-we-can-help-info-box:hover {
	.info-img-box img{transform: scale(1.1) translateY(-20px);	opacity: 0.9;}
	.who-we-can-help-main-heading-box{display:none;}
	.info-detail-box{display: flex;flex-direction: column;}
}
a.Know-more-link{color: #fff !important;text-decoration: underline;}

/* Our Services section ********************** */
.service-title-text{text-transform: uppercase; letter-spacing: 8px;}
.service-content-box p{color: #4B4B4B !important; margin:20px 0px !important;}
.service-content-box{/*height:320px;*/ display:flex;flex-direction:column;justify-content:space-between;  }
.service-content-link-box {margin-top: 15px;}
.service-img-box{overflow: hidden; border:1px solid #222;}
.service-box:hover{	
	.service-img{
		transform: scale(1.1);	
		transition:all 0.3s ease-out;
	}
}

/* *************** Latest Project Section ************************* */
.project-image-con-box{gap:20px;}
.project-img-box{width: 25%;}

/**********************client Reiview ******************************* */
.client-review-section{background:#F0F0EB;}
/* .ti-review-header, .page-id-13 .ti-widget.ti-goog .ti-review-item>.ti-inner {background-color: #fff !important; } */
.ti-review-header,.client-review-section .ti-widget.ti-goog .ti-review-item>.ti-inner {background-color: #fff !important; } 
.ti-widget.ti-goog .ti-review-header::before{border-top-color:#fff !important;}
.ti-widget.ti-goog .ti-profile-details{align-items:center;}
.ti-date{display:none;}
.ti-widget.ti-goog .ti-widget-container .ti-name{margin-bottom:20px !important;}

.ti-widget.ti-goog .ti-review-item>.ti-inner, .ti-widget.ti-goog .ti-load-more-reviews-container .ti-load-more-reviews-button{background-color:#fff !important;}

/* ***************  blogs post section ********************** */
/* .blogs-con-box{gap:15px;} */
.blog-box{border:1px solid #222; width:500px; margin:0px 15px; }
.blog-img-box{overflow:hidden;}
.blog-link-btn-box{  top: 0; right: 0;  transform: translate(20px, 100%);background-color: #222;padding: 50px 10px;display:none;}
.blog-content-heading-box{padding:15px 0px;}
a.blogs-content-heading{color:#222 !important;}
.blog-content-box p{display: -webkit-box;  -webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.blog-box:hover{
	.blog-link-btn-box{display:block;}
	.blog-img-box img{transform:scale(1.05);}
	a.blogs-content-heading{color:#CB9121 !important;}
}  
.blogs-con-box.slick-initialized.slick-slider{margin-left:100px;}
.blog-img{height:400px;	width:100%;	object-fit:cover;transition:all 0.3s ease-out;}

/* ************ call to action section ****************** */
.cta-content-box{ padding: 120px 50px; background-color: #F0F0EB;position:relative;}
.cta-content-img-box.row {align-items:center; margin-left:0px!important;}
.cta-content-box::before{ content: ""; background: #F0F0EB;position: absolute;top: 0px;	right: 0%;  width:130%; height: 100%;z-index:-1;}

/* ******************** CONTACT FORM SECTION ************************* */
.contact-form-left-box::before{ content: ""; background: #F0F0EB; position: absolute;top: 0px; left: 0px; width:130%; height: 100%;	z-index:-1;}
input.wpcf7-form-control.wpcf7-file.input.file{	padding:15px;}
.contact-form-cont-box{display:flex; flex-direction:column; gap:15px; .rows{/*width:99%;*/width: 100%}}
.rows.first-row>p{	display:flex;flex-wrap:wrap;gap:15px;
	span{/*width:47%;*/ width: 49%;	.input{width:99.5%;}	span{width:100%;}}	
}
a.cd-upload-btn {
    font-size: 12px;
}
select:focus-visible {
    outline: none;
}
.rows>p>span .input {background-color: #fffaee;padding: 22px 30px;border: 0px solid #222;border-bottom: 1px solid #cc9538;color: #222;}
.codedropz-upload-handler .codedropz-upload-container{padding: 22px 30px; background-color: #fffaee;}
.codedropz-upload-handler{border: 2px dashed #cc9538;}
.codedropz-upload-inner{display: flex; gap: 15px;}
textarea.wpcf7-form-control {margin-bottom: -10px;}
.wpcf7-form-control-wrap h3{font-size: 12px !important;font-weight: normal;}
.address.input ,textarea.input,.codedropz-upload-wrapper{/*width:97.5%;*/ width:99.5%}
/* .rows>p>span .input{background-color:transparent; padding:22px 30px; border:1px solid #222; color:#222;} */
label, .input::placeholder, select.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.input.select {color:#222; font-size:12px !important;}
input.wpcf7-form-control.wpcf7-file.input.file { border: 1px solid #222;}
.contact-profile-link-box span{margin:0px 5px;}
.contact-form-right-box{display:flex;justify-content:center; flex-direction:column; gap:80px;}
.contact-profile-box{border: 1px solid #222; background: transparent; padding: 25px; width:90%;background:#fff;}
.postion-box{position: relative; bottom: -25px; left: -25px; background: #f7f7f7; padding: 15px 30px;width:fit-content;	text-align:center;}
.contact-profile-info-box{width:100%;}
.conact-profile-img-box{position: absolute; right: -80px; top: 25px;}
.contact-profile-info-link{	color:#222 !important;}

/* ************** our Process Section **************** */
.process-and-anim-con-box{position:relative;}
.processes-box-cont{gap:50px}
.process-box{gap:200px;}
.process-box-content-box{border:1px solid #222; height:400px; width:451px; h4{text-transform:capitalize;}}
.process-img-box{height:400px;width:450px;border:1px solid #222;
	img{height:100%;width:100%;object-fit:cover;}
}

/*  ------------------- time-line animation */
.process-anim-con-box{position:absolute;top:100px;left:50%;}
.timeline {
  ul { height:1080px;  padding: 0;}
  .default-line { content: ''; position: absolute; left: 50%; width: 4px;background: transparent;height: 1080px;}
  .draw-line { width: 4px;height: 0; position: absolute;  left: 50%;  background:#CB9121; } 
  .dot-text{  position:absolute; color: #fff;  top: 22px;font-size:22px;} 	
  ul li { list-style-type: none; position: relative;width: 2px;margin: 0 auto;height: 500px; background: transparent;display:flex;justify-content:center;align-items:center;
    &.in-view {	transition: 0.125s ease-in-out, background-color 0.2s ease-out, color 0.1s ease-out, border 0.1s ease-out;
      &::before {content: ''; position: absolute;left: 50%;  top: 0; width: 80px; height:80px; border-radius: 50%; background-size: 80px 80px;background-color:#000;transition: 0.125s ease-in-out, background-color 0.2s ease-out, color 0.1s ease-out, border 0.1s ease-out; }
    }
    &::before { content: ''; position: absolute; left: 50%; top: 0;transform: translateX(-50%); width: 80px;height: 80px;border-radius: 50%;background: inherit; background:#CB9121;transition: all .4s ease-in-out;}
  }
	.timeline ul li::last-child(){height:100px;}
}
.conact-profile-img-box img {
    width: 240px;
    height: 240px;
}

/* =========================================
   STOP PAGE/BANNER SHIFT WHEN MODAL OPENS
   ========================================= */
body
{
    overflow-x: hidden;
}
html {
    scrollbar-gutter: stable;
}

/* Keep the main page width stable */
body.modal-open {
    padding-right: 0 !important;
}

/* Prevent theme sections from moving because
   Bootstrap adds scrollbar compensation */
body.modal-open > * {
    /* don't add anything here */
}


/* =========================================
   STICKY CONTACT BUTTON Desktop only
   ========================================= */
.sticky-btn {
    position: fixed !important;
    right: 0 !important;
    left: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2100 !important;
}
.sticky-contact-btn {
    display: block !important;
    width: 30px !important;
    margin: 0 !important;
    padding: 12px 4px !important;
    writing-mode: vertical-rl !important;
    text-orientation: mixed !important;
    transform: none !important;
    background: #111 !important;
    color: #f2efe6 !important;
    border: none !important;
    border-radius: 8px 0 0 8px !important;
    font-size: 12px !important;
    font-weight: 600;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    transition: none !important;
}

/* =========================================
   WHEN POPUP IS OPEN Button stays EXACTLY in same position
   ========================================= */

body.modal-open .sticky-btn {
    position: fixed !important;
    right: 0 !important;
    left: auto !important;
    top: 50% !important;
    bottom: auto !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 1 !important;
}

body.modal-open .sticky-contact-btn {
    transform: none !important;
    margin: 0 !important;
    z-index: 2100 !important;
}

/* =========================================
   MODAL
   ========================================= */
#stickyContactModal {
    z-index: 2050 !important;
}
#stickyContactModal .modal-dialog {
    margin-left: auto !important;
    margin-right: auto !important;
}
.modal-backdrop {
    z-index: 2040 !important;
}

#stickyContactModal .btn-close {
    position: relative !important;
    z-index: 2200 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    opacity: 1 !important;
}

/* =========================================
   MOBILE - HIDE BUTTON
   ========================================= */

@media (max-width: 900px) {
    div#stickyContactModal {
    padding: 0 15px !important;
}
.huCpOw, .hrSGGG {
  border-radius: 0 !important;
}
 .grecaptcha-badge {
    visibility: hidden !important;
  }	
  .gnrRVp {
    padding-left: 15px !important;
	justify-content: left !important;
}
}