body{font-family: "SUSE", sans-serif; font-size:14px; color:#000; line-height:24px; font-weight:400; overflow-x:hidden;}
html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}
/*html{scroll-behavior: smooth;scroll-padding-top: 100px;}*/


:root{
	--clr-lightblue:#edf4fa;
	--clr-blue: #3878b9;
	--clr-dark:#000;
	--clr-white:#fff;
	--clr-darkblue:#072e54;
	--clr-bg-blue:#30689d;
	--clr-bg-light:#edf4fa;
}

a{color:var(--clr-blue); text-decoration:none;}
a:hover{color:var(--clr-dark);}
a, .logo img, .shrink.navbar-expand-lg, .thumbox:before, .btn{-webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear;}


h1{font-size: clamp(30px, 4.2vw, 48px);}
h2{font-size: clamp(24px, 3vw, 36px);}
h3{font-size: clamp(20px, 3vw, 30px);}
h4{font-size: clamp(18px, 3vw, 24px);}
h5{font-size:18px;}
h6{font-size:16px;}

section, .section {padding-bottom: 6vw;padding-top: 6vw;}
.bg-blue{background:var(--clr-darkblue);}
.bg-primary{background:var(--clr-bg-blue)!important;}
.bg-light{background:var(--clr-bg-light)!important;}
.text-primary{color:var(--clr-darkblue)!important;}





