@font-face {
    font-family: 'helvetica_neuebold';
    src: url('../fonts/helveticaneuebold-webfont.eot');
    src: url('../fonts/helveticaneuebold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneuebold-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneuebold-webfont.woff') format('woff'),
         url('../fonts/helveticaneuebold-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneuebold-webfont.svg#helvetica_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helvetica_neuemedium';
    src: url('../fonts/helveticaneuemedium-webfont.eot');
    src: url('../fonts/helveticaneuemedium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneuemedium-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneuemedium-webfont.woff') format('woff'),
         url('../fonts/helveticaneuemedium-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneuemedium-webfont.svg#helvetica_neuemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helvetica_neueregular';
    src: url('../fonts/helveticaneueroman-webfont.eot');
    src: url('../fonts/helveticaneueroman-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneueroman-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneueroman-webfont.woff') format('woff'),
         url('../fonts/helveticaneueroman-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneueroman-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helvetica_neuethin';
    src: url('../fonts/helveticaneuethin-webfont.eot');
    src: url('../fonts/helveticaneuethin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneuethin-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneuethin-webfont.woff') format('woff'),
         url('../fonts/helveticaneuethin-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneuethin-webfont.svg#helvetica_neuethin') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helvetica_neuelight';
    src: url('../fonts/helveticaneuelight-webfont.eot');
    src: url('../fonts/helveticaneuelight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneuelight-webfont.woff2') format('woff2'),
         url('../fonts/helveticaneuelight-webfont.woff') format('woff'),
         url('../fonts/helveticaneuelight-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneuelight-webfont.svg#helvetica_neuelight') format('svg');
    font-weight: normal;
    font-style: normal;
}


html { overflow-x: hidden }
* { margin: 0; padding: 0; box-sizing: border-box; }
*:not(.slick-track):not(.slick-list) { transition: all 0.3s ease-in-out; }
body { background-color: #fff !important; color: var(--white); font-family: var(--Helvetica-Neue-reg) !important; font-size: 16px; line-height: 28px; overflow-x: hidden; }
a { display: inline-block;text-decoration: none; }
.widget>*:last-child { margin-block: 0; }
li { list-style: none; line-height: unset; }
img { width: 100%; height: auto; user-select: none; }
img:focus-visible, a:focus, .btn:focus, a:focus-visible, div:focus-visible { outline: none; box-shadow: none; }
.btn-green:focus, .social-icons a:focus { background-color: var(--blue) !important; }
.site-main>* { margin: 0; }
.site-main { padding: 0; }
.form-control:focus{box-shadow: none;}
:focus-visible { outline: 0; }
p, h1, h2, h3, h4, h5, h6, ul { margin: 0; padding: 0; }
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus { outline: none; }
.primary-navigation>div>.menu-wrapper .sub-menu-toggle:focus { outline: none; }
/* ::selection  {background-color: var(--bg-green);color: var(--white);} */
body.overflow-hidden { overflow: hidden !important; }
:root {
    /* color */
    --white: #ffffff;
    --black: #000000;
    --blue: #68C9FD;
    --btn-hover:#04A6FB;
    --secondary: #080E12;
    --light-black:#101B23;
    --dark-green: #203646;
    --dark-blue-01:#012132;
    --dark-blue-02:#014265;
    --form-bg-color:#1C262E;
    /* --primary-01:#283239; */
    --primary-02:#1c262e;
    --opacity-10:rgba(255 255 255 / 10%);
    --opacity-70:rgba(255 255 255 / 70%);
    --opacity-60: rgba(255 255 255 / 60%);
    --opacity-80: rgba(255 255 255 / 80%);
    --opacity-15: rgba(255, 255, 255, 15%);
    /* --hover:#45b8b8; */
    /* --hover:#5c9796; */
    --f0 : transparent;
    
    /* fonts */
    --quattrocento: "Quattrocento", serif;
    --Helvetica-Neue-bold:'helvetica_neuebold';
    --Helvetica-Neue-medium:'helvetica_neuemedium';
    --Helvetica-Neue-reg:'helvetica_neueregular';
    --Helvetica-Neue-light:'helvetica_neuelight';
    --Helvetica-Neue-thin:'helvetica_neuethin';
    
    /* validation color */
    --g1: #7DDB25;
    --g2: #C0D7BC;
    --r1: #F10021;
    --r2: #ffc8c8;
}
.container{max-width: 1224px;margin: 0 auto;}

.heading-style-1{font-size: 100px;line-height: 120px;font-family: var(--quattrocento);font-weight: 700;}
.heading-style-2{font-size: 60px;line-height: 68px;font-family: var(--quattrocento);font-weight: 400;}
.heading-style-3{font-size: 44px;line-height: 56px;font-family: var(--quattrocento);font-weight: 400;color: var(--white);}
.heading-style-4{font-size: 22px;line-height: 30px;font-family: var(--quattrocento);font-weight: 700;color: var(--white);}
.heading-style-5{font-size: 20px;line-height: 26px;font-family: var(--Helvetica-Neue-medium);}
.heading-style-6{font-size: 18px;line-height: 28px;font-family: var(--Helvetica-Neue-reg);}
.heading-style-7{font-size: 16px;line-height: 28px;font-family: var(--Helvetica-Neue-light);letter-spacing: 1px;color: var(--opacity-70)}
.p-big{font-size: 16px;line-height: 22px;font-family: var(--quattrocento);font-weight: 700;letter-spacing: 3.07px;;}
.p-small{font-size: 14px;line-height: 22px;font-family: var(--Helvetica-Neue-medium);}
.bold-font-span{font-family: var(--quattrocento);font-weight: 700;}
.light-font-span{font-family: var(--quattrocento);font-weight: 400;}

/* button style */
.button-fill-blue{background-color: var(--blue);color: var(--dark-blue-01);padding: 13px 23px 11px;text-align: center; border-radius: 100px;font-size: 14px;line-height: 24px;min-width: 170px;min-height: 48px; font-family: var(--Helvetica-Neue-bold);letter-spacing: 1.5px; text-transform: uppercase;text-decoration: none;border: none;position: relative;z-index: 1;overflow: hidden; }
.button-fill-white{background-color: var(--white);color: var(--dark-blue-01);padding: 13px 23px 11px;text-align: center; border-radius: 100px;font-size: 14px;line-height: 24px;min-width: 170px;min-height: 48px;font-family: var(--Helvetica-Neue-bold); letter-spacing: 1.5px;text-transform: uppercase;text-decoration: none;border: none;position: relative;z-index: 1;overflow: hidden;}

/* hover button */
.button-fill-blue:hover,
.button-fill-white:hover{color: var(--dark-blue-01) !important;}
.button-fill-blue::after,
.button-fill-white::after,
footer .footer-social a:after{content: "";position: absolute;height: auto;width: 100%;aspect-ratio: 1/1; left: 0;top: 100%;scale: 0.7;opacity: 0; background-color:var(--btn-hover);transform: rotate(45deg);transition: 0.4s ease-in-out;z-index: -1;}
.button-fill-blue:hover::after,
.button-fill-white:hover::after,
footer .footer-social a:hover::after{top: 0;opacity: 1;scale: 1.5;}

/* padding */
.padding-block{padding-block: 100px;}
/* ================ comman css ================ */
.title-wrap{border-radius: 100px;padding: 9px 16px 7px;margin-bottom: 16px; background-color: var(--opacity-10);display: inline-block;text-transform: uppercase;}
.title-wrap .p-big{font-size: 14px; font-family: var(--Helvetica-Neue-bold);color: var(--white);}
 
/* ===================== top header  ===================================== */
.top-header{background-color: var(--f0);padding: 11px 0;border-bottom: 1px solid var(--opacity-10);}
.top-header .container{gap: 34px;}
.top-header a{display: flex;align-items: center;gap: 8px;color: var(--opacity-70);font-size: 16px;line-height: 24px;}
.top-header a img{width: 24px;height: auto;margin-bottom: 3px;filter: brightness(100);}
.top-header a:hover{color: var(--blue);}
/* .top-header a:hover img{filter: brightness(1);} */

/* ===================== header  ===================================== */
header{ position: fixed; top: 0; right: 0; left: 0; z-index: 999;border-bottom: 1px solid var(--opacity-10); background-color: var(--f0);padding: 0 !important;max-width:unset !important;display: block !important;}
/* logo */
header .logo{max-width: 258px;height: auto;}
/* nav */
header nav ul{gap: 34px;display: flex;align-items: center;}
header nav ul li a{padding-block: 26px;font-size: 16px;line-height: 24px;font-family: var(--Helvetica-Neue-medium);color: var(--white);border-bottom: 3px solid var(--f0);}
header nav ul li a:hover{color: var(--blue);border-color: var(--blue);}
header nav ul li:last-child{line-height: 0;}

/* header-button */
header .button-fill-blue{margin-left: 10px;}

/* sticky */
header.sticky{box-shadow: 0px 8px 16px 0px rgba(58, 58, 58, 0.2); z-index: 1000;border-bottom-color: transparent;background: rgba(9, 61, 79, 0.20); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);}
.nav-up { transform: translateY(-100%);}
.nav-down { transform: translateY(0%) !important;}
header.sticky .top-header{margin-top: -50px;}

/* mobile menu */
header #toggle-menu span{ border-top: 2px solid #1F2022; display: block; width: 20px; height: 8px; transition: 0.4s;}
.toggle-menu {
    margin-left: 20px;
    margin-top: 5px;
    display: none;
}
header #toggle-menu span{border-top: 2px solid #fff;}
.change .bar1 { transform: translate(4px, 5px) rotate(-45deg); }
.change .bar2 { opacity: 0; }
.change .bar3 { transform: translate(0, -11px) rotate(45deg); }

/* active menu */
header ul li a.mPS2id-highlight-last { color: var(--blue); border-color: var(--blue); }

/* =====================================banner section ===================================== */
.section-banner{height: 100svh;min-height: 600px; background-repeat: no-repeat;background-size: cover;background-position: center center;position: relative;}
.section-banner::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, rgba(8, 14, 18, 0.85) 0%, rgba(8, 14, 18, 0) 69.79%); }
.section-banner::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(8, 14, 18, 0.85) 0%, rgba(8, 14, 18, 0) 36%); }
.section-banner .container{height: 100%;display: flex;flex-direction: column;justify-content: center;}
.section-banner .banner-content{max-width: 784px; position: relative;z-index: 1;top: 10%;}
.section-banner .banner-content .heading-style-1{margin-bottom: 8px;color: var(--white);}
.section-banner .banner-content .heading-style-2{margin-bottom: 34px;max-width: 657px;color: var(--white);}

