/**

* Template Name: Bootslander - v4.9.1

* Template URL: https://bootstrapmade.com/bootslander-free-bootstrap-landing-page-template/

* Author: BootstrapMade.com

* License: https://bootstrapmade.com/license/

*/



/*--------------------------------------------------------------

# General

--------------------------------------------------------------*/

body {

  font-family: "Lato", sans-serif;

  color: #444444;

}



a {

  color: #1acc8d;

  text-decoration: none;

}



a:hover {

  color: #34e5a6;

  text-decoration: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: "Lato", sans-serif;

  /*Montserrat*/

}



/* span{

  font-size: 14px;

} */



#error-check {

  font-size: 14px;

}



.retail-health-topic {

  color: #fb785b;

  font-size: 20px;

  font-weight: 700;

  display: none;

}



.health-box {

  text-align: center;

}



.health-box .form-check-input {

  float: none;

}



.insurance-right {

  border-right: 1px solid rgb(142, 139, 139);

  /* display: block; */

}



.insurance-left {

  border-left: 1px solid rgb(142, 139, 139);

  /* display: block; */

}



.close-icon {

  padding: 5px;

  text-align: end;

}



.close-icons {

  text-align: end;

}



.short-home {

  background-color: #F0FCF8;

}



.short-home .home ul {

  margin: 0;

}



.modal .modal-content .paragraph {

  /* padding: 20px!important; */

}



.modal .modal-content .modal-header {

  border: none;

  align-items: flex-start;

}



.modal .modal-content .modal-header h3 {



  font-size: 20px !important;

  font-weight: 600 !important;

  /* margin: 20px 0!important; */

}



.modal .modal-content .paragraph h3 {



  font-size: 20px !important;

  font-weight: 600 !important;

  /* margin: 20px 0!important; */

}



.modal .modal-content .paragraph p {

  font-size: 18px !important;

  margin: 10px 0 !important;

}





#hero.index_page {

  /* padding: 0px 0 0 0; */

  /* margin-top: 1px; */

}



.hero_form {

  /* padding-left: 20px; */

  text-align: start;

}



.upper-title#upper-title {

  margin-top: 10px;

  display: block;

}



.upper-title-phone#upper-title {

  margin-top: 10px;

  display: none;

}



.upper-title#upper-title h1 {

  line-height: 1.5;

  color: #0D6CAA !important;

  font-size: 30px !important;

  font-weight: 700 !important;

  margin-bottom: 10px;

  /* padding-left:20px; */

  display: block;

}



.upper-title-phone#upper-title h1 {

  line-height: 1.5;

  color: #0D6CAA !important;

  font-size: 30px !important;

  font-weight: 700 !important;

  margin-bottom: 10px;

  /* padding-left:20px; */

  display: none;

}



.form-health#form-upper {

  display: block;

  margin-top: 10px;



}



.form-health-phone#form-upper {

  display: none;

  margin-top: 10px;



}



.form-health#form-upper h2 {

  /* color:#0D6CAA; */

  color: #1acc8d !important;

  font-size: 18px !important;

  font-weight: 700 !important;

  margin-bottom: 10px;

  /* padding-left:20px; */

  display: block;

}



.form-health-phone#form-upper h2 {

  /* color:#0D6CAA; */

  color: #36b37e !important;

  font-size: 18px !important;

  font-weight: 700 !important;

  margin-bottom: 10px;

  /* padding-left:20px; */

  display: none;

}



.points-of-termlife h4 {

  font-size: 20px;

  padding-left: 25px;

  color: #49B5E7;

}



.points-of-termlife h4 i {

  font-size: 16px;

  padding-right: 10px;

  color: #1acc8d;

}



#about .term-content {

  font-size: 16px;

}



#about .ques {

  margin-bottom: 0;

}



#about .term-life-head {

  font-size: 18px;

  font-weight: 600;

}



#about .cal-life-ins {

  margin-bottom: 0;

}



#about .cal-life-ins li {

  padding-bottom: 5px;

}



#about .card-more {

  background-color: transparent;

  color: #012970;

  font-size: 16px;

  font-weight: 600;

  border: none;

  display: flex;

  align-items: center;

}



#about .card-more i {

  font-size: 20px;

}



@media screen and (max-width:1023px) {

  #hero1 .hero-img {

    background: #fff;

  }

}



#hero1 .hero-img {

  background: transparent;

}







/*--------------------------------------------------------------

# Preloader

--------------------------------------------------------------*/

#preloader {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  z-index: 9999;

  overflow: hidden;

  background: #fff;

}



#preloader:before {

  content: "";

  position: fixed;

  top: calc(50% - 30px);

  left: calc(50% - 30px);

  border: 6px solid #1acc8d;

  border-top-color: #d2f9eb;

  border-radius: 50%;

  width: 60px;

  height: 60px;

  -webkit-animation: animate-preloader 1s linear infinite;

  animation: animate-preloader 1s linear infinite;

}



@-webkit-keyframes animate-preloader {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



@keyframes animate-preloader {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



/*--------------------------------------------------------------

# Back to top button

--------------------------------------------------------------*/

.back-to-top {

  position: fixed;

  visibility: hidden;

  opacity: 0;

  right: 15px;

  bottom: 15px;

  z-index: 996;

  background: #1acc8d;

  width: 40px;

  height: 40px;

  border-radius: 50px;

  transition: all 0.4s;

}



.back-to-top i {

  font-size: 28px;

  color: #fff;

  line-height: 0;

}



.back-to-top:hover {

  background: #2be4a2;

  color: #fff;

}



.back-to-top.active {

  visibility: visible;

  opacity: 1;

}



/*--------------------------------------------------------------

# Disable AOS delay on mobile

--------------------------------------------------------------*/

@media screen and (max-width: 768px) {

  [data-aos-delay] {

    transition-delay: 1000ms;

  }

}



/*--------------------------------------------------------------

# Header

--------------------------------------------------------------*/

#header {

  height: 80px;

  transition: all 0.5s;

  z-index: 997;

  transition: all 0.5s;

  background: #FFFFFF;

}



#header.header-transparent {

  background: #FFFFFF;

}



#header.header-scrolled {

  background: #FFFFFF;

  height: 60px;

}



#header .logo h1 {

  font-size: 28px;

  margin: 0;

  padding: 0;

  line-height: 1;

  font-weight: 700;

}



#header .logo h1 a,

#header .logo h1 a:hover {

  color: #fff;

  text-decoration: none;

}



#header .logo img {

  padding: 0;

  margin: 0;

  max-height: 60px;

}



#header .sign-option .sign-in {

  background: transparent;

  color: #01036f;

  border: none;

}



/*--------------------------------------------------------------

# Navigation Menu

--------------------------------------------------------------*/

/**

* Desktop Navigation 

*/

.navbar {

  padding: 0;

}



.navbar ul {

  margin: 0;

  padding: 0;

  display: flex;

  list-style: none;

  align-items: center;

}



.navbar li {

  position: relative;

}



.navbar a,

.navbar a:focus {

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 10px 0 10px 30px;

  font-size: 15px;

  font-weight: 500;

  font-family: "Lato", sans-serif;

  color: #01036f;

  white-space: nowrap;

  transition: 0.3s;

}



.navbar a i,

.navbar a:focus i {

  font-size: 12px;

  line-height: 0;

  margin-left: 5px;

}



.navbar>ul>li>a:before {

  content: "";

  position: absolute;

  width: 0;

  height: 2px;

  bottom: 3px;

  left: 30px;

  background-color: #1acc8d;

  visibility: hidden;

  width: 0px;

  transition: all 0.3s ease-in-out 0s;

}



.navbar a:hover:before,

.navbar li:hover>a:before,

.navbar .active:before {

  visibility: visible;

  width: 25px;

}



.navbar a:hover,

.navbar .active,

.navbar .active:focus,

.navbar li:hover>a {

  color: #01036f;

}





.navbar .dropdown ul {

  display: block;

  position: absolute;

  left: 30px;

  top: calc(100% + 30px);

  margin: 0;

  padding: 10px 0;

  z-index: 99;

  opacity: 0;

  visibility: hidden;

  background: #fff;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

  transition: 0.3s;

  border-radius: 4px;

}



.navbar .dropdown ul li {

  min-width: 200px;

}



.navbar .dropdown ul a {

  padding: 10px 20px;

  font-size: 14px;

  font-weight: 500;

  text-transform: none;

  color: #01036f;

  background: transparent;

}



.navbar .dropdown ul a i {

  font-size: 12px;

}



.navbar .dropdown ul a:hover,

.navbar .dropdown ul .active:hover,

.navbar .dropdown ul li:hover>a {

  color: #1acc8d;

  background: transparent;

}



.navbar .dropdown:hover>ul {

  opacity: 1;

  top: 100%;

  visibility: visible;

}



.navbar .dropdown .dropdown ul {

  top: 0;

  left: calc(100% - 30px);

  visibility: hidden;

}



.navbar .dropdown .dropdown:hover>ul {

  opacity: 1;

  top: 0;

  left: 100%;

  visibility: visible;

}



@media (max-width: 1366px) {

  .navbar .dropdown .dropdown ul {

    left: -90%;

  }



  .navbar .dropdown .dropdown:hover>ul {

    left: -100%;

  }

}



/**

* Mobile Navigation 

*/

.mobile-nav-toggle {

  color: #a9a9a9;

  font-size: 28px;

  cursor: pointer;

  display: none;

  line-height: 0;

  transition: 0.5s;

}



@media (max-width: 991px) {

  .mobile-nav-toggle {

    display: block;

  }



  .navbar ul {

    display: none;

  }

}



.navbar-mobile {

  position: fixed;

  overflow: hidden;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  background: rgb(43 179 129 / 15%);

  transition: 0.3s;

  z-index: 999;

}



.navbar-mobile .mobile-nav-toggle {

  position: absolute;

  top: 15px;

  right: 15px;

}



.navbar-mobile ul {

  display: block;

  position: absolute;

  top: 55px;

  right: 15px;

  bottom: 15px;

  left: 15px;

  padding: 10px 0;

  border-radius: 8px;

  background-color: #fff;

  overflow-y: auto;

  transition: 0.3s;

}



.navbar-mobile>ul>li>a:before {

  left: 20px;

}



.navbar-mobile a,

.navbar-mobile a:focus {

  padding: 10px 20px;

  font-size: 15px;

  color: #0205a1;

}



.navbar-mobile a:hover,

.navbar-mobile .active,

.navbar-mobile li:hover>a {

  color: #3f43fd;

}



.navbar-mobile .getstarted,

.navbar-mobile .getstarted:focus {

  margin: 15px;

}



.navbar-mobile .dropdown ul,

.navbar-mobile .dropdown .dropdown ul {

  position: static;

  display: none;

  margin: 10px 20px;

  padding: 10px 0;

  z-index: 99;

  opacity: 1;

  visibility: visible;

  background: #fff;

  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);

}



.navbar-mobile .dropdown ul li,

.navbar-mobile .dropdown .dropdown ul li {

  min-width: 200px;

}



.navbar-mobile .dropdown ul a,

.navbar-mobile .dropdown .dropdown ul a {

  padding: 10px 20px;

}



.navbar-mobile .dropdown ul a i,

.navbar-mobile .dropdown .dropdown ul a i {

  font-size: 12px;

}



.navbar-mobile .dropdown ul a:hover,

.navbar-mobile .dropdown ul .active:hover,

.navbar-mobile .dropdown ul li:hover>a,

.navbar-mobile .dropdown .dropdown ul a:hover,

.navbar-mobile .dropdown .dropdown ul .active:hover,

.navbar-mobile .dropdown .dropdown ul li:hover>a {

  color: #1acc8d;

}



.navbar-mobile .dropdown>.dropdown-active,

.navbar-mobile .dropdown .dropdown>.dropdown-active {

  display: block;

}



/*--------------------------------------------------------------

# Hero Section

--------------------------------------------------------------*/





#hero .make-insurance {

  position: relative;

  z-index: 1;



}





#hero .make-insurance .first-image img {

  width: 100%;

}



#hero .make-insurance .insurance .list-of-insurance {

  display: flex;

  gap: 25px;

  text-align: left;

}



/* #hero .make-insurance .insurance .right-border{

  border-right: 1px solid red;

} */



/* #hero .make-insurance .insurance .left-border{

  border-left: 1px solid red;

} */



#hero .make-insurance .insurance .list-of-insurance h3 {

  font-size: 25px;

  font-weight: 400;

  color: #F28C28;

}



#hero .make-insurance .insurance .head {

  padding: 10px;

  display: flex;

  gap: 20px;

  align-items: center;



}



.icon-tag {

  animation: shake 2s;

  animation-iteration-count: infinite;

}



@keyframes shake {

  0% {

    transform: translate(1px, 1px) rotate(0deg);

  }



  10% {

    transform: translate(-1px, -2px) rotate(-1deg);

  }



  20% {

    transform: translate(-3px, 0px) rotate(1deg);

  }



  30% {

    transform: translate(3px, 2px) rotate(0deg);

  }



  40% {

    transform: translate(1px, -1px) rotate(1deg);

  }



  50% {

    transform: translate(-1px, 2px) rotate(-1deg);

  }



  60% {

    transform: translate(-3px, 1px) rotate(0deg);

  }



  70% {

    transform: translate(3px, 1px) rotate(-1deg);

  }



  80% {

    transform: translate(-1px, -1px) rotate(1deg);

  }



  90% {

    transform: translate(1px, 2px) rotate(0deg);

  }



  100% {

    transform: translate(1px, -2px) rotate(-1deg);

  }

}



#hero .make-insurance .insurance .head .icon-tag {

  display: flex;

  font-size: 30px;

  margin-bottom: 40px;

  color: #0edb82;

}



#hero .make-insurance .insurance .head h2 {

  font-size: 35px;

  font-weight: 600;

  color: #000;

}



#hero .make-insurance .insurance .vl {

  border: 1px solid #a9a9a9;

  rotate: 0deg;

  width: 25%;

  margin-top: 44px;

  margin-bottom: 14px;



}



.plantype {

  cursor: pointer;

}



#hero .make-insurance .insurance .list-of-insurance .lists {

  display: flex;

  gap: 17px;



}



