/** banner-section **/

.banner-section{
  padding: 173px 0px 159px 0px;
  background: #ffe6da;
}

.banner-section .bg-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner-section .content-box{
  position: relative;
  display: block;
  margin-right: -75px;
}

.banner-section .content-box .upper-text{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  font-family: var(--jost);
  color: var(--title-color);
  font-weight: 700;
  text-transform: uppercase;
  padding: 5px 27px 4px 27px;
  border-radius: 30px;
  background: #fff3ed;
  margin-bottom: 29px;
}

.banner-section .content-box h2{
  position: relative;
  display: block;
  font-size: 65px;
  line-height: 68px;
  font-weight: 700;
  margin-bottom: 18px;
}

.banner-section .content-box h3{
  position: relative;
  display: block;
  font-size: 32px;
  line-height: 40px;
  font-family: var(--text-font);
  font-weight: 600;
  font-style: italic;
  margin-bottom: 28px;
}

.banner-section .content-box .info-box{
  position: relative;
  display: block;
  padding: 0px 0px 0px 82px;
  margin-bottom: 28px;
}

.banner-section .content-box .info-box .icon-box{
  position: absolute;
  left: 0px;
  top: -3px;
}

.banner-section .content-box .info-box p{
  font-size: 20px;
  line-height: 29px;
  color: #000000;
  font-weight: 600;
  font-style: italic;
}

.banner-section .content-box .info-box p a{
  display: inline-block;
  font-size: 24px;
  color: #000;
}

.banner-section .content-box .info-box p a:hover{

}

