@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');
:root --bs-body-font-family{font-family: "Nunito", sans-serif;  font-weight: normal!important;}
body{ color:#000;}
h1, h2, h3, h4, h5, h6{font-family: "Nunito", sans-serif;   font-weight: 800!important; color:#000;}
p{font-family: "Nunito", sans-serif;  font-weight: normal!important; font-size:21px; color:#000;}
h3{font-size:48px;}
h4{font-size:35px;}
 html { scroll-behavior: smooth;}
 section{overflow-x:hidden;}
.blue-bg{background:#030283;}
.grey-bg{background:#E1E1F1;}
.sec-padding{ padding:95px 0px;}
.navbar-nav .nav-item a{font-family: "Nunito", sans-serif;  font-style: normal; font-size:20px;}
.navbar-nav .nav-link { position: relative;	padding:8px 25px !important; margin: 0px 10px 5px;color:#000!important; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color:#030283!important;}
.navbar-nav .nav-item:last-child a {margin-right:0px;}
.navbar-nav .nav-item:first-child a{margin-left:0px;}
 .navbar-nav .nav-link::after {content: ''; position: absolute; width: 0; height: 2px; bottom: 0; left: 0; background-color: #030283; visibility: hidden; transition: all 0.3s ease-in-out;}
 .navbar-nav .nav-link.active::after, .navbar-nav .nav-link:hover::after {visibility: visible; width: 100%;}
.sticky-top{ padding-top: 30px; transition: all 0.3s ease-in-out; background:rgba(255,255,255, 1);}
.shrink img{height:40px; transition: all 0.3s ease-in-out;}
.shrink .nav-link{padding-top:0px!important; font-size:18px; margin-top: 5px 10px 5px;}
.shrink { padding-top:8px; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.04); transition: all 0.3s ease-in-out;}
.banner {height: calc(100vh - 105px);}
.banner-title h1{font-size:100px; line-height: 100px;}
.banner-title p{font-size:34px;}
.banner-title{margin-top:95px;}
.services, .partner{overflow:hidden;}
.parallax {background-image: url('../images/banner-bg.svg');height: 100vh; background-attachment: fixed; background-position:center bottom; background-repeat: no-repeat;background-size: contain; }
.about-us{ background-image: linear-gradient(
  90deg,
  hsl(0deg 0% 100%) 1%,
  hsl(223deg 100% 100%) 33%,
  hsl(223deg 100% 100%) 41%,
  hsl(223deg 100% 100%) 46%,
  hsl(223deg 100% 100%) 48%,
  hsl(223deg 100% 100%) 50%,
  hsl(223deg 100% 100%) 51%,
  hsl(223deg 100% 100%) 51%,
  hsl(223deg 100% 99%) 51%,
  hsl(223deg 100% 99%) 51%,
  hsl(223deg 100% 99%) 50%,
  hsl(223deg 100% 99%) 50%,
  hsl(223deg 100% 99%) 49%,
  hsl(223deg 100% 99%) 49%,
  hsl(223deg 100% 99%) 49%,
  hsl(223deg 100% 99%) 49%,
  hsl(223deg 100% 99%) 50%,
  hsl(223deg 100% 99%) 52%,
  hsl(223deg 100% 99%) 54%,
  hsl(223deg 100% 99%) 59%,
  hsl(223deg 100% 99%) 67%,
  hsl(223deg 100% 99%) 99%
		);}
.about-content{width:500px;}
.about-us img{width:100%;}
.services h4{font-weight:600 !important;}
.services-boxframe:hover img {-webkit-transform: rotateY(360deg); transform: rotateY(360deg); -webkit-transition: all 1s ease; transition: all 1s ease;}
.sm-container{ max-width: 950px !important;}
.verticle-divider{width:1px; height:165px; background:#cdcccc; display:inline-block; }
.carousel-item .sm-container{position:relative;}
.testimonials-text {width:555px; box-sizing:border-box; background:#F1F2F4; padding:25px; position:absolute; z-index:1; top: 185px; right: 25px;}
.testimonials.sec-padding {padding-bottom:150px;}
.rgt-testimnial img{float:right;}
.rgt-testimnial .testimonials-text {left: 25px; right:auto;} 
.carousel-indicators{bottom: -100px;}
.carousel-indicators [data-bs-target]{width: 14px; height: 14px; border-radius: 50%; margin-right: 5px; margin-left: 5px;     background-color: #030283; opacity: .3;}
.carousel-indicators .active { opacity: 1;}
.carousel-item { transition: opacity 3s ease-in-out; opacity: 0;}
.carousel-item.active { opacity: 1;}
.carousel-control-next, .carousel-control-prev{opacity:.3; top:49%; bottom:auto;}
.carousel-control-prev-icon { background-image: url(../images/left-arrow.png); width:101px; height:16px;}
.carousel-control-next-icon	{ background-image: url(../images/right-arrow.png); width:101px; height:16px;}
p.top-border{position:relative; padding-top:35px;}
p.top-border:before{position:absolute; content:''; top:13px; left:0; width:50px; height:1px; background:#030283;}
.message img{width:100%;}
.message-form textarea{height:150px;}
.message-form textarea, .message-form input{background:#ededf7!important; }
.form-control{padding: .675rem .95rem!important;}
.form-control:focus{box-shadow: 0 0 0 .05rem rgba(13, 110, 253, .0); border-color: #030283;}
.message-form label{font-size:16px;}
.message-form button{width:100%; padding: .675rem .95rem!important; background:#030283!important; color:#fff!important;     font-size: 21px;}
.message-form button:hover, .message-form button:focus{background:#000ed5!important; color:#fff!important;}
footer h6{font-size:26px; font-weight:600!important;}
footer a{text-decoration:none;}
footer a:hover{opacity:0.8;}
footer p{font-size:20px; font-weight:300!important;}
#backToTopBtn { display: none; position: fixed; bottom: 20px;  right: 30px; z-index: 99; border: none; outline: none; 
    background-color:#1715df !important; color: white; cursor: pointer;  width:45px; height:45px; border-radius:50% ; }
	#backToTopBtn img {-webkit-animation: 1.5s infinite scrolltop; animation: 1.5s infinite scrolltop;  }
@keyframes scrolltop {
    from {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 0.4
    }

    10% {
        -webkit-transform: translate3d(0,-2px,0);
        transform: translate3d(0,-2px,0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0);
        opacity: 0.2
    }
}


@media (max-width: 1500px) {
.parallax {background-image: url('../images/banner-bg-laptop.svg'); background-position:center 115%;}
.banner-title { margin-top: 70px;}
.banner-title h1 {font-size: 98px; line-height: 96px;}
h4 {font-size: 34px;}
h3 { font-size: 47px;}
}
		
@media (max-width: 1300px) {
.parallax {background-image: url('../images/banner-bg-laptop.svg'); background-position:center 105%;}
.banner-title {margin-top: 90px;}
.banner-title h1 {font-size: 83px; line-height: 84px;}
h4 {font-size: 34px;}
.banner-title p {font-size: 32px;}
}
		
@media (max-width: 1100px) {
.parallax {background-image: url('../images/banner-bg-laptop.svg'); background-position:center 125%;}
.banner-title {margin-top: 55px;}
.banner-title h1 {font-size: 68px; line-height: 64px;}
h4 {font-size: 28px;}
.banner-title p { font-size: 32px;}
p, footer p {font-size: 19px;}
.carousel-control-next, .carousel-control-prev {top: auto; bottom: -68px;}
 h3 {font-size: 45px;}
}
		
@media (max-width: 768px) {
.offcanvas-header{padding-right: 25px;}
.offcanvas-header .btn-close{font-size:20px;}
.navbar-nav {width:100%;}
.navbar-nav .nav-item a {font-size: 17px;}
.offcanvas.offcanvas-end{width:340px !important;}
.navbar-nav .nav-link{padding: 8px 25px 12px !important; margin:0px 0px 15px !important;}
.offcanvas-header img{width:140px!important;} .navbar-brand img{width:100%;}
.navbar-toggler:focus{box-shadow: 3px 5px 5px 0px rgba(0,0,0,0.34)!important;}
.banner-title h1 { font-size: 58px; line-height: 62px; }
.banner-title p { font-size: 33px; line-height: 42px;}
.banner-title { margin-top: 130px;}	
.parallax { background-position: 10% 78%; background-size: 157%;}
.about-us{background-image:none; padding-bottom: 70px;}
.about-content {width: 100%;}
.d-hide{display:none!important;}
.services-box .col-12, .services-box .col-md-12{margin-bottom:70px;}
.services-box .general-insurance{margin-bottom:0px;}
 h3 {font-size: 41px;} 
.message h3 {font-size: 36px;} 
.testimonials-text{position: relative; width: 100%; top: auto; right: auto;}
.carousel-item img{height:300px; width:auto;}
.carousel-item .sm-container{display: flex; justify-content: center; flex-direction: column; align-items: center;}
.carousel-item img {height: auto; width: 50%;}
.rgt-testimnial .testimonials-text {left: auto;}
.carousel-control-next, .carousel-control-prev {bottom: -75px;}
.carousel-control-next{right:15px;}
.carousel-control-prev{left:15px;}
}

@media (max-width: 480px) {
	.navbar-nav .nav-item a {font-size: 20px;}
.carousel-item img {width: 85%;}
.parallax { background-position: 10% 78%; background-size: 157%;}
}