/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://yoursite.com/
 Description:  Child theme for hello-elementor
 Author:       AWT
 Author URI:   https://yoursite.com/
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: 160%;
    background-color: #F4FBFE;
}

h1 {
    font-size: 56px;
    line-height: 120%;
}

h2,
h3 {
    font-size: 48px;
    line-height: 120%;
    color: #082E4A;
}

h3 {
    font-size: 24px;
}

p {
    color: #3A5A71;
    line-height: 160%;
}

a {
    text-decoration: none;
}

.mt24 {
    margin-top: 24px;
}

.mt32 {
    margin-top: 32px;
}

.mt40 {
    margin-top: 40px;
}

.mt16 {
    margin-top: 16px;
}

.mt8 {
    margin-top: 8px;
}

.pt40 {
    padding-top: 40px;
}

.clr-wht {
    color: #fff !important;
}

.clr-ylw {
    color: #DBB42A !important;
}

.clr-grn {
    color: #3FD0D4 !important;
}

.site-width {
    max-width: 1440px;
    padding-left: 80px;
    padding-right: 80px;
    margin-left: auto;
    margin-right: auto;
}

.ptb80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.ptb40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.ptb32 {
    padding-top: 32px;
    padding-bottom: 32px;
}

.mx800 {
    max-width: 800px !important;
}

.mx700 {
    max-width: 700px !important;
}

.mx218 {
    width: 218px !important;
}

.mlr-auto {
    margin-left: auto;
    margin-right: auto;
}

.t-center {
    text-align: center;
}

.brd-top {
    border-top: 1px solid rgba(30, 150, 211, 0.20);
}

.blue-sec {
    background-color: #082E4A;
    color: #fff;
}

.blue-sec-linr {
    background: linear-gradient(165deg, #1E96D3 7.74%, #1580BA 92.26%);
    color: #fff;
}

.bg-wht {
    background-color: #fff;
}

.flex {
    display: flex;
}

.wrap {
    flex-wrap: wrap;
}

.gap60 {
    gap: 60px;
}

.gap40 {
    gap: 40px;
}

.gap16 {
    gap: 16px;
}

.align-center {
    align-items: center;
}
.home header.entry-header,
a.skip-link.screen-reader-text{
    display: none;
}
header .flex {
    align-items: center;
    justify-content: space-between;
}

.logo {
    max-width: 120px;
}

.btn,
#btn,
#submit-btn{
    background-color: #DBB42A;
    color: #000;
    padding: 16px 12px;
    border-radius: 999px;
    font-weight: 600;
    display: block;
    width: max-content;
}

header {
    padding: 16px 0;
    position: sticky;
    top: 0;
    background: #F4FBFE;
    z-index:999;
}

header .btn {
    color: #082E4A;
}

.btn img {
    max-width: 20px;
}

.banner {
    background-image: url('/wp-content/uploads/2026/08/banner.webp');
    background-size: cover;
    background-position: center;
    color: #fff;

}

.banner .ptb80 {
    padding-bottom: 220px;
}

.banner .container {
    max-width: 750px;
}

.sub-heading {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sub-heading span {
    width: 26px;
    height: 3px;
    background: #FFC247;
    display: inline-block;
    border-radius: 3px;
}

.col {
    flex: 1 50%;
    max-width: 48%;
}

.colm4 .colm {
    flex: 1 50%;
    max-width: 48%;
    padding: 32px 24px;
    border-top: 1px solid rgba(30, 150, 211, 0.20);
}

.blue-sec h2,
.blue-sec p {
    color: #fff;
}

.colm2 .colm {
    flex: 1 50%;
    max-width: 48%;
    padding: 16px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: #0B3A5E;
    color: #fff;
}

.colm2 h3 {
    color: #fff;
    padding-bottom: 6px;
}

.clr-wht-fd {
    color: rgba(255, 255, 255, 0.50) !important;

}

.list {
    list-style: none;

}

.list li {
    padding-bottom: 16px;
    padding-left: 30px;
    color: #3A5A71;
    position: relative;
}

ul.list li::before {
    content: '';
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 25px;
    left: 0px;
    top: -1px;
    background-image: url(../../../../../wp-content/uploads/2026/08/list-icon.svg);
}

.choose-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.choose-card {
    padding: 24px;
    border-radius: 16px;
    border: 1px solid rgba(30, 150, 211, 0.10);
    background: #F4FBFE;
}

.choose-card b {
    color: #3A5A71;
}

.timeline {
    max-width: 750px;
    position: relative;
}

.timeline::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #DBB42A;
}