#hero .make-insurance .insurance .list-of-insurance .lists .list-1 ::after {

  content: '';

  position: absolute;

  border: #000;

  width: 20px;

  height: 20px;

}



#hero .make-insurance .insurance .list-of-insurance .lists li {

  /* float: left; */

  /* margin-right: 45px; */

  margin-bottom: 20px;

  position: relative;

  list-style: none;

  text-align: center;

}



#hero .make-insurance .insurance .list-of-insurance .lists li .img-cont {

  background-color: #fff;

  padding: 20px;

  border: 1px solid;

  color: transparent;

  border-radius: 40px;

  margin: 15px;

}



#hero .make-insurance .insurance .list-of-insurance .lists li:hover {

  color: #50C878;

}



.add-selected-list {

  color: #50c878;



}



.discount {

  border: 1px solid #14141b;

  border-radius: 20px;

  padding: 5px 10px;

  background: #0F52BA;

  color: #fff;

  margin: 20px 0;

  text-align: center;

}



.discount h6 {

  position: relative;

  z-index: 2;

  font-size: 14px;

  font-weight: 400;

}



.discount h6 span {

  font-weight: 500;

  color: #F28C28;

}



.selected-ins-img {

  border: 1px solid #50C878 !important;

}



#hero .make-insurance .insurance .list-of-insurance .lists li .img-cont:hover {

  border: 1px solid #50C878;

}



#hero .make-insurance .insurance .list-of-insurance .lists li .img-cont:hover {

  color: #50C878;

  font-weight: 500;

}



#hero .make-insurance .insurance .list-of-insurance .lists li .img-cont img {

  width: 40px;

}



#hero .make-insurance .insurance .list-of-insurance .lists li span {

  font-size: 14px;

  font-weight: 100;



}



#hero .make-insurance .insurance .popper {

  margin-top: 20px;

}



#hero .make-insurance .insurance .popper-down {

  border: 1px solid #50C878;



  border-radius: 10px;

}



#hero .make-insurance .insurance .popper-down #list-1,

#list-2,

#list-3,

#list-4,

#list-5,

#list-6,

#list-7,

#list-8 {

  display: none;

}



#hero .make-insurance .insurance .popper-down .view-price {

  /* align-items: center; */

  /* display: flex; */

  text-align: center;

  padding: 5px;

  /* margin-left: -20px; */

  color: #fff;

}



#hero .make-insurance .insurance .popper-down .first,

.second {

  /* border-right: 2px solid #1acc8d; */

  /* padding: 20px; */

  margin: 20px;

  /* height: 100%; */

}



.error-msg {

  color: #ff0000;

  /* padding: 10px 0; */

}



#hero .make-insurance .insurance .popper-down .second .expire {

  font-size: 20px;

  line-height: 1rem;

}



#hero .make-insurance .insurance .popper-down label {

  font-size: 20px;

}



#hero .make-insurance .insurance .popper-down .wizard-required {

  width: 100%;

  font-size: 25px;

  /* border: none; */

  outline: none;

  color: #000;

  border-radius: 5px;

  /* text-transform: uppercase; */

  background: rgb(246, 253, 246);

}



#hero .make-insurance .insurance .popper-down .form-group input:focus {

  /* outline: none; */

  /* border: none; */

  /* border-color: none; */

  box-shadow: none;

  background: rgb(246, 253, 246);

}



#hero .make-insurance .insurance .popper-down .form-group input[data-autocompleted] {

  background-color: none !important;

}



.hero {

  /* background: url(../assets_home1/img/icon/hero-bg); */

}



#hero .make-insurance .insurance .popper-down input[type=radio] {

  /* border: 0px; */

  width: 25px;

  height: 1em;

  margin-top: 15px;

  /* font-size: 25px; */

  text-align: center;

}



#hero .make-insurance .insurance .popper-down input::placeholder {

  font-size: 20px;

  color: #d7d6d6;

  /* text-transform: lowercase; */

}



#hero .make-insurance .insurance .popper-down .view-price .btn-primary {

  background: #50c878;

  padding: 10px 30px;

  border-radius: 10px;

  font-size: 16px;

  font-weight: 500;

  border: 1px solid #50c878;

}



#hero {

  width: 100%;

  /* background: url("../img/icon/ofc-coll.jpg"); */

  position: relative;

  padding: 120px 0 0 0;

  z-index: 2;

  background-color: #F0FCF8;

}



#hero .bg {

  /* background-image: url("../img/icon/office.jpg"); */

  filter: blur(1px);

}



#hero:before {

  content: "";

  /* background: #f0fcf8; */

  position: absolute;

  bottom: 0;

  top: 0;

  left: 0;

  right: 0;

}



#hero h1 {

  margin: 0 0 20px 0;

  font-size: 44px;

  font-weight: 700;

  line-height: 1.5;

  color: rgba(255, 255, 255, 0.8);

}



#hero h1 span {

  color: #fff;

  border-bottom: 4px solid #1acc8d;

}



#hero h2 {

  color: rgba(255, 255, 255, 0.8);

  margin-bottom: 40px;

  font-size: 24px;

}



#hero .btn-get-started {

  font-family: "Montserrat", sans-serif;

  font-weight: 500;

  font-size: 16px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 10px 30px;

  border-radius: 50px;

  transition: 0.5s;

  color: #fff;

  background: #1acc8d;

}



#hero .btn-get-started:hover {

  background: #17b57d;

}



#hero .animated {

  animation: up-down 2s ease-in-out infinite alternate-reverse both;

}



#hero .introduction {

  position: relative;

  z-index: 1;

}



#hero .introduction .homepage-intro {

  margin: 30px 0;

}



#hero .introduction .best-intro {

  padding: 0 30px;

}



#hero .introduction .best-intro h3 {

  font-size: 35px;

  color: #000000;

  font-weight: 400;

  position: relative;

  z-index: 1;

}



#hero .introduction .best-link {

  display: flex;

  /* justify-content: space-between; */

  gap: 30%;

  padding: 30px;

}



#hero .introduction .best-link .first-link,

.second-link {

  display: flex;

  gap: 20px;

}



#hero .introduction .best-link .first-link .logos i,

.second-link .logos i {

  font-size: 25px;

  color: #013289;

}



#hero .introduction .homepage-intro .image-plan .slider-image {

  margin: 0 20px;

}



#hero .introduction .homepage-intro .image-plan .slider-image .first-image img {

  width: 100%;

  border-radius: 10px;

  z-index: 0;

}



#hero .introduction .homepage-intro .image-plan .slider-image .first-image {

  position: relative;

}



#hero .introduction .homepage-intro .image-plan .slider-image .img-content {

  position: absolute;

  width: 100%;

  top: 0;

  /* left: 50%; */

  z-index: 2;

}



#hero .introduction .homepage-intro .image-plan .slider-image .img-content .head,

.adv-of-plans,

.view-plans {

  margin: 20px 0;

}



#hero .introduction .homepage-intro .image-plan .slider-image .img-content .head,

.adv-of-plans {

  padding: 20px 0;

}



#hero .introduction .homepage-intro .image-plan .slider-image .img-content .view-plans {

  padding: 50px;

}



#hero .introduction .homepage-intro .image-plan .slider-image .img-content .head span {

  background-color: white;

  color: #E3963E;

  border-radius: 5px;

  padding: 5px;

  font-size: 18px;

}



#hero .homepage-intro .top .slider-nav {

  background-color: #fff;

  border-radius: 10px;

}



#hero .homepage-intro .top .slider-nav .image-top .bitcoins {

  padding: 20px 35px;

}



#hero .homepage-intro .top .slider-nav .image-top .name {

  padding: 20px 35px;

}



#hero .homepage-intro .top .slider-nav .image-top .content {

  padding: 20px 35px;

}



#hero .homepage-intro .top .nav-1::before {

  content: '';

  position: absolute;

  top: 0;

  height: 100%;

  width: 4px;

  background: #4169E1;

  border-radius: 10px 0 0 10px;

}



#hero .homepage-intro .top .nav-2::before {

  content: '';

  position: absolute;

  top: 0;

  height: 100%;

  width: 4px;

  background: #50C878;

  border-radius: 10px 0 0 10px;

}



#hero .homepage-intro .top .nav-3::before {

  content: '';

  position: absolute;

  top: 0;

  height: 100%;

  width: 4px;

  background: #0cf7f7;

  border-radius: 10px 0 0 10px;

}



#hero .homepage-intro .top .first-image .name {

  color: #4169E1;

  /* padding: 10px; */

}



#hero .homepage-intro .top .slider-nav .first-image .image-top i {

  color: orange;

  font-size: 31px;

}



/* @media screen and (max-width:2559px) {



  .pad-of-list {

    padding-left: 0rem;

  }



  #hero .make-insurance .insurance .list-of-insurance .lists {

    gap: 30px!important;

  }



  #hero .make-insurance .insurance .vl{   

    left: 96%;

  }

} */



@media screen and (min-device-width: 1023px) and (max-device-width: 1024px) {

  .pad-of-list {

    padding-left: 2rem;

  }



  #hero .make-insurance .insurance .list-of-insurance .lists {

    gap: 20px !important;

  }



  #hero .make-insurance .insurance .vl {

    left: 92%;

  }

}



@media (max-width: 1023px) {





  #hero .hero-img {

    padding-top: 30px;

  }



  #hero.index_page {

    padding: 80px 0 0 0;

  }

}



@media (max-width: 991px) {

  #hero {

    /* padding-top: 80px; */

  }





  #hero .animated {

    -webkit-animation: none;

    animation: none;

  }



  #hero .hero-img {

    text-align: center;



  }



  #hero .hero-img img {

    max-width: 50%;

  }



  #hero h1 {

    /* font-size: 28px; */

    font-size: 25px;

    line-height: 32px;

    margin-bottom: 10px;

  }



  #hero .btn-get-started {

    margin: 20px;

  }



  .section-title p {

    font-size: 25px;

  }



  .counts .count-box span {

    font-size: 25px !important;

  }



  #hero h2 {

    font-size: 18px;

    line-height: 24px;

    margin-bottom: 30px;

  }

}



@media (max-width: 767px) {

  .section-title p {

    font-size: 20px;

  }



  #hero .homepage-intro .top .slider-nav .image-top .bitcoins,

  .name,

  .content {

    padding: 0;

  }

}



@media (max-width: 767px) {

  .section-title p {

    font-size: 20px;

  }



  #hero.index_page {

    padding: 30px 0 0 0;

    margin-top: 30px;

  }

}



@media (max-width: 575px) {

  #hero .hero-img img {

    width: 80%;

  }

}



@media (min-width: 1024px) {

  #hero {

    background-attachment: fixed;

  }





}



@-webkit-keyframes up-down {

  0% {

    transform: translateY(10px);

  }



  100% {

    transform: translateY(-10px);

  }

}



@keyframes up-down {

  0% {

    transform: translateY(10px);

  }



  100% {

    transform: translateY(-10px);

  }

}



.hero-waves {

  display: block;

  /* margin-top: 60px; */

  width: 100%;

  height: 60px;

  z-index: 5;

  position: relative;

}



.wave1 use {

  -webkit-animation: move-forever1 10s linear infinite;

  animation: move-forever1 10s linear infinite;

  -webkit-animation-delay: -2s;

  animation-delay: -2s;

}



.wave2 use {

  -webkit-animation: move-forever2 8s linear infinite;

  animation: move-forever2 8s linear infinite;

  -webkit-animation-delay: -2s;

  animation-delay: -2s;

}



.wave3 use {

  -webkit-animation: move-forever3 6s linear infinite;

  animation: move-forever3 6s linear infinite;

  -webkit-animation-delay: -2s;

  animation-delay: -2s;

}



@-webkit-keyframes move-forever1 {

  0% {

    transform: translate(85px, 0%);

  }



  100% {

    transform: translate(-90px, 0%);

  }

}



@keyframes move-forever1 {

  0% {

    transform: translate(85px, 0%);

  }



  100% {

    transform: translate(-90px, 0%);

  }

}



@-webkit-keyframes move-forever2 {

  0% {

    transform: translate(-90px, 0%);

  }



  100% {

    transform: translate(85px, 0%);

  }

}



@keyframes move-forever2 {

  0% {

    transform: translate(-90px, 0%);

  }



  100% {

    transform: translate(85px, 0%);

  }

}



@-webkit-keyframes move-forever3 {

  0% {

    transform: translate(-90px, 0%);

  }



  100% {

    transform: translate(85px, 0%);

  }

}



@keyframes move-forever3 {

  0% {

    transform: translate(-90px, 0%);

  }



  100% {

    transform: translate(85px, 0%);

  }

}



/*--------------------------------------------------------------

# Sections General

--------------------------------------------------------------*/

section {

  padding: 60px 0;

  overflow: hidden;

}



.section-bg {

  background-color: #F0FCF8;

}



.section-title {

  padding-bottom: 40px;

}



.section-title h2 {

  font-size: 14px;

  font-weight: 500;

  padding: 0;

  line-height: 1px;

  margin: 0 0 5px 0;

  letter-spacing: 2px;

  text-transform: uppercase;

  color: #aaaaaa;

  font-family: "Lato", sans-serif;

}



.section-title h2::after {

  content: "";

  width: 120px;

  height: 1px;

  display: inline-block;

  background: #1acc8d;

  margin: 4px 10px;

}



.section-title p {

  margin: 0;

  margin: 0;

  font-size: 30px;

  line-height: 1.5;

  font-weight: 700;

  /* text-transform: uppercase; */

  font-family: "Lato", sans-serif;

  color: #010483;

}







@media screen and (max-width: 1023px) {

  .section-title p {

    font-size: 25px;

  }

}



@media screen and (max-width: 767px) {

  .section-title {

    padding-bottom: 10px;

  }



  .section-title p {

    font-size: 20px;

    margin-bottom: 15px;

  }



  section {

    padding: 30px 0;

  }



  #details {

    padding: 20px 0;

  }



}





/*--------------------------------------------------------------

# Breadcrumbs

--------------------------------------------------------------*/

.breadcrumbs {

  padding: 20px 0;

  background-color: #fafaff;

  min-height: 40px;

  margin-top: 80px;

}



