:root {
    --body: #344054; /*Body Text Color/*/
    --alternate1: #667085; /*alternate1 Text Color/*/
    --title: #101828; /* Title Color*/
}
.custom-button{ height: 56px; font-weight: 600; z-index: 1; overflow: hidden;}
.custom-button::after{ font-size: 16px;}
.custom-button:before { position: absolute; content: ""; width: 0;  height: 100%; top: 0; right: 0; z-index: -1; background-color: var(--primarydark);  transition: all 0.3s ease;}
.custom-button:hover:before {  left: 0;  width: 100%;}
.ContactSection1 .img-holder{padding-bottom: 23.43%; min-height: 300px;}
.ContactSection1 h1{ color: var(--white);font-weight: 500 !important; font-size: 60px;letter-spacing: -1px;}
.pageTitle.sm h1, .pageTitle.sm h2, .pageTitle.sm h3, .pageTitle.sm h4, .pageTitle.sm h5, .pageTitle.sm h6 { font-size: 36px; letter-spacing: -0.72px; font-weight: 600; }
.ContactSection2 .left{ margin-right: -10px;}
.ContactSection2 .right{ padding-left: 65px;}
.ContactSection2 .right .box{border-radius: 20px;background: #FFF6F1; padding: 45px; margin-bottom: 20px;}
.icon-list .item {margin-bottom: 40px;display: grid;gap: 20px;grid-template-columns: 82px auto;}
.icon-list .item:last-child {margin-bottom: 0px;}
.icon-list .item .icon-holder {width: 82px;height: 82px;background-color: var(--primary); color: #ffffff; font-size:30px;}
.icon-list .item .info {align-self: center;}
.icon-list .item .info h4 {letter-spacing: -0.5px; font-size: 25px;font-weight: 600; padding-bottom: 5px;}
.icon-list .item .info p { margin-bottom: 0px;}
.icon-list .item .info p a { font-weight: 700; color: var(--alternate1); text-decoration: none;}
.icon-list .item .info p a:hover { color: var(--alternate1); text-decoration: underline;}
.form-group{ margin-bottom: 24px;}
.form-group label, .custom-label { color: var(--body); font-size: 14px;}
.form-control.alt, .select-alt .nice-select { height: 48px; line-height: 46px; border-color: #D0D5DD; border-radius: 8px; padding: 0px 16px;box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);}
 input::placeholder, input.form-control::-webkit-input-placeholder, textarea::placeholder, .nice-select, .form-group.floating-label label {
 color: var(--alternate1) !important;
 opacity: 1 !important;
}
.nice-select::after{ right: 16px; color: var(--alternate1);}
.nice-select .list{ border-radius: 8px; width: 100%; min-width: 100px;}
.nice-select .list .mCSB_inside > .mCSB_container {margin-right: 3px !important;}

textarea.form-control.alt {height: 237px; line-height: 1.3; padding: 20px;}
.main-content-wrapper{ z-index: 2;}
.cta-section{border-radius: 20px;background: #231F20; font-size: 24px; font-weight: 500;}
.ContactSection3::after{ content: "";background: #F7F7F7; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 50%;}
.phone-wrap{ position: relative;}
.phone-wrap .form-control.alt{ padding-left: 75px;}
.phone-wrap .cf7-country-phone-field{ position: absolute; left: 16px; z-index: 1;}
.phone-wrap .cf7-country-phone-field .nice-select{ border: 0px !important;}
@media only screen and (max-width: 1199.98px) {
.ContactSection2 .left{ margin-right: 0px;}
.ContactSection2 .right{ padding-left: 30px;}
.ContactSection2 .right .box{padding: 30px;}
}
@media only screen and (max-width: 991.98px) {
.ContactSection2 .right{ padding-left: 0px;}
}
@media only screen and (max-width: 575.98px) {
.ContactSection1 h1{ font-size: 40px;}
.pageTitle.sm h1, .pageTitle.sm h2, .pageTitle.sm h3, .pageTitle.sm h4, .pageTitle.sm h5, .pageTitle.sm h6 { font-size: 30px; }
.size-20{ font-size: 16px;}
.icon-list .item .info h4 {font-size: 20px;}
}
@media only screen and (max-width: 479.98px) {
.ContactSection2 .right .box{padding: 20px;}
.icon-list .item {margin-bottom: 30px; display: block;}
.icon-list .item .icon-holder { margin-bottom: 20px;}

}