.timeline-item {
    position: relative;
    padding-left: 70px;
    padding-bottom: 24px;
}

.timeline-item:last-child {
    padding-bottom: 0;
}

.timeline-no {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #082E4A;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.timeline-list {
    margin-left: 20px;
}

.timeline-list li {
    color: #3A5A71;
}

#mission .col {
    max-width: 50%;
}

.territory-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border: 1px solid rgba(30, 150, 211, 0.20);
}

.territory-card {
    padding: 32px 24px;
    border-right: 1px solid rgba(30, 150, 211, 0.20);
    border-bottom: 1px solid rgba(30, 150, 211, 0.20);

}

.territory-card:nth-child(2n) {
    border-right: 0;
}

.territory-card:nth-last-child(-n+2) {
    border-bottom: 0;
}

.territory-list {
    margin-left: 18px;
}

.territory-list li {
    padding-bottom: 6px;
}

.path {
    max-width: 950px;
}

.path-item {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 40px;
    padding: 32px 24px;
    border-top: 1px solid rgba(30, 150, 211, 0.20);
}

.path-left h3 {
    margin-top: 12px;
}

.path-no {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #082E4A;
    color: #DBB42A;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 24px;
    padding: 10px;
}

.dwld-btn {
    border-radius: 24px 0;
}

.faq-item {
    border-bottom: 1px solid rgba(30, 150, 211, 0.10);
    padding: 16px 24px;
}

.faq-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.faq-head span {
    color: #1E95D2;
    font-size: 24px;
}

.faq-body {
    max-width: 98%;

    max-height: 0;
    overflow: hidden;
    opacity: 0;
    margin-top: 0;
    transition: max-height .35s ease, opacity .3s ease, margin-top .3s ease;
}

.faq-item.active .faq-body {
    max-height: 300px;
    opacity: 1;
    margin-top: 16px;
}

.faq-item.active .faq-head span {
    content: "-";
}

.contact-info {
    justify-content: center;
}

.contact-info a {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
}

.contact-info img {
    width: 18px;
    height: 18px;
}


/*Contact Form 7*/
.form {
    max-width: 840px;
    background: #fff;
    padding: 48px;
    border-radius: 16px;
}
.form h3{
    padding-bottom:24px;
}
.cf7-row {
    display: flex;
    gap: 20px;
    margin-bottom: 24px;
}

.cf7-col {
    flex: 1;
}

.cf7-col.full-width {
    flex: 100%;
}

.zip-col {
    max-width: 140px;
}

.cf7-col label,
.cf7-radio-group>label {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #082E4A;
    margin-bottom: 8px;
}

.cf7-col label span,
.imp{
    color: #E15252;
}
.cf7-radio-group label{
    color: #082E4A;
}
.wpcf7-form h3 {
    margin: 40px 0 24px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(30,150,211,.20);
}

/* Inputs */

.wpcf7-form-control:not(.wpcf7-radio):not(.wpcf7-acceptance) {
    width: 100%;
    border: 1px solid #D9E5EE;
    background: #F4F6F8;
    border-radius: 6px;
    padding: 14px 16px;
    font-size: 16px;
    color: #082E4A;
        font-family: 'Inter';
    outline: none;
    transition: .25s;
}
.wpcf7-submit{
    font-size: 16px!important;
    color: #082E4A!important;
    width:100%!important;
    font-family: 'Inter';
    cursor:pointer;
}

.wpcf7-form-control::placeholder {
    color: #3A5A71;
}

/* Textarea */

textarea.wpcf7-form-control {
    resize: vertical;
    min-height: 120px;
    line-height: 1.4;
}

/* Select */

select.wpcf7-form-control {
    appearance: none;
    background-image: url('select-arrow.svg');
    background-repeat: no-repeat;
    background-position: right 16px center;
    cursor: pointer;
}

/* Radios */

.cf7-radio-group {
    margin-bottom: 24px;
}

.wpcf7-radio {
    display: flex;
    gap: 24px;
    margin-top: 12px;
}

.wpcf7-list-item {
    margin: 0;
}

.wpcf7-list-item label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

/* Checkbox */

.cf7-checkbox {
    font-size: 14px;
    color: #3A5A71;
}

