/* Button */
.btn1 {padding: 13px 20px; border-radius: 40px; font-size: var(--font-20); line-height: 24px; text-transform: capitalize; display: inline-flex; align-items: center; justify-content: center; letter-spacing: 0px; gap: 10px; box-shadow: 0px 4px 20px 0px #FDCD5666; border-radius: 40px;}
.btn1 svg path {transition: all ease-in-out 0.3s;}
.btn1:hover svg path {fill: var(--color-black);}

.section-spacing {padding: 100px 0;}
.contact-hero-sec{padding-top: 110px; position:relative;overflow: hidden;background-image: url(../images/contact-us/hero-bg.webp);background-size: inherit;background-repeat: no-repeat;}
.hero-grid{display: grid;grid-template-columns: auto;gap: 50px;}
.drop-line-link .drop-static {font-weight: 500;padding: 10px 20px;border-radius: 30px;border: 1px solid #F2A843;box-shadow: 0px 4px 20px 0px #FDCD5666;display: flex;width: fit-content;align-items: center;margin-bottom: 30px; transition: all ease-in-out 0.3s;}
.drop-line-link .drop-static span {display: block;background: #F2A843;padding: 4px 12px;width: fit-content;border-radius: 30px;margin-right: 10px;}
.drop-line-link .drop-static:hover {background: #F2A843;color: #fff !important;}
.drop-line-link .drop-static:hover span {background: #fff;color: #F2A843;}
h1 {font-weight: 700;font-size: 55px;line-height: 100%;}
.contact-hero-sec h1{margin-bottom: 30px;line-height:normal;}
.contact-hero-sec h1 span{color: var(--primary);}
p{font-weight: 400;font-size: 20px;line-height: 28px;}
.h-left-content{display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;gap: 30px;height: 100%;}
.faster-plan {padding: 30px;border: 1.5px solid #FCEED9;border-radius: 20px;}
.faster-plan .sub-title {width: fit-content;padding: 2px 8px;border-left: 1px solid #F2A843;background: #F2A8431A;font-size: 20px;line-height: 28px;margin-bottom: 12px;}
.faster-plan h2{font-weight: 700;font-size: 24px;line-height: 32px;margin-bottom: 12px;}
.h-link .h-static{width: fit-content;display: block;font-size: 20px;line-height: 28px; font-weight: 500;}

.hero-form {padding: 10px;background: #FFFFFF4D;border: 1.5px solid #25395C1A;border-radius: 16px;backdrop-filter: blur(10px);margin-left: auto;box-shadow: 0px 18px 40px -12px #0A16280F;border: 1.5px solid #F2A84333;}
.hero-form .form-label{font-size: 18px;line-height: 26px;font-weight: 500;}
.hero-form .form-control{font-size: 20px;line-height: 28px;padding: 13px 20px;border-radius: 40px;background: #FFFFFF33;border: 1.5px solid #25395C1A;box-shadow: none;outline: none;}
.hero-form input:focus, .hero-form input:hover,
.hero-form select:focus, .hero-form select:hover,
.hero-form textarea:focus, .hero-form textarea:hover{border-color: #F2A843;outline: none;box-shadow: none;}
.hero-form textarea{font-size: 20px;line-height: 28px;padding: 13px 20px;border-radius: 10px !important;background: #FFFFFF33;border: 1.5px solid #25395C1A;box-shadow: none;outline: none;}
.contact-form h2{font-size: 24px;line-height: 32px;font-weight: 700;margin-bottom: 10px;}
.contact-form p{margin-bottom: 32px;}
.contact-form .btn1{width: 100%;margin-top: 24px;}
.iti__selected-country-primary .iti__arrow, .iti__selected-flag .iti__arrow{width: 13px;height: 11px; filter: brightness(0.5);background-size: 13px;background-position: 0;}
.form-list{display: flex;flex-direction: column;gap: 12px;}
.form-list li{position: relative;padding-left: 32px;}
.form-list li b {font-weight: 700 !important;}
.form-list li::before{content: '';width: 24px;height: 24px;position: absolute;top: 0;left: 0;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23F2A843'/%3E%3Cpath d='M9.74201 14.3125L16.8045 7.25C16.9712 7.08333 17.1656 7 17.3878 7C17.6101 7 17.8045 7.08333 17.9712 7.25C18.1378 7.41667 18.2212 7.61472 18.2212 7.84417C18.2212 8.07361 18.1378 8.27139 17.9712 8.4375L10.3253 16.1042C10.1587 16.2708 9.96423 16.3542 9.74201 16.3542C9.51979 16.3542 9.32535 16.2708 9.15868 16.1042L5.57535 12.5208C5.40868 12.3542 5.32868 12.1564 5.33535 11.9275C5.34201 11.6986 5.42896 11.5006 5.59618 11.3333C5.7634 11.1661 5.96146 11.0828 6.19035 11.0833C6.41923 11.0839 6.61701 11.1672 6.78368 11.3333L9.74201 14.3125Z' fill='white'/%3E%3C/svg%3E%0A");background-repeat: no-repeat;}
.hero-form select.form-control{position: relative;background-image: url("data:image/svg+xml,%0A%3Csvg width='8' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.5L4 3.5L7 0.5' stroke='%2335373B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 13px;background-position: 97% 24px;}
.calendly-form{padding:10px;}

.faster-plan ul li{
    position: relative;
    padding-left: 30px;
    margin-bottom: 16px;
}
.faster-plan ul li::before{
    content: '';
    position: absolute;
    top: 3px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='10' fill='%23F2A843'/%3E%3Cpath d='M8.11786 11.9271L14.0033 6.04165C14.1422 5.90276 14.3042 5.83331 14.4894 5.83331C14.6746 5.83331 14.8366 5.90276 14.9755 6.04165C15.1144 6.18054 15.1838 6.34558 15.1838 6.53679C15.1838 6.72799 15.1144 6.8928 14.9755 7.03123L8.60397 13.4201C8.46508 13.559 8.30304 13.6285 8.11786 13.6285C7.93267 13.6285 7.77063 13.559 7.63174 13.4201L4.64563 10.434C4.50674 10.2951 4.44008 10.1303 4.44563 9.93956C4.45119 9.74882 4.52364 9.58378 4.66299 9.44442C4.80235 9.30507 4.96739 9.23563 5.15813 9.23609C5.34887 9.23655 5.51369 9.306 5.65258 9.44442L8.11786 11.9271Z' fill='white'/%3E%3C/svg%3E%0A");
}

/* responsive css */

@media only screen and (max-width: 1441px) {

    h1 {
        font-size: var(--font-45);
        line-height: 55px;
    }
    
    .hero-form .form-control,.filelabel{font-size: 16px;line-height: 24px;}
}

@media only screen and (max-width: 1199px) {
    h1 {
        font-size: var(--font-35);
        line-height: 45px;
    }
    h2 {
        font-size: 26px;
        line-height: 38px
    }

    h3 {
        font-size: 22px
    }

    h4 {
        font-size: var(--font-20)
    }

    .section-spacing {padding: 70px 0;}
}

@media only screen and (max-width: 991px) {
    .hero-grid{grid-template-columns: 1fr; gap: 20px;}
    .hero-form{width: 100%;max-width: 100%;margin: 20px auto 0;padding: 20px 20px;}
    .h-left-content .section-inner-head {text-align: center;}
    .h-left-content .section-inner-head .drop-line-link {width: fit-content;margin: 0 auto;}
}

@media only screen and (max-width: 380px) {

    .col-6{width: 100% !important;}
}