/* ===================================== about us section ===================================== */
.section-about-us{background-color: var(--secondary);}
.section-about-us .row{--bs-gutter-x:64px;}
/* image */
.section-about-us .about-image{position: relative;padding-top: 136.171%;overflow: hidden;border-radius: 24px;}
.section-about-us .about-image img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
/* content */
.section-about-us .about-content .heading-style-3{margin-bottom: 24px;color: var(--white);}
.section-about-us .about-content .heading-style-7{color: var(--opacity-70);margin-bottom: 18px;}
.section-about-us .about-content .heading-style-7:last-child{margin-bottom: 0 !important;}

/* ===================================== Service section ===================================== */
.section-service{background-color: var(--light-black);}

.section-service .service-title-wrap{margin-bottom: 64px;}
.section-service .service-image{position: relative;padding-top: 109.896%;overflow: hidden;margin-bottom: 24px;border-radius: 16px;}
.section-service .service-image img{position: absolute;top: 0;left: 0;height: 100%;transition: 0.4s ease-in-out;object-fit: cover;}

.section-service .row.service-card-wrap{--bs-gutter-x:49px;}
.section-service .service-card{border-right: 1px solid rgba(255 255 255 / 20%);}
.section-service .service-card:last-child{border-right: none;}
.section-service .service-card-content .heading-style-7{margin-bottom: 8px;position: relative;padding-left: 14px;}
.section-service .service-card-content .heading-style-7::before{content: '';position: absolute;top: 50%;transform: translateY(-50%); left: 0;width: 8px;height: 8px;background-color: var(--blue);border-radius: 50%;}
.section-service .service-card .heading-style-4 span{color: var(--white);}
/* hover */
.section-service .service-card:hover img{scale: 1.2;}
.section-service .service-card:hover .heading-style-4,
.section-service .service-card:hover .heading-style-4 span{color: var(--blue);}

/* ===================================== time section ===================================== */
.seciton-time{background-color: var(--blue);position: relative;overflow: hidden;}
.seciton-time .container{position: relative;z-index: 1;}
.seciton-time .row{--bs-gutter-x:55px;}
.seciton-time::after{content: "";position: absolute;height: 185px;width: 209px; bottom:-10px;left: 20%; background: url(../images/time-section-after-image.png) no-repeat center center / 100% auto;pointer-events: none;}
.seciton-time .title-wrap {background-color: rgb(0 0 0 / 5%);}
.seciton-time .title-wrap .p-big{color: var(--dark-blue-01);}
.seciton-time .heading-style-3{color: var(--dark-blue-01);margin-bottom: 24px;}
.seciton-time .heading-style-7{color: var(--dark-green);margin-bottom: 24px;font-family: var(--Helvetica-Neue-reg);}

/* ul li */
.seciton-time ul li{padding:35px 45px 35px 0; font-family: var(--Helvetica-Neue-reg); font-weight: 400; color: var(--dark-blue-02);border-bottom: 1px solid var(--dark-blue-02); position: relative;display: flex;align-items: center;}
.seciton-time ul li:first-child{padding-top: 0 !important;}
.seciton-time ul li::after{content: '';position: absolute;height: 34px;width: 34px;right: 0; background: url(../images/blue-arrow-icon.svg) no-repeat center center / 100% auto;}


/* ===================================== filing need section ===================================== */
.seciton-filing-need{background-color: var(--secondary);}
.seciton-filing-need .filing-need-title-wrap{margin-bottom: 64px;}
.seciton-filing-need .filing-need-title-wrap .heading-style-3{max-width: 719px;margin: 0 auto;}

.seciton-filing-need ul li{padding: 24px; width: calc(100% / 3);min-height: 170px; display: flex;flex-direction: column;row-gap: 32px; background-color:  var(--f0);border: 1px solid var(--opacity-10);position: relative;overflow: hidden;z-index: 1;}
.seciton-filing-need ul li .heading-style-4{position: relative;display: flex; align-items: center;padding-right: 40px;overflow: hidden;}
.seciton-filing-need ul li .heading-style-4::after{content: '';position: absolute;height: 34px;width: 34px;right: 0;top: -2px; background: url(../images/white-arrow-icon.svg) no-repeat center center / 100% auto;transition: 0.3s ease-in-out;}
.seciton-filing-need ul li .heading-style-4::before{content: '';position: absolute;height: 34px;width: 34px;right: 7%;top: 100%; background: url(../images/white-arrow-icon.svg) no-repeat center center / 100% auto;transition: 0.3s ease-in-out;}
.seciton-filing-need ul li .heading-style-6{margin-top: auto;color: var(--opacity-80);font-family: var(--Helvetica-Neue-light);}

/* hover */
.seciton-filing-need ul li::after{content: "";position: absolute;height: auto;width: 100%;aspect-ratio: 1/1; left: 0;top: 100%;scale: 0.7;opacity: 0; background-color:var(--opacity-10);transform: rotate(45deg);transition: 0.4s ease-in-out;z-index: -1;}
.seciton-filing-need ul li:hover:after{top: 0;opacity: 1;scale:1.5;}
.seciton-filing-need ul li:hover h4.heading-style-4{color: var(--blue);}
.seciton-filing-need ul li:hover h4.heading-style-4::after{top: -100%;right: -10%;}
.seciton-filing-need ul li:hover h4.heading-style-4::before{top: 0%;right: 0%;}