@media (max-width: 992px) {

  .breadcrumbs {

    margin-top: 64px;

  }

}



.breadcrumbs h2 {

  font-size: 24px;

  font-weight: 400;

  margin: 0;

}



@media (max-width: 992px) {

  .breadcrumbs h2 {

    margin: 0 0 10px 0;

  }

}



.breadcrumbs ol {

  display: flex;

  flex-wrap: wrap;

  list-style: none;

  padding: 0;

  margin: 0;

  font-size: 14px;

}



.breadcrumbs ol li+li {

  padding-left: 10px;

}



.breadcrumbs ol li+li::before {

  display: inline-block;

  padding-right: 10px;

  color: #6c757d;

  content: "/";

}



@media (max-width: 768px) {

  .breadcrumbs .d-flex {

    display: block !important;

  }



  .breadcrumbs ol {

    display: block;

  }



  .breadcrumbs ol li {

    display: inline-block;

  }

}



/*--------------------------------------------------------------

# About Us

--------------------------------------------------------------*/

.about .content h3 {

  font-weight: 700;

  font-size: 28px;

}



.about .content ul {

  list-style: none;

  padding: 0;

}



.about .content ul li {

  padding-bottom: 10px;

}



.about .content ul i {

  font-size: 20px;

  padding-right: 4px;

  color: #5cb874;

}



.about .content p:last-child {

  margin-bottom: 0;

}





/*--------------------------------------------------------------

# Features

--------------------------------------------------------------*/

.features {

  padding: 30px 0;

  background: #FFF;

}



.features .icon-box {

  display: flex;

  align-items: center;

  padding: 20px;

  background: #f5f5ff;

  transition: ease-in-out 0.3s;

}



.features .icon-box i {

  font-size: 32px;

  padding-right: 10px;

  line-height: 1;

}



.features .icon-box img {

  font-size: 32px;

  padding-right: 10px;

  line-height: 1;

}



.features .icon-box h3 {

  font-weight: 700;

  margin: 0;

  padding: 0;

  line-height: 1;

  font-size: 16px;

}



.features .icon-box h3 a {

  color: #010483;

  transition: ease-in-out 0.3s;

}



.features .icon-box h3 a:hover {

  color: #01036f;

}



.features .icon-box:hover {

  background: #ebebff;

}



@media screen and (max-width:1023px) {

  .img-fluid {

    width: 80%;

    display: flex;

    justify-content: center;

  }



  .section-title {

    padding-bottom: 10px;

  }



  section {

    padding: 30px 0;

  }

}



@media screen and (max-width:767px) {

  .features {

    padding: 20px 0;

  }



  .img-fluid {

    width: 60%;

    margin: auto;

    display: flex;

    justify-content: center;

  }

}



/*--------------------------------------------------------------

# Counts

--------------------------------------------------------------*/

.counts {

  background: #f0fcf8;

  /* padding: 60px 0 60px;  */



}



.counts .count-box {

  padding: 30px 30px 25px 30px;

  width: 100%;

  position: relative;

  text-align: center;

  background: #f0fcf8;

}



.counts .count-box i {

  position: absolute;

  top: -25px;

  left: 50%;

  transform: translateX(-50%);

  font-size: 20px;

  background: #1acc8d;

  padding: 12px;

  color: #fff;

  border-radius: 50px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  line-height: 0;

  width: 48px;

  height: 48px;

}



.counts .count-box span {

  font-size: 36px;

  display: block;

  font-weight: 600;

  color: #010483;

}



.counts .count-box p {

  padding: 0;

  margin: 0;

  font-family: "Montserrat", sans-serif;

  font-size: 14px;

}









/*--------------------------------------------------------------

# Counts1

--------------------------------------------------------------*/

.counts1 {

  background: #f5f5ff;

  padding: 70px 0 60px;

}



.counts1 .count-box {

  padding: 30px 30px 25px 30px;

  width: 100%;

  position: relative;

  text-align: center;

  background: #fff;

}



.counts1 .count-box i {

  position: absolute;

  top: -25px;

  left: 50%;

  transform: translateX(-50%);

  font-size: 20px;

  background: #106CAA;

  padding: 12px;

  color: #fff;

  border-radius: 50px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  line-height: 0;

  width: 48px;

  height: 48px;

}



.counts1 .count-box span {

  font-size: 36px;

  display: block;

  font-weight: 600;

  color: #010483;

}



.counts1 .count-box p {

  padding: 0;

  margin: 0;

  font-family: "Montserrat", sans-serif;

  font-size: 14px;

}





/*--------------------------------------------------------------

# Details

--------------------------------------------------------------*/

.details .content+.content {

  /* margin-top: 100px; */

}



.details .content h3 {

  font-weight: 600;

  font-size: 26px;

  color: #010483;

  padding: 10px 0;

}



.details .content ul {

  list-style: none;

  padding-left: 30px;

}



.details .content .grp-health-para {

  padding-left: 60px;

}



.details .content .grp-term-type {

  padding-left: 30px;

}



.details .content ul li {

  padding-bottom: 10px;

}



.details .content ul i {

  font-size: 20px;

  padding-right: 4px;

  color: #1acc8d;

}



.details .content p {

  font-size: 16px;

}



.details .content p:last-child {

  margin-bottom: 0;

}





.counts1 .content ul .counts12 {

  font-size: 20px;

  padding-right: 4px;

  color: #1acc8d;

}





@media screen and (max-width:1023px) {

  .details .content h3 {

    font-size: 25px;



  }



  .details .content p {

    font-size: 16px;

  }

}



@media screen and (max-width:767px) {

  .details .content h3 {

    font-size: 20px;



  }



  .details .content p {

    font-size: 16px;

  }



  .details .content ul {

    padding-left: 20px;

  }



  .details .content .grp-health-para {

    padding-left: 40px;

  }

}





/*--------------------------------------------------------------

# Gallery

--------------------------------------------------------------*/

.gallery .gallery-item {

  overflow: hidden;

  border-right: 3px solid #fff;

  border-bottom: 3px solid #fff;

}



.gallery .gallery-item img {

  transition: all ease-in-out 0.4s;

}



.gallery .gallery-item:hover img {

  transform: scale(1.1);

}



/*--------------------------------------------------------------

# Testimonials

--------------------------------------------------------------*/

.testimonials {

  padding: 80px 0;

  background: url("../img/testimonials-bg.jpg") no-repeat;

  background-position: center center;

  background-size: cover;

  position: relative;

}



.testimonials::before {

  content: "";

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  background: rgba(1, 3, 111, 0.8);

}



.testimonials .section-header {

  margin-bottom: 40px;

}



.testimonials .testimonials-carousel,

.testimonials .testimonials-slider {

  overflow: hidden;

}



.testimonials .testimonial-item {

  text-align: center;

  color: #fff;

}



.testimonials .testimonial-item .testimonial-img {

  width: 100px;

  border-radius: 50%;

  border: 6px solid rgba(255, 255, 255, 0.15);

  margin: 0 auto;

}



.testimonials .testimonial-item h3 {

  font-size: 20px;

  font-weight: bold;

  margin: 10px 0 5px 0;

  color: #fff;

}



.testimonials .testimonial-item h4 {

  font-size: 14px;

  color: #ddd;

  margin: 0 0 15px 0;

}



.testimonials .testimonial-item .quote-icon-left,

.testimonials .testimonial-item .quote-icon-right {

  color: rgba(255, 255, 255, 0.4);

  font-size: 26px;

}



.testimonials .testimonial-item .quote-icon-left {

  display: inline-block;

  left: -5px;

  position: relative;

}



.testimonials .testimonial-item .quote-icon-right {

  display: inline-block;

  right: -5px;

  position: relative;

  top: 10px;

}



.testimonials .testimonial-item p {

  font-style: italic;

  margin: 0 auto 15px auto;

  color: #eee;

}



.testimonials .swiper-pagination {

  margin-top: 20px;

  position: relative;

}



.testimonials .swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  opacity: 1;

  background-color: rgba(255, 255, 255, 0.4);

}



.testimonials .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #1acc8d;

}



@media (min-width: 1024px) {

  .testimonials {

    background-attachment: fixed;

  }

}



@media (min-width: 992px) {

  .testimonials .testimonial-item p {

    width: 80%;

  }

}





/*--------------------------------------------------------------

# Pricing

--------------------------------------------------------------*/

.pricing .box {

  padding: 20px;

  background: #fff;

  text-align: center;

  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);

  border-radius: 5px;

  position: relative;

  overflow: hidden;

}



.pricing h3 {

  font-weight: 400;

  margin: -20px -20px 20px -20px;

  padding: 20px 15px;

  font-size: 16px;

  font-weight: 600;

  color: #777777;

  background: #f8f8f8;

}



.pricing h4 {

  font-size: 36px;

  color: #1acc8d;

  font-weight: 600;

  font-family: "Lato", sans-serif;

  margin-bottom: 20px;

}



.pricing h4 sup {

  font-size: 20px;

  top: -15px;

  left: -3px;

}



.pricing h4 span {

  color: #bababa;

  font-size: 16px;

  font-weight: 300;

}



.pricing ul {

  padding: 0;

  list-style: none;

  color: #444444;

  text-align: center;

  line-height: 20px;

  font-size: 14px;

}



.pricing ul li {

  padding-bottom: 16px;

}



.pricing ul i {

  color: #1acc8d;

  font-size: 18px;

  padding-right: 4px;

}



.pricing ul .na {

  color: #ccc;

  text-decoration: line-through;

}



.pricing .btn-wrap {

  margin: 20px -20px -20px -20px;

  padding: 20px 15px;

  background: #f8f8f8;

  text-align: center;

}



.pricing .btn-buy {

  background: #1acc8d;

  display: inline-block;

  padding: 8px 35px 10px 35px;

  border-radius: 50px;

  color: #fff;

  transition: none;

  font-size: 14px;

  font-weight: 400;

  font-family: "Montserrat", sans-serif;

  font-weight: 600;

  transition: 0.3s;

}



.pricing .btn-buy:hover {

  background: #149f6e;

}



.pricing .featured h3 {

  color: #fff;

  background: #1acc8d;

}



.pricing .advanced {

  width: 200px;

  position: absolute;

  top: 18px;

  right: -68px;

  transform: rotate(45deg);

  z-index: 1;

  font-size: 14px;

  padding: 1px 0 3px 0;

  background: #1acc8d;

  color: #fff;

}



/*--------------------------------------------------------------

# F.A.Q

--------------------------------------------------------------*/

.faq .faq-list {

  padding: 0;

}



.faq .faq-list ul {

  padding: 0;

  list-style: none;

}



.faq .faq-list li+li {

  margin-top: 15px;

}



.faq .faq-list li {

  padding: 20px;

  background: #fff;

  border-radius: 4px;

  position: relative;

}



.faq .faq-list a {

  display: block;

  position: relative;

  font-family: "Lato", sans-serif;

  font-size: 16px;

  line-height: 24px;

  font-weight: 500;

  padding: 0 30px;

  outline: none;

  cursor: pointer;

}



.faq .faq-list .icon-help {

  font-size: 24px;

  position: absolute;

  right: 0;

  left: 20px;

  color: #34e5a6;

}



.faq .faq-list .icon-show,

.faq .faq-list .icon-close {

  font-size: 24px;

  position: absolute;

  right: 0;

  top: 0;

}



.faq .faq-list p {

  margin-bottom: 0;

  padding: 10px 0 0 0;

  margin-left: 30px;

}



.faq .faq-list .icon-show {

  display: none;

}



.faq .faq-list a.collapsed {

  color: #343a40;

}



.faq .faq-list a.collapsed:hover {

  color: #1acc8d;

}



.faq .faq-list a.collapsed .icon-show {

  display: inline-block;

}



.faq .faq-list a.collapsed .icon-close {

  display: none;

}



@media (max-width: 1200px) {

  .faq .faq-list {

    padding: 0;

  }

}



/*--------------------------------------------------------------

# Contact Us

--------------------------------------------------------------*/

.contact {

  background-color: #F0FCF8;

}



.contact .contact-info {

  margin-bottom: 20px;

  text-align: center;

}



.contact .contact-info i {

  font-size: 48px;

  display: inline-block;

  margin-bottom: 10px;

  color: #4f92af;

}



.contact .contact-info address,

.contact .contact-info p {

  margin-bottom: 0;

  color: #444;

}



.contact .contact-info h3 {

  font-size: 18px;

  margin-bottom: 15px;

  font-weight: 300;

  color: #999;

}



.contact .contact-info a {

  color: #000;

}



.contact .contact-info a:hover {

  color: #4f92af;

}



.contact .contact-address,

.contact .contact-phone,

.contact .contact-email {

  margin-bottom: 20px;

}



.contact .php-email-form .error-message {

  display: none;

  color: #fff;

  background: #ed3c0d;

  text-align: left;

  padding: 15px;

  font-weight: 600;

}



.contact .php-email-form .error-message br+br {

  margin-top: 25px;

}



.contact .php-email-form .sent-message {

  display: none;

  color: #fff;

  background: #18d26e;

  text-align: center;

  padding: 15px;

  font-weight: 600;

}



.contact .php-email-form .loading {

  display: none;

  background: #fff;

  text-align: center;

  padding: 15px;

}



.contact .php-email-form .loading:before {

  content: "";

  display: inline-block;

  border-radius: 50%;

  width: 24px;

  height: 24px;

  margin: 0 10px -6px 0;

  border: 3px solid #18d26e;

  border-top-color: #eee;

  -webkit-animation: animate-loading 1s linear infinite;

  animation: animate-loading 1s linear infinite;

}



.contact .php-email-form input,

.contact .php-email-form textarea {

  border-radius: 0;

  box-shadow: none;

  font-size: 14px;

}



.contact .php-email-form input:focus,

.contact .php-email-form textarea:focus {

  border-color: #4f92af;

}



.contact .php-email-form button[type=submit] {

  background: #4f92af;

  border: 0;

  padding: 10px 24px;

  color: #fff;

  transition: 0.4s;

}



.contact .php-email-form button[type=submit]:hover {

  background: #72a8bf;

}



