*{outline:none;}
html{scroll-behavior: smooth;}
body{font-family:'Public Sans', sans-serif !important;}

.font-source-serif{font-family: "Source Serif 4", serif;}
.font-pacifico{font-family: "Pacifico", cursive;}

.mt-100,
.my-100{margin-top:100px;}
.mb-100,
.my-100{margin-bottom:100px;}

.pt-100,
.py-100{padding-top:100px;}
.pb-100,
.py-100{padding-bottom:100px;}

a{text-decoration:none; transition:300ms}
a:hover{text-decoration:underline;}
input, select, textarea{box-shadow:none !important; border-radius:12px !important; padding:10px 15px !important }

.fs-12{font-size:12px;}
.fs-14{font-size:14px;}
.fs-18{font-size:18px;}
.top-unset{top:unset;}

#header{z-index: 5555; position: sticky; top: 0;}

.navbar-toggler .icon-bar{background-color:#000E22; transform:rotate(0deg) translate(0px, 0px); transition:300ms;}
.navbar-toggler .icon-bar{display:block; width:22px; height:2px; border-radius:1px;}
.navbar-toggler .icon-bar+.icon-bar{margin-top:4px;}
.navbar-toggler .icon-bar:nth-child(2){width:16px; transition:300ms;}
.navbar-toggler:hover>.icon-bar:nth-child(2){width:22px; transition:300ms;}
.navbar-toggler:active>.icon-bar:nth-child(2){width:22px; transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1){transform:rotate(45deg) translate(5px, 4px); transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2){opacity:0; transition:300ms;}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3){transform:rotate(-45deg) translate(4px, -4px); transition:300ms;}

#navbarNav .nav-link{color:#000E22 !important; font-size:18px;  border-radius:50px; padding:0.5rem 1.5rem; text-decoration:none; transition:300ms;}

#navbarNav .nav-link.active{color:#fff !important; background:#000E22 !important;}




#banner{padding: 100px 0 130px 0}

#experienceImprovesArea{transform: translateY(-30px); position: relative; z-index: 1;}

#experienceImprovesArea .card{transition:300ms}
#experienceImprovesArea .card:hover{color: #fff; background-color:RGBA(var(--bs-primary-rgb)) !important; box-shadow: 6px 6px 0px #002762;}
#experienceImprovesArea .card:hover h3{color: #fff !important;}

#planArea{background: url("../images/vector.png") right top no-repeat; }
#planArea .card{background: #DDE4EF; background: linear-gradient(0deg,rgba(221, 228, 239, 1) 10%, rgba(255, 255, 255, 1) 50%, rgba(221, 228, 239, 1) 90%);}

#accordionFAQ .accordion-button{background: unset; border: unset !important; box-shadow: unset !important; font-size: 20px; font-weight: 600; padding: 15px 30px;}
#accordionFAQ .accordion-body{padding: 15px 60px 15px 30px; opacity: 0.75}

#accordionFAQ .accordion-button[aria-expanded="true"]{color: #002152 !important;}

#footer #social a{width:32px; line-height: 32px; text-align: center; color:#00B8D9; background: #00B8D933; border-radius: 50%; display: block; font-size: 14px}

@media (min-width:1400px){
.container-fluid{padding-left:8% !important; padding-right:8% !important;}
}

@media (min-width:992px){
#getInTouchArea img{transform: translateY(100px)}
}
@media (min-width:768px){
.container-fluid{padding-left:60px; padding-right:60px;}
}


@media (min-width:1200px) and (max-width:1399px){}
@media (min-width:992px) and (max-width:1199px){
    #navbarNav .nav-link{padding:0.5rem 1rem; font-size:16px; }
    #header .nav.gap-3.align-items-center.justify-content-end a{font-size: 15px !important;}
    #header .nav.gap-3.align-items-center.justify-content-end .btn{padding:0.5rem 1rem !important;}
}
@media (min-width:768px) and (max-width:991px){}
@media (min-width:576px) and (max-width:767px){

}
@media (min-width:0px) and (max-width:575px){
    #header .nav.gap-3.align-items-center.justify-content-end a{font-size: 15px !important;}
    #header .nav.gap-3.align-items-center.justify-content-end .btn{padding:0.5rem 1rem !important;}
    #banner a{font-size: 14px; padding:0.5rem 1rem !important;}
}