/* ===================================== get in touch section ===================================== */
.section-contact-us{background-color: var(--light-black);padding-bottom: 0 !important;}
.section-contact-us .contact-title-wrap{margin-bottom: 44px;}
/* contact-detail-inner */
.section-contact-us .contact-detail-wrap{margin-bottom: 70px;}
.section-contact-us .contact-detail-inner{padding: 35px 24px;gap: 12px; background-color: rgba(255 255 255 / 5%);border-radius: 16px;}
.section-contact-us .contact-detail-inner .contact-detail-image{border: 1px solid var(--white);width: 48px; height: 48px;border-radius: 50%;display: flex;justify-content: center;align-items: center;flex-shrink: 0;}
.section-contact-us .contact-detail-inner .contact-detail-image img{width: 24px;height: auto;filter: brightness(100);}
.section-contact-us .contact-detail-inner .p-small{color: var(--opacity-70);}
.section-contact-us .contact-detail-inner .p-big{color: var(--opacity-70);font-family: var(--Helvetica-Neue-medium);letter-spacing: unset;}
.section-contact-us .contact-detail-inner a{color: var(--opacity-70);font-family: var(--Helvetica-Neue-medium);font-size: 16px;line-height: 24px;position: relative;padding-right: 10px;}
.section-contact-us .contact-detail-inner a:last-child{padding-left: 0 !important;}
.section-contact-us .contact-detail-inner a::after{content: '';position: absolute;height: 15px;width: 2px;top: 3px;right: 0;background-color: var(--opacity-70);}
.section-contact-us .contact-detail-inner a:last-child::after{display: none;}

/* hoevr */
.section-contact-us .contact-detail-inner a:hover{color: var(--blue);}
/* contact-form-map-wrap */
.contact-form-map-wrap {gap: 24px;}
/* ---------------map  --------------- */
.map{width: 50%;height: auto;}
#firstHeading{color: var(--black);}
button.gm-ui-hover-effect{height: fit-content !important;width: fit-content !important;}
button.gm-ui-hover-effect span{margin: 5px !important;}
#map div{transition: unset !important;}

/* --------------- form --------------- */
/* title */
.contact-form-wrap{padding: 63px 108px 63px 44px; width: 50%;background-color: rgba(255 255 255 / 5%);}
.contact-form-wrap .contact-form-title-wrap{margin-bottom: 31px;}
/* form */
.contact-form-wrap .row{row-gap: 24px;}
.form-control{background-color: var(--f0);border: 1px solid #FFFFFF26;border-radius: 0;}
label{color: var(--opacity-80);font-family: var(--Helvetica-Neue-medium);margin-bottom: 4px;font-size: 14px;}
input[type=text],
input[type=email],
input[type=tel],
input[type=date],
textarea.form-control,
select{ background-color: rgba(255 255 255 / 2%);
    padding: 15px;
    font-size: 16px;
    line-height: 24px;
    color: var(--white);
    font-family: var(--Helvetica-Neue-light);
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=date]::placeholder,
textarea.form-control::placeholder,
select option{
    font-size: 16px;
    line-height: 24px;
    color: var(--opacity-60);
    font-family: var(--Helvetica-Neue-light);
    text-align: left;
}
textarea.form-control{resize: none;height: 84px;}
.form-control:focus{background-color: var(--f0);color: inherit;}
/* focus */
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=date]:focus,
textarea.form-control:focus,
select:focus {border-color:var(--blue); }

input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=date]:focus::placeholder,
textarea.form-control:focus::placeholder,
select:focus::placeholder{
    color: var(--opacity-80);    
}

/* button */
button[type='submit'].transparent-font{color: transparent;} 

/* error */
.form-group.error-box label{color: var(--r1);}
.form-group.error-box input.form-control,.form-group.error-box textarea.form-control{border-color: var(--r1);}
.form-group.error-box input::placeholder{color: var(--opacity-60);}
.source-radio-inner.error-box .form-check-wrap input[type="radio"]+label:before{border-color: var(--r1);}
.documents-detail-form .form-group.error-box p{color: var(--r1);}
.documents-detail-form .form-group.error-box label{color: var(--opacity-60);}
.documents-detail-form .form-group.error-box input.form-control{border-color: var(--opacity-60);}
.file-error{color: var(--r1);}

/* success */
.form-group.success-box label{color: var(--g1);}
.form-group.success-box input.form-control{border-color: var(--g1);}
.form-group.success-box input::placeholder{color: var(--opacity-60);}
.documents-detail-form .form-group.success-box p{color: var(--g1);}
.documents-detail-form .form-group.success-box label{color: var(--opacity-60);}
.documents-detail-form .form-group.success-box input.form-control{border-color: var(--opacity-60);}


