/*===== New Contact Page CSS Start =====*/
.contact-banner-sec{margin:0px auto;width:100%;display:block;position:relative; margin-bottom: 100px;}
.contact-banner-sec .container{max-width:100%;width:100%; padding: 0px;}
.contact-banner-sec .hero-wrapper{display: flex; flex-wrap: wrap; align-items: center;}
.contact-banner-sec .main-hero-title{max-width: 40%; width: 100%;padding: 0px 50px 0px 200px;}
.contact-banner-sec .main-hero-title h1{letter-spacing:-2px;font-size:60px;line-height:70px;color:#252B33;font-weight:800;margin-bottom:20px;}
.contact-banner-sec .main-hero-title .approch-sec{font-size:16px;font-weight: 400;color:#252B33;letter-spacing:0;line-height:28px;}
.contact-banner-sec .main-hero-sub-title{font-size:24px;color:#252B33;letter-spacing:-0.5px;line-height:30px;font-weight:600;margin:20px 0px;padding-right: 30px;}
.contact-banner-sec .main-hero-title .main-hero-desc p{margin-bottom: 20px;}
.contact-banner-sec .main-hero-image{max-width: 60%; width: 100%;}
.contact-banner-sec .main-hero-image img{width:100%;}

.getintouch-sec{padding: 0px 0px 100px;}
.contact-detial{display: flex; flex-wrap: wrap; margin-top: 80px;}
.contact-box{width: 50%; padding:30px 0px 30px 80px; display: flex; align-items: center; justify-content: flex-start;}
.contact-box .contact-row{padding-left: 40px;}
.contact-box .contact-row p{margin-bottom: 8px;}
.contact-box .contact-row a,.contact-box.show_msg_box .contact-row h4{color: #252B33; font-size: 24px; line-height: 33px; font-weight: 800;transition: all 0.3s ease-in-out; position: relative; cursor: pointer;display: flex; align-items: center;}
.contact-box .contact-row a:hover,.contact-box.show_msg_box .contact-row h4:hover{color: #F13C31 !important;}
.contact-box .icon-contact-arrow::before, .location-detail a .icon-contact-arrow::before{color: #F13C31;}
.contact-box .icon-contact-arrow, .location-detail a .icon-contact-arrow{opacity: 0; color: #F13C31 !important; transform: translateX(75%) scaleX(0.1); transform-origin: right center; transition: transform .5s cubic-bezier(0.86, 0, 0.07, 1), opacity .4s cubic-bezier(0.86, 0, 0.07, 1);margin: 5px 10px 0px;}
.contact-box:hover .icon-contact-arrow, .location-detail a:hover .icon-contact-arrow{opacity: 1;transform: translateX(0) scaleX(1);}
.contact-box .ct-icon{font-size: 42px;}
.br-btm-br-rt{border-bottom: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE;}
.br-btm{border-bottom: 1px solid #EEEEEE;}
.br-rt{border-right: 1px solid #EEEEEE;}

.our-office-sec{background: #FAFAFA; padding: 100px 0px;}
.office-location .mr-top-80{margin-top: 80px;}
.location-detail .location-img{overflow: hidden;}
.location-detail .location-img img{width: 100%; height: 420px; object-fit: cover; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;}
.location-detail .location-img:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.location-detail h4{font-weight: 800; margin: 25px 0px 10px;}
.location-detail p{margin-bottom: 25px; padding-right: 60px;}
.location-detail a{color: #F13C31; font-size: 16px; font-weight: 600; position: relative;display: flex;align-items: center;}
.location-detail a .icon-contact-arrow{margin: 0px 10px;}

.current-job-sec{padding: 20px 0px 100px;}

.theme-black .contact-banner-sec {background-color: #000000;}
.theme-black .contact-box .contact-row a,.theme-black .contact-box.show_msg_box .contact-row h4{color: #F13C31 !important;}
.theme-black .br-btm-br-rt{border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1);}
.theme-black .br-btm{border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.theme-black .br-rt{border-right: 1px solid rgba(255, 255, 255, 0.1);}
.theme-black .our-office-sec{background: #202020;}
/*===== New Contact Page CSS Start =====*/

/****===== Contact Page CSS Start =====****/
.contact-title-full-banner{ position: relative;}
.contact-title-full-banner .hero-banner{ position: relative; text-align: center; }
.contact-title-full-banner .contact-content-box{position: absolute;top: 50%;left: 0;right: 0; transform: translateY(-50%);}
.contact-title-full-banner .contact-content-box .contact-content-block { text-align: center;}
.contact-title-full-banner .contact-content-box .contact-content-block h1{width: 85%; color: #252b33; font-size: 60px; font-weight: 800;letter-spacing: -1px;margin: 0 auto; line-height: 60px; margin-bottom: 30px;}

.contact-listing-section{ padding: 100px 0px;}
.contact-listing-section .contact-listing-block { margin-bottom: 180px;}
.contact-listing-section .contact-listing-block:last-child { margin-bottom: 0px;}
.contact-listing-section .contact-listing-block .contact-content{ text-align: center;}
.contact-listing-section .contact-listing-block .contact-content h3{font-size: 28px; line-height: 38px; font-weight: 800; color: #252b33; margin-bottom: 20px; padding: 0px 60px; }
.contact-listing-section .contact-listing-block .contact-content p{margin-bottom: 30px; padding: 0 30px;}
.contact-listing-section .contact-listing-block .contact-content .quote-box { margin-bottom: 20px;}
.contact-listing-section .contact-listing-block .contact-content .green-btn { margin-top: 30px;}
.contact-listing-section .contact-listing-block .contact-content .green-btn a { margin: 0px 10px;}
.contact-listing-section .contact-listing-block .contact-img{ text-align: center;}

.contact-details-section .contact-about-section{ padding: 150px 0px 50px;}
.contact-details-section .contact-about-section h2{ margin-bottom: 20px;}
.contact-details-section .contact-about-section .about-full-content { margin-top: 80px;}
/****===== Contact Page CSS End =====****/
#lets-talk.lets-talk{z-index:999999;margin:100px auto 100px;}
#lets-talk.lets-talk h3{color:#F13C31;font-size:48px;margin-bottom:35px;font-weight:600;position:relative;display:inline-block;padding-bottom:40px;}
#lets-talk.lets-talk h3::before{position:absolute;content:'';width:67px;border-bottom:1px solid #d1d2d4;left:0;bottom:0;}
.lets-talk .q_icon_with_title .icon_text_holder .icon_title{font-weight:400;margin:0 0 10px 0;}
.contact-details{color:#252b33;font-size:26px;}
#lets-talk.lets-talk .contact-details a, .nl-form a.nl-field-toggle{color:#252b33;border-color:#252b33;line-height:1.5;border-bottom:1px solid #8a959e;font-size:26px;text-transform:capitalize;}
#nl-form-search, #nl-form-search .right-part .nl-field{color:rgba(138, 149, 158, 1);font-size:18px;margin-top:5px;}
#nl-form-search .left-part .nl-field{display:block;margin-top:5px;}
#nl-form-search .left-part .nl-field a.nl-field-toggle{width:100%;}
#nl-form-search.nl-form a.nl-field-toggle{color:rgba(138, 149, 158, 1);border-color:rgba(138, 149, 158, 1);}
#nl-form-search .right-part{font-size:14px;}
#nl-form textarea.message-box{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background-color:transparent;border-color:-moz-use-text-color -moz-use-text-color #ccc;border-style:none none solid;margin-top:0px;padding:15px 0 10px;font-weight:100;width:78%;resize:none;font-size:28px;border-bottom:1px solid #8a959e;outline:medium none;line-height:1.0;color:#252b33;overflow-y:hidden;border-radius:0px;}
#nl-form textarea.message-box.has-error{color:red !important;border-color:red !important;}
#nl-form textarea.message-box.has-error::-webkit-input-placeholder{color:red;}
#nl-form textarea.message-box.has-error:-moz-placeholder{color:red;}
#nl-form textarea.message-box.has-error::-moz-placeholder{color:red;}
#nl-form textarea.message-box.has-error:-ms-input-placeholder{color:red;}
.captcha-outer .captcha-left{width:auto;margin-right:20px;}
.captcha-outer .btn{float:left;margin-top:40px !important;}
.captcha-outer .button.cd-modal-action>h6{margin-top:55px !important;}
.nl-form .captcha-outer label.required{display:block;font-size:16px;font-weight:400;}
.hiddenRecaptcha ~ label.required, .hiddenRecaptcha ~ label.required::after{color:transparent !important;}
.hiddenRecaptcha.has-error ~ label.required, .hiddenRecaptcha.has-error ~ label.required::after{color:red !important;}
.captcha-outer .nl-field.nl-ti-text{display:none;}
.left-responsive{float:right;}
.right-responsive{float:left;}
.left-flex-responsive{order:2;}
.right-flex-responsive{order:1;}
h2 {font-weight: 800;color: #252B33;}

/************************* Dark Theme Start  *********************************/
.theme-black h1, .theme-black h2, .theme-black h3, .theme-black h4, .theme-black h5, .theme-black h6, .theme-black p, .theme-black span,.theme-black blockquote,.theme-black strong,.theme-black b,.theme-black u,.theme-black center,.theme-black ol,.theme-black ul,.theme-black li,.theme-black li a { color:#fff !important;}
.theme-black{background:#000000;}

/*==== Contact Page Start =====*/
.theme-black .contact-title-full-banner .contact-content-box .contact-content-block h1{ color: #252b33 !important;}
.theme-black .contact-listing-section { border-bottom:1px solid rgba(255, 255, 255, 0.1); }
.theme-black .contact-listing-section .contact-listing-block .contact-content .quote-box img , .theme-black .contact-listing-section .contact-listing-block .contact-content .signature-box img { filter: invert(1); -webkit-filter: invert(1);}
 
/*==== Contact Page End =====*/

/******==================== Responsive CSS Start ====================******/
@media (max-width: 1660px) {
.contact-banner-sec .main-hero-title{padding: 0px 50px 0px 50px;}
}

@media screen and (max-width:1440px){
.main-hero-title{top:60px;padding-right:60px;}
.main-hero-title h1{font-size: 50px; line-height: 60px;}

.contact-banner-sec .main-hero-title{padding: 0px 30px 0px 30px;}
}

@media (max-width: 1280px) {
.contact-banner-sec .main-hero-title h1{font-size: 50px; line-height: 60px;}
.contact-banner-sec .main-hero-sub-title{margin: 15px 0px;}
}

/* iPad 9th Gen Css Start */
@media only screen and (min-width: 744px) and (max-width: 1199px)  {
h2 {font-size: 30px;line-height: 40px;}
.getintouch-sec{padding: 0px 0px 50px;}
.our-office-sec{padding: 50px 0px;}
.current-job-sec{padding: 0px 0px 50px;}
.current-job-sec .contact-detial{margin-top: 50px;}
.location-detail p{padding-right: 0px;}
.location-detail .location-img img{height: 340px;}
.contact-box{padding: 30px 0px 30px 50px;}
.contact-banner-sec .hero-wrapper{flex-direction: column-reverse;}
.contact-banner-sec .main-hero-title{padding: 40px 30px 0px 30px; text-align: center;}
.contact-banner-sec .main-hero-title,.contact-banner-sec .main-hero-image{max-width: 100%;}
.contact-banner-sec .main-hero-title h1 {font-size: 40px;line-height: 50px;}
.contact-banner-sec .main-hero-sub-title{font-size: 20px; line-height: 34px;}
.contact-detial {margin-top: 50px;}
.contact-box {display: block;text-align: center;padding: 20px;}
.contact-box .icon {margin-bottom: 20px;}
.contact-box .contact-row a, .contact-box.show_msg_box .contact-row h4 {font-size: 20px;line-height: 26px;}
}
/* iPad 9th Gen Css End */
/******==================== Responsive CSS End ====================******/