@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Flex:opsz,wght@8..144,100..1000&display=swap');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
header {
    background: #fff;
    padding: 20px 0;
}
body{
    font-family: "Poppins", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-display: swap
}
a{
    text-decoration: none!important;
}
a:focus, a:focus-visible { outline: none !important;}
.main-header-top{
    background: #253257;
    display: block;
    width: 100%;
    position: relative;
    padding: 7px 0;
}
.navbar-brand{ 
    font-size: 14px; 
    font-weight: 400;
    margin-bottom: 0; padding: 0;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.ml-0 {
    margin-left: 0;
}
.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
.navbar-brand img{
    max-width: 200px;
    margin: 5px 0;
}
.navbar{
    display: inline-block;
    width: 100%;
    padding: 0;
}
.navbar-collapse{ flex-grow: inherit !important;}
.no-padd{
    padding-left: 0;
    padding-right: 0;
}
.nav-links {
    list-style: none;
    display: flex;
    gap: 20px;
}
.nav-links a {
    text-decoration: none;
    color: #333;
}
.cta .btn {
    background-color: #007BFF;
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-decoration: none;
}
.navbar-nav .nav-item a.nav-link{
    padding: 0px 17px;
    color: #fff;
    font-weight: 400;
    transition: 0.5s all ease;
    font-size: 14px;
    border-right: 1px solid #fff;
}

.navbar-nav .nav-item .dropdown-menu li:hover{
    background: #0d6efd;
}

/* Only add underline to non-dropdown links on hover */
.navbar-nav .nav-item a:not(.dropdown-toggle):hover {
    text-decoration: underline !important;
}

.nav-link.nav-main-links.active{
    text-decoration: underline !important;
}

.bottom-menu-bar .dropdown-menu li a.dropdown-item.active, .bottom-menu-bar .dropdown-menu li a.dropdown-item:hover {
    color: white !important;
}

.navbar-nav .nav-item:last-child a.nav-link{ border: 0;}
.navbar-nav .nav-item a.nav-link.active, .navbar-nav .nav-item a.nav-link:hover{
    color: #fff;transition: 0.5s all ease;
}
.main-header-top .dropdown-toggle::after{
 border: 0;
 margin-left: 0;
}
.main-header-top .nav-link.dropdown-toggle.show{ text-decoration: underline !important;}
.main-header-top .dropdown-menu[data-bs-popper]{ margin-top: 0px; background: #253257;min-width: 110px;}
.main-header-top .dropdown-item{ color: #fff; text-align: center; font-size: 14px; font-weight: 300;}
.main-header-top .dropdown-item:focus, .main-header-top .dropdown-item:hover{ background: transparent !important;}

.bottom-menu-bar .bottom-nav li a{ color: #1c1e21 !important; font-size: 16px !important;}
.bottom-menu-bar .dropdown-menu li a.dropdown-item{ 
    font-size: 14px !important; 
    color:  #000 !important;
    font-weight: 400 !important;
}
.bottom-menu-bar .dropdown-menu li a.dropdown-item:hover, .bottom-menu-bar .dropdown-menu li a.dropdown-item:focus{ background: transparent !important;}
.bottom-menu-bar .dropdown-menu.show{ margin-top: 0px; border-radius: 0;}
.bottom-menu-bar .nav-link.dropdown-toggle.show, .bottom-menu-bar .nav-link.active{ text-decoration: underline !important; color: #000 !important;}
.bottom-menu-bar .navbar-nav .nav-item a.nav-link {
    padding: 0px 27px;
}
.banner{
    display: inline-block;
    width: 100%;
    background: url('../images/community-association-banner.webp') no-repeat;
    padding: 100px 0 70px; background-size:cover !important;
}
.banner h1{
    font-size: 42px;
    font-weight: 700; 
    color: #fff; background: rgba(37, 50, 87, 0.8);
    border-radius: 20px; padding: 65px 50px; display: inline-block;
    font-family: "Roboto Flex", sans-serif; text-transform: uppercase;min-width: 500px;
}

.btn-primary {
    margin: 5px 10px;
    font-size: 18px; font-weight: 700;
    padding: 15px 45px;
    background: linear-gradient(to right, #305360 0%,#253a67 100%);
    color: white;
    text-decoration: none; display: inline-block; width: auto;
    border-radius: 20px;
    transition: background-color 0.3s ease; border: 0; transition: all 1s ease-in;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
    background: linear-gradient(to right, #253a67 0%,#305360 100%);
    transition: all 1s ease-in;
}

.services {
    text-align: center;
    padding: 50px 20px;
}
.service-cards {
    display: flex;
    justify-content: space-around;
    gap: 20px;
}
.service-cards h2{ 
    font-size: 48px; 
    color:#253257;
    font-family: "Roboto Flex", sans-serif; 
    text-transform: uppercase; font-weight: 700;
    margin: 30px 0 50px;
}
.service-cards h2 span{ color: #16A69C;}
.service-cards .card {
    background: #fff;
    padding: 0;
    border: 0px solid #ddd;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
    position: relative;
    padding: 0;
    text-align: left;
}
.block-img{ display: inline-block; max-width: 100%; border-radius: 15px;}
.service-cards p{
    color: #2B303A;
    margin-bottom: 0;
    font-size: 17px;font-family: "Roboto Flex", sans-serif;
    text-align: left; margin-top: 10px; margin-bottom: 25px; font-weight: 500;
}
.target-classes-section{
    background: #253257;
    display: inline-block;
    width: 100%; padding: 50px 0px 80px 15px; position: relative;
}
.no-right-padd{ padding-right: 0;}
.box-img{ position: absolute; left: 0; top: -50px; z-index: 1; opacity: .15; width: 300px;}
.target-classes-section h2{
    font-size: 48px; 
    color:#fff;
    font-family: "Roboto Flex", sans-serif; 
    text-transform: uppercase; font-weight: 700;
    margin: 30px 0 35px;
}
.target-classes-section h2 span{ color: #16A69C;}
.client-slider .item{ position: relative;}
.client-slider .item h4{ color: #fff; font-size: 18px; font-weight: 700;font-family: "Roboto Flex", sans-serif; position: absolute; bottom: 10px; left: 13px; z-index: 1;text-align: left;}
.featured {
    display: flex;
    justify-content: space-between;
    padding: 0px 20px;
    background-color: #f4f4f4;
}
.featured-content{ padding: 50px 50px 35px 50px;}
.featured-content h2 {
    font-size: 48px; 
    color:#253257;
    font-family: "Roboto Flex", sans-serif; 
    text-transform: uppercase; font-weight: 700;
    margin: 0px 0 35px;
}
.featured-content h2 span{ color: #0E5D57;}
.featured-content p{
    font-size: 18px;
    color: #015fc9;
}
.section-sub-title {
    font-size: 18px;
    color: #16243d;
    font-weight: 700;
    line-height: 26px;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.about-img{
    max-width: 100%;
   margin-left: -10px;
}
.about-one-points {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 25px;
}
.about-one-points li {
    position: relative;
    display: inline-block; width: 100%;
    margin-bottom: 20px;
}
.about-one-points li:last-child{ margin-bottom: 0;}
.about-one-points li .icon {
    height: 24px;
    width: 24px;
    background-color: #16A69C;
    font-size: 10px;
    color: #ffffff;
    float: left;
    margin-top: 6px;
    /* align-items: center;
    justify-content: center; */
}
.about-one-points li .text {
    margin-left: 35px;
}
.about-one-points li .text p {
    font-size: 24px;
    color: #253257;
    font-weight: 600;
     font-family: "Roboto Flex", sans-serif; 
    margin-bottom: 0;
}
.inner-ul-listing{ display: inline-block; width: 100%;list-style: none; padding: 0 0 0 20px; margin: 0;}
.inner-ul-listing li{ font-size: 22.49px;color: #253257;font-weight: 500;font-family: "Roboto Flex", sans-serif; position: relative; padding-left: 30px; margin-bottom: 10px; }
.no-arrow{ padding-left: 0 !important; font-weight: 600 !important; font-family: "Roboto Flex", sans-serif;}     
.arrow{ position: absolute; left: 0; top: 8px; z-index: 1; width: 18px;}    
p.about-one-text-2 {
    font-size: 18px;
    line-height: 30px;
    letter-spacing: -0.02em;
    color: #555;
}
.featured-content .btn-primary{
    margin-left: 0;
}
.voffset1{
    margin-top: 10px;
}
.voffset2{
    margin-top: 20px;
}
.voffset3{
    margin-top: 30px;
}
.voffset4{
    margin-top: 40px;
}
.voffset5{
    margin-top: 50px;
}
.voffset6{
    margin-top: 60px;
}
.voffset7{
    margin-top: 70px;
}
.voffset8{
    margin-top: 80px;
}
.voffset9{
    margin-top: 90px;
}
.voffset10{
    margin-top: 100px;
}
.voffset5{
    margin-top: 50px;
}
.voffset-bottom1{
    margin-bottom: 10px;
}
.voffset-bottom2{
    margin-bottom: 20px;
}
.voffset-bottom3{
    margin-bottom: 30px;
}
.voffset-bottom4{
    margin-bottom: 40px;
}
.voffset-bottom5{
    margin-bottom: 50px;
}
.voffset-bottom6{
    margin-bottom: 60px;
}
.voffset-bottom7{
    margin-bottom: 70px;
}
.voffset-bottom8{
    margin-bottom: 80px;
}
.voffset-bottom9{
    margin-bottom: 90px;
}
.voffset-bottom10{
    margin-bottom: 100px;
}

.btn-primary-2{
    font-size: 14px;
    padding: 10px 25px;
    background-color: #015fc9;
    color: white; 
    text-decoration: none;
    border-radius: 5px; 
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    display: none;
}
.btn-primary-2:hover, .btn-primary-2:focus{
    background:#015fc9;
    opacity: 0.9;
    color: #fff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}
.submission-section{ display: inline-block; width: 100%; background: #fff; padding: 50px 0 70px;}
.submission-section h2{font-size: 48px; 
    color:#253257;
    font-family: "Roboto Flex", sans-serif; 
    text-transform: uppercase; font-weight: 700;
    margin: 30px 0;
}
.submission-section h2 span{ color: #16A69C;}
.inner-sub-info-block{ position: relative; border: 1px solid #e9e9e9; border-radius: 12px; padding: 15px 15px 15px 70px; text-align: center; font-size: 19px; color: #000;font-family: "Roboto Flex", sans-serif; font-weight: 600; min-height: 90px; line-height: 28px;}
span.first{ margin-top: 15px; display: inline-block;}
.inner-sub-info-block img{ position: absolute; width: 60px; left: 15px; top: 15px; z-index: 1;}
.shadow{ border: 1px solid transparent; box-shadow: 0 0 24px rgba(0, 0, 0, 0.1) !important;}
.inner-sub-info-block:hover{border: 1px solid transparent; box-shadow: 0 0 24px rgba(0, 0, 0, 0.1) !important;}
.contact{background: #F0F4FE;display: inline-block; width: 100%;padding: 50px 0;}
.contact h2{font-size: 48px; 
    color:#253257;
    font-family: "Roboto Flex", sans-serif; 
    text-transform: uppercase; font-weight: 700;
    margin: 10px 0 15px;
}
.contact p{font-size: 22px; color:#253257;
    font-family: "Roboto Flex", sans-serif; font-weight: 400;

}
footer {
    width: 100%;
    padding: 60px 0 0;
    background:#253257;
}
.footer-logo {
    display: inline-block;
    max-width: 100%;
    margin-top: 45px;
}

footer p{
    color: #fff;
}
footer h2 {
    color: #fff;
    font-size: 24px; font-weight: 400;
}
.footer-links {
    display: inline-block;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-links li {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.footer-links li a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    transition: 0.3s all ease; position: relative; padding-left: 25px; display: inline-block;
}
.footer-links li a:hover{ margin-left:5px;transition: 0.3s all ease;}
.footer-links li a.map-address:hover{ cursor: default !important;}
.footer-icon{ position: absolute; left: 0; top:0; z-index: 1;}
.footer-icon2{ position: absolute; left: 0; top:2px; z-index: 1; width: 26px;}
.footer-icon3{ position: absolute; left: 4px; top:4px; z-index: 1; width: 16px;}
.footer-links li a span{
    margin-right: 5px;
}

.contact-sec .footer-links li{ margin-bottom: 10px;}
.contact-sec .footer-links li a{ padding-left: 30px;}
/* .bottom-footer {
    display: inline-block;
    background: #16a69c;
    padding: 8px 0;
    width: 100%;
    margin-top: 40px;
    margin-bottom: -6px;
    text-align: center;
} */
.bottom-footer {
    display: inline-block;
    background: #40A59D;
    padding: 8px 0;
    width: 100%;
    margin-top: 40px;
    margin-bottom: -6px;
    text-align: center;
}
.bottom-footer p {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
}
.bottom-footer p a{ color: #fff; text-decoration: none;}
.awards{
    text-align: center;
    padding: 50px 20px;
    background: #fff;
}
.award-slider img{ max-height:160px; border-radius: 5px; display: inline-block !important;}
/* General styling for header */
.main-header {
    width: 100%;
    background-color: white;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    padding: 0px;
    transition: background-color 0.3s ease;
}
/* Header container layout */
/* Logo */
.main-header .logo img {
    height: 50px;
    width: auto;
}

/* Navigation links */
.nav-links {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

.nav-links li {
    margin-left: 20px;
    position: relative;
}

.nav-links a {
    text-decoration: none;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    transition: color 0.3s ease;
}

.nav-links a:hover {
    color: #007BFF;
}
.nav-item.cta .btn{
    padding: 10px 25px !important;
    font-size: 13px;
}
.bottom-menu-bar .dropdown:hover .dropdown-menu {
   display: block;
   margin-top: 0px;
    border-radius: 0;
}
/*.bottom-menu-bar .nav-item a:hover, .bottom-menu-bar .nav-item a:hover .dropdown-toggle::after{ color: #000 !important;}
 .bottom-menu-bar .dropdown:hover .dropdown-toggle::after,
.bottom-menu-bar .dropdown .dropdown-toggle.show::after{transform: rotate(180deg);} */
.main-header-top .dropdown:hover .dropdown-menu {
   display: block;
   margin-top: 0px;
    background: #253257;
    min-width: 110px;
}
.drop-caret-icon{ position: absolute; top: 0; right: 10px; z-index: 1;}
body {
    padding-top: 80px;
}
.hero-banner{
    display: inline-block;
    width: 100%;
    padding: 70px 0 40px;
    background-size: cover;
}

.hero-banner h1{
    color: #253257;
    font-size: 44px;
    font-weight: 700; text-align: left; margin-left: 50px; margin-bottom: 30px; text-transform: uppercase;
}
.hero-banner h2{
    color: #253257;
    font-size: 30px;
    font-weight: 700; text-align: left; margin-left: 50px;margin-bottom: 30px;
}
.banner-blocks-info-listing{
    display: inline-block;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}
.banner-blocks-info-listing li{ 
    display: inline-block;
    width: 47%;
    margin: 10px 1.2%;
    /* background: linear-gradient(to right, #253A67 0%, #547f8c 100%); */
    border-radius: 15px;
    text-align: center; vertical-align: top; position: relative;
}
.banner-blocks-info-listing li span{ 
    display: inline-block;
    width: 100%; font-size: 16px; color: #fff; font-weight: 500; margin-top: 10px;
}
.banner-blocks-info-listing li.cl-t .banner-icon{ margin-top: 17px;}
.banner-icon{ max-height: 45px;}
.hover-block{ display: none; width: 100%; position: absolute;border-radius: 15px; overflow: hidden; left: 0; top: 0; background: #fff;box-shadow: 0 0 24px rgba(0, 0, 0, 0.1) !important;}
.hover-block h2{ background: linear-gradient(to right, #253A67 0%, #547f8c 100%);display: inline-block; width: 100%; text-align: center; font-size: 16px; color: #fff; font-weight: 500; line-height: 36px; margin-left: 0; margin-bottom: 10px;}

.flip-card {
  background-color: transparent;
  width: 100%;
  height: 155px;
  perspective: 1000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
  background:linear-gradient(to right, #253A67 0%, #547f8c 100%);
  color: black;
  padding: 25px 15px;border-radius: 15px;
}

/* Style the back side */
.flip-card-back {
  background-color: #fff;
  color: white;
  transform: rotateY(180deg);box-shadow: 0 0 24px rgba(0, 0, 0, 0.1) !important; border: 1px solid #D0D0D0;
}

.btn-outline-primary{ border: 1px solid #253257; color: #253257; border-radius: 19px;
    padding: 9px 35px 10px;
    width: 60%; margin:0 0 10px; }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary.active{ background: #253257; color: #fff; border-color:#253257}
.banner-blocks-info-listing li:hover .hover-block{ display: inline-block;}
/* .left-banner-section{ margin-top: 55px;} */
.bg-white{ background: #fff !important;}
.target-classes-section h2{
    font-size: 44px; 
    color:#253257;font-weight: 700;
    margin: 30px 0 35px; text-align: left;
}
.position-relative{ position: relative;}
.industry-img{ display: inline-block; max-width: 100%; border-radius: 15px;}
.target-classes-section.bg-white{ padding-top: 0;}
.target-classes-section.bg-white h3{color: #fff;
    font-size: 18px;
    font-weight: 700;
    font-family: "Roboto Flex", sans-serif;
    position: absolute;
    bottom: 10px;
    left: 28px;
    z-index: 1;
}
    /* .btn-success{ background: #16A69C; color: #373737; font-size: 20px; padding: 10px 25px; font-weight: 500; border: 0;}    */
 .btn-success{ background: #40A59D; color: #000; font-size: 20px; padding: 10px 25px; font-weight: 500; border: 0;}   
 .btn-success:hover, .btn-success:focus{ background: #16A69C; color: #373737;}
 .min-offset-top{ margin-top: -15px;}
 .target-classes-section h2 .btn-success{ font-size: 16px; font-weight: 500;}
  .target-classes-section h2 .btn-success .blkarrow{ width: 16px;}
  .newsroom-slider{ margin-top: 30px;}
 .newsroom-slider .item{ border: 1px solid #BCBDC4; border-radius: 8.46px; background: #fff; }
 .newsroom-slider .item h3{ display: block; width: 100%; text-align: left; font-size: 18px; color: #253257; font-weight: 600; margin:0 0 10px 0; position: unset !important;}
 .btm-slider-info-block{ display: inline-block; width: 100%; padding: 10px; text-align: left; min-height: 110px;}
 .read-more-btn{ display: inline-block; color: #4E4B4B; font-size: 15px;font-weight: 600; text-decoration: none; position: relative; padding: 0px 18px 0px 0px;}
 .read-more-btn:hover, .read-more-btn:focus{color: #4E4B4B;}
 .read-more-btn .slide-arr{ position: absolute; right: 0; top: 5px; width: 13px !important; z-index: 1; margin-left: 5px;}
.owl-carousel.newsroom-slider .owl-item img{ width: 100%;}
.main-brand-img{ border-radius: 7.46px 7.46px 0 0; display: inline-block;}
.owl-carousel.newsroom-slider .owl-item{ transform: scale(.9);}
.owl-carousel.newsroom-slider .owl-item.center{ transform: scale(1);}
.owl-carousel.newsroom-slider .owl-item.center .item{border:1px solid #1EA59B; box-shadow: 0 0 24px rgba(0, 0, 0, 0.1) !important;}
.owl-carousel.newsroom-slider .owl-prev{ position: absolute; left: -40px; top: 35%; background: #40444E !important;  width: 46px; border-radius: 50% !important; color: #fff !important; font-size: 32px !important;}
.owl-carousel.newsroom-slider .owl-next{ position: absolute; right:-40px; top: 35%; background: #40444E !important;  width: 46px; border-radius: 50% !important; color: #fff !important; font-size: 32px !important;}
.hero-slider .owl-dots{ display: none;}
.bottom-menu-bar .nav-link.dropdown-toggle.show::after{transform: rotate(180deg);}
.responsive-br{ display: none;}
.agents-banner{display: inline-block;width: 100%;padding: 100px 0 40px;}
.agents-banner h1 {color: #253257;font-size: 44px;font-weight: 700;}
.ag-banner{ display: inline-block; width: 100%; margin-top: 40px;}
.agents-banner .btn{ width:300px;}
.bottom-ag-info-section{ display: inline-block; width: 100%; text-align: center;}
.bottom-ag-info-section h2{ color: #28335B; font-size: 24px; font-weight: 600; margin-bottom: 20px; margin-top: 20px;}
.bottom-ag-info-section p{ color: #28335B; font-size: 18px; font-weight: 400; line-height: 30px;}
.newsroom-banner{display: inline-block;width: 100%;background: url('../images/newsroom-banner.webp') no-repeat;padding: 230px 0; background-size:cover;}
.newsroom-middle-block{display: inline-block;width: 100%;}
.bn-txt-blk{ background: #fff; padding: 20px 25px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); margin-top: -130px; display: inline-block; width: 100%; text-align: center;}
.bn-txt-blk h1 {color: #253257;font-size: 44px;font-weight: 700;}
.bn-txt-blk p{ color: #4E4B4B; font-size: 18px; font-weight: 400; line-height: 36px; width: 90%; display: inline-block;}
.bottom-blocks-section{ display: inline-block; width: 100%;}
.inner-img{ display: inline-block; width:calc(100% - 40px); margin: 40px 0 0 40px; position: relative; z-index: 2;}
.left-img-block:before{height: 58px; position: absolute; left: 0; top: 0; z-index: 1; width: calc(100% - 40px); background: #77B7AB; display: inline-block; content: '';}
.content-blk{ padding: 0 55px;}
.content-blk h2{color: #253257; font-size: 32px; font-weight: 600; line-height: 42px; margin-bottom: 18px;}
.content-blk p{ color: #4E4B4B; font-size: 17px; line-height: 29px;}
.right-img-block:before{height: 58px; position: absolute; right: 0; top: 0; z-index: 1; width: calc(100% - 40px); background: #253257; display: inline-block; content: '';}
.inner-img-right{display: inline-block; width:calc(100% - 40px); margin: 40px 40px 0 0px; position: relative; z-index: 2;}
.industries-serve{display: inline-block;width: 100%; margin: 100px 0 0;}
.industries-info-block::before{position: absolute; left: 0; top: 0; width: 100%; height: 150px; content: ''; z-index: 1; background: #fff;}
.industries-info-block::after{position: absolute; left: 0; bottom: 0; width: 100%; height: 180px; content: '';z-index: 1; background: #fff;}
.industries-serve h1 {color: #29356B;font-size: 50px;font-weight: 700;}
.industries-info-block{ display: inline-block; width: 100%; background: rgba(22, 166, 156, .4); padding: 25px 0; margin: 50px 0;}
.serve-inner-text-block{ display: inline-block; width: 100%; padding: 25px; background: #E6FDFB; z-index: 9; position: relative; border-left: 4px solid #253257; border-bottom: 4px solid #253257;}
.serve-inner-text-block h2{ font-size: 26px; font-weight: 600; color: #29356B; font-family: "Roboto Flex", sans-serif; margin-bottom: 20px; text-align: center;}
.serve-inner-text-block p{ font-size: 17px; color: #5A5A5A;font-family: "Roboto Flex", sans-serif; font-weight: 400; display: inline-block; width: 61%; line-height: 36px; margin-bottom: 20px; min-height: 150px;}
.learn-more-btn{ color: #16A69C; font-size: 18px;font-family: "Roboto Flex", sans-serif; text-transform: uppercase; line-height: 40px;}
.learn-more-btn:hover, .learn-more-btn:focus{ color: #16A69C;}
.serve-inner-img{ position: absolute; right: 0px; bottom: 0px; z-index: 1;}
.padd-50{ padding-left: 50px; padding-right: 30px;}
.btm-hover-block{transition: all ease 1s; display: none; width: 100%; padding: 42px 0;position: absolute;border-radius: 15px; overflow: hidden; left: 0; top: 0; background:rgba(0, 0, 0, 0.05);box-shadow: 0 0 24px rgba(0, 0, 0, 0.1) !important;}
.btm-hover-block .btn-outline-primary{ border-color: #fff; color: #fff; padding: 12px 35px 12px; width: 74%;}
.btm-hover-block .btn-outline-primary:hover, .btm-hover-block .btn-outline-primary:focus, .btm-hover-block .btn-outline-primary:active{ background: #fff; color: #000;}
.transport-section:hover .btm-hover-block{ display: block; transition: all ease 1s; cursor: pointer;} 
.transport-section:hover h4{ display: none;}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{background: #253257;border-color: #253257;}
/*********** Index slider ************/

/* .slider.banner-slider {
  position: relative;
  width: 100%;
}
.slider.banner-slider .items {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.25%;
}
.slider.banner-slider .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;padding-right: 150px; text-align: right;
  transition: opacity 0.6s ease-in-out; vertical-align: bottom;
  &.current {
    opacity: 1;
  }
  img.silder-item {
    width: 100%;
    height: 100%;
    object-fit: cover; max-height: 290px; display: inline-block;
  }
}
.slider.banner-slider2 {
  position: relative;
  width: 100%;
}
.slider.banner-slider2 .items {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: 56.25%;
}
.slider.banner-slider2 .item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;padding-left: 150px; text-align: left;
  transition: opacity 0.6s ease-in-out; vertical-align: bottom;
  &.current {
    opacity: 1;
  }
  
}
.top-right-img{ position: absolute; right: 0; bottom: 24px; z-index: 1;}
.top-left-img{ position: absolute; left: 0; top: 0px; z-index: 1;} */


/*********** About Us ***************/
.aboutus-banner{background: url(../images/aboutus-banner.webp) no-repeat; margin-top: 25px; background-size: cover;}
.aboutus-banner h1{ background: transparent; padding: 0;font-family: "Poppins", sans-serif;}
.about-top-info-blk{ display: inline-block; width: 100%; padding: 25px 0; background: #fff;}
.about-top-info-blk h2{ font-size: 45px; color: #000; font-weight: 700; margin-bottom: 10px; margin-top: 20px;}
.about-top-info-blk h6{ font-size: 23px; color: #4E4B4B; font-weight: 500; width: 100%;margin-bottom: 10px;}
.about-top-info-blk p{ font-size: 16px; color: #4E4B4B; font-weight: 400; width: 100%; line-height: 28px;}
.custom-img-responsive{ display: inline-block; max-width: 100%;}
.text-right{ text-align: right;}
.our-mission{ display: inline-block; width: 100%; background: #EDEDED; min-height: 100px;}
.w-100{ display: inline-block; width: 100%; margin-left: -12px;}
.mission-listing{ display: inline-block; width: 100%; list-style: none; padding:0 90px 0 0; margin: 60px 0 0;}
.mission-listing li{ display: inline-block; width: 100%; position: relative; padding-left: 70px; margin-bottom: 80px;}
.mission-listing li img{ position: absolute; left: -90px; top:10px; z-index: 1; width: 110px;}
.mission-listing li h3{font-size: 45px; color: #000; font-weight: 700; margin-bottom: 10px;  display: inline-block; width: 100%;}
.mission-listing li p{ font-size: 16px; color: #000; font-weight: 400; width: 100%; line-height: 27px; display: inline-block; margin-bottom: 6px;}
.futuristic-underwrite{display: inline-block; width: 100%; background: #E3F2F6; padding: 50px 0;}
.futuristic-underwrite h2{font-size: 40px; color: #000; font-weight: 700; margin-bottom: 40px;  display: inline-block; width: 100%; text-align: center; margin-top: 20px;}
.futuristic-underwrite-listing{display: inline-block; width: 100%; list-style: none; padding:0; margin: 0; text-align: center;}
.futuristic-underwrite-listing li{ background: #fff; border-radius: 10px; padding: 25px;box-shadow: 0 0 14px rgba(0, 0, 0, 0.2) !important; width: 45%; margin:12px 10px; display: inline-block;  vertical-align: top; min-height: 385px; transition: all ease 0.3s}
.futuristic-underwrite-listing li img{ display: inline-block; width: 110px; margin-bottom: 25px;}
.futuristic-underwrite-listing li h3{font-size: 21px; color: #000; font-weight: 600; margin-bottom: 10px;  display: inline-block; width: 100%;}
.futuristic-underwrite-listing li p{ font-size: 14px; color: #000; font-weight: 400; width: 100%; line-height: 27px; display: inline-block; margin-bottom: 6px;}
.futuristic-underwrite-listing li:hover{ background: #16243d; transition: all ease 0.3s}
.futuristic-underwrite-listing li:hover h3, .futuristic-underwrite-listing li:hover p{ color: #fff; transition: all ease 0.3s}
.offering-section{display: inline-block; width: 100%; background: #fff; padding: 50px 0 80px}
.offering-section h2{font-size: 40px; color: #000; font-weight: 700; margin-bottom: 40px;  display: inline-block; width: 100%; text-align: center; margin-top: 20px;}
.offering-section h3{ font-size: 32px; color: #000; font-weight: 600; width: 100%;margin-bottom: 10px;}
.offering-section p{ font-size: 17px; color: #000; font-weight: 400; width: 100%; line-height: 30px;}
.contact-form label{ color: #000; font-size: 20px; font-weight: 500;}
.contact-form label span{ color: #BF281D;}
.contact-form .form-control{ border:1px solid #D0D2D8; border-radius: 8px; background: #fff; color: #333; font-size: 14px; font-weight: 400; padding: 15px;}
.contact-form input::placeholder, .contact-form textarea::placeholder{ color: #666; opacity: 1;}
.contact-form textarea{ height: 140px; resize: none;}
.follow-futuristic{ padding: 80px 0;}
.linkedin-btn{display: inline-block; width: 180px; margin-top: 10px;}
.contact-form .form-select{ border:1px solid #D0D2D8; border-radius: 8px; color: #333; font-size: 14px; font-weight: 400; padding: 15px;}
.contact-form select:invalid{ color: #666; opacity: 1;}

/******* career page ********/
.career-banner{background: url(../images/career-banner.webp) no-repeat; margin-top: 25px; background-size: cover;}
.career-banner h1{ background: transparent; padding: 0;font-family: "Poppins", sans-serif;}
.clr-blk{ color: #000 !important;}
.why-join-listing{ display: inline-block; width: 100%; list-style: none; padding: 0; margin: 0;}
.why-join-listing li{ position: relative; font-size: 18px; color: #000; font-weight: 400; padding-left: 33px; margin-bottom: 25px;}
.why-join-listing li img{ position: absolute; left: 0; top: 4px; z-index: 1;}
.follow-futuristic h2{ color: #2B303A; font-size: 37px; text-align: left; margin-bottom: 20px;}
.career-form-section{ display: inline-block; width: 100%; background: #fff; padding: 50px 0 100px;}
.form-outer-section{ display: inline-block; width:100%; background: linear-gradient(to bottom, #253a67 0%,#8fd7bc 100%); min-height: 100px; padding: 4px;}
.form-iner-section{ float: left; width: 100%; background: #fff; min-height: 300px; position: relative;padding-bottom: 70px; }
.form-iner-section::before{ position: absolute; left: -40px; top: -40px; width: 100%; border: 3px dotted #253a67; height: 100%; content: "";}
.top-form-block{ padding-left: 400px; padding-top: 30px; padding-right: 70px; display: inline-block; width: 100%; position: relative;}
.career-contact-img{ position: absolute; left: -42px; top: -65px; z-index: 1; width: 400px;}
.top-form-block h1{ color: #000; font-size: 37px; text-align: left; margin-bottom: 20px; font-weight: 700;}
.top-form-block p{ font-size: 16px; color: #2B303A; font-weight: 400; width: 100%; line-height: 26px;}
.top-form-block p a{ color: #1D4DBD; text-decoration: underline !important; font-weight: 700;}
.career-contact-inner-form{padding:30px 70px 30px 50px; margin-top: 40px; position: relative; z-index: 2;}
.career-contact-inner-form .btn-primary{ margin: 0;border-radius: 10px;padding: 10px 20px;}

/************ contact us ***************/
.contactus-banner{display: inline-block;width: 100%;background: url('../images/new-contact-us-banner.webp') no-repeat;padding:60px 0 25px; background-size:cover;}
.contactus-banner h1{ color: #fff; font-size: 44px; font-weight: 700; text-align: left; margin-bottom: 0;}
.contactus-middle-block{display: inline-block;width: 100%;}
.contact-top-txt-blk{ background: #fff; padding: 15px 25px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); margin-top: -130px; display: inline-block; width: 100%; text-align: center;}
.contact-top-txt-blk h1 {color: #253257;font-size: 44px;font-weight: 700; margin-bottom: 0;}
.contactus-main-section{ display: inline-block; width: 100%; padding: 50px 0;}
.contact-top-touch-heading{color: #253257;font-size: 44px;font-weight: 700; margin-bottom: 50px; display: inline-block; width: 100%; margin-top: 50px;}
.contact-phone-blk{ display: inline-block; width: 100%; 
    /* background: rgba(113, 214, 255, 0.2); border-radius: 10px; padding-right: 190px;  */
    padding: 30px 0; position: relative; margin-bottom: 0px;}
.contact-phone-blk h2{ font-size: 30px; font-weight: 600; color: #2B303A; display: inline-block; width: 100%; margin-bottom: 20px;}
.contact-phone-blk p{ font-size: 18px; font-weight: 500; color: #40444E;display: inline-block; width: 100%; margin-bottom: 12px;}
.contact-phone-blk a{ font-size: 22px; font-weight: 700; color: #40444E; position: relative;}
.contact-phone-blk a:after {position: absolute;left: 0;width: 100%;bottom: 0;height: 1px;background: #000;content: "";}
.contact-phone-icn{ position: absolute; right: 60px; top: 30px; z-index: 1; opacity: 25%; width: 130px;}
.contact-email-blk{display: inline-block; width: 100%; 
    /* border-radius: 10px; padding-right: 190px; */
     position: relative;}
.contact-email-blk h2{ font-size: 30px; font-weight: 600; color: #2B303A; display: inline-block; width: 100%; margin-bottom: 20px;}
.contact-email-blk p{ font-size: 18px; font-weight: 500; color: #40444E;display: inline-block; width: 100%; margin-bottom: 25px;}
.contact-email-blk p.listing-info-p{ margin-bottom: 10px; color: #40444E;}
.contact-email-blk a{ border: 1px solid #C0C0C0; border-radius:10px; font-size: 14px; padding: 10px 12px; font-weight: 400;color: #40444E; display: inline-block; margin-right: 5px; margin-bottom: 10px;}
.contact-email-icn{ position: absolute; right: 60px; top: 70px; z-index: 1; opacity: 60%; width: 130px;}
.contact-email-blk a:hover, .contact-email-blk a:focus{ background: #59FBC1; border-color: #0BAC72; color: #40444E;}
.contact-info-listing-block{ display: inline-block; width: 64%; margin-bottom: 25px;}
.contact-email-outer{ display: inline-block; width: 100%; 
    /* background: rgba(134, 203, 182, 0.2); border-radius: 10px;  */
    padding: 30px 0;position: relative; margin-bottom: 0px;}
.btm-show-contact-blk{ display: inline-block; width: 100%; text-align: center;padding: 10px;}
.inner-copy-block{ display: inline-block; width: auto; background: #fff; border-radius: 8px; border: 1px solid #D0D2D8; padding:13px 50px 13px 15px; text-align: left; font-size: 16px; color: #000000; font-weight: 400; position: relative; margin-bottom: 45px;}
.tooltip-inner{ background: #253257; padding:5px 23px 9px; font-size: 22px; font-weight: 600;}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {border-top-color: #253257 !important;}
.copy-icon{ position: absolute; right: 15px; top: 14px; z-index: 1;}
.btm-show-contact-blk h3{ font-size: 42px; font-weight: 600; color: #2B303A; display: inline-block; width: 100%; margin-bottom: 20px;}
.contact-information-text{ display: inline-block; width: 100%; text-align: center; color: #000;font-size: 20px; font-weight: 600; margin-bottom: 20px;}
.contact-form{ display: inline-block; width: 100%; margin-top: 30px;}
.btm-show-contact-blk .contact-form label {color: #545861;font-size: 16px;font-weight: 500;}
.btm-show-contact-blk .contact-form .form-control {border: 1px solid #D0D2D8;border-radius: 5px;background: #fff;color: #A6A9B0;font-size: 16px;font-weight: 400;padding: 15px;}
.btm-show-contact-blk .contact-form .btn-primary{ background: #253a67 ;border-radius: 10px}
.error-message{ font-size: 12px; color: #BF281D; font-weight:400; display: none;}

.contact-address-blk{ display: inline-block; width: 100%; 
    /* background:#DAECFF; border-radius: 10px; padding-right: 190px;  */
    padding: 30px 0; position: relative; margin-bottom: 0px;}
.contact-address-blk h2{ font-size: 30px; font-weight: 600; color: #2B303A; display: inline-block; width: 100%; margin-bottom: 20px;}
.contact-address-blk p{ font-size: 18px; font-weight: 500; color: #40444E;display: inline-block; width: 100%; margin-bottom: 10px;}
.contact-address-blk a{ font-size: 22px; font-weight: 700; text-decoration: underline !important; color: #40444E;}
.contact-address-icn{ position: absolute; right: 60px; top: 30px; z-index: 1; opacity: 75%; width: 130px;}
.industries-info-block.solution-served::after{ background: transparent;}
.contact-email-blk .form-check-label{ font-size: 18px; color: #40444E; font-weight: 500;}
.contact-email-blk .form-check-inline{ margin-right: 10px;}
.contact-email-blk .form-check-inline:last-child{ margin-right: 0;}
.industries-info-block.solution-served{ margin-bottom: 0;}
.contact-email-blk .form-check-input{ margin-top: .40em;}
.inner-shadow-block{ display: inline-block; width: 100%; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 15px; position: relative;}
.right-contact-banner{ display: inline-block; max-width: 100%;}
.after-check-show-block{ width: 100%; padding-left: 20px; margin-top: 10px;}
.overwrite-text{ position: absolute; bottom:90px; color: #fff; font-size: 40.54px; font-weight: 600; left: 40px; width: 90%;}
.right-form-block{ width: 100%; background: #16A79D; border-radius: 10px; padding:25px 20px;}
.top-copy-block{ display: inline-block; width: 100%; text-align: center; margin-top: 70px;}
.make-payment h2{ font-size: 30px; color: #253257; font-weight: 600; margin: 20px 0;}
.contact-form .btn-primary{ padding: 12px 55px;}
.client-slider.target-slider .owl-dots{ display: none;}
.featured-image img.about-img{ width: 100%; max-width: auto;}
.construction-banner{background: url(../images/construction-web-banner.webp) no-repeat;}
.featured-content h2.voffset2{ margin-top: 0px;}
.owl-carousel.client-slider.target-slider .owl-item img{ width: 100%;}
.hotel-banner{background: url(../images/hotel-web-banner.webp) no-repeat;}
.mpl-banner{background: url(../images/mpl-web-banner.webp) no-repeat;}
h2.no-top-m{ margin-top: 0;}
.no-top-m{ margin-top: 0 !important;}
.featured .featured-image{ display: flex; height: 100%;}
.trucking-banner{background: url(../images/trucking-banner.webp) no-repeat;}
.all-class-accept{ display: inline-block; background: rgba(0, 0, 0, 0.2); border: 1px solid #fff; border-radius: 30px; font-size: 48px; font-weight: 500; font-family: "Roboto Flex", sans-serif; color: #fff; padding: 30px 70px; text-transform: uppercase; width: 80%;}
.trucking-longhaul-banner{background: url(../images/long-haul-banner.webp) no-repeat;}
.loggers-banner{background: url(../images/loggers-banner.webp) no-repeat;}
.card-listing{ display: inline-block; width: 100%; list-style: none; padding: 0; margin: 0;}
.card-listing li{ display: inline-block;width: 25%; vertical-align: top; padding: 0 .5rem;}
.tc-listing{ display: inline-block; width: 100%; list-style: none; padding: 0; margin: 0;}
.tc-listing li{  position: relative;display: inline-block;width: 362px; vertical-align: top; padding: 0 .5rem;vertical-align: middle;}
.tc-listing li h4{ color: #fff; font-size: 18px; font-weight: 700;font-family: "Roboto Flex", sans-serif; position: absolute; bottom: 10px; left: 13px; z-index: 1;text-align: left;}
.target-classes-section.loggers{padding:50px 15px 80px 15px}
.tc-listing li img{ display: inline-block; width: 100%;border-radius: 15px;}
.tc-listing li:hover .hover-block{ display: inline-block;}
.tc-listing li .flip-card{ height: 209px;}
.tc-listing .flip-card-front{ padding: 0; background: transparent !important;}
.tc-listing li.loggers .flip-card-back{ background:url(../images/Loggers.webp) no-repeat; color: #fff; border: 0; height: 100%;}
.tc-listing .flip-card-back p{ background: rgba(0, 0, 0, 0.6); font-size: 16px; font-weight: 700; color: #fff; line-height: 30px; padding: 45px 15px;}
.tc-listing li.bg-li{background: rgba(0, 0, 0, 0.4);font-size: 16px; font-weight: 700; color: #fff; line-height: 30px;border: 0; padding: 65px 15px; border-radius: 15px;height: 209px; }
.real-estate-banner{background: url(../images/real-estate-web-banner.webp) no-repeat;}
.tc-listing li.real-estate .flip-card-back{ background:url(../images/real-estate1.webp) no-repeat; color: #fff; border: 0; height: 100%;}
.tc-listing li.real-estate .flip-card-back p{ height: 100%;  vertical-align: middle;padding: 75px 15px;}
.tc-listing{ z-index: 2; position: relative;}
.service-stores-banner{background: url(../images/service-stores-web-banner.webp) no-repeat;}
.tc-listing2{ z-index: 2; position: relative;display: inline-block; width: 100%; list-style: none; padding: 0; margin: 0;}
.tc-listing2 li{  position: relative;display: inline-block;width: 32%; vertical-align: top; padding: 0 .5rem;vertical-align: middle;}
.tc-listing2 li h4{ color: #fff; font-size: 18px; font-weight: 700;font-family: "Roboto Flex", sans-serif; position: absolute; bottom: 10px; left: 25px; z-index: 1;text-align: left;}
.tc-listing2 li img{ display: inline-block; width: 100%; border-radius: 15px;}
.hs-banner{background: url(../images/hs-web-banner.webp) no-repeat;}
.grey-clr{ font-size: 20px; color: #484848; font-weight: 600;}
.insurance-broker-banner{background: url(../images/insuarnce-broker-web-banner.webp) no-repeat;}
.featured-content h2.voffset6{ margin-top: 220px;}
.restaurants-banner{background: url(../images/restaurants-web-banner.webp) no-repeat;}
.towing-banner{background: url(../images/towing-n-recovery-web-banner.webp) no-repeat;}
.speciality-trucking-banner{background: url(../images/speciality-trucking-banner.webp) no-repeat;}
.retails-banner{background: url(../images/retails-web-banner.webp) no-repeat;}
.services-banner{background: url(../images/services-web-banner.webp) no-repeat;}
.manufacturing-distribution-banner{background: url(../images/manufacturing-distribution-banner.webp) no-repeat;}
.professional-services-banner{background: url(../images/professional-services-web-banner.webp) no-repeat;}
.btn-toggle {margin: 3px 3.2rem 0 2rem;padding: 0;position: relative;border: none;height: 1.5rem; width: 3rem;border-radius: 1.5rem;color: #8F8F8F;background: #EBEBEB;border: 2px solid transparent;}
.btn-toggle:hover{background: #EBEBEB;}
 .btn-toggle:focus, .btn-toggle:focus.active, .btn-toggle.focus, .btn-toggle.focus.active {outline: none;}
 .btn-toggle:before, .btn-toggle:after {line-height: 1.5rem;width: 2.4rem;text-align: center;
font-weight: 600;font-size: .75rem;text-transform: uppercase;letter-spacing: 2px;position:absolute;bottom: 0;transition: opacity .25s;}
 .btn-toggle:before {content: 'EN';left: -2.4rem;opacity: .5}
 .btn-toggle:after {content: 'ES';right: -2.4rem;opacity: .5;}
 .btn-toggle > .handle {position: absolute;top: 1px;left: 0.1875rem;width: 1.125rem;height: 1.125rem;border-radius: 1.125rem;background: #fff;transition: left .25s;}
 .btn-toggle.active {transition: background-color .25s;background-color: #EBEBEB;border: 2px solid #253257;}
 .btn-toggle.active > .handle {left: 1.5rem;transition: left .25s;background: #253257;top: 1px;}
 .btn-toggle.active:before {opacity: .5;}
 .btn-toggle.active:after {opacity: 1;}
 .width-4{ width: 300px;}
.right-banner-section{ position: relative; text-align: center;}
.owl-carousel.hero-slider .owl-item img{ display: inline-block;}
.right-tile{ position: absolute; right: 0px; top: 23%; z-index: 1; max-width: 202px !important;}
.left-tile{ position: absolute; left: 0; bottom: 25%; z-index: 1; max-width: 202px !important;}
.owl-carousel.hero-slider{ max-width: 558px; display: inline-block;}
.footer-dropdown-menu{ padding-left: 0;width: 140px; display: none;}
.footer-dropdown-menu li a{ font-size: 13px;}
.footer-dropdown-menu li{ margin-top: 2px;}
.footer-dropdown-menu li a:hover, .footer-dropdown-menu li a:focus{ color: #fff;}
.footer-btm-claim{ position: relative;}
.footer-btm-claim:hover .footer-dropdown-menu{ display: block; position: absolute; left: 0; top: 21px; z-index: 1;}
img.footer-icon-1 {width: 15px;}
.footer-b-custom-width-block{ width:320px;}
.footer-b-custom-width-block1{ width:160px;}
.footer-b-custom-width-block2{ width: 350px;}
.footer-b-custom-width-block3{ width: 307px;}
p.ft-13{ font-size: 12px; margin-top: 65px; margin-left: 15px;}
.no-right-padd-n{ padding-right: 0;}
footer .row div{ padding-left: .25rem; padding-right: .25rem;}
footer .container{padding-left: .25rem; padding-right: .25rem;}
.privacy-container ul li a{ word-wrap: break-word;}

.checkbox-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-family: inherit !important;
  font-size: 16px !important;
}

.checkbox-label {
  margin: 0;
  font-size: 16px !important;
}

.checkbox-label a{
  font-size: 16px !important;
}

.checkbox-wrapper input{
  margin-top: 5px;
}
.target-classes-listing{ display: inline-block; text-align: left; width: 94%; list-style: none; padding: 0 3%; margin: 0;}
.target-classes-listing li{ vertical-align: top; display: inline-block; width: 32.5%; position: relative; font-size: 18px; color: #FFFFFF; font-weight: 600; padding-left: 35px; text-align: left; margin-bottom: 26px;}
.target-classes-listing li img{ position: absolute; left: 0; top: 0; z-index: 1; width: 25px;}
.color-grey{color:#253257 !important; font-weight: 600;}
.featured-content h2.custom-heading-text{ margin-top: 20px; margin-bottom: 20px;}
.who-v-r-listing{display: inline-block; text-align: left; width: 100%; list-style: none; padding: 0; margin: 0;}
.who-v-r-listing li{ vertical-align: top; display: inline-block; width: 49%; position: relative; font-size: 15px; color: #2B303A; font-weight: 600; padding-left: 26px; text-align: left; margin-bottom: 26px;}
.who-v-r-listing li img{ position: absolute; left: 0; top: 0; z-index: 1; width: 22px;}
.about-our-resources{ background: #E6F8F8; padding: 70px 0;}
.about-our-resources h2{font-size: 40px; color: #000; font-weight: 700; margin-bottom: 40px;  display: inline-block; width: 100%; text-align: center; margin-top: 20px;}
.our-resource-listing{ display: inline-block; width: 100%; padding: 0; margin: 0; list-style: none;}
.our-resource-listing li{ display: inline-block; width: 24.5%; text-align: center; font-size: 25px; font-weight: 600; color: #000; margin: 20px 0; vertical-align: top;}
.our-resource-listing li span{ display: inline-block; width: 100%; text-align: center; margin-top: 5px;}
.commercial-section{background: #fff; padding: 70px 0;}
.commercial-section h2{font-size: 40px; color: #000; font-weight: 700; margin-bottom: 40px;  display: inline-block; width: 100%; text-align: center; margin-top: 20px;}
.commercial-listing{display: inline-block; width: 100%; padding: 0; margin: 0; list-style: none;}
.commercial-listing li{ vertical-align: top; display: inline-block; width: 100%; position: relative; font-size: 15px; color: #2B303A; font-weight: 400; padding-left: 35px; text-align: left; margin-bottom: 26px;}
.commercial-listing li img{ position: absolute; left: 0; top: 0; z-index: 1; width: 25px;}

@media (max-width:359px){
    .main-header-top .container-fluid{padding: 0;}
    .main-header-top .navbar-brand{ margin-right: 0; font-size: 11px;}
    .navbar-nav .nav-item a.nav-link{ padding-bottom: 5px; margin-bottom: 5px; border-right: 0}
    .banner h1{ font-size: 25px; padding: 45px 30px; width: 84%;}
    .banner{ margin-top: 70px; padding: 50px 0;}
    .service-cards h2, .submission-section h2, .target-classes-section h2, .contact h2{ font-size: 28px; margin: 15px 0;}
    .services{ padding: 20px;}
    .service-cards .card{ margin-bottom: 0 !important;}
    .service-cards p{ margin-top: 5px; margin-bottom: 25px;}
    .target-classes-section{ padding: 20px 0;}
    .hover-block h2{ font-size: 11px;}
    .agents-banner h1{ font-size: 28px;}
    .target-classes-listing li{ width: 100%;}
    .who-v-r-listing li{ width: 100%;}
}

@media (min-width:360px) and (max-width:767px){
    .main-header-top .container-fluid{padding: 0;}
    .main-header-top .navbar-brand{ margin-right: 0; font-size: 12px;}
    .navbar-nav .nav-item a.nav-link{ padding-bottom: 5px; margin-bottom: 5px; border-right: 0}
    .banner h1{ font-size: 25px; padding: 45px 30px; width: 84%;min-width: auto;}
    .banner{ margin-top: 45px; padding: 50px 0;}
    .service-cards h2, .submission-section h2, .target-classes-section h2, .contact h2{ font-size: 32px; margin: 15px 0;}
    .service-cards .card{ margin-bottom: 0 !important;}
    .service-cards p{ margin-top: 5px; margin-bottom: 25px;}
    .services{ padding: 20px;}
    .hover-block h2{ font-size: 11px;}
    .agents-banner h1{ font-size: 28px;}
    .target-classes-listing{ width: 98%; padding:0 1%}
    .target-classes-listing li{ width: 49%;}
}
@media (max-width:767.9px){ 
    .row{ margin-left: 0; margin-right: 0;}
    .text small{
        display: none;
    }
    .main-header-top-address-list li + li{
        margin-left: 0;
    }
    .service-cards{
        display: inline-block;
    }
    .main-header-top-menu{
        display: none;
    }
    .service-cards .card{
        margin-bottom: 25px;
        min-height: 100px;
    }
    .featured-content{
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-top: 0px; padding: 0;
    }
    .about-one-points li .text p{
        text-align: left;font-size: 20px;
    }
    .insurance-fiels-section{
        padding: 30px 0 10px;
    }
    .inner-service-section{
        margin-bottom: 20px;
    }
    .about-one-points li .icon{ width: 20px; height: 20px;}
    .featured-content h2{
        line-height: 28px;
        font-size: 1.8em;margin: 30px 0 15px;
    }
    .about-one-points li .text {
        margin-left: 30px;
    }
    footer h2{
        margin-bottom: 0;
        margin-top: 20px;
    }
    .main-header-top-address-list li span{
        font-size: 17px;
        color: #fff;
        margin: 0 5px 0 0;
    }
    .nav-item.cta .btn{
        width: 150px;
    }
    /*************** About page css ***************/
    .brand-one-title{
        margin-right: 0;
        margin-top: 0;
    }
    .brand-one-title h2{
        text-align: center;
        margin-right: 0;
        margin-bottom: 25px;
        font-size: 22px;
    }
    .client-slider img{
        opacity: 1;
       
    }
    .insurance-tabs li button{
        padding: 12px 18px !important;
    }
    .get-quote-block{
        background-size: cover;
    }
    .inner-ul-listing{ padding-left: 30px;}
    .inner-ul-listing li{ text-align: left; font-size: 20px; padding-left: 30px;}
    .arrow{ top: 5px;}
    .inner-sub-info-block{ margin-bottom: 15px;}
    .submission-section{ padding: 20px 0;}
    .featured{ padding-bottom: 20px;}
    .contact p{ font-size: 17px;}
    .footer-logo{ margin-top: 0;}
    footer{ padding-top: 40px;}
    .left-banner-section{ order: 2; margin-top: 15px;}
    .hero-banner h1{ margin-left: 0; font-size: 34px; text-align: center; margin: 15px 0;}
    .hero-banner h2{ margin-left: 0; text-align: center; font-size: 28px;}
    .btn-outline-primary{ width: 80%; padding: 9px 15px 10px;}
    .target-classes-section h2{ font-size: 28px; text-align: center;}
    .industry-img{ width: 100%;}
    .target-classes-section.bg-white .position-relative{ margin-bottom: 15px;}
    .target-classes-section h2 .btn-success{ margin-top: 15px; float: none !important;}
    .owl-carousel.newsroom-slider .owl-prev{ left: -10px; top: 40%;}
    .owl-carousel.newsroom-slider .owl-next{ right: -10px;top: 40%;}
    .responsive-br{ display: block;}
    .agents-banner .btn {width: 290px;}
    .bottom-ag-info-section h2{ font-size: 22px;}
    .bottom-ag-info-section p{ font-size: 16px; line-height: 28px;}
    .bottom-footer p{ padding: 5px;}
    .newsroom-banner{background: url('../images/newsroom-banner.webp') no-repeat center center;}
    .bn-txt-blk h1{ font-size: 34px;}
    .bn-txt-blk p{font-size: 15px;line-height: 26px; width: 100%;}
    .bn-txt-blk{ margin-top: -200px;}
    .content-blk{ padding: 0 15px; order: 2;}
    .content-blk h2{ font-size: 26px; line-height: 36px; margin-top: 15px; margin-bottom: 5px;}
    .content-blk p{ font-size: 15px; line-height: 26px;}
    .row.voffset8{ margin-top: 40px;}
    .inner-img-right, .inner-img{ height: auto !important;}
    .padd-50 {padding-left: 15px;padding-right: 15px;}
    .serve-inner-img{ width: 160px;}
    .industries-serve h1{ font-size: 32px;}
    .serve-inner-text-block p{ font-size: 16px; line-height: 28px;}
    .order2{ order: 2;}
    .about-top-info-blk h2{ text-align: center; font-size: 32px;}
    .about-top-info-blk p{ text-align: center; font-size: 14px;}
    .about-top-info-blk h6{text-align: center; font-size: 20px;}
    .w-100{ margin-left: 0;display: none;}
    .mission-listing li img{ left: 0; right: 0; margin: auto; position: relative; top: 0;}
    .mission-listing{ padding-right: 0;}
    .mission-listing li{ padding-left: 0;text-align: center;margin-bottom: 30px;}
    .mission-listing li h3{ margin-top: 15px; font-size: 28px;}
    .mission-listing li p{ font-size: 14px;}
    .mission-listing{ margin: 30px 0 0;}
    .futuristic-underwrite h2, .offering-section h2{ font-size: 28px; margin: 10px 0;}
    .futuristic-underwrite{ padding: 25px 0;}
    .futuristic-underwrite-listing li{ width: 94%; margin: 10px 0; min-height: 100px;}
    .futuristic-underwrite-listing li h3{ font-size: 18px;}
    .futuristic-underwrite-listing li img{ width: 85px;}
    .offering-section{ padding: 25px 0;}
    .offering-section h3{ font-size: 28px; text-align: center; margin-top: 15px;}
    .offering-section p{ font-size: 14px; text-align: center; line-height: 26px;}
    .row.voffset6{ margin-top: 30px;}
    .career-contact-img{ position: relative; left: 0; right: 0; margin: auto; top: 0; max-width: 100%;}
    .top-form-block{ padding-left: 0;text-align: center;padding-right: 15px;}
    .form-iner-section::before{ left: -15px; top: -15px;}
    .top-form-block h1{ font-size: 32px; text-align: center;}
    .top-form-block p{ font-size: 15px; text-align: center; padding: 0 15px;}
    .career-contact-inner-form{ padding: 0px 25px 30px 10px;}
    .follow-futuristic{ text-align: center;}
    .futuristic-underwrite h2, .offering-section h2{ text-align: center;}
    .contact-phone-icn, .contact-email-icn, .contact-address-icn{ position: absolute; top: 20px; width: 80px; left: 0; right: 0; margin: auto;}
    .contact-phone-blk, .contact-address-blk{ padding: 25px 0; text-align: center; padding-top: 20px;}
    .contact-email-outer{ padding: 25px; text-align: center;}
    .contact-email-blk{ text-align: center; padding-right: 0;padding-top: 0px;}
    .contact-info-listing-block{ width: 100%;}
    .btm-show-contact-blk{ padding: 0;}
    .inner-copy-block{ width: auto; font-size: 13px;}
    .contact-phone-blk p{ margin-bottom: 15px;}
    .contact-information-text{ font-size: 16px;}
    .btm-show-contact-blk h3{ font-size: 32px;}
    .card-listing li{ width: 100%;}
    .tc-listing li{ width: 310px;}
    .tc-listing li{ margin: 10px 0;}
    .tc-listing li .flip-card, .tc-listing li.bg-li {height: 176px;}
    .tc-listing li.bg-li{padding: 42px 15px;}
    .tc-listing li.real-estate .flip-card-back p{ padding: 50px 15px;}
    .tc-listing2 li{ width: 100%; margin: 5px 0;}
    .featured-content h2.voffset6{ margin-top: 40px;}
    .owl-carousel.hero-slider {max-width:300px;display: none !important;}
    .right-tile{ width: 100px !important; top: 25%;}
    .left-tile{ width: 100px !important; bottom: 27%;}
    .footer-dropdown-menu{ padding-left:0px;display: block;}
    .main-header-top .dropdown-item{text-align: left;padding-left: 35px;}
    .make-payment h2{ font-size: 16px; margin: 10px 0;}
    .container-fluid.no-right-padd{ padding-left:0; padding-right: 0px;}
    .target-classes-section{padding-left: 10px; padding-right: 10px;}
    .featured-image img.about-img{ width: calc(100% + 20px); margin-left: 0; margin-bottom: 25px;}
    .bottom-menu-bar .dropdown-menu{display: none !important;}
    .bottom-menu-bar .dropdown-menu.show{ display: block !important;}
     .bottom-menu-bar .dropdown-toggle.drop-caret-icon.show:after {transform: rotate(180deg);}
     .bottom-menu-bar .navbar-nav .nav-item a.nav-link{ padding-left: 0; padding-bottom: 8px;border-bottom: 1px solid #ccc;padding-top: 3px;}
     .drop-caret-icon{ top: 5px;}
     ul.navbar-nav.bottom-nav {max-height: 350px;overflow-y: scroll;}
     p.ft-13{ margin-top: 20px;}
     .contact-top-touch-heading{ text-align: center; font-size: 32px; margin: 0;}
     .our-resource-listing li{ width: 49%;}
     .who-v-r-listing li{ width: 100%;}
     .commercial-listing{ margin-top: 25px;}
}
  
@media (min-width:768px) and (max-width:1023px){
    .main-header-top .container-fluid{padding: 0;}
    .navbar-nav .nav-item a.nav-link{ padding-bottom: 5px; margin-bottom: 5px; border-right: 0}
    .banner h1{ font-size: 35px; padding: 55px 30px; width: 84%;}
    .banner{ margin-top: 45px; padding: 50px 0;}
    .service-cards{
        display: inline-block;
    }
    .main-header-top-address-list li + li {
        margin-left: 10px;
    }
    .main-header-top-menu{
        margin: 0;
        display: none;
    }
    
    .services{
        padding: 50px 20px 25px;
    }
    .featured-content{
        margin-top: 20px;
        padding: 20px 20px 0 20px;
    }
    .featured{ padding-bottom: 20px;}
    .service-cards p{ margin-top: 5px; margin-bottom: 15px;}
    .insurance-fiels-section{
        padding: 30px 0;
    }
    .inner-service-section{
        margin-bottom: 15px;
    }
    .footer-logo{
        max-width: 100%;
        margin-top: 0;
    }
    .nav-item.cta .btn{
        width: 150px;
    }
    /*************** About page css ***************/
    .brand-one-title{
        margin-right: 0;
        margin-top: 0;
    }
    .brand-one-title h2{
        text-align: center;
        margin-right: 0;
        margin-bottom: 25px;
        font-size: 22px;
    }
    .client-slider img{
        opacity: 1;
       
    }
    .insured-img{
        display: none;
    }
    .featured-content h2{ margin-top: 0;}
    .inner-sub-info-block{ margin-bottom: 15px;}
    .submission-section{ padding: 25px 0 30px;}
    .left-banner-section{ order: 2; margin-top: 15px;}
    .hero-banner h1{ margin-left: 0; font-size: 44px; text-align: center; margin: 15px 0;}
    .hero-banner h2{ margin-left: 0; text-align: center; font-size: 36px;}
    .btn-outline-primary{ width: 60%; padding: 9px 15px;}
    .target-classes-section h2{ font-size: 32px; text-align: center;}
    .industry-img{ width: 100%;}
    .target-classes-section.bg-white .position-relative{ margin-bottom: 15px;}
    .target-classes-section h2 .btn-success{ margin-top: 15px; float: none !important;}
    .owl-carousel.newsroom-slider .owl-prev{ left: -10px; top: 40%;}
    .owl-carousel.newsroom-slider .owl-next{ right: -10px;top: 40%;}
    .hero-slider .owl-item img{ display: inline-block;}
    .responsive-br{ display: block;}
    .agents-banner h1{ font-size: 36px;}
    .content-blk {padding: 0 15px;}
    .inner-img-right, .inner-img{ height: auto !important;}
    .content-blk h2{ font-size: 24px; line-height: 32px; margin-bottom: 5px;}
    .content-blk p{ font-size: 14px; line-height: 24px;}
    .about-top-info-blk h6{ font-size: 21px;}
    .about-top-info-blk p{ font-size: 14px; line-height: 26px;}
    .about-top-info-blk h2{ margin-top: 0;}
    .mission-listing{ padding-right: 10px; margin: 30px 0 0;}
    .mission-listing li{ padding-left: 30px; margin-bottom: 25px;}
    .mission-listing li h3{ font-size: 37px; margin-bottom: 5px;}
    .mission-listing li p{ font-size: 14px; line-height: 26px;}
    .mission-listing li img{ width: 90px; left: -80px;}
    .futuristic-underwrite-listing li{ width: 47%; margin: 10px 1.2%; min-height: 475px;}
    .futuristic-underwrite-listing li img{ width: 90px;}
    .career-contact-img{ width: 300px;}
    .form-iner-section::before{ left: -30px; top: -30px;}
    .top-form-block{ padding-left: 270px;}
    .career-contact-inner-form{ padding: 0px 45px 30px 15px;}
    .contact-info-listing-block{ width: 100%;}
    .card-listing li{ width: 31%;}
    .tc-listing li{ margin: 10px 0;}
    .tc-listing2 li h4{ font-size: 15px;}
    .featured-content h2.voffset6{ margin-top: 20px;}
    .footer-dropdown-menu{ padding-left:0px;display: block;}
    .bottom-menu-bar .dropdown-menu{display: none !important;}
    .bottom-menu-bar .dropdown-menu.show{ display: block !important;}
    .bottom-menu-bar .dropdown-toggle.drop-caret-icon.show:after {transform: rotate(180deg);}
    .bottom-menu-bar .navbar-nav .nav-item a.nav-link{ padding-left: 0; padding-bottom: 8px;border-bottom: 1px solid #ccc;padding-top: 3px;}
     .drop-caret-icon{ top: 5px;}
     ul.navbar-nav.bottom-nav {max-height: 350px;overflow-y: scroll;}
     .text-center-in-tab{ text-align: center; margin-bottom: 15px;}
     p.ft-13{ margin-top: 20px;}
     .footer-links{ margin-bottom: 35px;}
     .target-classes-listing{ width: 98%; padding:0 1%}
    .target-classes-listing li{ width: 49%;}
    .our-resource-listing li{ width: 32.5%;}
    .who-v-r-listing li{ width: 100%;}
}
@media (min-width:992px) and (max-width:1022.9px){
    .left-banner-section {
        order: 1;
        margin-top: 15px;
    }
    .right-banner-section{ order:2}
    .right-tile{ width: 160px !important; top: 25%;}
    .left-tile{ width: 160px !important; bottom: 26%;}
}
@media (min-width:1024px) and (max-width:1199.9px){
    .featured-content h2{ margin-top: 30px;}
    .inner-sub-info-block{ font-size: 16px; padding-left: 86px;}
    .btn-outline-primary{ width: 60%; padding: 9px 15px 10px;}
    .owl-carousel.newsroom-slider .owl-prev{ top: 36%;}
    .owl-carousel.newsroom-slider .owl-next{ top: 36%;}
    .hover-block h2{ font-size: 14px;}
    .blkarrow{ width: 16px;}
    .content-blk {padding: 0 25px;}
    .inner-img-right, .inner-img{ height: auto !important;}
    .content-blk h2{ font-size: 25px; line-height: 34px; margin-bottom: 10px;}
    .content-blk p{ font-size: 15px; line-height: 24px;}
    .mission-listing li{ padding-left: 30px;margin-bottom: 30px;}
    .mission-listing{ padding-right: 20px; margin: 40px 0 0;}
    .mission-listing li img{width: 90px;left: -80px;}
    .futuristic-underwrite-listing li{ min-height: 425px;}
    .contact-info-listing-block{ width: 100%;}
    .featured-content h2.voffset6{ margin-top: 120px;}
    .right-tile{ width: 160px !important; top: 25%;}
    .left-tile{ width: 160px !important; bottom: 26%;}
    .bottom-menu-bar .dropdown:hover .dropdown-toggle::after,
    .bottom-menu-bar .dropdown .dropdown-toggle.show::after{transform: rotate(180deg);}
    .target-classes-listing li{ width: 32%;}
}

@media (min-width:1198px) {
    .industry-img{ width: 100%;}
    .bottom-menu-bar .dropdown:hover .dropdown-toggle::after,
    .bottom-menu-bar .dropdown .dropdown-toggle.show::after{transform: rotate(180deg);}
}

@media (min-width:1440px){
    .target-classes-section.bg-white h3{ font-size: 20px;}
    .banner-blocks-info-listing li span{ font-size: 18px;}
    .about-top-info-blk h2{ font-size: 50px;}
    .about-top-info-blk h6{ font-size: 30px;}
    .about-top-info-blk p{ font-size: 20px;}
    .mission-listing li img{ width: 180px; top: 0; left: -120px;}
    .mission-listing li p{ font-size: 20px; line-height: 32px;}
    .mission-listing li{ padding-left: 110px;margin-top: 25px;}
    .mission-listing li h3{ font-size: 50px; margin-top: 15px;}
    .mission-listing{ padding-right: 160px;}
    .left-img{ max-height: 1000px;}
    .offering-section h2{ font-size: 50px;}
    .offering-section h3{ font-size: 40px;}
    .offering-section p{ font-size: 24px; line-height: 36px;}
    .contact-form label{ font-size: 20px;}
    .contact-form .btn-primary{ font-size: 24px; padding: 15px 65px;}
    .about-top-info-blk.career p{ font-size: 22px; margin-bottom: 30px;}
    .about-top-info-blk.career{ padding: 50px 0 30px;}
    .futuristic-underwrite h2, .about-our-resources h2{ font-size: 50px; margin-bottom: 60px;}
    .why-join-listing li{ font-size: 22px;margin-bottom: 35px;}
    .img-width-100{ width: 100%; max-width: auto;}
    .offering-section.follow-futuristic h2{ font-size: 45px;}
    .offering-section.follow-futuristic p{ font-size: 28px; color: #2B303A; margin-top: 15px;}
    .linkedin-btn{ width: 210px;}
    .top-form-block h1{ font-size: 45px; color: #2B303A;}
    .top-form-block p{ font-size: 22px; line-height: 34px;}
    .career-contact-img{ width: 440px;}
    .top-form-block{ padding-left: 440px;}
    .contact-form.career-contact-inner-form label {font-size: 16px;}
    .contact-form.career-contact-inner-form .btn-primary {font-size: 20px;padding: 15px 25px; background: #253257; border-radius: 10px;}
    .btm-show-contact-blk .contact-form label{ font-size: 20px;}
    .serve-inner-text-block h3{ font-size: 30px;}
    .banner h1{ font-size: 56px;}
    .service-cards p{ font-size: 24px; font-weight: 600;}
    .client-slider .item h4{ font-size: 24px;}
    .about-one-points li .text p{ font-size: 26.99px;}
    .about-one-points li .icon{ width: 30px; height: 30px; margin-top: 7px;}
    .about-one-points li .text{ margin-left: 45px;}
    .featured-content h2{ margin-top: 20px !important;}
    .inner-sub-info-block{ font-size: 20.96px;}
    .contact p{ font-size: 28px;}
    .contact .btn-primary{ font-size: 24px; padding: 12px 55px;}
    .inner-sub-info-block span{ display: inline-block;}
    .all-class-accept{ width: 65%;}
    .all-class-accept{ width: 65%;}
    .tc-listing li{ width: 450px;}
    .tc-listing .flip-card-back p{ font-size: 28px;line-height: 34px; padding: 35px 25px;}
    .tc-listing li h4{ font-size: 24px;}
    .tc-listing li .flip-card {height: 261px;}
    .tc-listing li.bg-li{ height: 261px;font-size: 28px;line-height: 34px;padding: 40px 45px;}
    .inner-sub-info-block.shadow span, .inner-sub-info-block.last span{ margin-top: 0;}
    .grey-clr{ font-size: 28px;}
    .target-classes-listing li{font-size: 25.49px; padding-left: 48px; margin-bottom: 35px;}
    .target-classes-listing li img{ width: 34px;}
    .serve-inner-text-block p{ font-size: 20px;}
    .who-v-r-listing li{ font-size: 18px;}
    .our-resource-listing li{ font-size: 30px;}
    .commercial-listing li{ font-size: 22px; padding-left: 40px;}
    .commercial-listing li img{ top: 4px;width: 30px;}
}