/* ==================== select css ============== */
.single-select-dropdown-main .select2 { width:100% !important; }
.single-select-dropdown-main .select2-container--default .select2-selection--single{ padding: 15px; font-size: 16px; line-height: 24px; background-color: rgba(255 255 255 / 2%); color: var(--white); font-family: var(--Helvetica-Neue-light); height: 100%;  border: 1px solid #FFFFFF26; border-radius: 0; }
.single-select-dropdown-main .select2-selection--single .select2-selection__rendered{ font-size: 16px; line-height: 24px; color: var(--opacity-60); font-family: var(--Helvetica-Neue-light); padding-inline: 0; } 
.single-select-dropdown-main .select2-container--default .select2-selection--single .select2-selection__arrow { width:24px; height:24px; position: absolute; top: 50%; right: 0; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); background: url(../images/select-arrow.svg) no-repeat center center / cover; }
.single-select-dropdown-main .select2-container--default .select2-selection--single .select2-selection__arrow b{ display:none;}
.single-select-dropdown-main .select2-container--default.select2-container--open .select2-selection__arrow{ transform-origin: center; transform: translate(-50%, -50%) rotate(180deg); -webkit-transform: translate(-50%, -50%) rotate(180deg); }
.single-select-dropdown-open-main.select2-dropdown { background-color: var(--primary-02); } 
.select2-dropdown{ border-color:#FFFFFF26 ; }
.single-select-dropdown-open-main .select2-results__options .select2-results__option { padding:10px 14px; font-size: 16px; line-height: 24px; font-family: var(--Helvetica-Neue-light); color:var(--opacity-60); text-transform:capitalize;background-color: transparent; } 
.single-select-dropdown-open-main .select2-results__option--selected{ background:var(--dark-blue-02) !important; color: var(--white) !important;}
.single-select-dropdown-open-main .select2-results__options .select2-results__option.select2-results__option--highlighted { background:var(--dark-blue-02);} 
.single-select-dropdown-main .select2-container--default .select2-selection--single:focus{ border-color: var(--blue); }
/* input date css */
/* input[type="date"]::-webkit-calendar-picker-indicator { display: block; background: url(../images/calander-icon.svg) no-repeat center center / cover; width: 18px; height: 18px; line-height: 0; } */
/* date picker */

#dob,#marriage-date,#move-in-date,#prev-move-in-date{background: url(../images/calander-icon.svg) no-repeat 95% center / 24px auto , rgba(255 255 255 / 2%);}
/* .hasDatepicker{background: url(../images/calander-icon.svg) no-repeat 95% center / 24px auto , rgba(255 255 255 / 2%);} */
.ui-widget.ui-widget-content{border: 1px solid #FFFFFF26; background-color: var(--primary-02);}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr{border-radius: 0;}
.ui-widget-header{background-color: var(--dark-blue-02);color: var(--white);border: none;}
.ui-state-default, .ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default, .ui-button, 
html .ui-button.ui-state-disabled:hover, 
html .ui-button.ui-state-disabled:active{ background-color: var(--dark-blue-02);color: var(--white);text-align: center;border: none; }
.ui-datepicker th{color: var(--white);}
/* active date */
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active, 
a.ui-button:active, .ui-button:active, 
.ui-button.ui-state-active:hover{ background-color: var(--white);color: var(--dark-blue-02);border: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{ background-color: var(--blue);color: var(--black);border: none; }
/* arrow */
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{background-color: var(--blue);border: none !important;display: none;}
/* .ui-datepicker .ui-datepicker-prev .ui-icon{rotate: 90deg;}
.ui-datepicker .ui-datepicker-next .ui-icon{rotate: -90deg;}
.ui-widget-header .ui-icon{background:url(../images/select-arrow.svg) no-repeat center center / 20px auto;filter: brightness(0);}
.ui-state-hover, .ui-widget-content .ui-state-hover, 
.ui-widget-header .ui-state-hover, .ui-state-focus, 
.ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{border-color: transparent; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{top: 2px;}
.ui-datepicker .ui-datepicker-next-hover{right: 2px;}
.ui-datepicker .ui-datepicker-prev-hover{left: 2px;} */
/* button form */
.form-button{margin-top: 34px;}

/* year and month style */
.ui-datepicker .ui-datepicker-title{padding: 5px 7px; margin: 0;display: flex;justify-content: space-between;}
.ui-datepicker .ui-datepicker-title select{padding: 0;border: 0;}


/* upload file */
input[type="file"] { display: none; }
.documents-detail-form label{font-size: 16px;line-height: 24px; min-height: 60px;color: var(--opacity-60);font-family: var(--Helvetica-Neue-reg);}
.custom-file-upload { display: inline-block; cursor: pointer; width: 100%; padding: 24px 16px; border: 1px dashed rgba(255 255 255 / 15%); min-height: 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.custom-file-upload img{height: auto;width: 24px;margin-bottom: 6px;}

/* message */
.success-msg{color: var(--g1);}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #CCCCCC !important;    
}
/* ===================================== registration form ===================================== */
.section-registration-form {background-color: var(--secondary);}
.section-registration-form .container{padding: 60px;margin-top: -200px;position: relative; background-color: var(--form-bg-color);border-radius: 24px;}
.section-registration-form .registration-form-title-wrap{margin-bottom: 60px;}
.section-registration-form .contact-form-wrap{background-color: var(--f0);}
.section-registration-form .contact-form-wrap .heading-style-4{margin-bottom: 24px;}

/* form bottom */
.adress-detail-form-wrap,.documents-detail-form{padding-top: 30px;}
.show-previous-address{padding-top: 12px;}
.show-previous-address p{padding: 12px 12px 12px 32px;margin-bottom: 24px;color: var(--opacity-80); background-color: rgba(255 255 255 / 4%);position: relative;display: flex;align-items: center;}
.show-previous-address p::before{content: "";position: absolute;height: 12px;width: 12px;background-color: #F10021;border-radius: 50%;left: 12px;}

.documents-detail-form .form-group p{font-size: 12px; line-height: 13px;color: #FFFFFF80;margin-top: 4px;}
.file-name{text-align: center; margin-top: 11px; color: var(--opacity-70);}

/* ===================== form banner  ===================================== */
.section-form-banner{height: 450px;background-size: cover; background-position: center center;position: relative;}
.section-form-banner::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(90deg, rgba(8, 14, 18, 0.85) 0%, rgba(8, 14, 18, 0) 69.79%); }
.section-form-banner::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, rgba(8, 14, 18, 0.85) 15.17%, rgba(8, 14, 18, 0) 74.1%); }

/* ===================================== Checklist form ===================================== */
.show-previous-address.income-sources{padding-top: 30px;}
.show-previous-address.income-sources .heading-style-4{margin-bottom: 12px;}

.section-registration-form .source-radio.row{row-gap: 34px;margin-top: 30px;}
.section-registration-form .source-radio .heading-style-6{margin-bottom: 4px; font-family: var(--Helvetica-Neue-bold);}
.section-registration-form .source-radio .p-big{margin-bottom: 12px; font-family: var(--Helvetica-Neue-light);letter-spacing: 1px;color: var(--opacity-80);}
.source-radio-inner {min-height: 115px;}
.form-check-wrap{gap: 27px;}
.form-check-wrap .form-check{margin: 0;padding: 0;}    
.form-check-wrap input[type="radio"]{width: 18px;height: 18px; border: 2px solid rgba(255 255 255 / 20%); background-color: transparent;}
.form-check-wrap label{position: relative;padding-left: 30px; font-size: 16px;line-height: 22px;margin: 1px 0 0; color: var(--opacity-80);font-family: var(--Helvetica-Neue-light);}
.form-check-input:focus{box-shadow: none;}
.form-check-wrap [type="radio"]:not(:checked), [type="radio"]:checked{position: absolute; left: -9999px; visibility: hidden;}
.form-check-wrap input[type="radio"]+label:before, 
.form-check-wrap input[type="radio"]+label:after{content: ''; position: absolute; left: 0; top: 0; margin: 4px; width: 16px; height: 16px; z-index: 0; transition: .28s ease;}
.form-check-wrap input[type="radio"]+label:before{border-radius: 50%; border: 2px solid rgba(255 255 255 / 20%);}
.form-check-wrap input[type="radio"]+label:after{transform: scale(0.5);border-radius: 50%;-webkit-transform: scale(0.5);}
.form-check-wrap input[type="radio"]:checked+label:after{border-radius: 50%; border: 2px solid var(--blue); background-color: var(--blue); z-index: 0;  }
.form-check-wrap input[type="radio"]:checked+label:before{border-color: var(--blue);}


/* .form-check-wrap .form-check-input:checked[type=radio]{--bs-form-check-bg-image:url(../images/radio-input-image.svg);} */


/* ===================================== footer ===================================== */
footer{background-color: var(--secondary);padding: 110px 0 0;position: relative;overflow: hidden;}
footer::after{content: "";position: absolute;height: 185px;width: 209px; bottom:-10px;left: 13%; background: url(../images/footer-after-image.png) no-repeat center center / 100% auto;pointer-events: none;}
footer a:hover{color: var(--blue) !important;}

.footer-widgest{padding-block: 40px;}
footer .footer-follow,footer .footer-social-icon{border-block: 1px solid var(--opacity-10);}
/* logo */
footer .footer-logo{max-width: 258px;height: auto;}
/* contact */
footer .footer-contact,footer .footer-loction{padding-top: 0px;}
footer h6.heading-style-7{color: var(--blue);font-family: var(--Helvetica-Neue-bold);margin-bottom: 12px;}
footer .footer-contact a{color: var(--opacity-70);font-size: 24px;line-height: 30px;font-family: var(--Helvetica-Neue-medium);}
footer .footer-call{display: flex;align-items: center;gap: 24px;margin-top: 4px;}
footer .footer-call a{position: relative;}
/* footer .footer-call a:first-child::after{content: " / ";position: absolute;margin-left: 8px;} */

/* location */
/* follow */
footer .footer-follow {display: flex;align-items: center;}
footer .footer-follow h6.heading-style-7{margin-bottom: 0;}
/* icons */
footer .footer-social{gap: 16px;}
footer .footer-social a{height: 56px;width: 56px;display: flex;align-items: center;justify-content: center;background-color: var(--opacity-10);border-radius: 50%;position: relative;overflow: hidden;z-index: 1;}
footer .footer-social a img{width: 24px;height: 24px;}
footer .footer-social a:hover img{filter: brightness(0);}

/* copyrights */
footer .copyright-content{padding-block: 36px;}
footer .copyright-content p a{color: var(--opacity-70);}

/* =========================== 404 page =========================== */
.error-page { padding: 270px 0 150px; text-align: center; position: relative; background-color: var(--light-black); }
.error-page:after { content: ""; position: absolute; height: 185px; width: 209px; bottom: -10px; right: 13%; background: url(../images/footer-after-image.png) no-repeat center center / 100% auto; pointer-events: none; }
.error-page .heading-style-1 { margin-bottom: 20px; font-size: 130px; line-height: 130px; }
.error-page .heading-style-1 span { color: var(--blue); font-size: 115px; }
.error-page .heading-style-2 { margin-bottom: 20px; font-size: 44px; line-height: 52px; }
.error-page .heading-style-5 { margin-bottom: 40px; }
.error-page p { text-transform: capitalize !important; }

/* ===================================== media quiery  ===================================== */
@media screen and (max-width:1366px) {
    .container{max-width: 1120px;}
    /* padding */
    .padding-block{padding-block: 98px;}
    /* ================ comman css ================ */
    .title-wrap{margin-bottom: 14px;}
     
    /* ===================================== about us section ===================================== */
    .section-about-us .row{--bs-gutter-x:44px;}
    /* image */
    .section-about-us .about-image{padding-top: 145%;}
    /* content */
    .section-about-us .about-content .heading-style-3{margin-bottom: 14px;}
    .section-about-us .about-content .heading-style-7{margin-bottom: 16px;}
    
    /* ===================================== time section ===================================== */
    /* .seciton-time::after{height: 185px;width: 209px; bottom:-10px;left: 20%;} */
    .seciton-time .row{--bs-gutter-x:44px;}    
    .seciton-time .heading-style-3{margin-bottom: 20px;}
    .seciton-time .heading-style-7{margin-bottom: 20px;}
    /* ul li */
    .seciton-time ul li{padding:30px 45px 30px 0;}
    .seciton-time ul li::after{height: 32px;width: 32px;}
    
    /* ===================================== filing need section ===================================== */
    .seciton-filing-need .filing-need-title-wrap{margin-bottom: 56px;}
    .seciton-filing-need ul li{padding: 22px;  row-gap: 26px;}
    .seciton-filing-need ul li .heading-style-4::after{height: 32px;width: 32px;}
    .seciton-filing-need ul li .heading-style-4::before{height: 32px;width: 32px;}
    
    /* ===================================== get in touch section ===================================== */
    .section-contact-us .contact-title-wrap{margin-bottom: 40px;}
    /* contact-detail-inner */
    .section-contact-us .contact-detail-wrap{margin-bottom: 60px;}
    .section-contact-us .contact-detail-inner{padding: 30px 20px;gap: 10px;min-height: 126px;}
    .section-contact-us .contact-detail-inner .contact-detail-image{width: 45px; height: 45px;}
    .section-contact-us .contact-detail-inner .contact-detail-image img{width: 22px;}

    /* contact-form-map-wrap */
    .contact-form-map-wrap {gap: 22px;}    
    /* --------------- form --------------- */
    /* title */
    .contact-form-wrap{padding: 60px 68px 60px 40px; }
    .contact-form-wrap .contact-form-title-wrap{margin-bottom: 28px;}
    /* form */
    .contact-form-wrap .row{row-gap: 22px;}
    
      /* =========================== 404 page =========================== */
    .error-page{padding:220px 0 60px;}
}
@media screen and (max-width:1199px) {
    .container{max-width: 960px;} 
    
    .heading-style-1{font-size: 90px;line-height: 100px;}
    .heading-style-2{font-size: 56px;line-height: 60px;}
    .heading-style-3{font-size: 42px;line-height: 50px;}
    .heading-style-4{font-size: 20px;line-height: 24px;}
    .heading-style-5{font-size: 19px;line-height: 22px;}
    .heading-style-6{font-size: 17px;line-height: 24px;}
    .heading-style-7{font-size: 15px;line-height: 26px;letter-spacing: 1px;}
    .p-big{font-size: 15px;line-height: 20px;letter-spacing: 3.07px;}
    /* .p-small{font-size: 14px;line-height: 22px;} */

    /* button style */
    .button-fill-blue,.button-fill-white{padding: 12px 20px 10px;line-height: 22px;min-width: 140px;min-height: 44px; letter-spacing: 1px;}
        
    .padding-block { padding-block: 84px; margin-block: -1px; }
    /* ================ comman css ================ */
    .title-wrap{margin-bottom: 10px;}
    
    /* ===================== top header  ===================================== */
    .top-header{padding: 10px 0;}
    .top-header .container{gap: 30px;}
    /* .top-header a{gap: 8px;font-size: 16px;line-height: 24px;} */
    .top-header a img{width: 22px;}

    /* ===================== header  ===================================== */
    /* logo */
    header .logo{max-width: 218px;}
    /* nav */
    header nav ul{gap: 30px;}
    header nav ul li a{padding-block: 24px;}

    /* header-button */
    header .button-fill-blue{margin-left: 8px;}

    /* sticky */   
    header.sticky .top-header{margin-top: -46px;}
    
    /* =====================================banner section ===================================== */
    /* .section-banner .banner-content{max-width: 784px} */
    .section-banner .banner-content .heading-style-1{margin-bottom: 7px;}    
    .section-banner .banner-content .heading-style-2{margin-bottom: 30px;max-width: 100%;}
    
    /* ===================================== about us section ===================================== */
    .section-about-us .row{--bs-gutter-x:20px;}
    /* image */
    .section-about-us .about-image{padding-top: 155%;}
    /* content */
    .section-about-us .about-content .heading-style-3{margin-bottom: 12px;}
    .section-about-us .about-content .heading-style-7{margin-bottom: 13px;}
    
    /* ===================================== Service section ===================================== */
    .section-service .service-title-wrap{margin-bottom: 44px;}
    .section-service .service-image{padding-top: 105%;margin-bottom: 20px;}

    .section-service .row.service-card-wrap{--bs-gutter-x:42px;}
    .section-service .service-card-content .heading-style-7{margin-bottom: 5px;padding-left: 15px;}
    /* .section-service .service-card-content .heading-style-7::before{top: 42%;width: 8px;height: 8px;} */
    
    /* ===================================== time section ===================================== */
    .seciton-time::after{height: 135px; width: 150px;}
    .seciton-time .row{--bs-gutter-x:24px;}    
    .seciton-time .heading-style-3{margin-bottom: 16px;}
    .seciton-time .heading-style-7{margin-bottom: 16px;}
    /* ul li */
    .seciton-time ul li{padding:25px 36px 25px 0;}
    .seciton-time ul li::after{height: 25px;width: 25px;}
    
     /* ===================================== filing need section ===================================== */
    .seciton-filing-need .filing-need-title-wrap{margin-bottom: 36px;}
    .seciton-filing-need ul li{padding: 18px;  row-gap: 20px;min-height: 160px;}
    .seciton-filing-need ul li .heading-style-4::after{height: 25px;width: 25px;}
    .seciton-filing-need ul li .heading-style-4::before{height: 25px;width: 25px;}
    
    /* ===================================== get in touch section ===================================== */
    .section-contact-us .contact-title-wrap{margin-bottom: 35px;}
    .section-contact-us .contact-detail-wrap .row{--bs-gutter-x: 12px;}
    /* contact-detail-inner */
    .section-contact-us .contact-detail-wrap{margin-bottom: 40px;}
    .section-contact-us .contact-detail-inner{padding:20px 15px;gap: 9px; min-height: 100px;}
    .section-contact-us .contact-detail-inner .contact-detail-image{width: 35px; height: 35px;}
    .section-contact-us .contact-detail-inner .contact-detail-image img{width: 18px;}
    .section-contact-us .contact-detail-inner a{padding-right: 6px;}
    .section-contact-us .contact-detail-inner a:last-child{padding-left: 0;}

    /* contact-form-map-wrap */
    .contact-form-map-wrap {gap:18px;}    
    /* --------------- form --------------- */
    /* title */
    .contact-form-wrap{padding: 40px 38px 40px 25px; }
    .contact-form-wrap .contact-form-title-wrap{margin-bottom: 25px;}
    /* form */
    .contact-form-wrap .row{row-gap: 20px;}
    label{font-size: 15px; line-height: 20px;}
    input[type=text],
    input[type=email],
    input[type=tel],
    input[type=date],
    textarea.form-control,
    select{ padding: 12px; }
    
    input[type=text],
    input[type=email],
    input[type=tel],
    input[type=date],
    textarea.form-control,
    select,
    input[type=text]::placeholder,
    input[type=email]::placeholder,
    input[type=tel]::placeholder,
    input[type=date]::placeholder,
    textarea::placeholder,
    select option{ font-size: 15px; line-height: 20px; }    
    
    /* date */
    #datepicker{background: url(../images/calander-icon.svg) no-repeat 95% center / 18px auto;}    
    
    /* button */
    .form-button{margin-top: 28px;}
    
    /* ==================== select css ============== */
    .single-select-dropdown-main .select2-container--default .select2-selection--single{ padding: 12px; font-size: 15px; line-height: 20px; }
    .single-select-dropdown-main .select2-selection--single .select2-selection__rendered{ font-size: 15px; line-height: 20px;} 
    .single-select-dropdown-main .select2-container--default .select2-selection--single .select2-selection__arrow { width:22px; height:22px; }
    .single-select-dropdown-open-main .select2-results__options .select2-results__option {font-size: 15px; line-height: 20px;} 
    /* input date css */
    input[type="date"]::-webkit-calendar-picker-indicator {width: 15px; height: 15px;}

    /* upload file */
    .documents-detail-form label{font-size: 15px;line-height: 20px;}
    .custom-file-upload { padding: 20px 15px;}
    
    /* ===================================== registration form ===================================== */
    .section-registration-form .container{padding: 50px;margin-top: -160px;border-radius: 22px;}
    .section-registration-form .registration-form-title-wrap{margin-bottom: 50px;}
    .section-registration-form .contact-form-wrap .heading-style-4{margin-bottom: 20px;}

    /* form bottom */
    .adress-detail-form-wrap,.documents-detail-form{padding-top: 28px;}
    .show-previous-address{padding-top: 11px;}
    .show-previous-address p{margin-bottom: 20px;}

    /* ===================== form banner  ===================================== */
    .section-form-banner{height: 420px;}
    
    /* ===================================== Checklist form ===================================== */
    .show-previous-address.income-sources{padding-top: 28px;}
    .show-previous-address.income-sources .heading-style-4{margin-bottom: 10px;}

    .section-registration-form .source-radio.row{row-gap: 28px;margin-top: 26px;}
    .section-registration-form .source-radio .heading-style-6{margin-bottom: 3px; }
    .section-registration-form .source-radio .p-big{margin-bottom: 10px;}
    .form-check-wrap{gap: 25px;}
    .form-check-wrap label{padding-left: 28px; font-size: 15px;}
    .form-check-wrap input[type="radio"]+label:before, 
    .form-check-wrap input[type="radio"]+label:after{ width: 15px; height: 15px;}
    
    /* ===================================== footer ===================================== */
    footer{padding: 84px 0 0;}
    /* footer::after{height: 185px;width: 209px; bottom:-10px;left: 13%;} */

    .footer-widgest{padding-block: 30px;}
    /* logo */
    footer .footer-logo{max-width: 210px;}
    /* contact */
    footer h6.heading-style-7{margin-bottom: 10px;}
    footer .footer-contact a{font-size: 20px;line-height: 24px;}
    footer .footer-call{gap: 22px;margin-top: 3px;}
    footer .footer-call a:first-child::after{margin-left: 6px;}

    /* icons */
    footer .footer-social{gap: 16px;}
    footer .footer-social a{height: 50px;width: 50px;}
    footer .footer-social a img{width: 22px;height: 22px;}

    /* copyrights */
    footer .copyright-content{padding-block: 26px;}
    
     /* =========================== 404 page =========================== */
    .error-page{padding:200px 0 70px;}
    .error-page .heading-style-1,.error-page .heading-style-1 span{margin-bottom: 15px; font-size: 105px; line-height: 110px;}
    .error-page .heading-style-2{margin-bottom:18px;font-size: 40px; line-height: 45px;}
    .error-page p{font-size: 20px !important;margin-bottom: 30px !important;}
}
@media screen and (max-width:991px) {
    .container{max-width: 720px;} 
    
    .heading-style-1{font-size: 75px;line-height: 80px;}
    .heading-style-2{font-size: 48px;line-height: 52px;}
    .heading-style-3{font-size: 40px;line-height: 46px;}
    .heading-style-4{font-size: 18px;line-height: 22px;}
    .heading-style-5{font-size: 17px;line-height: 20px;}
    .heading-style-6{font-size: 16px;line-height: 22px;}
    /* .heading-style-7{font-size: 15px;line-height: 26px;letter-spacing: 1px;}
    .p-big{font-size: 15px;line-height: 20px;letter-spacing: 3.07px;} */
    /* .p-small{font-size: 14px;line-height: 22px;} */

    /* button style */
    .button-fill-blue,.button-fill-white{padding: 12px 20px 10px; font-size: 14px; line-height: 18px; min-width: 110px;min-height: 40px; letter-spacing: 0.3px;}
        
    .padding-block { padding-block: 60px; }
    /* ================ comman css ================ */
    .title-wrap{margin-bottom: 9px;}
    
    /* ===================== top header  ===================================== */
    /* .top-header{padding: 10px 0;} */
    .top-header .container{gap: 25px;}
    .top-header a{font-size: 15px;line-height: 23px;}
    .top-header a img{width: 18px;}

    /* ===================== header  ===================================== */
    /* logo */
    header .logo{max-width: 168px;}
    /* nav */
    header nav ul{gap: 18px;}
    header nav ul li a{padding-block: 22px;font-size: 15px;}

    /* header-button */
    header .button-fill-blue{margin-left: 0px; }

    /* sticky */   
    header.sticky .top-header{margin-top: -45px;}
    
    /* =====================================banner section ===================================== */
    .section-banner .banner-content .heading-style-1{margin-bottom: 6px;}    
    .section-banner .banner-content .heading-style-2{margin-bottom: 28px;}
    
    /* ===================================== about us section ===================================== */
    .section-about-us .row{--bs-gutter-x:20px;row-gap: 30px;}
    /* image */
    .section-about-us .about-image{padding-top: 75%;}
    /* content */
    .section-about-us .about-content .heading-style-3{margin-bottom: 10px;}
    .section-about-us .about-content .heading-style-7{margin-bottom: 11px;}
    
    /* ===================================== Service section ===================================== */
    .section-service .service-title-wrap{margin-bottom: 42px;row-gap: 12px;}
    .section-service .service-image{margin-bottom: 18px;}

    .section-service .row.service-card-wrap{--bs-gutter-x:30px;}
    .section-service .service-card-content .heading-style-7{margin-bottom: 3px;}
    .section-service .service-card-content .heading-style-7::before{width: 6px;height: 6px;}
    
    /* ===================================== time section ===================================== */
    .seciton-time::after { height: 115px; width: 130px; left: 30%;}
    .seciton-time .heading-style-3{margin-bottom: 14px;}
    .seciton-time .heading-style-7{margin-bottom: 14px;}
    /* ul li */
    .seciton-time ul li{padding:20px 34px 20px 0;}
    .seciton-time ul li::after{height: 22px;width: 22px;}
    
     /* ===================================== filing need section ===================================== */
    .seciton-filing-need .filing-need-title-wrap{margin-bottom: 28px;}
    .seciton-filing-need ul li{padding: 14px;row-gap: 16px;min-height: 150px;}
    .seciton-filing-need ul li .heading-style-4::after{height: 22px;width: 22px;}
    .seciton-filing-need ul li .heading-style-4::before{height: 22px;width: 22px;}
    
    
    /* ===================================== get in touch section ===================================== */
    .section-contact-us .contact-title-wrap{margin-bottom: 30px;}
    /* contact-detail-inner */
    .section-contact-us .contact-detail-wrap{margin-bottom: 38px;}
    .section-contact-us .contact-detail-wrap .row{--bs-gutter-x: 12px;justify-content: center;row-gap: 15px;}
    .section-contact-us .contact-detail-inner{padding: 20px 20px; gap: 12px; min-height: 95px;}
    .section-contact-us .contact-detail-inner .contact-detail-image{width: 40px; height: 40px;}
    .section-contact-us .contact-detail-inner .contact-detail-image img{width: 20px;}
    /* .section-contact-us .contact-detail-inner a{padding-right: 6px;}
    .section-contact-us .contact-detail-inner a:last-child{padding-left: 0;} */

    /* contact-form-map-wrap */
    .contact-form-map-wrap {gap:15px;flex-direction: column;}
    .map { width: 100%; height: 350px; }    
    /* --------------- form --------------- */
    /* title */
    .contact-form-wrap{padding: 40px 38px;width: 100%; }
    .contact-form-wrap .contact-form-title-wrap{margin-bottom: 24px;}
    /* form */
    .contact-form-wrap .row{row-gap: 22px;}
    /* label{font-size: 15px; line-height: 20px;} */
    input[type=text],
    input[type=email],
    input[type=tel],
    input[type=date],
    textarea.form-control, 
    select{ padding: 14px; }
    
    /* input[type=text], 
    input[type=email], 
    input[type=tel], 
    textarea, 
    select,
    input[type=text]::placeholder,
    input[type=email]::placeholder,
    input[type=tel]::placeholder,
    textarea::placeholder,
    select option{ font-size: 15px; line-height: 20px; }     */
    /* button */
    .form-button{margin-top: 25px;}
    
    /* ==================== select css ============== */
    .single-select-dropdown-main .select2-container--default .select2-selection--single{ padding: 14px; }
    /* .single-select-dropdown-main .select2-selection--single .select2-selection__rendered{ font-size: 15px; line-height: 20px;}  */
    /* .single-select-dropdown-main .select2-container--default .select2-selection--single .select2-selection__arrow { width:22px; height:22px; } */
    /* .single-select-dropdown-open-main .select2-results__options .select2-results__option {font-size: 15px; line-height: 20px;}  */
    /* input date css */
    /* input[type="date"]::-webkit-calendar-picker-indicator {width: 15px; height: 15px;} */

    /* upload file */
    /* .documents-detail-form label{font-size: 15px;line-height: 20px;} */
    .custom-file-upload { padding: 20px 15px;}
    
    /* ===================================== registration form ===================================== */
    .section-registration-form .container{padding: 50px 35px;margin-top: -140px;border-radius: 20px;}
    .section-registration-form .registration-form-title-wrap{margin-bottom: 40px;}
    .section-registration-form .contact-form-wrap .heading-style-4{margin-bottom: 18px;}

    /* form bottom */
    .adress-detail-form-wrap,.documents-detail-form{padding-top: 26px;}
    .show-previous-address{padding-top: 14px;}
    .show-previous-address p{margin-bottom: 18px;}

    /* ===================== form banner  ===================================== */
    .section-form-banner{height: 400px;}
    
    /* ===================================== Checklist form ===================================== */
    .source-radio-inner{min-height: auto;height: 100%;}
    .section-registration-form .source-radio .p-big{margin-bottom: 12px;}
    
    /* ===================================== footer ===================================== */
    footer{padding: 60px 0 0;}
    footer .container{position: relative;z-index: 1;}
    footer::after{height: 115px; width: 129px;}
    footer .row{row-gap: 20px;}
    .footer-widgest{padding-block: 20px;}
    /* logo */
    footer .footer-logo{max-width: 200px;}
    /* contact */
    footer .footer-contact, footer .footer-loction{padding-block: 0;}
    footer h6.heading-style-7{margin-bottom: 7px;}
    footer .footer-contact a{font-size: 18px;line-height: 22px;}
    footer .footer-call{gap: 20px;margin-top: 4px;}
    footer .footer-call a:first-child::after{margin-left: 6px;}

    /* icons */
    footer .footer-social{gap: 16px;}
    footer .footer-social a{height: 45px;width: 45px;}
    footer .footer-social a img{width: 20px;height: 20px;}

    /* copyrights */
    footer .copyright-content{padding-bottom: 20px;padding-top: 0;}
    
    /* ===================================== 404 page ===================================== */
    .error-page:after { height: 115px; width: 129px; }
    
}
@media screen and (max-width:767px) {
    .container{max-width: 540px;} 
    
    .heading-style-1{font-size: 65px;line-height: 70px;}
    .heading-style-2{font-size: 42px;line-height: 50px;}
    .heading-style-3{font-size: 35px;line-height: 40px;}
    .heading-style-4{font-size: 17px;line-height: 20px;}
    .heading-style-5{font-size: 16px;line-height: 20px;}
    .heading-style-6{font-size: 15px;line-height: 20px;}
    .heading-style-7{font-size: 14px;line-height: 22px;letter-spacing: 0.3px;}
    .p-big{font-size: 14px;line-height: 20px;letter-spacing: 0.3px;}
    /* .p-small{font-size: 14px;line-height: 22px;} */

    /* button style */
    .button-fill-blue,.button-fill-white{padding: 12px 18px 9px; font-size: 14px; line-height: 16px; min-width: 120px;min-height: 37px;}
        
    .padding-block { padding-block: 50px; }
    /* ================ comman css ================ */
    .title-wrap{margin-bottom: 10px;}
    
    /* ===================== top header  ===================================== */
    /* .top-header .container{gap: 22px;}
    .top-header a{font-size: 14px;line-height: 22px;}
    .top-header a img{width: 16px;} */
    
    /* mobile menu */
    .bottom-header{padding-block: 15px;}
    .open-header{background-color: var(--secondary) !important;}
    header #toggle-menu span{ display: block; width: 20px; height: 8px; transition: 0.4s;}
    header .header-contact-icon{width: 40px;height: auto;margin-left: 20px;}
    .toggle-menu { display: block; }  
    /* .toggle-menu.change{z-index: 600;
        margin: 0;
        position: fixed;
        top: 20px;
        right: 20px;
    } */
    .menu-wrap{
        /* padding: 60px 0 20px; */
        position: fixed;
        visibility: hidden;
        opacity: 0;
        top: 100%;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
        transform: translateY(-10px);
        height: calc(100dvh - 67px);
        width: 100%; 
        z-index: 499;
        overflow-x: hidden;
        overflow-y: auto;
        border: 0;
        margin: 0 !important;
        background-color: var(--secondary);
        transition: all 0.35s ease-in-out;    
    }
    .menu-wrap.show{ 
        display: block; 
        visibility: visible;
        opacity: 1;
        transform: translateY(0%);
    }
    header nav ul {         
        flex-direction: column; 
        justify-content: center;
        gap: 38px;
        overflow: auto;
        height: 100%;
    }
    header nav ul li a{padding-block: 10px;}
    
    /* =====================================banner section ===================================== */
    .section-banner{height: 700px;min-height: unset;}
    .section-banner .banner-content .heading-style-1{margin-bottom: 6px;}    
    .section-banner .banner-content .heading-style-2{margin-bottom: 26px;}
    
    /* ===================================== about us section ===================================== */
    .section-about-us .row{row-gap: 20px;}
    /* image */
    .section-about-us .about-image{padding-top: 65%;}
    /* content */
    /* .section-about-us .about-content .heading-style-3{margin-bottom: 10px;} */
    .section-about-us .about-content .heading-style-7{margin-bottom: 8px;}
    
    /* ===================================== Service section ===================================== */
    .section-service .service-title-wrap{margin-bottom: 38px;}
    .section-service .service-image{margin-bottom: 16px;padding-top: 96%;}
    .section-service .row.service-card-wrap{--bs-gutter-x:30px;row-gap: 20px;}
    .section-service .service-card{padding-bottom: 20px; border-right: 0;border-bottom: 1px solid rgba(255 255 255 / 20%);}   
    .section-service .service-card:last-child{border-bottom: none;}
    
    /* ===================================== time section ===================================== */
    .seciton-time::after { height: 95px; width: 90px; left: 5%; }
    .seciton-time .row{row-gap: 30px;}
    .seciton-time .heading-style-3{margin-bottom: 12px;}
    .seciton-time .heading-style-7{margin-bottom: 12px;}
    /* ul li */
    .seciton-time ul li{padding:16px 30px 16px 0;}
    .seciton-time ul li::after{height: 20px;width: 20px;}
    
     /* ===================================== filing need section ===================================== */
    .seciton-filing-need .filing-need-title-wrap{margin-bottom: 24px;}
    .seciton-filing-need ul {justify-content: center;}
    .seciton-filing-need ul li{padding: 15px;row-gap: 15px;min-height: 140px;width: calc(100% / 2);}
    .seciton-filing-need ul li .heading-style-4::after{height: 20px;width: 20px;}
    .seciton-filing-need ul li .heading-style-4::before{height: 20px;width: 20px;}
    
    /* ===================================== get in touch section ===================================== */
    .section-contact-us .contact-title-wrap{margin-bottom: 26px;}
    /* contact-detail-inner */
    .section-contact-us .contact-detail-wrap{margin-bottom: 30px;}
    .section-contact-us .contact-detail-wrap .row{--bs-gutter-x: 15px;}
    .section-contact-us .contact-detail-inner{padding: 20px 12px; gap: 8px; min-height:100px;}
    .section-contact-us .contact-detail-inner .contact-detail-image{width: 35px; height: 35px;}
    .section-contact-us .contact-detail-inner .contact-detail-image img{width: 18px;}
    .section-contact-us .contact-detail-inner a{font-size: 15px;}

    /* contact-form-map-wrap */
    .contact-form-map-wrap {gap:20px;}
    .map {height: 300px; }    
    /* --------------- form --------------- */
    /* title */
    .contact-form-wrap{padding: 38px 36px;}
    .contact-form-wrap .contact-form-title-wrap{margin-bottom: 22px;}
    /* form */
    .contact-form-wrap .row{row-gap: 20px;}
    label{font-size: 14px; line-height: 18px;}
    input[type=text],
    input[type=email],
    input[type=tel],
    input[type=date],
    textarea.form-control, 
    select{ padding: 13px; }
    
    input[type=text],
    input[type=email],
    input[type=tel],
    input[type=date],
    textarea.form-control,
    input[type=text]::placeholder,
    input[type=email]::placeholder,
    input[type=tel]::placeholder,
    input[type=date]::placeholder,
    textarea::placeholder,
    select option{ font-size: 14px; line-height: 18px; }    
    /* button */
    .form-button{margin-top: 24px;}
    
    /* ==================== select css ============== */
    .single-select-dropdown-main .select2-container--default .select2-selection--single{ padding: 13px;font-size: 14px; line-height: 18px; }
    .single-select-dropdown-main .select2-selection--single .select2-selection__rendered{ font-size: 14px; line-height: 18px;} 
    .single-select-dropdown-main .select2-container--default .select2-selection--single .select2-selection__arrow { width:21px; height:21px; }
    .single-select-dropdown-open-main .select2-results__options .select2-results__option {font-size: 14px; line-height: 18px;} 
    /* input date css */
    input[type="date"]::-webkit-calendar-picker-indicator {width: 14px; height: 14px;}

    /* upload file */
    .documents-detail-form label{font-size: 14px; line-height: 18px;}
    .custom-file-upload { padding: 20px 15px;}
    
    /* ===================================== registration form ===================================== */
    .section-registration-form .container{padding: 40px 25px;border-radius: 18px;}
    .section-registration-form .registration-form-title-wrap{margin-bottom: 30px;}
    .section-registration-form .contact-form-wrap .heading-style-4{margin-bottom: 16px;}

    /* form bottom */
    .adress-detail-form-wrap,.documents-detail-form{padding-top: 24px;}
    .show-previous-address{padding-top: 13px;}
    .show-previous-address p{margin-bottom: 16px;}

    /* ===================== form banner  ===================================== */
    .section-form-banner{height: 360px;}
    
    /* ===================================== footer ===================================== */
    footer{padding: 50px 0 0;}
    /* footer::after{height: 185px;width: 209px; bottom:-10px;left: 13%;} */
    footer .row{row-gap: 20px;}
    .footer-widgest{padding-block: 18px;}
    /* logo */
    footer .footer-logo{max-width: 190px;}
    /* contact */
    footer .footer-contact a{font-size: 15px;line-height: 20px;}
    footer .footer-call{gap: 18px;}

    /* icons */
    footer .footer-social{gap: 16px;}
    footer .footer-social a{height: 42px;width: 42px;}
    footer .footer-social a img{width: 18px;height: 18px;}

    /* copyrights */
    footer .copyright-content{padding-bottom: 18px;padding-top: 0;}
    
    /* =========================== 404 page =========================== */
    .error-page{padding:200px 0 60px;}
    .error-page .heading-style-1,.error-page .heading-style-1 span{margin-bottom: 14px; font-size: 90px; line-height: 95px;}
    .error-page .heading-style-2{margin-bottom: 17px; font-size: 38px; line-height: 40px; }
    .error-page p{font-size: 18px !important;margin-bottom: 30px !important;}
}
@media screen and (max-width:575px) {
    .container{max-width: 100%;}
    
    .heading-style-1{font-size: 45px;line-height: 52px;}
    .heading-style-2{font-size: 36px;line-height: 42px;}
    .heading-style-3{font-size: 32px;line-height: 38px;}
    .heading-style-4{font-size: 16px;line-height: 20px;}
    .heading-style-5{font-size: 15px;line-height: 20px;}
    .heading-style-6{font-size: 14px;line-height: 20px;}
    /* button style */
    .button-fill-blue,.button-fill-white{padding: 11px 16px 10px; min-width: 110px;}
        
    .padding-block { padding-block: 45px; }
    /* ================ comman css ================ */
    .title-wrap{margin-bottom: 11px;}
    
    /* ===================== top header  ===================================== */
    /* .top-header .container{gap: 4px; flex-direction: column; align-items: end !important;}
    .top-header a img{width: 15px;} */
    
    /* mobile menu */
    header .logo{max-width: 136px;}
    .menu-wrap{height: calc(100dvh - 60px);}
    header .header-contact-icon{width: 32px; margin-left: 15px;}
    .toggle-menu{margin-left: 15px;}
    /* header #toggle-menu span{width: 18px; height: 7px;} */
    
     /* =====================================banner section ===================================== */
    .section-banner .banner-content .heading-style-2{margin-bottom: 24px;}
    
    /* ===================================== about section ===================================== */
    .section-about-us .about-image{border-radius: 20px;}
    
    /* ===================================== Service section ===================================== */
    .section-service .service-title-wrap{margin-bottom: 30px;}
    .section-service .service-image{margin-bottom: 15px;}
    
    /* ===================================== time section ===================================== */
    .seciton-time .row{row-gap: 20px;}
    
     /* ===================================== filing need section ===================================== */
    .seciton-filing-need ul li{padding: 15px;row-gap: 15px;min-height: 100px;width: 100%;}
    .seciton-filing-need ul li .heading-style-6{margin-top: 0;}
    
    /* ===================================== get in touch section ===================================== */
    .section-contact-us .contact-title-wrap{margin-bottom: 24px;}
    /* contact-detail-inner */
    .section-contact-us .contact-detail-wrap{margin-bottom: 24px;}
    .section-contact-us .contact-detail-inner{ gap: 11px; min-height:90px;}
    .section-contact-us .contact-detail-inner a{font-size: 15px;}

    /* contact-form-map-wrap */
    .map {height: 260px; }    
    /* --------------- form --------------- */
    /* title */
    .contact-form-wrap{padding: 36px 15px;}
    .contact-form-wrap .contact-form-title-wrap{margin-bottom: 20px;}     
       
    /* date */
    #datepicker{background: url(../images/calander-icon.svg) no-repeat 97% center / 18px auto;}    
    
    /* button */
    .form-button{margin-top: 22px;}
    
    /* ==================== select css ============== */
    /* upload file */
    .custom-file-upload { padding:15px;margin-bottom: 0 !important;}
    
    /* ===================================== registration form ===================================== */
    .section-registration-form .container{padding:30px 15px;border-radius: 16px;max-width: 92%;}
    .section-registration-form .registration-form-title-wrap{margin-bottom: 28px;}
    .section-registration-form .contact-form-wrap .heading-style-4{margin-bottom: 15px;}

    /* form bottom */
    .adress-detail-form-wrap,.documents-detail-form{padding-top: 30px;}
    .show-previous-address{padding-top: 20px;}
    .show-previous-address p{margin-bottom: 15px;}
    .documents-detail-form label{min-height: unset;margin-bottom: 12px;}  
    
    /* ===================================== Checklist form ===================================== */
    .section-registration-form .source-radio.row{row-gap: 20px;}
    
    /* ===================================== footer ===================================== */
    footer::after { height: 100px; width: 110px; }
    footer{padding: 45px 0 0;}
    footer .row{row-gap: 20px;}
    .footer-widgest{padding-block: 20px;}
    /* logo */
    footer .footer-logo{max-width: 170px;}
    /* contact */
    footer .footer-contact a{font-size: 15px;line-height: 20px;}
    footer .footer-call{gap: 18px;}
    
    /* follow */
    footer .footer-follow{border-bottom: none; padding-bottom: 0;}
    
    /* icons */
    footer .footer-social-icon{border-top: none; padding-top: 0;}
    footer .footer-social{gap: 18px;}

    /* copyrights */
    footer .copyright-content{padding-bottom: 20px;padding-top: 0;}
    
    /* =========================== 404 page =========================== */
    .error-page{padding:200px 0 60px;}
    .error-page:after { height: 100px; width: 110px; }
    .error-page .heading-style-1,.error-page .heading-style-1 span{margin-bottom: 10px; font-size: 85px; line-height: 75px;}
    .error-page .heading-style-2{margin-bottom: 15px; font-size: 28px; line-height: 32px; }
    .error-page p{font-size: 16px !important; line-height: 22px; margin-bottom: 24px !important;}
}

@media screen and (max-height:600px) {
    header nav ul{height: unset; padding-block: 25px;}
}



/*Loader Css*/
	.loader {
		width: 30px;
		--b: 5px; 
		aspect-ratio: 1;
		border-radius: 50%;
		padding: 1px;
		background: conic-gradient(#0000 10%,#012132) content-box;
		-webkit-mask:
			repeating-conic-gradient(#0000 0deg,#000 1deg 20deg,#0000 21deg 36deg),
			radial-gradient(farthest-side,#0000 calc(100% - var(--b) - 1px),#000 calc(100% - var(--b)));
		-webkit-mask-composite: destination-in;
						mask-composite: intersect;
		animation:l4 1s infinite steps(10);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50% , -50%);
	}
	@keyframes l4 {
        to{transform: translate(-50%, -50%) rotate(1turn);}
    }