@-webkit-keyframes animate-loading {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



@keyframes animate-loading {

  0% {

    transform: rotate(0deg);

  }



  100% {

    transform: rotate(360deg);

  }

}



@media (min-width: 768px) {

  .contact .contact-phone {

    border-left: 1px solid #ddd;

    border-right: 1px solid #ddd;

  }



  .contact .contact-address,

  .contact .contact-phone,

  .contact .contact-email {

    padding: 20px 0;

  }

}



/*--------------------------------------------------------------

# Footer

--------------------------------------------------------------*/

.footer {

  background: #f6f9ff;

  padding: 0 0 20px 0;

  font-size: 14px;

}



.footer .footer-newsletter {

  padding: 50px 0;

  background: #f6f9ff;

  border-top: 1px solid #e1ecff;

}



.footer .footer-newsletter h4 {

  font-size: 24px;

  margin: 0 0 10px 0;

  padding: 0;

  line-height: 1;

  font-weight: 700;

  color: #012970;

}



.footer .footer-newsletter form {

  margin-top: 20px;

  background: #fff;

  padding: 6px 10px;

  position: relative;

  border-radius: 4px;

  border: 1px solid #e1ecff;

}



.footer .footer-newsletter form input[type=email] {

  border: 0;

  padding: 8px;

  width: calc(100% - 140px);

}



.footer .footer-newsletter form input[type=submit] {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  border: 0;

  background: none;

  font-size: 16px;

  padding: 0 30px;

  margin: 3px;

  background: #4154f1;

  color: #fff;

  transition: 0.3s;

  border-radius: 4px;

}



.footer .footer-newsletter form input[type=submit]:hover {

  background: #5969f3;

}



.footer .footer-top {

  background: white url(../img/footer-bg.png) no-repeat right top;

  background-size: contain;

  border-top: 1px solid #e1ecff;

  border-bottom: 1px solid #e1ecff;

  padding: 30px 0 0 0;

}





@media (max-width: 992px) {

  .footer .footer-top {

    background-position: center bottom;

  }

}



.footer .footer-top .footer-info {

  margin-bottom: 30px;

}



.footer .footer-top .footer-info .logo {

  line-height: 0;

  margin-bottom: 15px;

}



.footer .footer-top .footer-info .logo img {

  max-height: 40px;

  margin-right: 6px;

}



.footer .footer-top .footer-info .logo span {

  font-size: 30px;

  font-weight: 700;

  letter-spacing: 1px;

  color: #012970;

  font-family: "Nunito", sans-serif;

  margin-top: 3px;

}



.footer .footer-top .footer-info p {

  font-size: 14px;

  line-height: 24px;

  margin-bottom: 0;

  font-family: "Nunito", sans-serif;

}



.footer .footer-top .social-links a {

  font-size: 20px;

  display: inline-block;

  color: rgba(1, 41, 112, 0.5);

  line-height: 0;

  margin-right: 10px;

  transition: 0.3s;

}



.footer .footer-top .social-links a:hover {

  color: #012970;

}



.footer .footer-top h4 {

  font-size: 16px;

  font-weight: bold;

  color: #012970;

  text-transform: uppercase;

  position: relative;

  padding-bottom: 12px;

}



.footer .footer-top .footer-links {

  margin-bottom: 30px;

}



.footer .footer-top .footer-links ul {

  list-style: none;

  padding: 0;

  margin: 0;

}



.footer .footer-top .footer-links ul i {

  padding-right: 2px;

  color: #d0d4fc;

  font-size: 12px;

  line-height: 0;

}



.footer .footer-top .footer-links ul li {

  padding: 10px 0;

  display: flex;

  align-items: center;

}



.footer .footer-top .footer-links ul li:first-child {

  padding-top: 0;

}



.footer .footer-top .footer-links ul a {

  color: #013289;

  transition: 0.3s;

  display: inline-block;

  line-height: 1;

}



.footer .footer-top .footer-links ul a:hover {

  color: #4154f1;

}



.footer .footer-top .footer-contact p {

  line-height: 26px;

}



.footer .copyright {

  text-align: center;

  padding-top: 10px;

  color: #012970;

  font-size: 16px;

}



.footer .copyright span {

  font-size: 16px;

}



/* .footer .credits {

  padding-top: 10px;

  text-align: center;

  font-size: 13px;

  color: #012970;

} */



.footer .footer-top .short-home .home ul {

  display: flex;

  justify-content: space-between;

}



.footer .footer-top .short-home .home ul li {

  padding: 20px;

  font-size: 16px;

}





.footer .footer-top .short-home .home ul li a {

  color: #013289;

}



.footer .footer-top .short-home .home ul li a:hover {

  color: #1acc8d;

}



.footer .contact-us {

  text-align: center;

  font-size: 16px;

  margin-top: 20px;

}



.footer .contact-us .principal,

.address {

  padding-top: 10px;

  line-height: 1.5;

}



.footer .footer-top .more-products {

  /* background: #000000; */

  padding-top: 0px;

}



.footer .footer-top .more-products .card,

.card-header {

  background: transparent;

  border: none;

  max-width: 100% !important;

  width: 100%;

}



.footer .footer-top .more-products .card .card-header {

  font-size: 20px;

  font-weight: 600;

  text-align: start;

}



.footer .section-title {

  padding-bottom: 10px;

}



.footer .footer-top .more-products .card .card-body {

  font-size: 16px;

  text-align: start;

  padding: 0 16px;

}



.footer .footer-top .more-products .card .card-body ul {

  padding: 0;

  list-style: none;

}



.footer .footer-top .more-products .card .card-body ul li {

  padding: 5px 0;

  cursor: pointer;

}



.footer .footer-top .more-products .card .card-body ul li:hover {

  color: #0F52BA;

}



/*--------------------------------------------------------------

# Services

--------------------------------------------------------------*/

.services .icon-box {

  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);

  padding: 20px 20px;

  transition: all ease-in-out 0.4s;

  background: #F9F9F9;

}



.services .icon-box .icon {

  margin-bottom: 10px;

}



.services .icon-box .icon i {

  color: #1acc8d;

  font-size: 36px;

  transition: 0.3s;

}



.services .icon-box h4 {

  font-weight: 500;

  margin-bottom: 15px;

  /* font-size: 18px; */

  font-size: 16px;

}



.services .icon-box h4 a {

  color: #37517e;

  transition: ease-in-out 0.3s;

}



.services .icon-box p {

  line-height: 24px;

  font-size: 14px;

  margin-bottom: 0;

}



.services .icon-box:hover {

  transform: translateY(-10px);

}



.services .icon-box:hover h4 {

  color: #1acc8d;

}



.services .content ul i {

  left: 0;

  top: 7px;

  position: absolute;

  font-size: 20px;

  color: #5a5af3;

}



@media screen and (max-width: 767px) {

  .services .icon-box {

    padding: 30px 20px

  }

}



/*--------------------------------------------------------------

# Featured Services

--------------------------------------------------------------*/

.featured-services {

  padding: 0;

}



.featured-services .icon-box {

  padding: 20px;

  color: #5f687b;

  background: #f9f9fa;

  border-radius: 4px;

  border: 1px solid #f9f9fa;

  transition: 0.3s;

  height: 100%;

  text-align: center;

}



.featured-services .icon {

  margin: 0 0 15px 0;

}



.featured-services .icon i {

  color: #16df7e;

  font-size: 36px;



}



.featured-services .title {

  font-weight: 600;

  margin-bottom: 15px;

  font-size: 18px;

}



.featured-services .title a {

  color: #5f687b;

  transition: 0.3s;

}



.featured-services .icon-box:hover {

  border-color: #eaecef;

}



.featured-services .icon-box:hover .title a {

  color: #16df7e;

}



.featured-services .description {

  line-height: 24px;

  font-size: 14px;

}



.featured-services .icon-box .icon {

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 20px;

  transition: ease-in-out 0.3s;

}



/*--------------------------------------------------------------

# term life

--------------------------------------------------------------*/



#services .new-health {

  position: relative;

  overflow: hidden;

  padding: 40px 20px;

  background: #effffa;

  margin: 10px !important;

  border-radius: 10px;

  box-shadow: 0px 0 5px rgba(1, 41, 112, 0.08) !important;

  transition: 0.3s;

  text-align: center;



}



.new-health::before {

  /* content: "";

    position: absolute;

    background: #fdeff2;

    right: 0;

    left: 0;

    bottom: 0;

    top: 100%;

    transition: all 0.7s;

    z-index: -1; */

}



.new-health:hover::before {

  /* background: #0e6ba8; */

  /* top: 0; */

  border-radius: 0px;

}



#services .new-health h4 {

  font-size: 18px;

  font-weight: 600 !important;

  height: 42px;



}



#services2 .emp-show {

  color: #1acc8d;

}



.new-health:hover {

  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08) !important;

  /* transform: none!important; */

}



.new-health:hover h4 {

  color: rgb(68, 68, 68) !important;

}



.new-health:hover .read-more {

  /* color: #fff */

}



.new-health p {

  font-size: 14px !important;

  height: 80px;

}



.new-health img {

  width: 100px;

}



.new-health .para {

  display: flex;

  justify-content: center;

  align-items: center;

}



.new-health .read-more {

  background: #0e6ba8;

  border: none;

  color: #fff;

  font-size: 16px;

  font-weight: 600;

  padding: 0;

  margin: 10px 0;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 50%;

}



.new-health .read-more i {

  font-size: 20px;

}





.new-health .icon:before {

  content: none;

}



@media screen and (max-width:767px) {



  #services .new-health {

    padding: 25px 15px;

  }



  #services .new-health p {

    height: 100px;

  }



  #services .new-health h4 {

    height: 60px;

    margin-bottom: 5px;

    font-size: 16px;

  }



  .new-health .read-more {

    font-size: 12px;

    margin: 20px 0;

  }



  .new-health .read-more i {

    font-size: 18px;

  }





}



/*--------------------------------------------------------------

# Why Us

--------------------------------------------------------------*/

.why-us {

  padding: 60px 0;

  background: #FFF;

}



.why-us .box {

  padding: 50px 30px;

  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);

  transition: all ease-in-out 0.5s;

  height: 100%;

}



.why-us .box span {

  display: block;

  font-size: 28px;

  font-weight: 700;

  color: #b9b9fa;

}



.why-us .box h4 {

  font-size: 18px;

  font-weight: 600;

  padding: 0;

  /* margin: 20px 0; */

  color: #434175;

  margin: 0 0 5px 0;

}



.why-us .box p {

  color: #aaaaaa;

  font-size: 15px;

  margin: 0;

  padding: 0;

}



.why-us .box:hover {

  background: #106CAA;

  padding: 30px 30px 70px 30px;

  box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);

}



.why-us .box:hover span,

.why-us .box:hover h4,

.why-us .box:hover p {

  color: #fff;

}



#why-us .btn-get-started {

  font-family: "Montserrat", sans-serif;

  font-weight: 500;

  font-size: 12px;

  /* letter-spacing: 1px; */

  display: inline-block;

  padding: 6px 16px;

  border-radius: 50px;

  transition: 0.5s;

  color: #FFF;

  background: #1acc8d;

}



#why-us .health-list .health-order {

  padding: 0;

}



#why-us .term-life-img {

  width: 100%;

}



#why-us .health-list li {

  padding: 20px;

  background: #fff;

  border-radius: 4px;

  list-style: none;

}



#why-us .health-list .collapsed a {

  display: block;

  position: relative;

  font-size: 16px;

  line-height: 1.5;

  font-weight: 700;

  padding-right: 30px;

  outline: none;

  cursor: pointer;

}



#why-us a {

  text-decoration: none;

  color: #0880e8;

  font-weight: 600;

}



#why-us .health-list a.collapsed {

  color: #343a40;

  font-weight: 600;

}



#why-us .health-list a.collapsed:hover {

  color: #0880e8;

}



#why-us .health-list span {

  color: #0880e8;

  font-weight: 600;

  font-size: 16px;

  padding-right: 10px;

}



#why-us .health-list li+li {

  margin-top: 15px;

}



#why-us .health-list .icon-show {

  display: none;

}



.why-us .health-list a.collapsed .icon-show {

  display: inline-block;

}



.why-us .health-list a.collapsed .icon-close {

  display: none;

}



#why-us .health-list i {

  font-size: 24px;

  position: absolute;

  right: 0;

  top: 0;

}



@media screen and (max-width:1023px) {

  #why-us .term-life-img {

    width: 30%;

    margin: auto;

    display: flex;

    justify-content: center;

  }

}



@media screen and (max-width:767px) {

  .why-us {

    padding: 20px 0;

  }



  #why-us .term-life-img {

    width: 70%;

    margin: auto;

    display: flex;

    justify-content: center;

  }



  .why-us .box {

    padding: 30px 30px;

  }



  .why-us .box:hover {

    padding: 30px 30px 30px 30px;

  }



}





/* Call To Action Section

--------------------------------*/

#call-to-action {

  background: #48AE4D;

  background-size: cover;

  padding: 40px 0;

}



#call-to-action .cta-title {

  color: #fff;

  font-size: 28px;

  font-weight: 700;

}



#call-to-action .cta-text {

  color: #fff;

}



@media (min-width: 769px) {

  #call-to-action .cta-btn-container {

    display: flex;

    align-items: center;

    justify-content: flex-end;

  }

}





#call-to-action .cta-btn {

  font-family: "Montserrat", sans-serif;

  font-weight: 700;

  font-size: 16px;

  letter-spacing: 1px;

  display: inline-block;

  padding: 8px 26px;

  border-radius: 3px;

  transition: 0.5s;

  margin: 10px;

  border: 3px solid #fff;

  color: #fff;

}



#call-to-action .cta-btn:hover {

  background: #50d8af;

  border: 3px solid #50d8af;

}



/*--------------------------------------------------------------

# Clients Section

--------------------------------------------------------------*/

/* .clients {

  padding: 40px 0;

}



.clients .swiper {

  padding: 10px 0;

}



.clients .swiper-slide img {

  transition: 0.3s;

}



.clients .swiper-slide img:hover {

  transform: scale(1.1);

}



.clients .swiper-pagination {

  margin-top: 20px;

  position: relative;

}



.clients .swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background-color: #fff;

  opacity: 1;

  background-color: #ddd;

}



.clients .swiper-pagination .swiper-pagination-bullet-active {

  background-color: var(--color-primary);

}

 */