.fixted-top{width:100%; position: sticky; top:0; z-index:999;}
.navbar{background:var(--clr-white); border-bottom: 1px solid #e1e1e1;}
.shrink.navbar{background:#fff;}
.logo img{max-width:170px;}
.shrink .logo img{max-width:120px;}




.btn{text-shadow: none!important; box-shadow: none; padding:10px 30px; font-size: 16px; position: relative; isolation: isolate; cursor: pointer;font-weight:400; color:var(--clr-white); text-transform: uppercase; overflow: hidden;}
.btn:hover{color:#fff; border-color:var(--clr-dark); background-color:var(--clr-blue);}
.btn:after{position: absolute; content: ''; z-index: -1; inset:-1px; scale:0 1; transform-origin: right; transition: scale 450ms;}
.btn:hover:after, .btn:focus-visible:after{transform-origin: left; scale:1 1;}
.btn i{margin-right:10px;}
.btn-primary{background: var(--clr-blue); border-color:var(--clr-blue);}
.btn-primary:after{background: var(--clr-darkblue);}
.btn-lg{font-size:20px; padding:12px 25px;}
.btn-link{color: var(--clr-white);padding:0!important;border: 0; text-decoration:none; margin:0 0 0 40px; text-transform:none;}
.btn-link:hover{color: var(--clr-blue); background:none;}
.btn-sm{padding:5px 15px; font-size:14px!important;}


.navbar>.container{display:block;}
.nav-link {font-size: 16px;color: #000;display: block;margin: 0 0 0 25px; text-transform: uppercase;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color: var(--clr-blue);}
.nav-link:hover {color: var(--clr-blue);}
/*.dropdown-toggle::after{display:none;}*/

.nav-link:focus, .nav-link:focus-visible{box-shadow: none;outline: none;}
.navbar-toggler i{font-size:30px; color:#000;}
.navbar-expand-lg .navbar-nav .dropdown-menu {position:absolute; top:40px; border:0; background:#adc6e1;}

.dropdown-item {font-size: 14px;font-weight: 600;}




.banner {position: relative;background:var(--clr-lightblue); width: 100%;}
.banner:after{position:absolute; content:''; width:100%; height:100%; right:0; bottom:0; background:url("images/bannerbg.png") no-repeat; background-position:bottom; opacity:.2;
background-size:contain; margin-bottom: -40px;}
.servicebtn {display: grid;grid-template-columns: 1fr 1fr;gap: 25px;}
.servicebtn img{max-width: clamp(30px, 4.2vw, 50px); filter: invert(46%) sepia(73%) saturate(458%) hue-rotate(168deg) brightness(82%) contrast(91%);}
.servicebtn a {text-transform: none;font-weight:400;padding:  clamp(10px, 2vw, 20px);display:grid; grid-template-columns: auto auto 1fr;align-items: center;gap: 15px; color: var(--clr-blue);
	background: var(--clr-white); border-radius:10px; font-size: clamp(14px, 2vw, 24px); border:1px solid;}
.servicebtn i{display: flex;justify-content: end; font-size: clamp(20px, 4.2vw, 30px);}
.servicebtn a:hover{background: var(--clr-blue); color: var(--clr-white);}
.servicebtn a:hover img{filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);}




.thumbox{padding:50px 0; position:relative; border-radius: 0;box-shadow: none;isolation: isolate; border: 1px solid transparent;}
.thumbox:before, .thumbox:after {content: '';position: absolute;inset: 0;-webkit-transition: all .5s linear;-moz-transition: all .5s linear;-ms-transition: all .5s linear;
-o-transition: all .5s linear;transition: all .5s linear;color: var(--clr-blue);z-index: -1;}
.thumbox:before {border-top: solid 1px;border-bottom: solid 1px;transform: scaleX(0);}
.thumbox:after {border-left: solid 1px;border-right: solid 1px;transform: scaleY(0);}
.thumbox:hover:before, .thumbox:hover:after {transform: scale(1);}
.thumbox img{max-width:100px;}
.thumbox h4{margin:20px 0; font-weight:600; position:relative; text-transform:uppercase; color: var(--clr-darkblue);}
.thumbox h5{font-size:clamp(14px, 2vw, 20px); font-weight:600;}




.list{position: relative; margin:0; padding:0; line-height:normal;}
.list li{margin-bottom: 10px;display: flex;column-gap:10px;}
.list li:before{font-family: 'Line Awesome Free';display: flex;content: '\f00c';color:var(--clr-dark);font-size: 20px;font-weight: 700;}






.form-control{margin-bottom:30px; line-height:34px; border-radius:4px; background:var(--clr-white); border: 0; border:1px solid #ccc; color:var(--clr-dark);}
textarea.form-control{height:150px!important;}
.form-control:focus{box-shadow:none; border-color:var(--clr-white);}
.error{color:#F10307; display:block; margin-top:10px;}
/*.form-floating>.form-select{border-radius:0; border: 0; border-bottom:1px dotted #ccc; padding:0;}*/
.form-select:focus{box-shadow:none; border-color:var(--clr-white);}
.form-control::placeholder {
  color: 000 !important;
  opacity: 1;
}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 50px #073863 inset !important;
	-webkit-text-fill-color: #fff !important;
}
.form-select{color:#5c5c5c; margin-bottom:30px; line-height:34px;}
.contacticon {display: flex;align-items: center;font-size: 14px;color: #073863;}
.contacticon i {font-size: 25px;margin-right: 8px;padding: 8px;border-radius: 100%;border: 1px solid;}
.contacticon a{font-size:clamp(14px, 4.2vw, 20px)}

.companyslider img{width: 170px;margin: 0 40px;}
.companyslider .slick-track{display:flex; align-items: center;}
.companyslider .slick-arrow{position: absolute; top: 50%; transform: translate(0, -50%); font-size:18px; border:0;background:none; cursor: pointer; padding:0; border-radius:0; z-index:9;}
.companyslider .bi.bi-arrow-left, .companyslider .bi.bi-arrow-right{align-items: center; display: flex; justify-content:center; color: #fff;}
.companyslider .bi.bi-arrow-right{right:15px;}
.companyslider .bi.bi-arrow-left{left:15px;}


/*.light-gradiant{background: rgb(237,244,250); background: linear-gradient(180deg, rgba(237,244,250,1) 0%, rgba(250,252,254,1) 88%);}*/
.mixgradient {
/*    background-color: hsl(212.92deg 100% 92.71%);*/
    background-image:  radial-gradient(at 19% 71%, hsl(219.29deg 41.46% 74.44%) 0px, transparent 50%), radial-gradient(at 72% 80%, hsl(161.13deg 100% 97.24%) 0px, transparent 50%), radial-gradient(at 7% 5%, hsl(219.29deg 100% 96%) 0px, transparent 50%);;
}

/*.rightbg, .leftbg{position:relative;}
.rightbg:after{position: absolute; content:''; bottom:0; right:0; width:100%; height:100%; background: url("images/one.png") no-repeat bottom right; background-size:contain; opacity:.1;}

*/


.leftbg{position:relative;}

.leftbg:after{position: absolute; content:''; bottom:0; right:0; width:100%; height:100%; background: url("images/three.png") no-repeat top left; background-size:contain;
opacity:.1;}
.homeinsurance:before{position: absolute; content:''; bottom:0; right:0; width:100%; height:100%; background: url("images/homeinsurance.png") no-repeat bottom right; background-size:auto; opacity:1;}
.commercialinsurance, .carinsurance, .lifeinsurance, .businessinsurance{position:relative;}
.commercialinsurance:after{position: absolute; content:''; bottom:0; right:0; width:100%; height:100%; background: url("images/commercialtruck.png") no-repeat bottom left; background-size:auto;}

.businessinsurance:after{position: absolute; content:''; bottom:0; right:0; width:100%; height:100%; background: url("images/commercial.png") no-repeat bottom left; background-size:auto;}

.carinsurance:before{position: absolute; content:''; bottom:0; right:0; width:100%; height:100%; background: url("images/car.png") no-repeat bottom right; background-size:auto;}
.lifeinsurance:before{position: absolute; content:''; bottom:0; right:0; width:100%; height:100%; background: url("images/life.png") no-repeat bottom left; background-size:auto;}



/*.testimonial.slick-slider{margin-inline: -15px;}*/
.testimonial .slick-track { display: flex !important; }
.testimonial .slick-slide{margin:15px; position: relative; padding:clamp(14px, 2vw, 20px); line-height:24px;height: inherit !important; background:#fff; font-size:14px;}
.testimonial .slick-slide img{width:60px;}
.testimonial span{display:block; margin:0;}
.testimonial h6{font-size:16px;  font-weight:700; color:var(--clr-blue);}
.testimonial span{font-size:14px;}
.testimonial i {font-size:60px; color:#ccc;}
.spanbox{display: flex;align-items: center; margin-bottom:20px; gap:14px;}

/*
.testimonial .slick-arrow{position: absolute; top: 50%; transform: translate(0, -50%); font-size:26px; border:0;background:none; cursor: pointer; padding:10px 5px; border-radius:0; z-index:9;}
.testimonial .las.la-angle-left, .testimonial .las.la-angle-right{align-items: center; display: flex; justify-content:center; color: #fff; background:#328b5e;}
.testimonial .las.la-angle-right{right:15px;}
.testimonial .las.la-angle-left{left:15px;}
*/

/*
.testimonial .slick-dots{font-size: 0; text-align: center; margin-bottom:0; margin-top:20px; padding: 0;}
.testimonial .slick-dots li{position: relative;display: inline-block;}
.testimonial .slick-dots li button {padding:6px; width:18px; height:18px; border-radius:50px;background:#d5d5d5; border:0; margin:0 10px 0 0;}
.slick-dots li.slick-active button{opacity:1;background:#333;}
*/



.footer{font-size:14px; color:var(--clr-dark); position:relative;}
.footer, .container{position:relative; z-index:9;}
/*.footer:after{position:absolute; content:''; width:100%; height:100%; right:0; bottom:0; background:url("images/footerbg.png") no-repeat; background-size:contain; opacity:.4;}*/
.footer h5{color:var(--clr-dark); font-weight:700; margin-bottom:15px;}
.footer img{max-width:200px;}
.footer a:hover{color:var(--clr-blue);}
.f-menu{margin:0; padding:0; list-style:none; line-height:24px;}
.f-menu a, .f-nav a{display: inline-block; color:var(--clr-dark);}
.f-menu span{display: inline-block; margin:0 10px;}
.lastnav:hover{color:var(--clr-dark)!important;}
/*
.f-nav{padding:0; margin:0;}
.f-nav a{display:inline-block; margin:0 0 0 5px;}
*/

.social a{margin:0 20px; font-size:25px; color:var(--clr-dark);}
.social a:hover{color:var(--clr-blue);}



.lineicon{list-style:none; margin:0; padding:0; display: grid;grid-template-columns: 1fr 1fr; gap:30px;}
.lineicon li{border:1px solid #ccc; padding:20px; border-radius:8px; background: rgba(255, 255, 255, .8);}
.lineicon span{margin-top:20px; font-size:16px; display:block; font-weight:700;}
.lineicon img{max-width:50px;display: block;margin: 0 auto; filter: invert(41%) sepia(57%) saturate(556%) hue-rotate(167deg) brightness(97%) contrast(91%);}


/*
.lineicon{display: flex; align-items: center; font-size:14px; color:#073863;}
.lineicon i{font-size:20px; margin-right:8px;}
.lineicon a{font-size:14px; color:#073863;}
.lineicon a:hover{color:#fff;}
*/

.btn-space{display: flex!important; justify-content: space-between!important; padding: clamp(10px, 2vw, 26px)!important; }



.cardbox{
    background: #ffffff;
    padding: 20px;
    font-size:8px;
    line-height:20px;
    border-radius:10px;
}
.cardbox h2{font-size:10px; font-weight:700; text-transform:uppercase;}






@media (max-width:1400px){.container{max-width:1330px; position:relative; z-index:9; }}

@media (max-width:1199.98px){.nav-link{margin:0 8px 0 0; font-size:16px;} .banner:after{opacity:.1;} .mixgradient{padding-bottom:120px;}
	.commercialinsurance:after{background-size:contain;}
	.carinsurance:before, .lifeinsurance:before{background-size:contain;}
}

@media (min-width:991px) {
.dropdown .dropdown-menu {display: block;visibility: hidden;opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);
-webkit-transition: all .3s ease-in;-o-transition: all .3s ease-in;transition: all .3s ease-in;box-shadow: 0 10px 10px rgb(0 0 0 / 10%); padding: 10px;}
.dropdown:hover > .dropdown-menu {visibility: visible;opacity: 1;-webkit-transform: scaleY(1);-ms-transform: scaleY(1);transform: scaleY(1);}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active {color: #333;background-color:#c9e3fe;padding-left: 15px;border-radius:3px;}
}


@media (max-width:991.98px){
	.logo img, .shrink .logo img {max-width:130px;}
	.btn-lg {font-size: 18px;padding: 8px 15px;}
	.navbar-nav{line-height:30px;}
	.nav-item{border-bottom: 1px dotted #779ec9;}
	.nav-link{color:#fff; padding-inline: 20px;}
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color: #78b8f9;}
	.navbar-toggler{padding:0;}
	.navbar-toggler i{font-size:32px;color: #0d2c6c; vertical-align: middle;}
	.navbar-toggler:focus{box-shadow:none;}
	.navbar-collapse{position: absolute;left:0; right:0; top:57px; background-color:#294868;}/*	.shrink .navbar-collapse{top:48px;}*/
	.navbar-expand-lg .navbar-nav .dropdown-menu{position:relative; top:inherit; border-radius: 0; margin-bottom: 0 !important;}
    
    .dropdown-toggle::after{float: right; margin-top: 13px;}
	.thumbox img{max-width:50px;}
	.thumbox{padding:30px 0;}
	.thumbox h5{margin:20px 0;}
	.btn:hover, .btn-outline:hover{background:#000; border-color:#000;}
	.btn:hover:after, .btn:focus-visible:after {transform-origin:0;scale: 0;}

	.mixgradient, .carinsurance, .lifeinsurance{padding-bottom:450px;}
}

@media (max-width:767.98px){
	.lead{font-size:14px;}
}

@media (max-width: 575.98px) {
/*	.spacer {height:94px;}*/
    .servicebtn{gap: 10px;}
    .servicebtn a{gap:0;}
    .servicebtn img{margin-right: 10px;}
    .servicebtn i{font-size: 14px;}
    .banner{margin-bottom: 20px;}
        .banner:after {
        position: relative;
        height: 100px;
        display: block;
        background-size: cover;
        opacity: .3;
        margin-bottom: -48px;
    }
	.logo img, .shrink .logo img {max-width:100px;}
	.navbar-collapse{top:50px;}
	body{font-size:13px; line-height:16px;}
	.btn{font-size:14px; padding:10px;}
	.btn-link{margin: 0 0 0 10px;}
	.testimonial .slick-slide{margin:0 5px;}
	.btn-lg{font-size: 12px; padding:8px 10px;}
    .logobox li img{margin:0 30px;}
    .thumbox {padding:15px 10px; border: 1px solid #e2e2e2;}
    .thumbox h4{margin: 15px 0;}
	.thumbox h5{margin-top:0; margin-bottom: 0;}
	.mixgradient.aboutpage{padding-bottom:0!important;}
	.mixgradient, .carinsurance, .lifeinsurance{padding-bottom:250px!important;}
	.companyslider img{max-width:120px;}
    
    .lineicon{gap:20px;}
    .mixgradient, .carinsurance, .lifeinsurance, .homeinsurance, .businessinsurance {
        padding-bottom: 180px !important;
    }
    .carinsurance:before, .lifeinsurance:before, .commercialinsurance:after, .homeinsurance:before, .businessinsurance:after {
        background-size: 80%;
    }
    
    .contacticon{margin-bottom: 15px;}
	
	.footer:after{bottom:-387px; opacity:1;}
    .footer img{max-width: 130px;}
}

@media (max-width: 376.98px) {textarea.form-control{height:100px!important;} }