:root{
	--primary:#20618c;
	--primaryH:#004cba;
	

	--accent: #f0faff;
	--accent2:#f3f8ff;

	--fontH: #061237;
	--fontP: #4a4f53;
	--fontP2:#6978a0;
	--fontP3: #34393f;
	--darkG: #707478;
	--gray: #a3a7a9;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}img{margin:0;padding:0;border:0;outline:0;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}a:focus{outline:0;text-decoration:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}a:hover{text-decoration:none}::-webkit-input-placeholder{opacity:1}:-moz-placeholder{opacity:1}::-moz-placeholder{opacity:1}:-ms-input-placeholder{opacity:1}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
a{color: #002CB9}
body {
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings: "wdth" 100;

	font-size: 16px;
    line-height: 1.428571429;
    color: #000;
    background-color:#fff; min-width: 320px; overflow-x: hidden;
	-webkit-transition: all 0.3s ease;                  
	-moz-transition: all 0.3s ease;                 
	-o-transition: all 0.3s ease;   gf   
	transition: all 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

header {position: relative; background: #fff;         box-shadow: 0px 10px 20px 0px rgba(8, 0, 42, 0.08);}
header.scrolled:before{opacity: 1;}
header.scrolled{box-shadow: 0 1px 10px 4px #0a0c0e1a;}
.info p {color: var(--fontP3); font-size: 12px;}
.phone{color: black; font-weight: 600; line-height: 0.81}


.hero{  padding-bottom: 2rem; background: var(--accent2); padding-top: 2rem}
.hero .container{        max-width: 1200px;}
.hero_title{font-family: 'Figtree'; font-weight: 700; font-style: normal;  color: var(--fontH);  font-size: 3rem; line-height: 1.1666666667;margin-bottom: 1.5rem;}
.hero_desc{font-size: 1.125rem; line-height: 1.3333333333;    margin-bottom: 1.5rem; color: var(--fontP);}
.object-width{transform: translateY(-3rem)}
.hero_col{max-width: 700px;}
.hero_cta{max-width: 420px;}
.search .btn{background: var(--primary); display: flex; flex-direction: row; justify-content: center; align-items: center; height: 70px; width: 100%; border-radius: 0 5px 5px 0; color: #fff; font-weight: 600}
.zip_box{position: relative}
.hero_cta-img{max-width: 420px}
.col-btn{max-width: 80px;}
.btn-search{width: 50px; height: 50px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns:xlink='http://www.w3.org/1999/xlink' role='img' %3E%3Cpath d='M17.5 17.5L22 22' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11Z' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E"); background-repeat:  no-repeat; background-position: center}

.search-btn span {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns:xlink='http://www.w3.org/1999/xlink' role='img' %3E%3Cpath d='M17.5 17.5L22 22' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11Z' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E"); background-repeat:  no-repeat; background-position: center; width: 30px; height: 30px; background-size: contain}




.navbar-nav .nav-link {
  color: #333; 
  font-weight: 600; 
  text-transform: uppercase;
}


.dropdown-menu {
  background-color: #ffffff; 
}


.nav-item.active .nav-link {
  color:var(--primary);
	font-weight: 900;
}

.dropdown-menu .dropdown-item {
  color: #333;
}

.dropdown-item:hover {
  background-color: #f8f9fa; 
}

.nav-item:hover a {color: var(--primary)}





h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{font-family: 'Figtree'; }
form {display: block; position: relative}

.zip.form-control {
	height: 70px; font-size: 1.2rem;
	border-radius: 5px 0 0 5px;
	padding: 1.5rem 1.25rem .5rem 1.5rem; 
	border: solid 2px var(--primary);
}

.zip.form-control~label  { 
	position: absolute;
	  pointer-events: none; 
	color: var(--darkG);
	font-size: 1.125rem;
	transform: translate(1.5rem, -50%); 
	top:50%;left:0;
    transition: all .1s cubic-bezier(.4,0,.2,1); 
    will-change: transform,font-size,font-weight; 
} 

input.form-control:not(:placeholder-shown) + label,
input.form-control:active + label,
input.form-control:focus + label,
input.form-control:valid + label{ 
    font-size: 12px; 
    font-weight: 500; 
	top:1rem;
	color: var(--primary);
	transform: translate(1rem, -40%); 

} 



.zip_icon{
	position: absolute;
    transition: all .1s cubic-bezier(.4,0,.2,1);
	top:50%;
	margin-left: calc(2.5rem - 26px);
	transform: translateY(-50%);
	
}

/*input.form-control:not(:placeholder-shown),*/
input.form-control:active,
input.form-control:focus,
input.form-control:valid{
	border-color: var(--primary); box-shadow: none;
}


input.form-control:not(:placeholder-shown) ~ .zip_icon,
input.form-control:active ~ .zip_icon,
input.form-control:focus ~ .zip_icon,
input.form-control:valid ~ .zip_icon{
	 transform: translateY(-10%);
}



input.form-control:not(:placeholder-shown) ~ .zip_icon svg path,
input.form-control:active ~ .zip_icon svg path,
input.form-control:focus ~ .zip_icon svg path,
input.form-control:valid ~ .zip_icon svg path{
	 fill: var(--primary);
}


form.active{
	box-shadow: 0 0 0 4px rgba(13, 110, 253, 0.35); border-radius: 5px;
}



form.hover .btn{background-color: var(--primaryH)}
form.hover input {border-color: var(--primaryH)}




.form-control::-webkit-input-placeholder { /* WebKit browsers */
   color: transparent; font-size: 0.1px;
}
.form-control:-moz-placeholder { 
   color: transparent; font-size: 0.1px;
}
.form-control::-moz-placeholder { 
	color: transparent; font-size: 0.1px;
}
.form-control:-ms-input-placeholder { 
    color: transparent;font-size: 0.1px;
}

.form-error-message {    
	display: none;
	border-radius: .625rem;
    margin: 0;
    opacity: 0;
    padding: 1rem;
    position: absolute;
    text-align: left;
    transition: opacity .25s ease, top .25s ease;
    width: auto;
    z-index: 300;
    background-color: #eb004c;
    color: #fff;
    opacity: 1;
}

.form-error-message:before{
	border-bottom: 10px solid #eb004c;
	border-left: 10px solid #0000;
	border-right: 10px solid #0000;
	content: "";
	display: block;
	height: 0;
	left: 1rem;
	position: absolute;
	top: -8px;
	width: 0
}

.shake{
	-webkit-animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
	        animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}


@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}


.security-text {
	font-size: .875rem; 
    font-weight: 500;
    line-height: 1.4285714286;
    text-align: left;
    color: var(--fontP2); 
    margin-top: 1rem;
}


.main-content{position: relative}
.main-content:before{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%; z-index: -1;
  height: 400px;
  background: linear-gradient(180deg, #F3F8FF 0%, rgba(248, 251, 255, 0.2) 100%);
  content: "";
}
.main-content .container{max-width: 1320px;}


.slick-carousel{}
.slick-slider{}
.slick-slide{padding: 2rem 1rem !important;}


.cat-head{margin-bottom: 1rem}
.cat-container{padding: 1rem;     box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.08);}
.cat-container img{ margin-bottom: 1rem}
.cat-container h5 {text-align: center; font-weight: 700; font-size: 1rem}

.cat-link{display:flex; flex-direction: column; justify-content: center; text-align: center; background: #fff;    border-radius: 5px; padding: 15px 10px;transition: all .5s ease; color: black; font-weight: 600}
.cat-icon{background: var(--accent); width: 50px; height: 50px; border-radius: 5px; display: flex; align-items: center; justify-content: center; margin-left: auto; margin-right: auto; margin-bottom: 1rem; transition: all .5s ease;}
.cat-icon svg { stroke:var(--primary);stroke-width:2px!important; width: 30px; height: 30px;}
.cat-link:hover{filter: drop-shadow(0px 6px 24px rgba(20, 59, 129, 0.1)) drop-shadow(0px 32px 80px rgba(20, 59, 129, 0.1));}
.cat-link:hover .cat-icon{background-color: var(--primary)}
.cat-link:hover svg {stroke:white;}



.btn-arrow {color: var(--primaryH)}
.btn-arrow span{padding-right: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23004cba' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center right; background-size: 16px;}





.btn-primary{display: flex; background: var(--primary); border-color: var(--primary); height: 50px; align-items: center; justify-content: center; font-weight: 600; max-width: 320px; margin-left: auto; margin-right: auto}
.btn-primary:hover{background-color: var(--primaryH)}
.btn-primary.arrow span{color: #fff;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18l6-6-6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center right; background-size: 20px; padding-right: 20px;}





.blocks{padding: 3rem 1rem 4rem;}
.carrier-garden h2{font-weight: 300!important;    font-size: 1.25rem!important;line-height: 1.4;margin-bottom: 1.5rem !important;}

.features .icon {height: 90px; margin-bottom: 3.25rem; display:block; margin-left: auto; margin-right: auto}
.features .icon svg{max-height: 90px}

.features .icon .cls-1{fill:#fff;}
.features .icon .cls-1, .features .icon .cls-2{stroke:var(--fontH);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;}
.features .icon .cls-2{fill:none;}

.cl-acc{stroke:var(--primary)!important;}



.abt-list li{display: flex; font-size: 1.25rem; align-items: center; padding-top: .5rem; padding-bottom: .5rem}
.abt-list li svg {width: 40px; height:40px;}
.abt-list li span:first-of-type{padding-right: 15px;}
.abt-list li .fill {fill:#379cf7!important; }
.abt-list li .fill2 {fill:#ffffff!important;}
.abt-list li .stroke {stroke:#ffffff!important;}

.abt-list li:not(:first-of-type){border-top: solid 1px #00000073;}
.abt-list li:not(:last-of-type){border-bottom: solid 1px #ffffff4d;}



.headline{max-width: 1000px; margin-bottom: 6.5rem}
.headline h2 {font-size: 2rem; margin-bottom: 1rem}
.headline h2 b {font-weight: 900}
.headline p {font-size: 1.5rem}

.icon-grid{text-align: center}
.icon-grid .col{max-width: 350px;}
.icon-grid h4 {font-weight: 700; margin-bottom: 1rem}
.path{fill:var(--primary)}
.icon-grid p {color: var(--fontP2); line-height: 1.75}

.black{background: var(--primary); color: white; position: relative; margin-top: 6.5rem; margin-bottom: 6.5rem}
.black-top {position: absolute; left: 0; top:0; transform: translateY(-95%) rotateY(180deg)}

.black-top path, .black-bottom path{fill:var(--primary)!important}
.black-bottom {position: absolute; left: 0; bottom:0; transform: translateY(95%)rotateX(180deg)}
.black p {line-height: 2}

.testimonial-card.featured{box-shadow: 0 1px 8px 0 #0a0c0e26;}
.testimonial-card {
    border: 1px solid #d2d3d4;
    border-radius: .25rem;
    display: flex; align-items: center;
    flex-direction: column;
    justify-content: space-between;
    padding: 2.5rem; height: 100%;
}

 .testimonial-card p {
        font-size: 1.25rem;
        line-height: 1.4;
        margin-bottom: 3rem;
    color: var(--fontP2); text-align: center;

}

hr{display: block; border:none; outline: none; height: 5px;width: 100%; max-width: 50px; background: var(--primary); margin-left: 0; transform: translateX(-15px); margin-top: 1.5rem; margin-bottom: 1.5rem}

.w-icon{display: flex;align-items: center; gap:5px;}


.w-icon:before{content:""; display: block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center;}

.i-security:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23606569'%3E%3Cpath d='M480-40 192-256q-15-11-23.5-28t-8.5-36v-480q0-33 23.5-56.5T240-880h480q33 0 56.5 23.5T800-800v480q0 19-8.5 36T768-256L480-40Zm0-100 240-180v-480H240v480l240 180Zm-42-220 226-226-56-58-170 170-84-84-58 56 142 142Zm42-440H240h480-240Z'/%3E%3C/svg%3E");}
.i-call:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='16' viewBox='0 0 15 16' role='img'%3E%3Cpath d='M9.5,15.77C4.5,18-3.35,3.19,1.56.69L3,0,5.38,4.55,4,5.23C2.5,6,5.58,12,7.1,11.23l1.4-.68,2.4,4.53ZM8.42,6.83l2,.58a2,2,0,0,0-.16-1.55A2.13,2.13,0,0,0,9,4.86Zm1.23-4a4.27,4.27,0,0,1,2.56,2A4.08,4.08,0,0,1,12.55,8l-1.22-.35a2.92,2.92,0,0,0-.24-2.26A3,3,0,0,0,9.29,4ZM10.3.67a6.51,6.51,0,0,1,3.91,3.1,6.3,6.3,0,0,1,.52,4.9L13.5,8.3a5.06,5.06,0,0,0-.41-3.92A5.29,5.29,0,0,0,10,1.89Z' transform='translate(-0.01)' fill='%23000000' %3E%3C/path%3E%3C/svg%3E");}



footer{text-align: center; background: #1b1b1b; padding-top: 3rem; padding-bottom: 2rem; color: #fff;}
footer .headline h2 {font-weight: 900}
.footer-copy {font-size: 0.8975rem; margin-bottom: 1rem; margin-top: 3rem}
.footer-nav {width: 100%; gap:20px; margin-top: 2rem}
.footer-nav span{position: relative;}
.footer-nav span:not(:last-of-type):after{content:"|"; position: relative;transform: translateX(10px); display: block; position: absolute; top: 0; right: 0}
.footer-nav a {color: #fff;}


.btn-search{order: 3}
.navbar-toggler-icon{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='3' y1='12' x2='21' y2='12'%3E%3C/line%3E%3Cline x1='3' y1='6' x2='21' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='18' x2='21' y2='18'%3E%3C/line%3E%3C/svg%3E");}



@media (max-width:992px) {
	.hero{text-align: center}
	.hero .container {max-width: inherit !important}
	.hero_cta{margin-left: auto; margin-right: auto}
	.hero_col,
	.hero_col + div{min-width: 100%}
	.hero_title{    font-size: 2rem;}
	.hero .security-text{justify-content: center}
	.hero .hero-img{margin-top: 2.5rem;}
	.carrier-img-container{text-align: center; margin-bottom: 3rem}
	.testimonial-card{padding: 1.5rem}
	.black{margin-top: 3.5rem;margin-bottom:3.5rem;}
	.logo {max-height: 50px;}

}



@media (max-width:768px) {
	.object-width{width: 100%!important; transform: translateY(0)}
	.categories .row {justify-content: center!important}
	.categories .col {min-width:120px; margin-bottom: 2rem}
	.zip.form-control~label {max-width: calc(100% - 60px); text-align: left}
	
	.btn-search{order: 0!important}
	.navbar {order:3}
	.icon-grid  > .col{min-width: 100%}
	
	.slick-slide{padding:1rem !important;}

}

@media (max-width:576px) {
	.cat-head{justify-content: center!important; margin-bottom: 2rem}
	.cat-head > div:first-child {min-width: 100%}
	.zip.form-control~label {line-height: 1}
	.features .icon{margin-bottom: 1rem}
}

.page-title-section{
	 max-width: 920px;
    margin: unset;
    margin-bottom: 3rem!important
}
.page-title{font-weight: 800; color: var(--primary); font-size: 3rem}
.sub-title{font-weight: 500; font-size: 1.5rem; color: var(--fontH)}
.page,
.about-us{padding-top: 5rem; padding-bottom: 4rem}
.about-us .poster{    max-width: 50%;}
.about-us-heading{width: 100%;
    max-width: 1400px;
    margin: auto;
    text-align: start;}

.about-us-heading h2 {
    max-width: 920px;
    margin: unset;
    margin-bottom: 15px;
}
.page  p:not(:last-of-type),
.about-us .content p:not(:last-of-type){margin-bottom: 2rem}
.about-us  .content h2 {font-weight: 800; margin-bottom: 1rem}
.about-us .content .text {margin-bottom: 1rem; font-weight: 600}
p.sub-text{font-size: 1.5rem}


.sub-poster{width:100vw; float: right; height: 100%; background-image: url("../img/about.webp"); background-size: contain; background-position: center right -200px;  border-radius: 0px 150px 0px 0px; max-height: 650px}




ol.num-list {
  list-style-type: decimal; 
	padding-left:3rem;margin-bottom: 2rem
}

ol.custom-number {
  list-style-type: none; /* Remove default number */
  counter-reset: my-awesome-counter; /* Reset a counter */
}

ol.custom-number li {
  list-style-type: none; /* Remove default number */
  counter-increment: my-awesome-counter; /* Increment the counter */
}

ol.custom-number li::before {
  content: counter(my-awesome-counter); /* Display the counter */
  background: #333; /* Background color */
  color: #fff; /* Text color */
  border-radius: 50%; /* Rounded border */
  width: 20px; /* Width of the counter */
  height: 20px; /* Height of the counter */
  display: inline-block;
  text-align: center;
  margin-right: 10px;
}





.page ol.number-list {
    list-style: none;
    counter-reset: list-counter;
    padding-left: 0;
	
}
.page ol.number-list li{margin-bottom: 2rem}
.page  ol.number-list li::before {
    content: counter(list-counter) ".";
    counter-increment: list-counter;
    font-weight: 900; color: var(--primary);
    margin-right: 0.5em;
}




.page ul {
  list-style-type: none; padding-left: 1rem
}
.page ul li{padding-left: 10px;}
.page ul li:not(:last-of-type){margin-bottom: 1rem; position: relative}
.page  ul li::marker {
  content: "●";
  color: var(--primaryH); 
  font-weight: bold; margin-right: 10px !important
}




@media (max-width:768px) {
	.about-us .content , .about-us .poster {min-width: 100%}
	.sub-poster{height: 300px; background-size: cover!important; margin-bottom: 2rem}
	.page-title{font-size: 2rem}
	.sub-title {font-size: 1.25rem}
}