/* Clients Section

--------------------------------*/

#clients {

  padding: 0;

  margin-bottom: 50px;

}



#clients img {

  /* opacity: 0.5; */

  transition: 0.3s;

}



#clients img:hover {

  opacity: 1;

}



#clients .swiper-pagination {

  margin-top: 20px;

  position: relative;

}



#clients .swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background-color: #fff;

  opacity: 1;

  border: 1px solid #1bb1dc;

}



#clients .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #1bb1dc;

}





/*--------------------------------------------------------------

# Features

--------------------------------------------------------------*/

.features1 {

  padding-top: 20px;

  background-color: #F0FCF8;

}



.features1 .icon-box {

  padding-left: 15px;

  background: #fff;

}



.features1 .icon-box h4 {

  font-size: 20px;

  font-weight: 700;

  margin: 5px 0 10px 60px;

}



.features1 .icon-box i {

  font-size: 48px;

  float: left;

  color: #1acc8d;

}



.features1 .icon-box p {

  font-size: 15px;

  color: #848484;

  margin-left: 60px;

}



.features1 .image {

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  min-height: 400px;

}





/*--------------------------------------------------------------

# Services

--------------------------------------------------------------*/

#services .health {

  padding: 30px;

  position: relative;

  overflow: hidden;

  border-radius: 10px;

  margin: 0 10px 40px 10px;

  background: #fff;

  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);

  transition: all 0.3s ease-in-out;

}



#services .health .icon {

  position: absolute;

  left: -15px;

  top: calc(50% - 32px);

}



#services .health .title {

  margin-left: 40px;

  font-weight: 700;

  margin-bottom: 15px;

  font-size: 16px;

}



#services .health .description {

  font-size: 14px;

  margin-left: 40px;

  line-height: 24px;

  margin-bottom: 0;

}



#services .health:hover {

  transform: translateY(-5px);

}



#services .health:hover .title {

  color: #007bff;

}



.services1 .icon-box {

  text-align: center;

  border: 1px solid #ebebeb;

  padding: 80px 20px;

  transition: all ease-in-out 0.3s;

  background: #f5d9d3;



}



.services1 .icon-box .icon {

  margin: 0 auto;

  width: 64px;

  height: 64px;

  background: #1acc8d;

  border-radius: 4px;

  display: flex;

  align-items: center;

  justify-content: center;

  margin-bottom: 20px;

  transition: 0.3s;



}



.services1 .icon-box .icon i {

  color: #151515;

  font-size: 28px;

  transition: ease-in-out 0.3s;

}



.services1 .icon-box h4 {

  font-weight: 700;

  margin-bottom: 15px;

  font-size: 24px;

}



.services1 .icon-box h4 a {

  color: #151515;

  transition: ease-in-out 0.3s;

}



.services1 .icon-box h4 a:hover {

  color: #1acc8d;

}



.services1 .icon-box p {

  line-height: 24px;

  font-size: 14px;

  margin-bottom: 0;

}



.services1 .icon-box:hover {

  border-color: #fff;

  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);

  transform: translateY(-10px);

}



#details .term-life-img {

  padding-top: 30px;

  width: 100%;

}



#features .policy-work {

  height: 100%;

}



@media screen and (max-width:767px) {

  #details .term-life-img {

    width: 60%;

    display: flex;

    margin: auto;

  }

}



/*--------------------------------------------------------------

# Why Us1

--------------------------------------------------------------*/







.why-us1 {

  padding: 0;

  background: #f0fcf8;

}



.why-us1 .row {

  overflow: hidden;

}



.why-us1 .content-item {

  padding: 40px;

  border-left: 1px solid #eee;

  border-bottom: 1px solid #eee;

  margin: -1px;

}



.why-us1 .content-item span {

  display: block;

  font-size: 24px;

  font-weight: 400;

  color: #6ec083;

}



.why-us1 .content-item h4 {

  font-size: 26px;

  font-weight: 300;

  padding: 0;

  margin: 20px 0;

}



.why-us1 .content-item p {

  color: #aaaaaa;

  font-size: 15px;

  margin: 0;

  padding: 0;

}



@media (max-width: 768px) {

  .why-us1 .content-item {

    padding: 40px 0;

  }



  .why-us .box h4 {

    font-size: 16px;

  }

}



/*--------------------------------------------------------------

# Team

--------------------------------------------------------------*/

.team {

  background: #fff;

}



.team .member {

  position: relative;

  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);

  padding: 30px;

  border-radius: 10px;

  text-align: center;

}



.team .member .pic {

  overflow: hidden;

  width: 150px;

  border-radius: 50%;

  margin: 0 auto 20px auto;

}



.team .member .pic img {

  transition: ease-in-out 0.3s;

}



.team .member:hover img {

  transform: scale(1.1);

}



.team .member h4 {

  font-weight: 700;

  margin-bottom: 5px;

  font-size: 20px;

  color: #36343a;

}



.team .member span {

  display: block;

  font-size: 15px;

  padding-bottom: 10px;

  position: relative;

  font-weight: 500;

}



.team .member span::after {

  content: "";

  position: absolute;

  display: block;

  width: 50px;

  height: 1px;

  background: #b5b3ba;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

}



.team .member p {

  margin: 10px 0 0 0;

  font-size: 14px;

}



.team .member .social {

  margin-top: 12px;

  display: flex;

  align-items: center;

  justify-content: center;

}



.team .member .social a {

  transition: ease-in-out 0.3s;

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50px;

  width: 32px;

  height: 32px;

  background: #a8a5ae;

}



.team .member .social a i {

  color: #fff;

  font-size: 16px;

  margin: 0 2px;

}



.team .member .social a:hover {

  background: #009970;

}



.team .member .social a+a {

  margin-left: 8px;

}





/*--------------------------------------------------------------

# Why Choose Us Section

--------------------------------------------------------------*/

.why-us2 {

  padding-bottom: 0;

}



.why-us2 .img-bg {

  min-height: 500px;

  background-size: cover;

}



.why-us2 .slides {

  background-color: #f7f9fc;

}



.why-us2 h3 {

  font-size: 24px;

  font-weight: 700;

  color: var(--color-secondary);

}



.why-us2 h4 {

  font-size: 18px;

  font-weight: 400;

  color: #29486a;

  font-family: var(--font-secondary);

}



.why-us2 .swiper {

  margin: 140px 140px 120px 140px;

  overflow: hidden;

}



.why-us2 .swiper-button-prev:after,

.why-us2 .swiper-button-next:after {

  font-size: 24px;

  color: var(--color-secondary);

}



.why-us2 .swiper-button-prev {

  left: 80px;

}



.why-us2 .swiper-button-next {

  right: 80px;

}



.why-us2 .swiper-pagination {

  margin-top: 30px;

  position: relative;

}



.why-us2 .swiper-pagination .swiper-pagination-bullet {

  background-color: var(--color-secondary);

}



.why-us2 .swiper-pagination .swiper-pagination-bullet-active {

  background-color: var(--color-primary);

}







/* modified class */

#hero .top-out h1 {

  color: #010483;

  font-size: 25px;

  font-weight: 500;

}



#hero .top-out p {

  color: #49B5E7;

  font-size: 25px;

}



#hero .top-out h2 {

  color: #000000;

  margin: 0 0 20px 0;

  font-size: 25px;

  font-weight: 700;

  line-height: 1.5;

}







#hero .top-cut h2 {

  color: #49B5E7;

  font-size: 25px;

  margin-bottom: 20px;

}



#hero .top-cut h1 {

  color: #000000;

  font-size: 25px;

}



#hero .top-cut p {

  color: #000000;

  margin-bottom: 40px;

  font-size: 20px;

}







@media (max-width: 1200px) {

  .why-us2 .swiper {

    margin: 60px 60px 40px 60px;

  }



  .why-us2 .swiper-button-prev,

  .why-us2 .swiper-button-next {

    display: none;

  }

}



@media (max-width: 1023px) {

  #hero .top-out h2 {

    font-size: 25px;

  }



  #hero .top-out p {

    font-size: 20px;

  }

}



@media (max-width: 767px) {



  #hero .top-out p {

    font-size: 20px;

  }



  #hero .top-out h2 {

    font-size: 20px;

    line-height: 1.5;

  }



  #hero .top-cut h2 {

    font-size: 20px;

    margin-bottom: 10px;

  }



  #hero .top-out h2 {

    font-size: 20px;

  }



  #hero .top-out p {

    font-size: 20px;

  }



  #hero .top-cut h1 {

    font-size: 20px;

  }



  #hero .top-cut p {

    margin-bottom: 40px;

    font-size: 20px;

  }

}



@media (max-width: 575px) {

  .why-us2 .swiper {

    margin: 40px 40px 20px 40px;

  }

}



.page-about .why-us2 {

  padding: 0 0 80px 0;

}







/*--------------------------------------------------------------

# Testimonials

--------------------------------------------------------------*/

.testimonials1 .testimonials-carousel,

.testimonials1 .testimonials-slider {

  overflow: hidden;

}



.testimonials1 .testimonial-item1 {

  box-sizing: content-box;

  padding: 30px;

  margin: 30px 15px;

  min-height: 200px;

  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);

  position: relative;

  background: #fff;

  border-radius: 15px;

}



.testimonials1 .testimonial-item1 .testimonial-img {

  width: 90px;

  border-radius: 10px;

  border: 6px solid #fff;

  float: left;

  margin: 0 10px 0 0;

}



.testimonials1 .testimonial-item1 h3 {

  font-size: 18px;

  font-weight: bold;

  margin: 25px 0 5px 0;

  color: #111;

}



.testimonials1 .testimonial-item1 h4 {

  font-size: 14px;

  color: #999;

  margin: 0;

}



.testimonials1 .testimonial-item1 .quote-icon-left,

.testimonials1 .testimonial-item1 .quote-icon-right {

  color: #fceaea;

  font-size: 26px;

}



.testimonials1 .testimonial-item1 .quote-icon-left {

  display: inline-block;

  left: -5px;

  position: relative;

}



.testimonials1 .testimonial-item1 .quote-icon-right {

  display: inline-block;

  right: -5px;

  position: relative;

  top: 10px;

}



.testimonials1 .testimonial-item1 p {

  font-style: italic;

  margin: 30px auto 15px auto;

}



.testimonials1 .swiper-pagination {

  margin-top: 20px;

  position: relative;

}



.testimonials1 .swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background-color: #fff;

  opacity: 1;

  border: 1px solid #e03a3c;

}



.testimonials1 .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #e03a3c;

}





/*--------------------------------------------------------------

# Portfolio Details

--------------------------------------------------------------*/

.portfolio-details {

  padding-top: 40px;

}



.portfolio-details .portfolio-details-slider img {

  width: 100%;

}



.portfolio-details .portfolio-details-slider .swiper-pagination {

  margin-top: 20px;

  position: relative;

}



.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {

  width: 12px;

  height: 12px;

  background-color: #fff;

  opacity: 1;

  border: 1px solid #47b2e4;

}



.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {

  background-color: #47b2e4;

}



.portfolio-details .portfolio-info {

  padding: 30px;

  box-shadow: 0px 0 30px rgba(55, 81, 126, 0.08);

}



.portfolio-details .portfolio-info h3 {

  font-size: 22px;

  font-weight: 700;

  margin-bottom: 20px;

  padding-bottom: 20px;

  border-bottom: 1px solid #eee;

}



.portfolio-details .portfolio-info ul {

  list-style: none;

  padding: 0;

  font-size: 18px;

}



.portfolio-details .portfolio-info ul li+li {

  margin-top: 10px;

}



.portfolio-details .portfolio-description {

  padding-top: 30px;

}



.portfolio-details .portfolio-description h2 {

  font-size: 26px;

  font-weight: 700;

  margin-bottom: 20px;

}



.portfolio-details .portfolio-description p {

  padding: 0;

}





/*--------------------------------------------------------------

# Hero Section

--------------------------------------------------------------*/

#hero1 {

  width: 100%;

  height: 85vh !important;

  /* background: url("https://policynation.com//images/newHealth.webp") center center; */

  background-size: cover;

  position: relative;

  background-repeat: no-repeat;

  z-index: 1;

  padding: 120px 0 0 0;

  /* margin-top: 5rem; */

  /* padding:2rem 0; */

  margin-bottom: -120px;

  /* background: rgba(0, 0, 0, 0.4); */

  background-color: #F0FCF8;

}







/* #hero1:before {

  content: "";

  background: url("/policynation//images/newHealth.jpg") center center;

  position: absolute;

  bottom: 0;

  top: 0;

  left: 0;

  right: 0;

} */



#hero1 .container {

  z-index: 2;

  /* margin-bottom: 5%; */

}



#hero1 h1 {

  margin: 0 0 10px 0;

  font-size: 46px;

  font-weight: 700;

  line-height: 56px;

  /* color: #fff; */

}



#hero1 h2 {

  color: #eee;

  margin-bottom: 10px;

  font-size: 24px;

}



#hero1 .get-started-icon {

  font-size: 24px;

  background: #ff5821;

  padding: 14px;

  color: #fff;

  border-radius: 50px;

  position: relative;

  z-index: 5;

  box-shadow: 10px 2px 15px rgba(0, 0, 0, 0.1);

}



#hero1 .btn-get-started {

  font-family: "Raleway", sans-serif;

  font-weight: 400;

  font-size: 16px;

  letter-spacing: 1px;

  display: inline-block;

  transition: 0.5s;

  margin-left: -10px;

  padding: 8px 26px 8px 26px;

  color: #fff;

  background: #584b48;

  border-radius: 0 50px 50px 0;

  position: relative;

  z-index: 4;

}



#hero1 .btn-get-started:hover {

  background: #ff5821;

}



#hero1 .download-btn {

  font-family: "Raleway", sans-serif;

  font-weight: 500;

  font-size: 15px;

  display: inline-block;

  padding: 8px 24px 10px 22px;

  border-radius: 3px;

  transition: 0.5s;

  color: #fff;

  /* background: #47536e; */

  position: relative;

}



#hero1 .download-btn:hover {

  /* background: #5777ba; */

}