.banner-section .content-box .theme-btn{
  background: linear-gradient(180deg, #ea7422, #bd3a2c);
}

.banner-section .content-box .theme-btn:before{
  position: absolute;
  content: '';
  background: var(--secondary-color);
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: -1;
  opacity: 0;
  transition: all 500ms ease;
}

.banner-section .content-box .theme-btn:hover:before{
  opacity: 1;
}

.banner-section .pattern-layer{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 750px;
  height: 420px;
  background-repeat: no-repeat;
  opacity: 0.5;
}


/** banner-style-two **/

.banner-style-two{
  position: relative;
}

.banner-carousel .content-box{
  position: relative;
  display: block;
  z-index: 5;
}

.banner-style-two .content-box{
  max-width: 590px;
}

.banner-carousel .slide-item{
  position: relative;
  padding: 240px 0px 200px 0px;
}
  
.banner-carousel .content-box{
  position: relative;
  display: block;
  z-index: 5;
  max-width: 600px;
}
  
.banner-carousel .slide-item .bg-layer{
  position: absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
  -webkit-transition: all 8000ms linear;
  -moz-transition: all 8000ms linear;
  -ms-transition: all 8000ms linear;
  -o-transition: all 8000ms linear;
  transition: all 8000ms linear;
}
  
.banner-carousel .active .slide-item .bg-layer{
  -webkit-transform:scale(1.25);
  -ms-transform:scale(1.25);
  transform:scale(1.25);
}

.banner-carousel .content-box .upper-text{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  font-family: var(--jost);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  padding-right: 95px;
  color: #fff;
  opacity: 0;
  margin-bottom: 12px;
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.banner-carousel .active .content-box .upper-text{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 700ms;
  -moz-transition-delay: 700ms;
  -ms-transition-delay: 700ms;
  -o-transition-delay: 700ms;
  transition-delay: 700ms;
}

.banner-carousel .content-box .upper-text:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 80px;
  height: 1px;
  right: 0px;
  bottom: 6px;
}
  
.banner-carousel .content-box h2{
  font-size: 68px;
  line-height: 82px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 14px;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}
  
.banner-carousel .active .content-box h2{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 700ms;
  -moz-transition-delay: 700ms;
  -ms-transition-delay: 700ms;
  -o-transition-delay: 700ms;
  transition-delay: 700ms;
}
  
.banner-carousel .content-box p{
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 33px;
  font-weight: 500;
  color: #fff;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}
  
.banner-carousel .active .content-box p{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -ms-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  transition-delay: 1000ms;
}
  
.banner-carousel .content-box .btn-box{
  position: relative;
  display: flex;
  align-items: center;
  opacity: 0;
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: all 1000ms ease;
  -moz-transition: all 1000ms ease;
  -ms-transition: all 1000ms ease;
  -o-transition: all 1000ms ease;
  transition: all 1000ms ease;
}
  
.banner-carousel .active .content-box .btn-box{
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-delay: 1300ms;
  -moz-transition-delay: 1300ms;
  -ms-transition-delay: 1300ms;
  -o-transition-delay: 1300ms;
  transition-delay: 1300ms;
}

.banner-style-two .banner-carousel .content-box .btn-box a:first-child{
  background: #06244c;
}

.banner-style-two .banner-carousel .content-box .btn-box a:first-child:hover{
  background: #fff;
  color: #151820;
}

.banner-style-two .banner-carousel .content-box .btn-box a:last-child{
  background: #fff;
  color: #151820;
}

.banner-style-two .banner-carousel .content-box .btn-box a:last-child:hover{
  background: #151820;
  color: #fff;
}


/** banner-style-three **/

.banner-style-three{
  padding: 330px 0px 270px 0px;
}

.banner-style-three .content-box h2{
  font-size: 70px;
  line-height: 84px;
  margin-bottom: 26px;
}

.banner-style-three .content-box{
  margin: 0px;
  margin-left: -115px;
}

.banner-style-three .content-box h3{
  color: #071941;
  font-weight: 500;
  margin-bottom: 50px;
}

.banner-style-three .content-box .theme-btn{
  background: #f66b16;
  padding: 29px 50px 28px 50px;
  border-radius: 0px;
  font-size: 20px;
  letter-spacing: 2px;
}

.banner-style-three .content-box .info-box{
  margin-bottom: 46px;
}


/** banner-style-four **/

.banner-style-four{
  position: relative;
  padding: 235px 0px 327px 0px;
}

.banner-style-four .bg-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner-style-four .content-box{
  position: relative;
  display: block;
  margin-left: -75px;
  max-width: 580px;
}

.banner-style-four .content-box .upper-text{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  font-family: var(--jost);
  color: #f1673e;
  font-weight: 700;
  text-transform: uppercase;
  padding-right: 100px;
  margin-bottom: 24px;
  letter-spacing: 0.7px;
}

.banner-style-four .content-box .upper-text:before{
  position: absolute;
  content: '';
  background: #f1673e;
  width: 90px;
  height: 2px;
  right: 0px;
  bottom: 8px;
}

.banner-style-four .content-box h2{
  position: relative;
  display: block;
  font-size: 70px;
  line-height: 74px;
  font-weight: 700;
  margin-bottom: 18px;
}

.banner-style-four .content-box p{
  font-size: 20px;
  font-weight: 500;
  color: #011e45;
  margin-bottom: 46px;
}

.banner-style-four .content-box .theme-btn{
  border-radius: 40px;
  padding: 15px 47px 14px 47px;
}


/** banner-style-five **/

.banner-style-five{
  position: relative;
  padding-top: 250px;
}

.banner-style-five .outer-container{
  position: relative;
  padding: 0px 100px 0px 150px;
}

.banner-style-five h2{
  position: relative;
  display: block;
  max-width: 820px;
  width: 100%;
  font-size: 54px;
  line-height: 64px;
  font-family: var(--roboto);
  font-weight: 300;
  color: #000;
  margin-bottom: 0px;
}

.banner-style-five h2 span{
  position: relative;
  display: inline-block;
  font-weight: 700;
  font-family: var(--roboto);
  font-style: italic;
  color: #f1673e;
  border-bottom: 2px solid #f1673e;
  line-height: 50px;
}

.banner-style-five .content-box{
  position: relative;
  display: block;
  padding-bottom: 108px;
}

.banner-style-five .text-box{
  position: absolute;
  right: 0px;
  top: 37px;
  width: 530px;
  padding: 64px 56px 96px 57px;
  z-index: 1;
}

.banner-style-five .text-box h3{
  position: relative;
  display: block;
  font-size: 42px;
  line-height: 50px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 17px;
}

.banner-style-five .text-box p{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 30px;
  font-family: 'Jost', sans-serif;
  color: #fff;
  font-weight: 500;
  margin-bottom: 44px;
}

.banner-style-five .text-box form .form-group{
  position: relative;
  margin-bottom: 0px;
}

.banner-style-five .text-box form .form-group input[type='email']{
  position: relative;
  display: block;
  width: 100%;
  height: 62px;
  background: #fff;
  border-radius: 7px;
  font-size: 20px;
  color: #000000;
  padding: 10px 140px 10px 30px;
}

.banner-style-five .text-box form .form-group button[type='submit']{
  position: absolute;
  top: 7px;
  right: 6px;
  font-size: 20px;
  color: #fff;
  background: #000000;
  text-align: center;
  border-radius: 5px;
  padding: 9px 30px 11px 30px;
  cursor: pointer;
  transition: all 500ms ease;
}

.banner-style-five .text-box form .form-group input:focus + button,
.banner-style-five .text-box form .form-group button:hover{
  
}

.banner-style-five .image-box{
  position: relative;
  display: block;
  padding-right: 50px;
}

.banner-style-five .image-box .image{
  position: relative;
  display: block;
}

.banner-style-five .image-box .image img{
  width: 100%;
}


/** banner-style-six **/

.banner-style-six{
  position: relative;
  padding: 290px 0px 245px 0px;
  background: linear-gradient(180deg, #e87222, #c5442b);
  overflow: hidden;
}

.banner-style-six .content-box{
  position: relative;
  display: block;
  margin-left: -50px;
  max-width: 535px;
}

.banner-style-six .content-box .upper-text{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 50px;
  font-family: 'Freehand', cursive;
  color: rgba(255, 255, 255, 0.60);
  margin-bottom: 12px;
}

.banner-style-six .content-box h2{
  display: block;
  font-size: 70px;
  line-height: 70px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 19px;
}

.banner-style-six .content-box p{
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 31px;
}

.banner-style-six .content-box .btn-box .theme-btn{
  background: #ffae13;
  border-radius: 40px;
  color: #010101 !important;
  padding: 16px 35px 14px 35px;
}

.banner-style-six .content-box .btn-box .theme-btn:hover{
  background: #fff;
}

.banner-style-six .image-layer{
  position: absolute;
  right: 170px;
  bottom: 0px;
}

.banner-style-six .shape .shape-1{
  position: absolute;
  right: 150px;
  bottom: -200px;
  width: 788px;
  height: 788px;
  background: rgba(0, 0, 0, 0.10);
  border-radius: 50%;
  -webkit-animation: zoom-fade 11s infinite linear;
  animation: zoom-fade 11s infinite linear;
}

.banner-style-six .shape .shape-2{
  position: absolute;
  right: 150px;
  bottom: -215px;
  width: 832px;
  height: 832px;
  border: 1px dashed #e7a894;
  border-radius: 50%;
}


/** banner-style-seven **/

.banner-style-seven{
  position: relative;
  background: #f1f4f7;
}

.banner-style-seven .insurance-form{
  padding: 0px;
  background: transparent;
  border: none;
  margin: 0px;
}

.banner-style-seven .insurance-form .tab-btns li .icon-box{
  background: #fff;
}

.banner-style-seven .image-layer{
  position: absolute;
  right: 50px;
  bottom: 0px;
}


/** banner-style-eight **/

.banner-style-eight{
  position: relative;
  background: #f8e8e1;
  padding: 170px 0px 220px 0px;
}

.banner-style-eight .content-box .theme-btn{
  
}

.banner-style-eight .content-box .upper-icon{
  position: absolute;
  top: 0px;
  right: -20px;
}


/** banner-style-nine **/

.banner-style-nine{
  position: relative;
}

.banner-style-nine .banner-carousel .slide-item:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  z-index: 1;
  opacity: 0.05;
}

.banner-style-nine .content-box h2{
  font-size: 65px;
  line-height: 78px;
  color: #0e1142;
}

.banner-style-nine .content-box p{
  color: #000000;
}

.banner-style-nine .banner-carousel .content-box .btn-box a:first-child{
  background: #fd4a36;
}

.banner-style-nine .banner-carousel .slide-item{
  padding: 210px 0px 190px 0px;
}

/** banner-style-ten **/

.banner-style-ten{
  position: relative;
  background: linear-gradient(180deg, #d97839, #c5442b);
  padding: 210px 0px 660px 0px;
}

.banner-style-ten .image-layer{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  min-width: 1338px;
}

.banner-style-ten h2{
  position: relative;
  display: block;
  font-size: 65px;
  line-height: 78px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 19px;
}

.banner-style-ten a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  font-family: var(--jost);
  color: #fff;
  font-weight: 700;
  padding-right: 28px;
  text-transform: uppercase;
  letter-spacing: 0.7px;
}

.banner-style-ten a:hover{
  text-decoration: underline;
}

.banner-style-ten a:before{
  position: absolute;
  content: '';
  background-image: url(../../images/icons/icon-153.png);
  width: 14px;
  height: 14px;
  right: 0px;
  bottom: 7px;
  background-repeat: no-repeat;
}

.banner-style-ten p{
  font-size: 20px;
  line-height: 28px;
  font-family: var(--title-font);
  color: #fff;
  font-weight: 500;
}


/** banner-style-11 **/

.banner-style-11{
  position: relative;
  background: #fff;
  padding-left: 85px;
}

.banner-style-11 .support-box{
  position: absolute;
  top: 230px;
  left: 27px;
  transform: rotate(180deg);
}

.banner-style-11 .support-box p{
  position: relative;
  display: inline-block;
  font-size: 18px;
  color: #000000;
  writing-mode: vertical-lr;
}

.banner-style-11 .support-box p a{
  display: inline-block;
  color: #000;
}

.banner-style-11 .support-box p a:hover{

}

.banner-style-11 .scroll-to-target{
  position: absolute;
  left: 27px;
  bottom: 160px;
  padding-top: 84px;
  font-size: 18px;
  color: #000000;
  cursor: pointer;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  transition: all 500ms ease;
}

.banner-style-11 .scroll-to-target:before{
  position: absolute;
  content: '';
  background: #7f7f7f;
  width: 1px;
  height: 60px;
  left: 14px;
  top: 0px;
}

.banner-style-11 .scroll-to-target:hover{

}

.banner-style-11 .banner-carousel .slide-item{
  padding: 280px 0px 235px 0px;
}

.banner-style-11 .banner-carousel .content-box{
  max-width: 750px;
}

.banner-style-11 .banner-carousel .content-box h2{
  font-size: 65px;
  line-height: 78px;
}

.banner-style-11 .banner-carousel .content-box p{
  font-size: 22px;
  line-height: 28px;
}

.banner-style-11 .banner-carousel .content-box .theme-btn{
  border-radius: 0px;
}

.banner-style-11 .banner-carousel .slide-item:before{
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: linear-gradient(90deg, rgba(6, 20, 42, 0.92) 0%, rgba(6, 20, 42, 0.0) 50%);
}


/** banner-style-12 **/

.banner-style-12{
  position: relative;
}

.banner-style-12 .banner-carousel .content-box .upper-text{
  padding: 5px 30px 4px 30px;
  color: #0b1970;
  background: #fff;
  border-radius: 30px;
  margin-bottom: 30px;
}

.banner-style-12 .banner-carousel .content-box .upper-text:before{
  display: none;
}

.banner-style-12 .banner-carousel .content-box h2{
  line-height: 67px;
  color: var(--title-color);
  margin-bottom: 22px;
}

.banner-style-12 .banner-carousel .content-box p{
  font-size: 22px;
  line-height: 28px;
  color: #000000;
  font-weight: 500;
  margin-bottom: 20px;
}

.banner-style-12 .banner-carousel .content-box p.fs_20{
  font-size: 20px;
  margin-bottom: 20px;
}

.banner-style-12 .banner-carousel .content-box{
  max-width: 550px;
}

.banner-style-12 .banner-carousel .content-box .btn-box .theme-btn span{
  padding-right: 56px;
}

.banner-style-12 .banner-carousel .content-box .btn-box .theme-btn span:before{
  position: absolute;
  content: '';
  background-image: url(../../images/icons/icon-165.png);
  width: 32px;
  height: 30px;
  top: -3px;
}

.banner-style-12 .banner-carousel .slide-item{
  padding: 150px 0px 220px 0px;
}


/** banner-style-13 **/

.banner-style-13{
  position: relative;
  padding: 300px 0px 200px 0px;
}

.banner-style-13 .bg-layer{
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom right;
}

.banner-style-13 .bg-color{
  position: absolute;
  left: 0px;
  top: 0px;
  width: calc(50% - 185px);
  height: 100%;
  background: #e36b24;
}

.banner-style-13 .content-box{
  position: relative;
  display: block;
  max-width: 500px;
}

.banner-style-13 .content-box .upper-text{
  position: relative;
  display: inline-block;
  font-size: 16px;
  line-height: 26px;
  font-family: var(--jost);
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  background: #0e131a;
  border-radius: 30px;
  padding: 5px 33px 5px 27px;
  margin-bottom: 34px;
  letter-spacing: 0.5px;
}

.banner-style-13 .content-box h2{
  position: relative;
  display: block;
  font-size: 55px;
  line-height: 66px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 27px;
}

.banner-style-13 .content-box p{
  font-size: 24px;
  line-height: 29px;
  font-family: 'Yantramanav', sans-serif;
  color: #fff;
  font-weight: 500;
  margin-bottom: 40px;
  max-width: 350px;
}

.banner-style-13 .content-box .theme-btn{
  background: #fff;
  color: #000000 !important;
  padding: 14px 30px 15px 30px;
}

.banner-style-13 .content-box .theme-btn span:before{
  background-image: url(../../images/icons/icon-157.png);
  width: 13px;
  height: 13px;
  top: 4px;
}

.banner-style-13 .content-box .theme-btn span{
  padding-right: 30px;
}

.banner-style-13 .shape-1{
  position: absolute;
  left: 33%;
  top: 70px;
  width: 675px;
  height: 675px;
  border-radius: 50%;
  border: 1px dashed #f4f5f6;
  opacity: 0.5;
}

.banner-style-13 .shape-2{
  position: absolute;
  left: 565px;
  bottom: 140px;
  width: 165px;
  height: 165px;
  background: #0749de;
  border-radius: 50% 50% 50% 0px;
  -webkit-animation: zoom-fade 4s infinite linear;
  animation: zoom-fade 4s infinite linear;
}


/** banner-style-14 **/

.banner-style-14{
  position: relative;
}

.banner-style-14 .banner-carousel .content-box .upper-text{
  padding: 5px 30px 4px 30px;
  border-radius: 30px;
  color: #202020;
  background: rgba(255, 255, 255, 0.50);
  margin-bottom: 30px;
}

.banner-style-14 .banner-carousel .content-box .upper-text:before{
  display: none;
}

.banner-style-14 .banner-carousel .content-box h2{
  font-size: 60px;
  line-height: 72px;
  color: #0b1970;
  margin-bottom: 22px;
}

.banner-style-14 .banner-carousel .content-box{
  max-width: 630px;
}

.banner-style-14 .banner-carousel .content-box p{
  font-size: 20px;
  line-height: 28px;
  font-family: var(--title-font);
  color: #080939;
  margin-bottom: 38px;
  font-weight: 400;
}

.banner-style-14 .banner-carousel .content-box .btn-box .theme-btn:first-child{
  background: #fff;
  color: #0b1970 !important;
}

.banner-style-14 .banner-carousel .content-box .btn-box .theme-btn:first-child:hover{
  background: #0b1970;
  color: #fff !important;
}

.banner-style-14 .banner-carousel .slide-item{
  padding: 150px 0px 250px 0px;
}


/** banner-style-15 **/

.banner-style-15{
  position: relative;
  padding-left: 164px;
  background: #fff;
}

.banner-style-15 .support-box{
  position: absolute;
  left: 35px;
  top: 21%;
  writing-mode: vertical-lr;
  transform: rotate(-180deg);
}

.banner-style-15 .support-box p{
  font-size: 19px;
  line-height: 28px;
  font-family: 'Jost', sans-serif;
  color: rgba(0, 0, 0, 0.50);
  margin: 0px;
  letter-spacing: 1px;
}

.banner-style-15 .support-box p span{
  position: relative;
  display: inline-block;
  padding-bottom: 55px;
  margin-bottom: 45px;
}

.banner-style-15 .support-box p a{
  display: inline-block;
  color: rgba(0, 0, 0, 0.50);
}

.banner-style-15 .support-box p a:hover{
  
}

.banner-style-15 .support-box p span:before{
  position: absolute;
  content: '';
  background: #7d8286;
  height: 40px;
  width: 1px;
  right: 15px;
  bottom: 0px;
}

.banner-style-15 .social-links{
  position: absolute;
  left: 30px;
  bottom: -52px;
}

.banner-style-15 .social-links li{
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.banner-style-15 .social-links li:last-child{
  margin-bottom: 0px;
}

.banner-style-15 .social-links li a{
  position: relative;
  display: inline-block;
}

.banner-style-15 .social-links li span{
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 32px;
  font-family: 'Jost', sans-serif;
  color: rgba(0, 0, 0, 0.50);
  padding-bottom: 55px;
  margin-bottom: 45px;
  writing-mode: vertical-lr;
  transform: rotate(-180deg);
}

.banner-style-15  .social-links li span:before{
  position: absolute;
  content: '';
  background: #7d8286;
  height: 40px;
  width: 1px;
  right: 15px;
  bottom: 0px;
}

.banner-style-15 .content-box .theme-btn{
  border-radius: 40px;
}

.banner-style-15 .banner-carousel .slide-item{
  padding: 290px 0px 385px 0px;
}

.banner-style-15 .outer-container{
  position: relative;
  padding-left: 120px;
  padding-right: 60px;
}

.banner-style-15 .text-box{
  position: absolute;
  left: 164px;
  bottom: 0px;
  background: #fff;
  width: 580px;
  padding: 62px 60px 58px 95px;
  z-index: 1;
}

.banner-style-15 .text-box:before{
  position: absolute;
  content: '';
  background: #dddddb;
  width: calc(100% - 30px);
  height: 1px;
  left: 0px;
  bottom: 0px;
}

.banner-style-15 .text-box .list-item li{
  position: relative;
  display: block;
  font-size: 20px;
  line-height: 28px;
  font-family: var(--title-font);
  color: #2e2e2e;
  font-weight: 500;
  margin-bottom: 20px;
  padding-left: 31px;
}

.banner-style-15 .text-box .list-item li:last-child{
  margin-bottom: 0px;
}

.banner-style-15 .text-box .list-item li:before{
  position: absolute;
  content: '';
  background-image: url(../../images/icons/icon-208.png);
  width: 14px;
  height: 12px;
  left: 0px;
  top: 8px;
  background-repeat: no-repeat;
}


/** banner-style-16 **/

.banner-style-16{
  position: relative;
  background-color: #042544;
}

.banner-style-16 .pattern-layer{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left top;
}

.banner-style-16 .slide-item{
  position: relative;
  padding: 275px 0px 255px 0px;
}

.banner-style-16 .slide-item .bg-image{
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: calc(50% + 240px);
  height: calc(100% - 100px);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner-style-16 .slide-item .bg-image:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.2;
}

.banner-style-16 .outer-container{
  padding-left: 250px;
  padding-right: 60px;
}

.banner-style-16 .content-box{
  max-width: 760px;
}

.banner-style-16 .content-box h2{
  font-size: 100px;
  line-height: 104px;
  margin-bottom: 35px;
}

.banner-style-16 .content-box p{
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  margin-bottom: 40px;
  max-width: 450px;
}

.banner-style-16 .content-box .btn-box a{
  position: relative;
  display: inline-block;
  font-size: 20px;
  line-height: 28px;
  color: #fe6400;
  font-weight: 500;
  padding-left: 92px;
}

.banner-style-16 .content-box .btn-box a:hover{
  text-decoration: underline;
}

.banner-style-16 .content-box .btn-box a:before{
  position: absolute;
  content: '';
  background: #fe6400;
  width: 72px;
  height: 1px;
  left: 0px;
  top: 13px;
}

.banner-style-16 .support-box{
  position: absolute;
  left: 110px;
  bottom: -11px;
  font-size: 20px;
  line-height: 28px;
  font-family: var(--jost);
  color: #fff;
  font-weight: 500;
  z-index: 1;
}

.banner-style-16 .support-box a{
  display: inline-block;
  color: #fff;
}

.banner-style-16 .support-box a:hover{

}

.banner-style-16 .support-box:before{
  position: absolute;
  content: '';
  background: rgba(255, 255, 255, 0.15);
  width: 338px;
  height: 1px;
  left: 240px;
  top: 15px;
}

.banner-style-17 .banner-carousel .content-box .btn-box a:first-child:hover{
  background: var(--secondary-color) !important;
  color: #fff !important;
}


/** banner-style-18 **/

.banner-style-18{
  position: relative;
}

.banner-style-18 .banner-carousel .content-box .upper-text{
  font-size: 24px;
  line-height: 30px;
  font-family: var(--title-font);
  color: #001a65;
  font-weight: 500;
  text-transform: none;
  margin-bottom: 22px;
}

.banner-style-18 .banner-carousel .content-box .upper-text:before{
  background: #001a65;
}

.banner-style-18 .banner-carousel .content-box h2{
  font-size: 75px;
  line-height: 70px;
  font-weight: 600;
  color: var(--title-color);
  margin-bottom: 31px;
}

.banner-style-18 .banner-carousel .content-box p{
  font-size: 22px;
  line-height: 30px;
  font-family: var(--title-font);
  color: #011a30;
  font-weight: 400;
  margin-bottom: 38px;
}

.banner-style-18 .banner-carousel .content-box .theme-btn{
  padding: 19px 38px 17px 39px;
}

.banner-style-18 .banner-carousel .slide-item{
  padding: 290px 0px 200px 0px;
}


/** banner-style-19 **/

.banner-style-19{
  position: relative;
  background: #f1f1f1;
  padding-top: 100px;
}

.banner-style-19 .title-box h2{
  position: relative;
  display: block;
  font-size: 40px;
  line-height: 50px;
  font-weight: 600;
}

.banner-style-19 .title-box h2 span{
  font-weight: 300;
}

.banner-style-19 .insurance-form{
  margin-top: 0px;
}

.banner-style-19 .insurance-form .image-layer{
  position: absolute;
  top: -55px;
  right: 140px;
}

.banner-style-19:before{
  position: absolute;
  content: '';
  background: #fff;
  width: 100%;
  height: 195px;
  left: 0px;
  bottom: 0px;
}

.banner-style-19 .theme-btn{
  background: #e23109;
}


/** banner-style-20 **/

.banner-style-20{
  position: relative;
}

.banner-style-20 .banner-carousel .slide-item{
  position: relative;
  padding: 195px 0px 250px 0px;
}

.banner-style-20 .banner-carousel .slide-item:before{
  position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.08;
  z-index: 1;
}

.banner-style-20 .banner-carousel .slide-item:after{
  position: absolute;
  content: '';
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(0deg, rgba(6,20,42,0.9) 0%, rgba(6,20,42,0.0) 75%);
  z-index: 1;
}

.banner-style-20 .content-box .btn-box .theme-btn:last-child{
  background: #fff;
  color: #000 !important;
}

.banner-style-20 .content-box .btn-box .theme-btn:last-child:hover{
  color: #fff !important;
}