.cf7-checkbox .wpcf7-list-item {
    margin: 0;
}

.cf7-checkbox label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
.cf7-checkbox input{
    margin-top:5px;
}
/* Note */

.cf7-note {
    background: #F4FBFE;
    border: 1px solid rgba(30, 150, 211, 0.10);
    padding: 12px;
    border-radius: 8px;
    font-size: 14px;
    color: #3A5A71;
}

/* Validation */

.wpcf7-not-valid {
    border-color: #E53935 !important;
}

.wpcf7-not-valid-tip{
    display:none;
}
span.custom-validation-error,
span.custom-error{
    font-size: 13px;
    position: absolute;
    color:#E53935;
}

.wpcf7-response-output {
    margin: 24px 0 0 !important;
}
.wpcf7 .wpcf7-submit:disabled{
    opacity:.5;
    cursor:not-allowed;
    pointer-events:none;
}

#submit-btn:not(:disabled){
    opacity:1;
    cursor:pointer;
}

/* footer */
.footer-top {
    justify-content: space-between;
    padding-top: 64px;
}

.footer-menu {
    display: flex;
    gap: 32px;
    list-style: none;
}

.footer-menu a {
    color: #082E4A;
}

.footer-bottom p {
    font-size: 14px;
    line-height: 160%;
    padding-bottom: 34px;
}
.page-header {
    background: #082E4A;
    color: #fff;
    padding: 40px 0;
    text-align: center;
}
.tq-page .contact-info a{
	color:#3A5A71;
}
.tq-page h2 {
    font-size: 30px;
}


@media (min-width:1800px) {
	.banner{
		background-image: url(/wp-content/uploads/2026/08/banner-ultra-wide-scaled.webp);
		 background-position-y: 96%;
	}
}
@media (max-width:1200px) {
    .site-width {
        padding-left: 40px;
        padding-right: 40px;
    }

    h2 {
        font-size: 42px;
    }

    h3 {
        font-size: 20px;
    }
}

@media (max-width:991px) {
    header .btn {
        display: none;
    }

    h1 {
        font-size: 46px;
    }

    h2 {
        font-size: 36px;
    }


    .flex {
        flex-direction: column;
    }

    header .flex,
    .colm2 {
        flex-direction: unset;
    }

    .colm4 .colm {
        flex: 1 100%;
        max-width: 100%;
    }

    .ptb80,
    .ptb40 {
        padding-top: 32px;
        padding-bottom: 32px;
    }

    .pt40 {
        padding-top: 32px;
    }

    .mt40 {
        margin-top: 32px;
    }

    .col,
    #mission .col {
        flex: 1 100%;
        max-width: 100%;
    }

    .footer-top {
        gap: 16px;
    }

    .contact-info a {
        justify-content: center;
    }
	.colm4 .colm{
		padding-bottom:0;
	}
	.faq-body .gap60 {
       gap: 0;
		margin-top:16px;
    }
		.faq-body ul {
       gap: 0;
			margin-top:0;
    }
	.gap60 {
    gap: 30px;
}
}

@media (max-width:768px) {

    .site-width {
        padding-left: 20px;
        padding-right: 20px;
    }

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 18px;
		line-height: 1.4;
    }
	.banner{
		background-image: url(/wp-content/uploads/2026/08/mobile-banner.webp);
	   background-position-y: bottom;
	}
	.banner .ptb80 {
    padding-top: 40px;
    padding-bottom: 80px;
}
    .btn {
        width: 100% !important;
        text-align: center;
    }
    .mob-btn-marg{
        margin: 0 20px;
    }
    .choose-grid,
    .territory-grid,
    .path-item {
        grid-template-columns: 1fr;
    }

    .faq-head,
    .path-item {
        gap: 16px;
    }
	.sub-heading{
		align-items:flex-start;
	}
	.sub-heading span {
    margin-top: 10px;
	}
	.colm2 .colm {
    max-width: 47%;
}
	.cf7-row{
		flex-direction:column;
	}
	.form {
    padding: 32px 24px;
	}
	.zip-col {
    max-width: 100%;
}
	#c-info .site-width{
		padding-left: 16px;
        padding-right: 16px;
	}
	.contact-info a{
    font-size: 15px;
	}
    .footer-top {
        align-items: flex-start;
    }

    .footer-menu {
        flex-direction: column;
        gap: 16px;
    }
}