#hero1 .download-btn i {

  font-size: 20px;

  position: absolute;

  left: 18px;

  top: 8.5px;

}



#hero1 .download-btn+.download-btn {

  margin-left: 0px;

  margin-top: 10px;

}



/* download-btn1 */

#hero1 .download-btn1 {

  font-family: "Raleway", sans-serif;

  font-weight: 500;

  font-size: 15px;

  display: inline-block;

  padding: 1px 5px 1px 6px;

  border-radius: 3px;

  transition: 0.5s;

  color: #fff;

  background: #0E6CAA;

  position: relative;

}



#hero1 .download-btn1:hover {

  background: #0E6CAA;

}



#hero1 .download-btn1 i {

  font-size: 20px;

  position: absolute;

  left: 18px;

  top: 8.5px;

}



#hero1 .download-btn1+.download-btn1 {

  margin-left: 0px;

  margin-top: 0px;

}



/* END download-btn1 */



@media (min-width: 1024px) {

  #hero1 {

    background-attachment: fixed;

  }

}



@media (max-width: 1024px),

(max-height: 768px) {

  #hero1 {     

    height: 100% !important;

  }

}





@media (max-width: 991px) {

  #hero1 .download-btn+.download-btn {

    margin-left: 0px;

    margin-top: 10px;

  }



  #hero1 .download-btn1+.download-btn1 {

    margin: 0px;

  }



}



@media (max-width: 768px) {

  #hero1 {



    /* padding-bottom: 4rem; */

  }



  #hero1 h1 {

    font-size: 20px;

    line-height: 36px;

  }



  #hero1 h2 {

    font-size: 18px;

    line-height: 24px;

    margin-bottom: 30px;

  }

}







@media (max-height: 640px) {

  #hero1 {

    height: 120vh;

  }

}



@media only screen and (max-width: 600px) {

  #hero1 {

    /* margin-top: 0rem !important; */

  }

}







/*--------------------------------------------------------------

# Why Us

--------------------------------------------------------------*/

.why-us3 {

  padding: 0 0 30px 0;

  position: relative;

  z-index: 3;

}



.why-us3 .content {

  padding: 30px;

  background: #ff5821;

  border-radius: 4px;

  color: #fff;

}



.why-us3 .content h3 {

  font-weight: 700;

  font-size: 34px;

  margin-bottom: 30px;

}



.why-us3 .content p {

  margin-bottom: 30px;

}



.why-us3 .content .more-btn {

  display: inline-block;

  background: rgba(255, 255, 255, 0.2);

  padding: 6px 30px 8px 30px;

  color: #fff;

  border-radius: 50px;

  transition: all ease-in-out 0.4s;

}



.why-us3 .content .more-btn i {

  font-size: 14px;

}



.why-us3 .content .more-btn:hover {

  color: #ff5821;

  background: #fff;

}



.why-us3 .icon-boxes .icon-box {

  text-align: center;

  border-radius: 10px;

  background: #fff;

  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);

  padding: 40px 30px;

  width: 100%;

}



.why-us3 .icon-boxes .icon-box i {

  font-size: 40px;

  color: #ff5821;

  margin-bottom: 30px;

}



.why-us3 .icon-boxes .icon-box h4 {

  font-size: 20px;

  font-weight: 700;

  margin: 0 0 30px 0;

}



.why-us3 .icon-boxes .icon-box p {

  font-size: 15px;

  color: #716f6f;

}





/*-------------------------------------------------------------

#Main

-------------------------------------------------------------*/



#main .make-insurance {

  margin: 50px 0;

}



#main .make-insurance .abt-policies {

  text-align: center;

}



#main .make-insurance .abt-policies h2 {

  font-size: 30px;

  font-weight: 600;

}



#main .make-insurance .abt-policies .policy-mob {

  display: none;

}



#main .make-insurance .abt-policies .policy-lap {

  display: block;

}



#main .insurance .personal-insurance,

.business-insurance {

  padding: 0 20px;

}



#main .insurance .insurance-heading h3 {

  font-size: 25px;

  margin-bottom: 20px;

  margin-top: 10px;

}



#main .insurance .termlife {

  transition: .5s;

  /* margin-bottom: 50px;

  width: 80%; */

  text-align: end;

  /* border: 1px solid #50C878; */



  width: 80%;

  margin: auto;

  margin-bottom: 30px;

}



#main .insurance .personal-insurance {

  /* border-right: 1px solid rgb(142, 139, 139); */

}



#main .insurance .termlife:hover {

  transform: scale(1.1);

}





#main .insurance .termlife .insurance-icon {

  /* border: none; */

  /* height: 90px; */

  width: 70%;

  background: none;

}



#main .insurance .termlife .insurance-icon img {

  width: 50%;



}



#main .insurance .termlife .insurance-icon .more {

  background-color: transparent;

  border: none;

  color: #000;

}



#main .insurance .termlife .insurance-icon .more i {

  font-size: 60px;

  color: #0F52BA;

}



#main .insurance .termlife .insurance-name {

  text-align: center;

  /* height: 10px; */

}



#main .insurance .termlife .insurance-name h4 {

  font-size: 17px;

  font-weight: 100;

  color: #999;

  /* width: 70%; */

  /* text-align: start; */

}



#main .have-doubts {

  margin: 40px 0;

}



#main .have-doubts .doubt-head h2 {

  font-size: 35px;

  font-weight: 600;

  text-align: center;

  margin-bottom: 30px;

}



#main .have-doubts .email,

.phone {

  border: 1px solid #a7a7a7;

  border-radius: 10px;

  padding: 20px;

  text-align: center;

}





#main .also_buy {

  padding: 10px;

}



#main .also_buy .recent_claim .plans {

  color: #a19595;

  font-size: 18px;

}



#main .also_buy .recent_claim .insurancer {

  color: #000000;

}



#main .also_buy .claim_heading h4 {

  font-size: 18px;

  font-weight: 600;

  color: #4169E1;

}



#main .also_buy .recent_claim {

  box-shadow: 0 6px 16px rgba(52, 105, 203, .16);

  background-color: #fff;

  color: #000000;

  padding: 10px;

  margin-bottom: 10px;

}



#main .also_buy .recent_claim .plans span {

  font-size: 14px;

  color: #ddd;

}



#main .also_buy .recent_claim .insurancer span {

  font-size: 16px;

  font-weight: 100;

}



#main .all-products {

  text-align: center;

}



#main .all-products button {

  color: #4169E1;

  border: 1px solid #4169E1;

  border-radius: 20px;

  background: none;

}



#main .modal-content .para {

  margin: 40px;

}



#main .modal-content .modal-body .body-insurance {

  display: flex;

  gap: 10px;

}



#main .modal-content .modal-body .body-plans {

  display: flex;

  gap: 10px;

}



#main .modal-content .modal-body .body-insurance .term .term-view {

  display: flex;

  gap: 10px;

}



#main .modal-content .modal-body .body-insurance .health .term-view {

  display: flex;

  gap: 10px;

}



#main .modal-content .modal-body .body-plans .term .term-view {

  display: flex;

  gap: 10px;

}



#main .modal-content .modal-body .body-plans .health .term-view {

  display: flex;

  gap: 10px;

}



.modal-open .modal {

  overflow-x: hidden;

  overflow-y: auto;

}





#main .slider {

  background-color: #f0eef2;

}



#main .slider .card .card-head {

  padding: 10px;

  display: flex;

  justify-content: space-between;

}





#main .make_intro-insurance {

  background: url(../img/footer-bg.png);

  /* min-height: 510px; */

}



#main .make_intro-insurance .info-box {

  border: 1px solid #6c757d;

  border-radius: 10px;

  padding: 20px;

  /* background: linear-gradient(to top, #78ffd6, #a8ff78); W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */



}



#main .make_intro-insurance .box1 {

  background: linear-gradient(to top, #78ffd6, #a8ff78);

}



#main .make_intro-insurance .box2 {

  background: linear-gradient(to top, #8a2387, #e94057, #f27121);

}



#main .make_intro-insurance .box3 {

  background: linear-gradient(to top, #000046, #1cb5e0);

}



#main .make_intro-insurance .info-box span {

  font-weight: 700;

  font-size: 20px;

}



#main .make_intro-insurance .info-box p {

  font-size: 18px;

}



#main .make_intro-insurance .intro-right p {

  font-size: 14px;

}



#main .maker-advantage {

  padding: 50px;

}



#main .maker-advantage .adv h1 {

  font-size: 30px;

  font-weight: 600;

}



#main .maker-advantage .adv-about p {

  font-size: 18px;

  margin-bottom: 20px;

}



#main .maker-advantage button {

  background: none;

  color: #4169E1;

  border: none;

  padding: 0;

}



#main .advantage_list {

  text-align: center;

  margin: 0 40px;

  margin-bottom: 50px;

}



#main .advantage_list .card {

  transition: .3s;

  overflow: hidden;

  border-radius: 50%;

}



#main .advantage_list .card .card-body {

  background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);

}



#main .advantage_list .card .card-body:hover,

#main .advantage_list .card h5:hover {

  background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);

  font-weight: 700;

  color: #fff;



}



#main .card-text:last-child {

  margin-bottom: 20px;

}



#main .advantage_list .card img {

  width: 70%;

}



#main .advantage_list .card:hover {

  transform: scale(1.1);

  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .2);

}



#main .get-app {

  margin-top: 20px;

  background-color: #f7f9ff;

  margin-bottom: 30px;

}



#main .get-app .app-content {

  padding: 20px 0;

}



#main .get-app .app-content span {

  font-size: 18px;

  font-weight: 100;

}



#main .get-app .app-link span {

  font-size: 18px;

  font-weight: 100;

}



#main .get-app .app-image img {

  width: 50%;

}





#main .slider-hero .slider-nav {

  margin: 20px;

  box-shadow: 0 3px 16px rgba(0, 0, 0, .16);

  background: #fff;

  padding: 20px;

}



#main .slider-hero .slider-nav .name {

  text-align: center;

  font-size: 16px;

  font-weight: 700;

}



#main .slider-hero .slider-nav .content {

  text-align: center;

  font-size: 16px;

  font-weight: 100;

}



#main .slider-hero .slider-nav img {

  width: 100%;

}



#main .our-partner {

  background-color: #F0FCF8;

}



#main .our-partner .card {

  border: none;

  background-color: transparent;

  margin: 10px 0;

  padding: 0;

}



#main .our-partner .card .card-body img {

  width: 200px;

  height: 60px;

  max-width: 100%;

}



#main .our-partner h1 {

  font-size: 35px;

  font-weight: 700;

  text-align: center;

  padding: 20px 0;

  margin: 10px 0;

}



#main .our-partner h6 {

  font-size: 18px;

  font-weight: 100;

  color: rgba(0, 0, 0, .36);

  text-align: center;

  margin-bottom: 30px;

}



#main .our-partner .partners {

  padding: 10px;

}



#main .our-partner .partners img {

  width: 100%;

}



#main .our-partner .partners h1 {

  font-size: 14px;

}



#main .investors {

  background-color: #bfc7d4;

}



#main .investors .swipe-slider img {

  width: 100%;

}



#main .investors .swipe-slider .slide-items {

  padding: 10px;

}



#main .enquiry .enquiry-content {

  padding: 30px 0;

}



#main .enquiry .enquiry-content h5 {

  font-size: 25px;

  font-weight: 700;

}



#main .enquiry .enquiry-content span {

  font-size: 25px;

  font-weight: 700;

}



#main .enquiry .enquiry-content p {

  font-size: 14px;

  padding: 20px 0;

}



#main .enquiry .enquiry-contact .email,

.telephone {

  border: 1px solid rgb(185, 182, 182);

  padding: 20px;

  text-align: center;

  margin: 10px 0;

  border-radius: 10px;

}



#main .enquiry .enquiry-contact h5 {

  font-size: 14px;

  font-weight: 100;

}



#main .enquiry .enquiry-contact span {

  font-size: 14px;

  font-weight: 600;

}



#main .enquiry .enquiry-image img {

  width: 100%;

}



#main .footer-prod {

  background-color: #000000;

  color: #fff;

  margin-bottom: 40px;

}



#main .footer-prod .more-products .prod-head h1 {

  font-size: 30px;

  font-weight: 700;

  padding: 20px 0;

}



#main .footer-prod .more-products .prod-detail h4 {

  font-size: 18px;

  color: #fff;

  font-weight: 500;

  text-align: start;

}



#main .footer-prod .more-products .prod-detail ul li {

  font-size: 14px;

  color: #fff;

  font-weight: 100;

  text-align: start;

  padding: 10px 0;

}



#main .ii_details {

  overflow: hidden;

  /* background-color: #f0eef2; */

  background: #F0FCF8;

  /* margin-bottom: 30px; */

}



#main .ii_details .ii-head h2 {

  margin: 20px 0;

  font-weight: 300;

  font-size: 20px;

  text-align: center;

}



#main .ii_details .ii-head h3 {

  margin: 20px 0;

  font-weight: 600;

  font-size: 30px;

  text-align: center;

}



#main .i-detail {

  padding: 40px 0;

}



#main .ii_details .card {

  margin: 20px;

  padding: 20px;

  border: 1px solid #a9a9a9;

  width: 100%;

  background: #fff;

  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;

  /* text-align: center; */

  position: relative;

  /* border: none; */

}



#main .ii_details .card .points span {

  color: #fff;

  font-size: 14px;

  font-weight: 600;

  position: absolute;

  left: 20px;

  background: #4169E1;

  border-radius: 16px;

  padding: 0 3px;

}



.ii_details .card {

  background: transparent;

  border: none;

  text-align: center;

}



.ii_details .card .card-head img {

  /* width: 70%; */

  width: 150px;

}



.ii_details .card .card-body .card-title {

  font-size: 18px;

  font-weight: 600;

  width: 100%;

  height: 20px;

}



.ii_details .card .card-body .card-text {

  font-size: 16px;

  font-weight: 400;

  width: 100%;

  height: 50px;

  margin-bottom: 10px;

}



.ii_details .card .card-body .modal-btn {

  text-align: center;

}





.ii_details .card .card-body .modal-btn .read-more {

  font-size: 16px;

  font-weight: 700;

  background: transparent;

  color: #50C878;

  border: none;

}



.ii_details .card .card-body .modal-content .paragraph {

  margin: 20px;

}



.ii_details .card .card-body .modal-content .paragraph h3 {

  font-size: 20px;

  font-weight: 600;

}



.ii_details .card .card-body .modal-content .paragraph p {

  font-size: 16px;

  font-weight: 400;

  margin: 20px;

}













#main .ii_details .slider .slider-nav:hover {

  /* animation: shake 0.5s;

  animation-iteration-count: infinite; */



}



/* @keyframes shake {

  0% { transform: translate(1px, 1px) rotate(0deg); }

  10% { transform: translate(-1px, -2px) rotate(-1deg); }

  20% { transform: translate(-3px, 0px) rotate(1deg); }

  30% { transform: translate(3px, 2px) rotate(0deg); }

  40% { transform: translate(1px, -1px) rotate(1deg); }

  50% { transform: translate(-1px, 2px) rotate(-1deg); }

  60% { transform: translate(-3px, 1px) rotate(0deg); }

  70% { transform: translate(3px, 1px) rotate(-1deg); }

  80% { transform: translate(-1px, -1px) rotate(1deg); }

  90% { transform: translate(1px, 2px) rotate(0deg); }

  100% { transform: translate(1px, -2px) rotate(-1deg); }

} */



#main .ii_details .slider .slider-nav {

  margin: 10px;

  overflow: hidden;

  background-color: #fff;

  color: #000;

  /* border: 2px solid #6c757d; */

  border-radius: 10px;

  box-shadow: 0 6px 16px rgba(52, 105, 203, .9);

  position: relative;

  padding: 20px;

  margin: 30px;

}



#main .ii_details .slider .nav-1::before {

  content: '';

  position: absolute;

  left: 0px;

  top: 0;

  height: 100%;

  width: 4px;

  background: #4169E1;

  border-radius: 10px 0 0 10px;

}



#main .ii_details .slider .nav-2::before {

  content: '';

  position: absolute;

  left: 0px;

  top: 0;

  height: 100%;

  width: 4px;

  background: #0cf7f7;

  border-radius: 10px 0 0 10px;

}



#main .ii_details .slider .nav-3::before {

  content: '';

  position: absolute;

  left: 0px;

  top: 0;

  height: 100%;

  width: 4px;

  background: #50C878;

  border-radius: 10px 0 0 10px;

}



#main .ii_details .slider .nav-4::before {

  content: '';

  position: absolute;

  left: 0px;

  top: 0;

  height: 100%;

  width: 4px;

  background: #F4BB44;

  border-radius: 10px 0 0 10px;

}



#main .ii_details .slider .nav-5::before {

  content: '';

  position: absolute;

  left: 0px;

  top: 0;

  height: 100%;

  width: 4px;

  background: #4169E1;

  border-radius: 10px 0 0 10px;

}





#main .ii_details .slider .slider-nav .first-image .image-top {

  display: flex;

  justify-content: space-between;

  padding: 20px;

  overflow: hidden;

}



#main .ii_details .slider .slider-nav .first-image .image-top i {

  color: orange;

  font-size: 31px;

}



#main .ii_details .slider .slider-nav .first-image .image-top img {

  width: 0;

}



#main .ii_details .slider .slider-nav .first-image .content {

  padding: 10px;

  max-width: 100%;

}



#main .ii_details .slider .nav-1 .first-image .name {

  color: #4169E1;

  padding: 10px;

}



#main .ii_details .slider .nav-2 .first-image .name {

  color: #4169E1;

  padding: 10px;

}



#main .ii_details .slider .nav-3 .first-image .name {

  color: #4169E1;

  padding: 10px;

}



#main .ii_details .slider .nav-4 .first-image .name {

  color: #4169E1;

  padding: 10px;

}



#main .ii_details .slider .nav-5 .first-image .name {

  color: #4169E1;

  padding: 10px;

}

















/*--------------------------------------------------------------

# About

--------------------------------------------------------------*/

.about1 .icon-boxes h4 {

  font-size: 18px;

  color: #7f6d68;

  margin-bottom: 15px;

}



.about1 .icon-boxes h3 {

  font-size: 28px;

  font-weight: 700;

  color: #554945;

  margin-bottom: 15px;

}



.about1 .icon-box {

  margin-top: 40px;

}



.about1 .icon-box .icon {

  float: left;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 64px;

  height: 64px;

  border: 2px solid #ffcbba;

  border-radius: 50px;

  transition: 0.5s;

  background: #fff;

}



.about1 .icon-box .icon i {

  color: #ff5821;

  font-size: 32px;

}



.about1 .icon-box:hover .icon {

  background: #ff5821;

  border-color: #ff5821;

}



.about1 .icon-box:hover .icon i {

  color: #fff;

}



.about1 .icon-box .title {

  margin-left: 85px;

  font-weight: 700;

  margin-bottom: 10px;

  font-size: 18px;

}



.about1 .icon-box .title a {

  color: #343a40;

  transition: 0.3s;

}



.about1 .icon-box .title a:hover {

  color: #ff5821;

}



.about1 .icon-box .description {

  margin-left: 85px;

  line-height: 24px;

  font-size: 14px;

}



.about1 .video-box {

  /* background: url("../img/about-img.jpg") center center no-repeat; */

  background-size: cover;

  min-height: 500px;

}



.about1 .play-btn {

  width: 94px;

  height: 94px;

  background: radial-gradient(#ff5821 50%, rgba(255, 88, 33, 0.4) 52%);

  border-radius: 50%;

  display: block;

  position: absolute;

  left: calc(50% - 47px);

  top: calc(50% - 47px);

  overflow: hidden;

}



.about1 .play-btn::after {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-40%) translateY(-50%);

  width: 0;

  height: 0;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  border-left: 15px solid #fff;

  z-index: 100;

  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);

}



.about1 .play-btn::before {

  content: "";

  position: absolute;

  width: 120px;

  height: 120px;

  -webkit-animation-delay: 0s;

  animation-delay: 0s;

  -webkit-animation: pulsate-btn 2s;

  animation: pulsate-btn 2s;

  -webkit-animation-direction: forwards;

  animation-direction: forwards;

  -webkit-animation-iteration-count: infinite;

  animation-iteration-count: infinite;

  -webkit-animation-timing-function: steps;

  animation-timing-function: steps;

  opacity: 1;

  border-radius: 50%;

  border: 5px solid rgba(255, 88, 33, 0.7);

  top: -15%;

  left: -15%;

  background: rgba(198, 16, 0, 0);

}



.about1 .play-btn:hover::after {

  border-left: 15px solid #ff5821;

  transform: scale(20);

}



.about1 .play-btn:hover::before {

  content: "";

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateX(-40%) translateY(-50%);

  width: 0;

  height: 0;

  border: none;

  border-top: 10px solid transparent;

  border-bottom: 10px solid transparent;

  border-left: 15px solid #fff;

  z-index: 200;

  -webkit-animation: none;

  animation: none;

  border-radius: 0;

}



@-webkit-keyframes pulsate-btn {

  0% {

    transform: scale(0.6, 0.6);

    opacity: 1;

  }



  100% {

    transform: scale(1, 1);

    opacity: 0;

  }

}



@keyframes pulsate-btn {

  0% {

    transform: scale(0.6, 0.6);

    opacity: 1;

  }



  100% {

    transform: scale(1, 1);

    opacity: 0;

  }

}



.about1 .why-box-2 {

  padding: 30px;

}



.about1 .why-box {

  margin-top: 30px;

  padding: 30px;

  background: #FFF;

  color: #000;

}



.about1 .why-box h3 {

  font-weight: 700;

  font-size: 34px;

  margin-bottom: 30px;

}



.about1 .why-box p {

  margin-bottom: 30px;

}



.about1 .why-box .more-btn {

  display: inline-block;

  background: #fb785b;

  padding: 6px 30px 8px 30px;

  color: #FFF;

  border-radius: 50px;

  transition: all ease-in-out 0.4s;

}



.about1 .why-box .more-btn i {

  font-size: 14px;

}



.about1 .why-box .more-btn:hover {

  color: #FFF;

  background: #fb785b;

}



.about1 .why-box1 {

  margin-top: 30px;

  padding: 10px;

  background: #FFF;

  color: #000000;

}



.about1 .why-box1 h3 {

  font-weight: 700;

  font-size: 34px;

  margin-bottom: 30px;

}



.about1 .why-box1 p {

  margin-bottom: 30px;

}



@media screen and (max-width:1023px) {



  .about1 .why-box h3 {



    font-size: 30px;



  }



  .about1 .icon-boxes h3 {

    font-size: 25px;

  }



  .about1 .icon-boxes h3 {

    font-size: 25px;

  }



  .services2 .title {

    font-size: 16px;

  }



  .about1 .why-box {

    margin-top: 60px;

  }

}



@media screen and (max-width:767px) {

  /* #hero {

    padding: 20px 0!important;

  } */



  .about1 .icon-box .title {

    margin-left: 65px;

  }



  .about1 .icon-box .description {

    margin-left: 65px;

  }



  .about1 .icon-box .icon {

    width: 45px;

    height: 45px;

  }



  .about1 .icon-box .icon i {

    font-size: 25px;

  }



  .about1 .why-box {

    padding: 20px 0;

  }



  .about1 .why-box h3 {

    font-size: 20px;

    margin-bottom: 10px;

  }



  .about1 .icon-boxes h3 {

    font-size: 20px;

    margin-bottom: 10px;

  }



  .about1 .why-box {

    margin-top: 80px;

  }



  .about1 .why-box span.description {

    font-size: 14px !important;

  }



  .about1 .why-box-2 {

    padding: 20px 0;

  }

}





/*--------------------------------------------------------------

# Services

--------------------------------------------------------------*/

.services2 .icon-box {

  padding: 50px 20px;

  margin-top: 35px;

  margin-bottom: 25px;

  text-align: center;

  height: 240px;

  position: relative;

  background: #fff;

  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);

}



.services2 .icon {

  position: absolute;

  top: -36px;

  left: calc(50% - 36px);

  transition: 0.2s;

  border-radius: 50%;

  border: 6px solid #fff;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  text-align: center;

  width: 72px;

  height: 72px;

  background: #ff5821;

}



.services2 .icon i {

  color: #fff;

  font-size: 24px;

  line-height: 0;

}



.services2 .title {

  font-weight: 700;

  margin-bottom: 15px;

  font-size: 16px;

  text-transform: uppercase;

  height: 30px;

}



.services2 .title a {

  color: #343a40;

}



.services2 .icon-box:hover .icon {

  background: #fff;

  border: 2px solid #ff5821;

}



.services2 .icon-box:hover .icon i {

  color: #ff5821;

}



.services2 .icon-box:hover .title a {

  color: #ff5821;

}



.services2 .description {

  line-height: 24px;

  font-size: 14px;

}



.services2 table {

  width: 100%;

  font-size: 14px;

}



.services2 .section-title1 h4 {

  font-size: 20px;

}



@media screen and (max-width:1023px) {

  .services2 .icon-box {

    height: 244px;

  }

}



@media screen and (max-width:767px) {

  .services2 .title {

    font-size: 16px;

  }



  .services2 .icon-box {

    height: 268px;

  }



  .services2 table {

    font-size: 8px;

  }



  .services2 .section-title1 h4 {

    font-size: 18px;

  }

}





/*--------------------------------------------------------------

# F.A.Q

--------------------------------------------------------------*/

.faq1 .faq-list {

  padding: 0 100px;

}



.faq1 .faq-list ul {

  padding: 0;

  list-style: none;

}



.faq1 .faq-list li+li {

  margin-top: 15px;

}



.faq1 .faq-list li {

  padding: 20px;

  background: #fff;

  border-radius: 4px;

  position: relative;

}



.faq1 .faq-list a {

  display: block;

  position: relative;

  font-family: "Lato", sans-serif;

  font-size: 16px;

  line-height: 24px;

  font-weight: 500;

  padding: 0 30px;

  outline: none;

  cursor: pointer;

  color: #ff5821;

}



.faq1 .faq-list .icon-help {

  font-size: 24px;

  position: absolute;

  right: 0;

  left: 20px;

  color: #ffb8a1;

}



.faq1 .faq-list .icon-show,

.faq1 .faq-list .icon-close {

  font-size: 24px;

  position: absolute;

  right: 0;

  top: 0;

}



.faq1 .faq-list p {

  margin-bottom: 0;

  padding: 10px 0 0 0;

  margin-left: 30px;

}



.faq1 .faq-list .icon-show {

  display: none;

}



.faq1 .faq-list a.collapsed {

  color: #343a40;

}



.faq1 .faq-list a.collapsed:hover {

  color: #ff5821;

}



.faq1 .faq-list a.collapsed .icon-show {

  display: inline-block;

}



.faq1 .faq-list a.collapsed .icon-close {

  display: none;

}



@media (max-width: 1200px) {

  .faq1 .faq-list {

    padding: 0;

  }

}



.section-title1 {

  text-align: center;

  padding-bottom: 30px;

}



.section-title1 h2 {

  font-size: 32px;

  font-weight: 500;

  margin-bottom: 20px;

  padding-bottom: 0;

  font-family: "Lato", sans-serif;

  color: #635551;

}



.section-title1 p {

  margin-bottom: 0;

}





.myelement {

  color: #ff5821;

}



.myelement:hover {

  color: #ff5821;

  text-decoration: none;

}





.newlist {

  list-style: none;

  font-size: 17px;

  font-weight: 600;

}



/* why policy */



.new-list .list {

  margin: 25px 20px 0 0;

  border: 1px solid #a9a9a9;

  border-radius: 20px;

  padding: 14px;

  text-align: center;

  height: 80px;

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: #F0FCF8;

}



.new-list .list h5 {

  font-weight: 600;

  font-size: 18px;

  margin-top: 5px;

}



.new-health-list .list {

  margin: 4px 20px 0 0;

  border: 1px solid #a9a9a9;

  border-radius: 20px;

  padding: 14px;

  text-align: center;

  height: auto;

  display: flex;

  justify-content: center;

  align-items: center;

  background-color: #F0FCF8;

}



.new-health-list .list h5 {

  font-weight: 600;

  font-size: 16px;

  margin-top: 5px;

}





@media screen and (max-width:1023px) {

  .section-title1 h2 {

    font-size: 30px;



  }



  .new-health-list .list {



    border-radius: 30px;

    padding: 14px;



  }



}



@media screen and (max-width:767px) {

  .new-list .list {

    margin: 5px;

    margin-bottom: 20px;

    padding: 0;

    border-radius: 5px;



  }





  .new-list .list h5 {

    font-size: 12px;

  }



  .new-health-list .list {

    margin: 5px;

    margin-bottom: 20px;

    padding: 0;

    border-radius: 5px;



  }



  .new-health-list .list h5 {

    font-size: 12px;

  }

}







/* @media (min-width: 600px) {

	.newlist {

	list-style: none;

	font-size: 17px;

	font-weight:600;

}

} */





/*--------------------------------------------------------------

# Features

--------------------------------------------------------------*/

.features2 .nav-tabs {

  border: 0;

}



.features2 .nav-link {

  border: 1px solid #b5ccdb;

  padding: 5px;

  transition: 0.3s;

  color: #15222b;

  border-radius: 0;

  display: flex;

  align-items: center;

  justify-content: center;

}



.features2 .nav-link i {

  padding-right: 15px;

  font-size: 48px;

}



.features2 .nav-link h4 {

  font-size: 18px;

  font-weight: 600;

  margin: 0;

}



.features2 .nav-link:hover {

  color: #FF7518;

}



.features2 .nav-link.active {

  background: #FF7518;

  color: #fff;

  border-color: #FF7518;

}



@media (max-width: 768px) {

  .features2 .nav-link i {

    padding: 0;

    line-height: 1;

    font-size: 36px;

  }

}



@media (max-width: 575px) {

  .features2 .nav-link {

    padding: 15px;

  }



  .features2 .nav-link i {

    font-size: 24px;

  }

}



.features2 .tab-content {

  margin-top: 15px;

}



.features2 .tab-pane h3 {

  font-weight: 600;

  font-size: 26px;

}



.features2 .tab-pane ul {

  list-style: none;

  padding: 0;

}



.features2 .tab-pane ul li {

  padding-bottom: 10px;

}



.features2 .tab-pane ul i {

  font-size: 20px;

  padding-right: 4px;

  color: #FF7518;

  float: right;

}



.features2 .tab-pane p:last-child {

  margin-bottom: 0;

}





.bannerCarO {   

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  float: left;

  min-height: 70vh;

  width: 100%;

  padding-bottom: 5px;

}



.bannerBike {

  background: #e4f5fd url("../../images/bike-banner.jpg") no-repeat scroll center center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  float: left;

  min-height: 70vh;

  width: 100%;

  padding-bottom: 5px;

}



.two-way-ins {

  display: flex;

}







@media screen and (max-width: 1339px) {



  #main .make-insurance .abt-policies .policy-lap {

    display: block;

  }



  #main .make-insurance .abt-policies .policy-mob {

    display: none;

  }



  #hero .make-insurance .insurance .head .icon-tag {

    margin-bottom: 10px;

  }



  #hero .make-insurance .insurance .head h2 {

    font-size: 30px;

    margin-bottom: 10px;

  }



  #hero .make-insurance .insurance .list-of-insurance h3 {

    font-size: 20px;

  }



  #hero .make-insurance .insurance .list-of-insurance .lists {

    gap: 30px;

  }



  #hero .make-insurance .insurance .list-of-insurance .lists li .img-cont {

    margin: 15px;

    padding: 12px;

  }



  #hero .make-insurance .insurance .popper-down label {

    font-size: 15px;

  }



  #hero .make-insurance .insurance .popper-down .wizard-required {

    font-size: 20px;

  }



  #hero .make-insurance .insurance .popper-down .view-price span {

    font-size: 18px;

  }



  #main .make-insurance .abt-policies h2 {

    font-size: 25px;

  }



  #main .insurance .insurance-heading h3 {

    font-size: 20px;

  }



  #main .insurance .termlife {

    /* width: 100%; */

  }



  #main .insurance .termlife .insurance-name {

    padding: 10px;

    /* height: 75px; */

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

  }



  .ellipsis {

    white-space: nowrap;

    text-overflow: ellipsis;

    overflow: hidden;

  }



  #main .insurance .termlife .insurance-name h4 {

    font-size: 12px;

    color: #000;

  }



  #main .have-doubts .doubt-head h2 {

    font-size: 30px;

  }



  #main .enquiry .enquiry-content h5 {

    font-size: 22px;

  }



  #main .enquiry .enquiry-content span {

    font-size: 22px;

  }



  #main .ii_details .ii-head h3 {

    font-size: 26px;

  }



  .ii_details .card .card-body .card-title {

    font-size: 14px;

  }



  .ii_details .card .card-body .card-text {

    font-size: 14px;

  }



  #main .our-partner h1 {

    font-size: 30px;

    padding: 10px 0;

  }



  .footer .footer-top .short-home .home ul {

    padding: 0;

  }

}





@media screen and (max-width: 1023px) {

  .retail-health-topic {

    color: #fb785b;

    font-size: 20px;

    font-weight: 700;

    display: block;

  }



  .form-health#form-upper {

    display: none;

    margin-top: 10px;

  }



  .form-health-phone#form-upper {

    display: block;

    margin-top: 10px;

  }



  .form-health#form-upper h2 {

    display: none;

    font-size: 17px !important;

    /* color:#0D6CAA; */

    text-align: start;



  }



  .form-health-phone#form-upper h2 {

    display: block;

    font-size: 16px !important;

    /* color:#0D6CAA; */

    text-align: start;



  }



  .upper-title#upper-title {

    margin-top: 10px;

    display: none;

  }



  .upper-title-phone#upper-title {

    margin-top: 10px;

    display: block;

  }



  .upper-title#upper-title h1 {

    display: none;

    font-size: 20px !important;

    text-align: start;

  }



  .upper-title-phone#upper-title h1 {

    display: block;

    font-size: 22px !important;

    text-align: start;

  }





  #hero .make-insurance .insurance .list-of-insurance .lists {

    gap: 10px;

  }



  #main .make-insurance .abt-policies .policy-lap {

    display: block;

    margin-top: 50px;

  }



  #main .make-insurance .abt-policies .policy-mob {

    display: none;

  }



  #hero {

    padding: 120px 0 0 0;

  }



  #hero .make-insurance {

    display: none;

  }



  #main .make-insurance .abt-policies h2 {

    font-size: 25px;

  }



  #main .insurance .insurance-heading h3 {

    font-size: 20px;

  }



  #main .insurance .termlife .insurance-icon {

    width: 100%;

    text-align: center;

  }



  #main .insurance .termlife .insurance-name h4 {

    font-size: 8px;

  }



  #main .have-doubts .doubt-head h2 {

    font-size: 25px;

  }



  #main .enquiry .enquiry-content h5 {

    font-size: 18px;

  }



  #main .enquiry .enquiry-content span {

    font-size: 18px;

  }



  #main .i-detail {

    padding: 0;

  }



  .ii_details .card .card-head img {

    width: 70%;

  }



  .ii_details .card .card-body .card-title {

    font-size: 12px;

  }



  .ii_details .card .card-body .card-text {

    font-size: 12px;

  }



  .ii_details .card .card-body .modal-btn .read-more {

    font-size: 14px;

  }



  #main .our-partner h1 {

    font-size: 25px;

    padding: 10px 0;

  }



  #main .our-partner .card .card-body {

    padding: 0;

  }



  .footer .footer-top .more-products .card .card-body {

    font-size: 14px;

  }



  .footer .footer-top .more-products .card .card-header {

    font-size: 16px;

  }



  .footer .footer-top .more-products .card .card-body ul li {

    padding: 5px 0;

  }



  .footer .footer-top .short-home .home ul {

    padding: 0;

    margin: 0;

  }



  .footer .footer-top .short-home .home ul li {

    padding: 5px;

    font-size: 14px;

  }



  .footer .contact-us {

    font-size: 14px;

  }



  .footer .copyright {

    font-size: 14px;

  }



  .footer .copyright span {

    font-size: 14px;

  }

}





@media screen and (max-width: 767px) {



  .retail-health-topic {

    color: #fb785b;

    font-size: 20px;

    font-weight: 700;

    display: block;

  }



  .insurance-right {

    border-right: 1px solid transparent;

    /* display: none; */

  }



  .insurance-left {

    border-left: 1px solid transparent;

    /* display: none; */

  }



  #hero .hero-img {

    padding-top: 1px;

  }



  #hero1 {

    padding: 80px 0 0 0;

  }



  #hero {

    margin-top: 60px;

    padding: 20px 0 0 0;

  }



  .form-health#form-upper {

    display: none;

    margin-top: 10px;

  }



  .form-health-phone#form-upper {

    display: block;

    margin-top: 10px;

  }



  .form-health#form-upper h2 {

    display: none;

    font-size: 17px !important;

    /* color:#0D6CAA; */

    text-align: start;



  }



  .form-health-phone#form-upper h2 {

    display: block;

    font-size: 16px !important;

    /* color:#0D6CAA; */

    text-align: start;



  }



  .upper-title#upper-title {

    margin-top: 10px;

    display: none;

  }



  .upper-title-phone#upper-title {

    margin-top: 10px;

    display: block;

  }



  .upper-title#upper-title h1 {

    display: none;

    font-size: 20px !important;

    text-align: start;

  }



  .upper-title-phone#upper-title h1 {

    display: block;

    font-size: 22px !important;

    text-align: start;

  }



  #main .make-insurance .abt-policies .policy-mob {

    display: block;

    color: #0e6ba8;

    margin-left: 30px;

    text-align: start;

  }



  #main .make-insurance .abt-policies .policy-mob .icon-tag {

    color: #0edb82;

  }



  #main .make-insurance .abt-policies .policy-lap {

    display: none;

  }



  .section-title1 h2 {

    font-size: 25px;

  }



  .aos-animate h2 {

    font-size: 25px;

  }



  #hero .make-insurance {

    display: none;

  }



  #hero .make-insurance .insurance .head {

    padding: 20px;

    gap: 10px;

  }



  #hero .make-insurance .insurance .head h2 {

    font-size: 20px;

    margin: 0;

  }



  #hero .make-insurance .insurance .head .icon-tag {

    font-size: 15px;

    /* margin-bottom: 20px; */

    margin: 0;

  }



  .two-way-ins {

    flex-direction: column;

  }



  #hero .make-insurance .insurance .list-of-insurance h3 {

    font-size: 20px;

  }



  #hero .make-insurance .insurance .list-of-insurance .lists {

    gap: 10px;

    padding: 0;

  }



  #hero .make-insurance .insurance .list-of-insurance .lists li {

    margin: 0;

  }



  #hero .make-insurance .insurance .list-of-insurance .lists li .img-cont {

    padding: 10px;

    margin: 5px;

  }



  #hero .make-insurance .insurance .list-of-insurance .lists li .img-cont img {

    width: 30px;

  }



  #hero .make-insurance .insurance .list-of-insurance .lists li span {

    font-size: 12px;

  }



  #hero .make-insurance .insurance .popper-down,

  #hero .make-insurance .insurance .popper-down input {

    text-align: center;

  }



  #hero .make-insurance .insurance .popper-down .first,

  .second {

    border-bottom: 2px solid #1acc8d;

    border-right: none;

    /* height: 100%; */

  }



  #main .make-insurance .abt-policies h2 {

    font-size: 20px;

  }



  #main .insurance .personal-insurance {

    border-right: none;

  }



  #main .insurance .termlife {

    width: 100%;

    margin-bottom: 20px;

  }



  #main .have-doubts .doubt-head h2 {

    font-size: 22px;

    margin-bottom: 20px;

  }



  #main .enquiry .enquiry-content h5 {

    font-size: 16px;

  }



  #main .enquiry .enquiry-content span {

    font-size: 16px;

  }



  #main .have-doubts .email,

  .phone {

    margin-bottom: 20px;

  }



  #main .i-detail {

    padding: 0;

  }



  #main .ii_details .ii-head h3 {

    font-size: 20px;

  }



  #main .ii_details .card {

    margin: 0;

    margin-bottom: 20px;

  }



  .ii_details .card .card-body .card-title {

    font-size: 16px;

    height: 20px;

  }



  .ii_details .card .card-head img {

    width: 50%;

  }



  .ii_details .card .card-body .card-text {

    font-size: 14px;

    height: 35px;

  }



  .ii_details .card .card-body .modal-content .paragraph h3 {

    font-size: 16px;

  }



  .ii_details .card .card-body .modal-content .paragraph p {

    font-size: 14px;

  }



  .footer .footer-top {

    padding: 0;

  }



  .footer .footer-top .more-products {

    padding: 0;

  }



  .footer .footer-top .more-products .card .card-header {

    font-size: 16px;

  }



  .footer .footer-top .more-products .card .card-body ul li {

    font-size: 14px;

  }



  .footer .footer-top .short-home .home ul {

    display: block;

    padding: 0px;

  }



  .footer .footer-top .short-home .home ul li {

    padding: 10px;

  }



  .footer .contact-us {

    font-size: 14px;

  }



  .footer .copyright {

    font-size: 14px;

  }



  .footer .copyright span {

    font-size: 14px;

  }



  .footer .footer-top .more-products .prod-heading h2 {

    font-size: 20px;

  }



  .footer .footer-top .more-products .card .card-body {

    padding: 0 40px;

  }



  .footer .footer-top .more-products .card .card-body ul li {

    padding: 5px 0;

  }



  #main .our-partner .card .card-body img {

    height: 50px;

  }



  #main .insurance .termlife .insurance-icon {

    text-align: center;

    width: 100%;

  }



  #main .insurance .termlife .insurance-name h4 {

    font-size: 8px;

    font-weight: 600;

  }



  #main .our-partner .card .card-body {

    padding: 10px;

  }



  #main .our-partner h1 {

    font-size: 22px;

    padding: 10px 0;

  }



  #main .our-partner h6 {

    font-size: 14px;

    margin: 0;

  }



  #main .insurance .termlife .insurance-icon img {

    width: 40%;



  }



  #main .insurance .termlife .insurance-name {

    padding: 5px;

  }

}