

@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext');

.container{
  max-width: 1440px;
}
@media screen and (max-width: 1600px){
  .container {
  max-width: 1250px;
}
}
@media screen and (max-width: 1500px){
  .container{
  max-width: 1140px;
}
}
@media screen and (max-width: 1200px){
  .container{
  max-width: 960px;
}
}
h1,h2,h3,h4,h5,h6{
  font-family: "Cinzel", serif;
}

body{
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #4E5866;
   font-family: "Roboto", sans-serif;
  overflow-x: hidden;
}

.topheader{
  padding: 10px 0;
  color: #fff;
  background-color: #d5272e;
  padding: 10px 0 12px;
  position: relative;
  z-index: 3;
}
.topheader::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: calc(100% - 620px);
  border-radius: 0 0 50px 0;
  background: #3566aa;
  z-index: -1;
}
.topheader ul li{
  display: inline-block;
  list-style: none;
}
.topheader ul li a{
  color: #fff;
  transition: 0.5s ease;
}
.topheader ul{
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 10px;
}
.leftmar li{
  margin-left: 15px;
}
.rightmar li{
  margin-right: 15px;
}
.leftmar li a:hover{

transition: 0.5s ease;
}
.rightmar li a:hover{

transition: 0.5s ease;
}






/* #Navigation
================================================== */
.navigation-wrap::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
  height: 100%;
  width: calc(95%);
  border-radius: 80px 0 0 0;
  z-index: -1;
}
.start-header {
  opacity: 1;
  transform: translateY(0);
  padding: 4px 0;
  
  -webkit-transition : all 0.3s ease-out;
  transition : all 0.3s ease-out;
}
.start-header.scroll-on {
  box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
  padding: 4px 0;box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);
  -webkit-transition : all 0.3s ease-out;position: fixed;
  transition : all 0.3s ease-out;
}
.start-header.scroll-on .navbar-brand img{
  height: 74px;
  -webkit-transition : all 0.3s ease-out;
  transition : all 0.3s ease-out;
}
.navigation-wrap{
  position: relative;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  -webkit-transition : all 0.3s ease-out;
  transition : all 0.3s ease-out;
}
.navbar{
  padding: 0;
}
.navbar-brand img{
  height: 80px;
  width: auto;
  display: block;
 
  -webkit-transition : all 0.3s ease-out;
  transition : all 0.3s ease-out;
}
.navbar-toggler {
  float: right;
  border: none;
  padding-right: 0;
}
.navbar-toggler:active,
.navbar-toggler:focus {
  outline: none;
}
.navbar-light .navbar-toggler-icon {
  width: 24px;
  height: 17px;
  background-image: none;
  position: relative;
  border-bottom: 1px solid #000;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{
  width: 24px;
  position: absolute;
  height: 1px;
  background-color: #000;
  top: 0;
  left: 0;
  content: '';
  z-index: 2;
    transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after{
  top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
  transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
  transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
  border-color: transparent;
}
.nav-link{
  color: #212121 !important;
  font-weight: 500;
    transition: all 200ms linear;
    font-size: 18px;
}
.nav-item:hover .nav-link{
  color: #3566aa !important;
}
.nav-item.active .nav-link{
  color: #3566aa !important;
}
.nav-link {
  position: relative;
  padding: 5px 0 !important;
  display: inline-block;
}
.nav-item:after{
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  content: '';
  background-color: #3566aa;
  opacity: 0;
    transition: all 200ms linear;
}
.nav-item:hover:after{
  bottom: 0;
  opacity: 1;
}

.nav-item.active:hover:after{
  opacity: 0;
}

.nav-item{
  position: relative;
    transition: all 200ms linear;
}

/* #Primary style
================================================== */

.bg-light {
  background-color: #3566aa !important;
    transition: all 200ms linear;
}
.section {
    position: relative;
  width: 100%;
  display: block;
}
.full-height {
    height: 100vh;
}
.over-hide {
    overflow: hidden;
}
.absolute-center {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: 40px;
  transform: translateY(-50%);
  z-index: 20;
}
h1{
  font-size: 48px;
  line-height: 1.2;
  font-weight: 700;
  color: #212112;
  text-align: center;
}
p{
  text-align: justify;
  margin: 0;
  padding-top: 10px;
  opacity: 1;
}
body.hero-anime p{
  opacity: 0;
  transform: translateY(40px);
    transition-delay: 1700ms;
}
h1 span{
  display: inline-block;
    transition: all 300ms linear;
  opacity: 1;
  transform: translate(0);
}
body.hero-anime h1 span:nth-child(1){
  opacity: 0;
  transform: translateY(-20px);
}
body.hero-anime h1 span:nth-child(2){
  opacity: 0;
  transform: translateY(-30px);
}
body.hero-anime h1 span:nth-child(3){
  opacity: 0;
  transform: translateY(-50px);
}
body.hero-anime h1 span:nth-child(4){
  opacity: 0;
  transform: translateY(-10px);
}
body.hero-anime h1 span:nth-child(5){
  opacity: 0;
  transform: translateY(-50px);
}
body.hero-anime h1 span:nth-child(6){
  opacity: 0;
  transform: translateY(-20px);
}
body.hero-anime h1 span:nth-child(7){
  opacity: 0;
  transform: translateY(-40px);
}
body.hero-anime h1 span:nth-child(8){
  opacity: 0;
  transform: translateY(-10px);
}
body.hero-anime h1 span:nth-child(9){
  opacity: 0;
  transform: translateY(-30px);
}
body.hero-anime h1 span:nth-child(10){
  opacity: 0;
  transform: translateY(-20px);
}
h1 span:nth-child(1){
    transition-delay: 1000ms;
}
h1 span:nth-child(2){
    transition-delay: 700ms;
}
h1 span:nth-child(3){
    transition-delay: 900ms;
}
h1 span:nth-child(4){
    transition-delay: 800ms;
}
h1 span:nth-child(5){
    transition-delay: 1000ms;
}
h1 span:nth-child(6){
    transition-delay: 700ms;
}
h1 span:nth-child(7){
    transition-delay: 900ms;
}
h1 span:nth-child(8){
    transition-delay: 800ms;
}
h1 span:nth-child(9){
    transition-delay: 600ms;
}
h1 span:nth-child(10){
    transition-delay: 700ms;
}
body.hero-anime h1 span:nth-child(11){
  opacity: 0;
  transform: translateY(30px);
}
body.hero-anime h1 span:nth-child(12){
  opacity: 0;
  transform: translateY(50px);
}
body.hero-anime h1 span:nth-child(13){
  opacity: 0;
  transform: translateY(20px);
}
body.hero-anime h1 span:nth-child(14){
  opacity: 0;
  transform: translateY(30px);
}
body.hero-anime h1 span:nth-child(15){
  opacity: 0;
  transform: translateY(50px);
}
h1 span:nth-child(11){
    transition-delay: 1300ms;
}
h1 span:nth-child(12){
    transition-delay: 1500ms;
}
h1 span:nth-child(13){
    transition-delay: 1400ms;
}
h1 span:nth-child(14){
    transition-delay: 1200ms;
}
h1 span:nth-child(15){
    transition-delay: 1450ms;
}
#switch,
#circle {
  cursor: pointer;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear; 
} 
#switch {
  width: 60px;
  height: 8px;
  border: 2px solid #3566aa;
  border-radius: 27px;
  background: #000;
  position: relative;
  display: block;
  margin: 0 auto;
  text-align: center;
  opacity: 1;
  transform: translate(0);
    transition: all 300ms linear;
    transition-delay: 1900ms;
}
body.hero-anime #switch{
  opacity: 0;
  transform: translateY(40px);
    transition-delay: 1900ms;
}
#circle {
  position: absolute;
  top: -11px;
  left: -13px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #000;
}
.switched {
  border-color: #000 !important;
  background: #3566aa !important;
}
.switched #circle {
  left: 43px;
  box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
  background: #fff;
}
.nav-item .dropdown-menu {
    transform: translate3d(0, 10px, 0);
    visibility: hidden;
    opacity: 0;
  max-height: 0;
    display: block;
  padding: 0;
  margin: 0;
    transition: all 200ms linear;
}
.nav-item.show .dropdown-menu {
    opacity: 1;
    visibility: visible;
  max-height: 999px;
    transform: translate3d(0, 0px, 0);
}
.dropdown-menu {
  padding: 10px!important;
  margin: 0;
  font-size: 13px;
  letter-spacing: 1px;
  color: #212121;
  background-color: #fcfaff;
  border: none;
  border-radius: 3px;
  box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
    transition: all 200ms linear;
}
.dropdown-toggle::after {
  display: none;
}

.dropdown-item {
  padding: 6px 15px;
  color: #212121;
  border-radius: 2px;
    transition: all 200ms linear;
}
.dropdown-item:hover, 
.dropdown-item:focus {
  color: #fff;
  background-color: #3566aa;
}





/* #Media
================================================== */

@media (max-width: 767px) { 
  
  .nav-item:after{
    display: none;
  }
  .nav-item::before {
    position: absolute;
    display: block;
    top: 15px;
    left: 0;
    width: 11px;
    height: 1px;
    content: "";
    border: none;
    background-color: #000;
    vertical-align: 0;
  }
  .dropdown-toggle::after {
    position: absolute;
    display: block;
    top: 10px;
    left: -23px;
    width: 1px;
    height: 11px;
    content: "";
    border: none;
    background-color: #000;
    vertical-align: 0;
    transition: all 200ms linear;
  }
  .dropdown-toggle[aria-expanded="true"]::after{
    transform: rotate(90deg);
    opacity: 0;
  }
  .dropdown-menu {
    padding: 0 !important;
    background-color: transparent;
    box-shadow: none;
    transition: all 200ms linear;
  }
  .dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
  }

}

/* #Link to page
================================================== */

.logo {
  position: absolute;
  bottom: 30px;
  right: 30px;
  display: block;
  z-index: 100;
  transition: all 250ms linear;
}
.logo img {
  height: 26px;
  width: auto;
  display: block;
  filter: brightness(10%);
  transition: all 250ms linear;
}

.hero-slider {
  width: 100%;
  height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 0;
}

@media (max-width: 991px) {
  .hero-slider {
    height: 600px;
  }
}

@media (max-width: 767px) {
  .hero-slider {
    height: 500px;
  }
}

.hero-slider .swiper-slide {
  overflow: hidden;
  color: #fff;
}

.hero-slider .swiper-container {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.hero-slider .slide-inner {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}

.hero-slider .swiper-button-prev,
.hero-slider .swiper-button-next {
  background: transparent;
  width: 55px;
  height: 55px;
  line-height: 53px;
  margin-top: -30px;
  text-align: center;
  border: 2px solid #d4d3d3;
  border-radius: 55px;
  opacity:0;
  visibility:hidden;
  transition:all .3s ease;
}
.hero-slider:hover .swiper-button-prev,
.hero-slider:hover .swiper-button-next {
  transform:translateX(0);
  opacity:1;
  visibility:visible;
}

@media (max-width: 767px) {
  .hero-slider .swiper-button-prev,
  .hero-slider .swiper-button-next {
    display: none;
  }
}

.hero-slider .swiper-button-prev {
  left: 25px;
  transform:translateX(50px);
}

.hero-slider .swiper-button-prev:before {
  font-family: "Font Awesome 5 Free";
  content: "\f060";
  font-size: 15px;
  color: #d4d3d3;
  font-style: normal;
  display: inline-block
  vertical-align: middle;
  font-weight: 900;
}

.hero-slider .swiper-button-next {
  right: 25px;
  transform:translateX(-50px);
}

.hero-slider .swiper-button-next:before {
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  font-size: 15px;
  color: #d4d3d3;
  font-style: normal;
  display: inline-block
  vertical-align: middle;
  font-weight: 900;
}

.hero-slider .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  text-align: left;
  line-height: 12px;
  font-size: 12px;
  color: #000;
  opacity: 0.3;
  background:#fff;
  transition:all .2s ease;
}

.hero-slider .swiper-pagination-bullet-active {
  opacity:1;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.hero-slider .swiper-pagination-custom,
.hero-slider .swiper-pagination-fraction {
  bottom: 30px;
}

@media screen and (min-width: 992px) {
  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
  .hero-slider .swiper-pagination-custom,
  .hero-slider .swiper-pagination-fraction {
/*     display: none; */
  }
}
.swiper-pagination {
  text-align:left;
}

.hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{
  bottom:50px;
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
}
}
@media (min-width: 767px) {
  .hero-slider .swiper-container-horizontal > .swiper-pagination-bullets{
  bottom:30px;
 
}
}
/*--------------------------------------------------------------
  #hero-style
--------------------------------------------------------------*/
.hero-style {
  height: 780px;
  transition:all .4s ease;
}
.hero-slider .slide-inner::before{
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #0000004a, #000000cf);
}
@media (max-width: 991px) {
  .hero-style {
    height: 600px;
  }
}

.slidercaptiontag{

}

@media (max-width: 767px) {
  .hero-style{
    height: 500px;
  }
}

@media screen and (min-width: 992px) {
  .hero-style .container {
    padding-top: 0px;
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@keyframes spin {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  100% {
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg)
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
  50% {
    -webkit-transform:rotate(40deg);
    transform:rotate(40deg)
  }
  100% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
  }
}
.jump-reverse {
  -webkit-animation: jumpReverseAni 7s linear infinite;
  animation: jumpReverseAni 7s linear infinite;
  z-index: 9;
}

@keyframes jumpReverseAni {
  0% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
  50% {
    -webkit-transform:translateY(30px);
    transform:translateY(30px)
  }
  100% {
    -webkit-transform:translateY(0);
    transform:translateY(0)
  }
}.ripple-shape {
  position:absolute;
  bottom:0;
  right:0;
  z-index:2
}
.ripple-1,
.ripple-2,
.ripple-3,
.ripple-4,
.ripple-5,
.ripple-6 {
  height:40px;
  width:40px;
  position:absolute;
  left:30px;
  bottom:-10px;
  background-color:transparent;
  border:3px solid rgba(255,255,255,1);
  border-radius:50%;
  -webkit-transform:translate3d(-50%, 50%, 0);
  transform:translate3d(-50%, 50%, 0);
  -webkit-animation:heroripple 8s ease-out infinite;
  animation:heroripple 8s ease-out infinite
}
.ripple-1 {
  -webkit-animation-delay:0;
  animation-delay:0
}
.ripple-2 {
  -webkit-animation-delay:1s;
  animation-delay:1s
}
.ripple-3 {
  -webkit-animation-delay:2s;
  animation-delay:2s
}
.ripple-4 {
  -webkit-animation-delay:3s;
  animation-delay:3s
}
.ripple-4 {
  -webkit-animation-delay:4s;
  animation-delay:4s
}
.ripple-5 {
  -webkit-animation-delay:5s;
  animation-delay:5s
}
.ripple-6 {
  -webkit-animation-delay:1s;
  animation-delay:1s
}
@-webkit-keyframes heroripple {
  0% {
    -webkit-transform:translate3d(-50%, 50%, 0);
    transform:translate3d(-50%, 50%, 0);
    opacity:0.5
  }
  100% {
    -webkit-transform:translate3d(-50%, 50%, 0);
    transform:translate3d(-50%, 50%, 0);
    opacity:0;
    width:310px;
    height:310px
  }
}
@keyframes heroripple {
  0% {
    -webkit-transform:translate3d(-50%, 50%, 0);
    transform:translate3d(-50%, 50%, 0);
    opacity:0.5
  }
  100% {
    -webkit-transform:translate3d(-50%, 50%, 0);
    transform:translate3d(-50%, 50%, 0);
    opacity:0;
    width:310px;
    height:310px
  }
}
.hero-1 .shape5, .hero-1 .shape4 {
  z-index: 9;
}
.shape3 {
  top: -420px;
  left: -330px;
  width: 619.52px;
  height: 619.52px;
  border: 2px solid rgba(255,255,255,0.15);
  border-radius: 100px;
  -webkit-transform: rotate(25.36deg);
  -ms-transform: rotate(25.36deg);
  transform: rotate(25.36deg);
  z-index: 2;
  -webkit-animation: spin 40s linear infinite;
  animation: spin 40s linear infinite;
}
.shape4 {
  top:0;
  right: -330px;
  width: 619.52px;
  height: 619.52px;
  border: 2px solid rgba(255,255,255,0.15);
  border-radius: 100px;
  -webkit-transform: rotate(25.36deg);
  -ms-transform: rotate(25.36deg);
  transform: rotate(25.36deg);
  z-index: 2;
  -webkit-animation: spin 40s linear infinite;
  animation: spin 40s linear infinite;
}
.hero-shape {
  position: absolute;
}
.hero-style .slide-title,
.hero-style .slide-text,
.hero-style .slide-btns {
  max-width: 690px;
}

.hero-style .slide-title h2 {
  font-size: 50px;
  font-weight: 600;
  line-height: 1;
  color: #ffffff;
  margin: 0 0 20px;
  text-transform: capitalize;
  transition:all .4s ease;
}

@media (max-width: 1199px) {
  .hero-style .slide-title h2 {
    font-size: 75px;
  }
}

@media (max-width: 991px) {
  .hero-style .slide-title h2 {
    font-size: 50px;
    margin: 0 0 35px;
  }
}

@media (max-width: 767px) {
  .hero-style .slide-title h2 {
    font-size: 35px;
    margin: 0 0 30px;
  }
}

.hero-style .slide-text p {
  opacity: 1;
  font-size: 18px;
  line-height: 1.25;
  letter-spacing: normal;
  color: #ffffff;
  margin: 0 0 20px;
  transition:all .4s ease;
  font-weight: normal;
}

@media (max-width: 767px) {
  .hero-style .slide-text p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    margin: 0 0 30px;
  }
}

.hero-style .slide-btns > a:first-child {
  margin-right: 10px;
}



.butonstyk, .butonstyk-s2{
    background-color: #ffffff;
    font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  color:#2b3b95;
    padding: 9px 32px;
    border: 0; 
  border-radius: 3px;
    text-transform: uppercase;
    display: inline-block;
    line-height: initial;
  transition:all .4s ease;
}
a {
    text-decoration: none;
    transition: all 0.2s ease;
}
.butonstyk-s2{
    background-color: rgba(255, 255, 255, 0.9);
    color: #131e4a;
}
.butonstyk:hover, .butonstyk-s2:hover, .butonstyk:focus, .butonstyk-s2:focus, .butonstyk:active, .butonstyk-s2:active {
    background-color:#2b3b95 ;
    color: #fff;
}
.butonstyk-s3{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #ffffff;
  text-transform: uppercase;
}
i.fa-chevron-circle-right{
  height:22px;
  width:22px;
}
a:hover {
    text-decoration: none;
}
@media (max-width: 991px){
  .butonstyk, .butonstyk-s2, .butonstyk-s3 {
    font-size: 13px;
    padding: 15px 25px;
  }
}
@media (max-width: 767px){
  .butonstyk, .butonstyk-s2{
    padding: 13px 20px;
    font-size: 13px;
  }
}



.click-btn {
  display: flex;
  width: 140px;
  height: 40px;
  justify-content: center;
  align-items: center;
  margin: 0.5rem;
  line-height: 35px;
  border: 1px solid;
  border-radius: 5px;
  text-align: center;
  font-size: 18px;
  color: #000;
  text-decoration: none;
  transition: all 0.35s;
  box-sizing: border-box;
  margin-left: 40px;
}
.btn-style500 {
  border-color: #3566aa;
  color: #3566aa;
}
.btn-style500:hover {
  color: #fff;
  transition-delay: 0.2s;
  animation: ani500 0.6s forwards;
  background: radial-gradient(circle, #3566aa 0.2em, transparent 0.3em) 6em 6em/1em 1em, radial-gradient(circle, #3566aa 0.2em, transparent 0.3em) 0 0/1em 1em;
}

@keyframes ani500 {
  100% {
    background-size: 2.375em 2.375em, 0.1em 0.1em;
  }
}
.btn {
  background: #3566aa;
  color: #fff;
  transform: perspective(1px) translateZ(0);
  overflow: hidden;
  z-index: 9;
  padding: 10px 23px 10px 48px;
  display: inline-block;
  border-radius: 100px;
  border: none;
  font-weight: 500;
  margin-top: 40px;
  font-size: 20px;
}

.btn::before {
  background: #d5272e;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  clip-path: polygon(50% 0, 50% 0, 50% 50%, 50% 100%, 50% 100%, 50% 50%);
  opacity: 1;
  transition: .6s;
  z-index: -1
}

.btn span {
  color: #fff
}

.btn:hover::before {
  clip-path: polygon(25% -70%, 75% -70%, 120% 50%, 75% 170%, 25% 170%, -20% 50%)
}

.btn i {
  font-size: 20px;
  width: 40px;
  height: 40px;
  background: #fff;
  border-radius: 100%;
  line-height: 40px;
  margin-left: 10px;
  color: #3566aa
}

.btn:hover i {
  color: #d5272e;
  transition: .6s
}



/** feature-section **/

.feature-section{
  position: relative;
}

.feature-section .feature-block-one{
  position: relative;
  float: left;
  width: 33.33333%;
}

.feature-section .feature-block-one .inner-box{
  position: relative;
  padding: 35px 40px 40px 60px;
  min-height: 325px;
  z-index: 1;
}

.feature-section .feature-block-one .inner-box:before{
  position: absolute;
  content: '';
  background: #222;
  width: 100%;
  height: 0%;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: -1;
  transition: all 500ms ease;
}

.feature-section .feature-block-one .inner-box:hover:before{
  height: 100%;
}

.feature-section .feature-block-one:first-child .inner-box{

}

.feature-section .feature-block-one:nth-child(2) .inner-box{
  
}

.feature-section .feature-block-one:last-child .inner-box{
  background: #000;
}

.feature-section .feature-block-one .inner-box .icon-box{
  position: absolute;
  left: 40px;
  top: 0px;
  width: 108px;
  height: 108px;
  line-height: 108px;
  background: #fff;
  text-align: center;
  font-size: 70px;
  color: #22272b;
}

.feature-section .feature-block-one .inner-box .icon-box:before{
  position: absolute;
  content: '';
  background: #22272b;
  width: 100%;
  height: 10px;
  left: 0px;
  top: -10px;
}

.feature-section .feature-block-one:first-child .inner-box .icon-box:before{

}

.feature-section .feature-block-one:nth-child(2) .inner-box .icon-box:before{
  
}

.feature-section .feature-block-one .inner-box .inner{
  position: relative;
  padding: 4px 0px 0px 110px;
}



.feature-section .feature-block-one .inner-box .inner h4{
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 0px;
  transition: all 500ms ease;
  color: #fff;
}

.feature-section .feature-block-one .inner-box .inner p{
 
  font-weight: 400;
  margin-bottom: 1px;
  transition: all 500ms ease;
}

.feature-section .feature-block-one .inner-box .inner a{
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #22272b;
}

.feature-section .feature-block-one .inner-box .inner a i{
  margin-right: 4px;
  font-size: 15px;
}

.feature-section .feature-block-one:first-child .inner-box .inner h4,
.feature-section .feature-block-one:first-child .inner-box .inner a,
.feature-section .feature-block-one .inner-box:hover .inner h4,
.feature-section .feature-block-one .inner-box:hover .inner a{
  color: #fff !important;
}


.feature-section .feature-block-one:first-child .inner-box .inner p,
.feature-section .feature-block-one .inner-box:hover .inner p{
  color: #fff !important;
}
.feature-section .feature-block-one:first-child .inner-box{
  background: #3566aa;
}.feature-section .feature-block-one .inner-box .inner p{
  color: #fff;
}

.feature-section .feature-block-one:nth-child(2) .inner-box{
  background: #d5272e;
}

.feature-section .feature-block-one:first-child .inner-box .icon-box:before{
  background: #3566aa;
}

.feature-section .feature-block-one:nth-child(2) .inner-box .icon-box:before{
  background: #d5272e;
}
.feature-section .feature-block-one img{
  height: 73px;
  margin-top: -10px;
}


@media screen and (max-width: 1630px){
  .feature-section .feature-block-one .inner-box .icon-box{
    left: 25px;
  width: 100px;
  }.feature-section .feature-block-one .inner-box .inner {
  padding: 4px 0px 0px 85px;
}
.feature-section .feature-block-one .inner-box{
  padding: 35px 15px 40px 60px;
}
}
@media screen and (max-width: 1500px){
  .feature-section .feature-block-one .inner-box .icon-box{
    left: 20px;
  width: 90px;
  }.feature-section .feature-block-one .inner-box .inner {
  padding: 4px 0px 0px 75px;
}
.feature-section .feature-block-one .inner-box{
  padding: 35px 10px 40px 50px;
}
}
@media screen and (max-width: 1390px){
  .feature-section .feature-block-one .inner-box .icon-box{
  width:80px;
  }.feature-section .feature-block-one .inner-box .inner {
  padding: 4px 0px 0px 65px;
}
.feature-section .feature-block-one .inner-box{
  padding: 35px 10px 40px 50px;
}
.feature-section .feature-block-one .inner-box .inner p{
  font-size: 15px;
}
}
@media screen and (max-width: 1300px){
 
.feature-section .feature-block-one .inner-box .inner p{
  font-size: 14px;
}.feature-section .feature-block-one img {
  height: 60px;
  margin-top: -10px;
} .feature-section .feature-block-one .inner-box .icon-box {
    width: 70px;
  }  .feature-section .feature-block-one .inner-box {
    padding: 35px 10px 40px 20px;
  }
}
.hideinsdesk
{
  display: none;
}
@media screen and (max-width: 1200px){
  .feature-section .feature-block-one .inner-box .icon-box{
    display: none;
  }  .feature-section .feature-block-one .inner-box .inner {
    padding: 4px 0px 0px 5px;
  }
}
@media screen and (max-width: 991px){
  .feature-section .feature-block-one{
    width: 50%;
  }
  .hideinsdesk
{
  display: block;
}
.feature-section .feature-block-one .inner-box .inner p br, .disnon{
  display: none;
}
.feature-section .feature-block-one .inner-box{
  min-height: 460px;
}
}
@media screen and (max-width: 767px){
   .feature-section .feature-block-one{
    width: 100%;
  }.feature-section .feature-block-one .inner-box{
  min-height: auto;
}  .feature-section .feature-block-one .inner-box .inner p {
    font-size: 15px;
  }  .hero-style {
    height: 300px;
  }
  .shape3, .hero-shape, .ripple-shape{
    display: none;
  }
  .click-btn{
    font-size: 15px !important;
  }
}
.footer-area {
    padding: 85px 0 100px;
    background: #000;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.footer-contact-info {
    background: #fff;
    padding: 50px 50px 50px;
    position: relative;
    margin-top: -211px;
    z-index: 1;
}

p.footer-desc {
    font-size: 17px;
    line-height: 26px;
    color: #8e939f;
    font-weight: 300;
    font-family: "Archivo";
    margin-top: 19px;
}

.footer-title2 h3 {
    font-size: 22px;
    color: #3566aa;
    font-weight: 500;
    font-family:"Cinzel", serif;
    position: relative;
    margin-top: 24px;
    margin-bottom: 34px;
}

.footer-title2 h3:before {
    position: absolute;
    content: "";
    left: 0;
    top: 34px;
    width: 30px;
    height: 2px;
    background-color: #3566aa;
}

.footer-didget-icon {
    float: left;
    margin-right: 10px;
}

.footer-didget-icon span i {
    color: #3566aa;
}

.footer-widget-contact p {
    font-size: 17px;
    color: #6E6E6E;
    font-weight: 300;
    font-family: "Archivo";
    overflow: hidden;
    margin-bottom: 20px;
    padding-top: 0;
}
.footer-widget-contact p a{
  color: #6E6E6E;
}
.footer-logo img{
  height: 100px;
}
.footer-widget-social-icon ul li {
    display: inline-block;
    margin-right: 8px;
    margin-top: 14px;
}
.footer-widget-contact p a:hover {
  color: #3566AA;
}
.footer-widget-social-icon ul li a {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: rgba(255,255,255,0.10196078431372549);
    line-height: 34px;
    text-align: center;
    color: #8F939E;
    font-size: 15px;
}

.footer-widget-social-icon ul li a:hover{
    color:#fff;
    background: #3566aa;
}

.footer-widget-content.style-left {
    position: relative;
    margin-left: 50px;
}

.footer-widget-titel h4 {
    font-size: 24px;
    color: #ffffff;
    font-weight: 700;
    font-family:"Cinzel", serif;
    margin-bottom: 35px;
}

.footer-widget-titel h4:before {
    position: absolute;
    content: "";
    left: 0;
    top: 36px;
    width: 30px;
    height: 2px;
    background-color: #3566aa;
}

.footer-widget-menu ul li a {
    display: inline-block;
    transition: 0.5s;
    font-size: 17px;
    color:#c4c4c4;
    font-weight: 400;
    font-family:"Cinzel", serif;
    display: flex;
    margin-bottom: 14px;
}

.footer-widget-menu ul li a:hover{
    color:#3566aa;
}

.newsletter-area {
    background:#3566aa;
    padding: 24px 0 23px;
}

.newsletter-title h1 {
    font-size: 34px;
    color: #ffffff;
    font-weight: 700;
    font-family:"Cinzel", serif;
    margin-bottom: -2px;
    text-align: left;
}

.newsletter-title p {
    font-size: 15px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Archivo";
}

.subscribe_form {
    position: relative;
    text-align: right;
}

.subscribe_form input {
    height: 60px;
    background-color: #ffffff;
    outline: 0;
    border: none;
    width: 88%;
    float: right;
    border-radius: 0;
}

.subscribe_form button {
    transition: all 0.4s ease 0s;
    border: medium none;
    background: #171717;
    position: absolute;
    right: 0;
    top: 0px;
    display: inline-block;
    z-index: 1;
    font-size: 17px;
    color: #ffffff;
    font-weight: 500;
    font-family:"Cinzel", serif;
    border-radius: 0;
    text-transform: uppercase;
    padding: 10px;
    width: 142px;
    height: 60px;
    margin: 0;
}

.subscribe_form button:hover {
    color: #fff !important;
}

.subscribe_form button.btn:after {
    background: #0163A2;
}

.footer-bottom-area {
    background: #3566aa;
    padding: 17px 0 15px;
}

.footer-bottom-content-copy p {
    font-size: 17px;
    line-height: 26px;
    color: #fff;
    text-align: center;
    font-weight: 300;
    padding-top: 0;
    margin: 0;
}

.footer-bottom-content.right {
    text-align: right;
}

.footer-bottom-menu ul li {
    display: inline-block;
    margin-right: 24px;
}

.footer-bottom-menu ul li a {
    display: inline-block;
    transition: 0.5s;
    font-size: 17px;
    color: #8e939f;
    font-weight: 400;
    font-family:"Cinzel", serif;
}

.footer-bottom-menu ul li a:hover{
    color:#fff;
}


.footer-widget-menu ul{
  padding-left: 15px;
}
.footer-widget-menu ul li{
  list-style: disclosure-closed;
}



/*About Us*/


.home_about_us {
  position: relative;
  background-color: #000;
}
.home_about_us__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: left top;
  background-repeat: no-repeat;
  mix-blend-mode: color-burn;
}
@media (max-width: 767px) {
  .home_about_us__bg {
    background-size: cover;
  }
}
.home_about_us__content {
  position: relative;
  padding: 80px 0;
}
@media (max-width: 767px) {
  .home_about_us__content {
    padding: 60px 0;
  }
}
.home_about_us__content .section-title-seven {
  margin-bottom: 23px;
}
.home_about_us__content .section-title-seven__title {
  color: #fff;
}
.home_about_us__content__text {
  line-height: 30px;
  font-weight: 700;
  margin: 0 0 18px;color: #c4c4c4;
  font-weight: normal;
}
.home_about_us__content__border {
  width: 100%;
  height: 1px;
  background-color: red
  margin: 0 0 50px;
}
.home_about_us__box {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 0 0 ;
  background-color: rgb(255,255,255,0.5);
  border-radius: 10px;
  gap: 20px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .home_about_us__box {
    display: block;
    text-align: center;
    margin-left: 0;
    padding-top: 25px;
  }
}
.home_about_us__box__icon {
  width: 80px;
  height: 80px;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  color: red
  margin: 0 0 0 -32px;
}
@media (max-width: 767px) {
  .home_about_us__box__icon {
    margin: auto;
  }
}
.home_about_us__box__icon span {
  display: inline-block;
  transition: all 500ms linear;
  transition-delay: 0.1s;
  transform: scale(1);
}
.home_about_us__box__icon::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  content: "";
  background-color: red
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.4s;
  transition-property: all;
  opacity: 1;
  transform-origin: top;
  transform-style: preserve-3d;
  transform: scaleY(0);
  z-index: -1;
}
.home_about_us__box:hover .home_about_us__box__icon {
  color: #fff;
}
.home_about_us__box:hover .home_about_us__box__icon span {
  transform: scale(0.9);
}
.home_about_us__box:hover .home_about_us__box__icon::after {
  opacity: 1;
  transform: scaleY(1);
}
.home_about_us__box__title {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin: 0;
}
@media (max-width: 767px) {
  .home_about_us__box__title {
    margin: 25px 0;
  }
}
.home_about_us__box:hover .home_about_us__box__image::after {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.home_about_us__box:hover .home_about_us__box__image__rm {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.home_about_us__box__image {
  margin-left: auto;
  border-radius: 10px;
  overflow: hidden;
  max-width: 270px;
  position: relative;
}
@media (max-width: 767px) {
  .home_about_us__box__image {
    margin: auto;
  }
}
.home_about_us__box__image::after {
  width: 100%;
  height: 100%;
  background-color: rgb(0,0,0,0.5);
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  opacity: 0;
  visibility: hidden;
  transform: translateY(-80%);
  transition: opacity 500ms ease, transform 500ms ease;
}
.home_about_us__box__image img {
  width: 100%;
  height: auto;
}
.home_about_us__box__image__rm {
  width: 50px;
  height: 50px;
  background-color: red
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  opacity: 0;
  visibility: hidden;
  transform: translateY(80%);
  transition: opacity 500ms ease, transform 500ms ease;
}
.home_about_us__box__image__rm span {
  display: inline-block;
  transition: all 500ms ease;
}
.home_about_us__box__image__rm:hover {
  background-color: #fff;
  color: #000;
}
.home_about_us__box__image__rm:hover span {
  transform: rotate(30deg);
}
.home_about_us .insur-stretch-element-inside-column {
  position: relative;
  height: 100%;
}
.home_about_us__image {
  position: relative;
  max-width: 773px;
  z-index: 1;
  text-align: right;
  margin-left: auto;
  mask: url('data:image/svg+xml;utf8,<svg viewBox="0 0 773 834" xmlns="http://www.w3.org/2000/svg"><path d="M10.51 834C-39.8894 444.185 103.176 115.577 181.008 0H811V834H10.51Z"/></svg>');
  mask-repeat: no-repeat;
  mask-position: top left;
  mask-size: cover;
}
@media (max-width: 1399px) {
  .home_about_us__image {
    margin-left: 50px;
  }
}
@media (max-width: 991px) {
  .home_about_us__image {
    mask: inherit;
    margin: 0;
  }
}
.home_about_us__image img {
  max-width: 100%;
  height: 100%;
  min-height: 760px;
  object-fit: cover;
}
@media (max-width: 767px) {
  .home_about_us__image img {
    min-height: inherit;
  }
}
.home_about_us__shape {
  position: absolute;
  z-index: 2;
  left: 80px;
  bottom: 0;
}
@media (max-width: 1399px) {
  .home_about_us__shape {
    left: 0;
  }
}
@media (max-width: 1199px) {
  .home_about_us__shape {
    left: 30px;
  }
}
@media (max-width: 991px) {
  .home_about_us__shape {
    display: none;
  }
}
.home_about_us__shape img {
  max-width: 100%;
  height: auto;
  width: 91.2%;
}





/*About Us*/

p{
  color: #6E6E6E;
}
/*Services*/
.service-item.servicenewsty {
 background-color: black;
  box-shadow: none;
  padding: 40px 30px;
  margin: 0;
    margin-top: 0px;
  margin-top: 0px;
  margin-top: 40px;
  position: relative;
  background-color: #fff;
  text-align: center;
  padding: 0px;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  z-index: 1;
  margin-top: 30px;box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.23);
  margin: 20px;
  
}.service-box.servicenewsty:hover::before {
  border: 1px solid #fff;
}
.service-item.servicenewsty::before{
content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 1px;
  background: #3566aa;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.service-item_content{
  padding: 0 30px 30px;position: relative;
  z-index: 999999;transition: 0.5s ease;min-height: 230px;
 
}


.service-item_text{
  text-align: center;
}
.service-item.servicenewsty:hover::before {
  height: 100%;
}

.service-item.servicenewsty:before {
  content:"";
  position:absolute;
  inset:0;
  width:100%;
  height:1px;
  border-top:5px solid #3566aa;
  opacity:0;
  visibility:hidden;
  -webkit-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out
}
.service-item.servicenewsty .service-item_img {
  margin-bottom:0;
  position: relative;
  z-index: 99 !important;
}
.service-item.servicenewsty .service-item_icon {
  position:relative;
  width:60px;
  height:60px;
  line-height:60px;
  border-radius:50%;
  display:block;
  background-color:#ff0e0e;
  border:none;
  -webkit-transform:none;
  -ms-transform:none;
  transform:none;
  margin:-35px auto 15px auto;
  -webkit-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out;
 z-index: 99999999;
}
.service-item.servicenewsty .service-item_icon img{
  height: 40px;
}
.service-item.servicenewsty:hover  .service-item_icon::after{
  transition: 0.5s ease;
  background-color:red;
}
.service-item.servicenewsty .service-item_icon:after {
  transition: 0.5s ease;
  content:'';
  position:absolute;
  left:0px;
  top:2px;
  width:60px;
  height:60px;
  background-color:#3566aa;
  border-radius:50%;
  z-index:-1;
  -webkit-transition:0.4s;
  transition:0.4s
}
.service-item.servicenewsty .box-title {
  font-size:30px;
  line-height:40px;
  margin-bottom:0px;
  color: #000;
}
.service-item.servicenewsty .service-shape {
  position:absolute;
  bottom:0;
  z-index:-1
}
.service-item.servicenewsty .service-shape.style1 {
  left:0
}
.service-item.servicenewsty .service-shape.style2 {
  right:0
}
.service-item.servicenewsty:hover:before {
  opacity:1;
  visibility:visible
}
/*Services*/

/*Team*/
.team-member {
  background-color: #fff;
  border: 2px solid rgba(86,90,207,.2);
  border-radius: 20px;
  padding: 35px 40px 50px;
  position: relative;
  text-align: center;
  transition: all .5s;
  z-index: 1;
}
.team-member .team-media {
  margin-bottom: 20px;
  padding: 20%;
  position: relative;
}

.team-member .team-media::before {
  background-image: url(data:image/png;base64,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);
  background-size: 77%;
}
.team-member .team-media::after, .team-member .team-media::before {
  background-position: 50%;
  background-repeat: no-repeat;
  content: "";
  height: 100%;
  left: 50%;
  opacity: .2;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  transition: all .5s;
  width: 100%;
  z-index: -1;
}
.team-member .social-media {
  display: flex;
  justify-content: center;
  margin: 0 -6px;
    margin-top: 0px;
}
.service-item.servicenewsty:hover .box-title, .service-item.servicenewsty:hover p{
 transition: 0.5s ease;
  color: #fff !important;
}
.team-member .social-media li {
  display: inline-block;
  padding: 0 6px;
}
.team-member .social-media li a {
  background-color: #565acf;
  border-radius: 8px;
  box-shadow: 0 10px 40px 0 rgba(31,34,120,.1);
  color: #fff;
  display: block;
  height: 40px;
  line-height: 42px;
  text-align: center;
  transition: all .5s;
  width: 40px;
}


@media screen and (max-width: 1500px){
  .service-item_content{
    min-height: 250px;
  }
  .service-item.servicenewsty .box-title {
  font-size: 26px;
}
}
@media screen and (max-width: 1200px){
  .service-item_content{
    min-height: 285px;
  }
  .service-item.servicenewsty .box-title {
  font-size: 22px !important;
}
.service-item_content {
  padding: 0 20px 30px;
  }
}
@media screen and (max-width: 1200px){
    .service-item_content {
    min-height: 250px;
  }
}


.hero-style .slide-btns .btn-style500{
  border-color: #fff;
  color: #fff;float: left;
  margin: 0;
  margin-top: 20px;
  font-size: 20px;
  width: 140px;
}




#desknonen{
  display: none;
}
.nav-link, .dropdown-item{
  font-size: 19px;
}
.dropdown-item{
  font-size: 17px;
}
/*Responsive CSS*/
@media screen and (max-width: 1550px){

.topheader::after{
  width: calc(100% - 453px);
}
.nav-link{
  font-size: 18px;
}
.dropdown-item{
  font-size: 16px;
}
}

@media screen and (max-width: 1360px){

  .topheader::after {
    width: calc(100% - 384px);
  }
  .navigation-wrap::after{
    width: calc(98%);
  }
}


@media screen and (max-width: 1200px){
  .topheader{
    display: none;
  }
  .nav-item{
    margin-left:15px !important;
  }
  #desknonen{
    display: block;
  }
  #mobnonen{
    display: none;
  }
   .navigation-wrap::after {
    width: calc(100%);
    border-radius: 0;
  }
  .navbar-brand img {
  height: 65px;
}
.dropdown-item{
  font-size: 15px;
}
}


@media screen and (max-width: 991px){
    .nav-link {
    font-size: 16px;
  }
   .dropdown-item {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px){
  .navbar-nav {
    overflow: hidden;
  }.nav-item::before{
      display: none;
    }  .navbar-nav .nav-link {
    font-size: 16px;
  }
  .dropdown-item{
    font-size: 14px;
    border-bottom: none;
  }
}


@media (max-width: 1199px) {
  .hero-style .slide-title h2 {
    font-size: 45px;
  }
}

@media (max-width: 991px) {
  .hero-style .slide-title h2 {
    font-size: 35px;
    margin: 0 0 35px;
  }
}

@media (max-width: 767px) {
  .hero-style .slide-title h2 {
    font-size: 28px;
    margin: 0 0 30px;
  }
}

.hero-style .slide-text p {
  opacity: 1;
  font-size: 20px;
  line-height: 1.25;
  letter-spacing: normal;
  color: #ffffff;
  margin: 0 0 20px;
  transition:all .4s ease;
  font-weight: normal;
}

@media (max-width: 767px) {
  .hero-style .slide-text p {
    font-size: 16px;
    font-size: 1rem;
    font-weight: normal;
    margin: 0 0 30px;
  } 

.nav-item:hover::before{
  display: none;
}
  .beforeafteryes::before {
    position: absolute;
    display: block;
    top: 15px;
    left: 0;
    width: 11px;
    height: 1px;
    content: "";
    border: none;
    background-color: #000;
    vertical-align: 0;
  }  .dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
    margin-top: 0;
    margin-bottom: 20px !important;
  }
  .dropdown-item {
  padding: 3px 15px;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #212121;
  background-color: #fff;
}
  .hero-style .slide-title h2 {
    font-size: 25px;
    margin: 0 0 0px;
  }
    .hero-style .slide-text p {
   
    margin: 0 0 6px;
  }
    .hero-style {
    height: 330px;
  }
  .swiper-pagination-bullets {
  bottom: 17px;
}
}








.sectiontitle{
  font-size: 40px;
  text-align: center;
  color: #000;
  margin-bottom: 10px;
}.animate-border {
  position: relative;
  display: block;
  width: 115px;
  height: 3px;
  background: #3566aa;
  overflow: hidden;
  margin-bottom: 40px !important;
}
.animate-border:after {
  position: absolute;
  content: "";
  width: 35px;
  height: 3px;
  left: 15px;
  bottom: 0;
  border-left: 10px solid #fff;
  border-right: 10px solid #fff;
  -webkit-animation: animborder 2s linear infinite;
  animation: animborder 2s linear infinite;
}

@-webkit-keyframes animborder {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(113px);
    transform: translateX(113px);
  }
}

@keyframes animborder {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(113px);
    transform: translateX(113px);
  }
}
.z-index {
  z-index: 9;
}
.choose-about {
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  gap:30px;
  max-width:516px;
  margin-bottom:35px;
  -webkit-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out
}
.choose-about:last-child {
  margin-bottom:0
}
.choose-about .box-title {
  margin-bottom:8px;
  color: #c4c4c4;font-size: 24px;
}
.choose-about_icon {
  -webkit-transition:all 0.4s ease-in-out;
  transition:all 0.4s ease-in-out
}
.choose-about_icon img{
  height: 80px;
}
.choose-about_text {color: #c4c4c4;
  margin-bottom:0
}
.choose-about:hover .choose-about_icon {
  -webkit-transform:rotateY(180deg);
  transform:rotateY(180deg)
}
.choose-about-wrap{
  margin-top: 40px;
}
.choose-image {
  position:relative;
  min-width:524px;
  min-height:620px;
  border-radius:200px 0px 0px 0px
}
@media (max-width: 1299px) {
  .choose-image {
    min-width:100%;
    min-height:100%
  }
}
@media (max-width: 991px) {
  .choose-image {
    margin-top:40px
  }
}
.choose-image .img1 {
  text-align:right
}
.choose-image .img1 img {
  width:100%
}
.choose-image .img2 {
  position:absolute;
  left:-18%;
  bottom:-10%
}

.homeservice{
  padding: 60px 0;
}

@media screen and (max-width: 1199px){
  .service-item.servicenewsty .box-title{
    font-size: 27px;
  }
}

@media screen and (max-width: 767px){
  .homeservice {
  padding: 30px 0 20px;
}
.sectiontitle {
  font-size: 30px;
  }.animate-border {
  width: 100px;
  margin-bottom: 20px !important;
}  .feature-section .feature-block-one .inner-box {
    padding: 20px 10px 30px 20px;
  }
}
.home_about_us{
  overflow: hidden;
}

.home_about_us .sectiontitle{
  color: #fff; font-size:34px;
}


@media screen and (max-width: 1600px){
  .home_about_us__shape img {
  width: 93%;
}
.home_about_us .sectiontitle{
  font-size: 29px;
}
}


@media screen and (max-width: 1200px){
  .home_about_us .insur-stretch-element-inside-column{
    display: none;
  }
  .choose-about{
    max-width:fit-content !important;
  }
}

@media screen and (max-width: 767px){
    .home_about_us__content {
    padding: 35px 0;
  }  .home_about_us .sectiontitle {
    font-size: 22px;
  }
  .home_about_us__content__text{
    margin-bottom: 10px;
  }
  .choose-about-wrap {
  margin-top: 15px;
}
.choose-about .box-title{
  font-size: 20px;
}
}





/*Team*/

.teamss__single {
  position: relative;
  display: block;
  margin-bottom: 23px;
  padding: 20px;
}

.teamss__img {
  position: relative;
  display: block;
  border-radius: 20px;
  z-index: 1;
}

.teamss__img:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  border-radius: 20px;
  border: 2px dashed red;
  transform: rotate(-7deg);
  transition: all 500ms ease;
  z-index: -1;
}

.teamss__single:hover .teamss__img:after {
  border: 2px dashed #3566aa;
}

.teamss__img-box {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 20px;
  z-index: 1;
}

.teamss__img-box:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  border-radius: 20px;
  background-color: rgba(var(--insur-black-rgb), 0.5);
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.5s;
  transition-property: all;
  z-index: 1;
}

.teamss__single:hover .teamss__img-box:before {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
  transition-delay: 0.1s;
  transition-timing-function: ease-in-out;
  transition-duration: 0.7s;
  transition-property: all;
}

.teamss__img-box img {
  width: 100%;
  border-radius: 20px;
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: all 500ms ease;
}

.teamss__single:hover .teamss__img-box img {
  transform: scale(1.05);
}

.teamss__social {
  position: absolute;
  right: 20px;
  bottom: 25px;
  background-color: #3566AA;
  text-align: center;
  padding: 20px 17.5px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transform: scaleY(0);
  transform-origin: center;
  transform-style: preserve-3d;
  -webkit-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  transition: all 0.4s linear;
  transform-origin: bottom center;
  z-index: 2;
}

.teamss__single:hover .teamss__social {
  transform: scaleY(1);
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.teamss__social li + li {
  margin-top: 25px;
}

.teamss__social li a {
  font-size: 15px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}


.teamss__content {
  position: relative;
  display: block;
  padding-top: 28px;
}

.teamss__sub-title {
  font-size: 18px;
  color: #D5272E;

  letter-spacing: 0.1em;
  font-weight: 700;
  padding-top: 0;
}

.teamss__name {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  margin-top: 20px;
}

.teamss__name a {
  color: #000;
  transition: all 500ms ease;
}

.teamss__name a:hover {
  color: #3566AA;
}

.teamss__social-two {
  position: absolute;
  right: 20px;
  top: -25px;
  background-color: #d5272e;
  padding: 17.5px 18.4px;
  border-radius: 10px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 2;
}

.teamss__single:hover .teamss__social-two {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-color: #3566AA;
  -webkit-transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -ms-transition-delay: 500ms;
  -o-transition-delay: 500ms;
  transition-delay: 500ms;
}

.teamss__social-two li a {
  font-size: 15px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.teamss__social-two li a:hover {
  color: red;
}

.teamss__bottom {
  position: relative;
  display: block;
  text-align: center;
  max-width: 560px;
  width: 100%;
  margin: 35px auto 0;
  border: 2px dashed #3566AA;
  border-radius: 30px;
  padding: 10px 0;
}
.teamss__single:hover .teamss__sub-title{
 color: #3566AA; 
}
.our-team .animate-border{
  background: #d5272e;
}
.teamss__bottom-text {
  font-weight: 500;
}

.teamss__bottom-text span {
  color: #d5272e;
  font-weight: 700;
}

.our-team{
  padding: 70px 0 50px;
}

@media screen and (max-width: 767px){
  .teamss__single{
    padding: 10px;
  }
  .teamss__sub-title {
  font-size: 16px;
}
}
@media screen and (max-width: 991px){
  .footer-widget-content.style-left{
    margin-top: 40px;
  } .footer-widget-titelw h4::before {
    left: 14px;
    top: 43px;
  }
}


@media screen and (max-width: 767px){
  .our-team {
  padding: 25px 0 0px;
}
.teamss__content{
  padding-top: 10px;
}
.newsletter-title h1{
  font-size: 30px;
}
.footer-contact-info {
  padding: 20px 20px 13px;
  }
  .footer-contact-info{
    margin-top: -45px;margin-bottom: 30px;
  }.newsletter-area {
  padding: 28px 0 32px;
}
.newsletter-title p{
  padding-top: 0;
  padding-bottom: 10px;
}
.subscribe_form input{
  width: 100%;
}
.subscribe_form button{
  width: 110px;
  font-size: 15px;
}
p.footer-desc {
  font-size: 16px;
  }
  .footer-widget-content.style-left{
    margin-left: 0;
    margin-top: 10px;
  }
  .footer-widget-titelw h4::before{
    left: 14px;top: 43px;

  }
  .footer-widget-titelw{
    margin-top: 10px;

  }

.footer-area {
  padding: 85px 0 28px;
}
}





/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Page Header
--------------------------------------------------------------*/
.page-header {
  position: relative;
  display: block;
  background-color:#000;
  z-index: 1;
}

.page-header-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: .50;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: -1;
}

.page-header__shape-1 {
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 69px;
  background-color: #fff;
  max-width: 1376px;
  width: 100%;
  clip-path: polygon(0 0, 96% 0, 100% 100%, 0 100%);
  z-index: 1;
}

.page-header__inner {
  position: relative;
  display: block;
  padding: 120px 0 180px;
  z-index: 15;
}

.page-header__inner h2 {
  font-size: 50px;
  color: #fff;
  line-height: 50px;
  margin-bottom: 6px;
  font-weight: 680;
  letter-spacing: -0.06em;
}

.thm-breadcrumb__box {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.thm-breadcrumb__box:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -10000000px;
  left: 99%;
  background-color: #d5272e;
  z-index: -1;
}

.thm-breadcrumb {
  position: relative;
  display: block;
  background-color:#d5272e;
  padding-left: 80px;
  /* clip-path: polygon(0 0, 100% 0%, 100% 100%, 15% 100%); */
  z-index: 1;
  margin-bottom: 0px;
}

.thm-breadcrumb::before {
  content: '';
  width: 100000px;
  height: 70px;
  position: absolute;
  right: 94%;
  bottom: -1px;
  background-color: #fff;
  transform: skewX(45deg);
  /* clip-path: polygon(0 0, 96% 0, 100% 100%, 0 100%); */
}

.thm-breadcrumb li {
  position: relative;
  display: inline-block;
  font-size: 12px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 0.1em;
}

.thm-breadcrumb li+li {
  margin-left: 4px;
}

.thm-breadcrumb li a {
  position: relative;
  display: inline-block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  color: #fff;
  padding: 8px 0 7px;
}

.thm-breadcrumb li:hover a {
  color: #000;
  opacity: 1;
}

.thm-breadcrumb li span {
  font-size: 12px;
}
.gallery-section {
  padding: 50px 0px ;
}
.gallery-box{
  margin: 50px 0px 0px;
}
.testimonialspage {
  padding: 50px 0;
}
.testimonialspage .col-md-6, .testimonialspage .col-md-9 {
  padding-left: 0;
}
.testimonialspage .card {
  margin: 50px 0px ;
  box-shadow: 0 0px 7px rgba(179, 179, 179, 0.19), 0 1px 2px rgba(179, 179, 179, 0.23);
  border-radius: 15px;
  padding: 20px 10px 20px;
  background-image: -webkit-linear-gradient(0deg,#3566aa 12%,#fff 12%);
  background-repeat: no-repeat;
}
.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
}
.testimonialspage .card {
  margin: 10px;
  box-shadow: 0 0px 7px rgba(179, 179, 179, 0.19), 0 1px 2px rgba(179, 179, 179, 0.23);
  border-radius: 15px;
  padding: 20px 10px 10px;
  background-image: -webkit-linear-gradient(0deg,#3566aa 12%,#fff 12%);
  background-repeat: no-repeat;
}

.testimonialspage img {
  display: block;
  width: 100%;
}
.testimonialspage .iconn {
  height: 40px;
  width: auto !important;
}
.testimonialspage img {
  display: block;
  width: 100%;
}
.testimonialspage .card p {
  text-align: left !important;
}
.testimonialspage p {
  color: #91807B;
  font-family: 'Poppins';
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
}
.readmore-button {
  display: flex;
  justify-content: center;
  padding: 50px 0px;
}
.doctor-team{
  padding: 50px 0px;
}
.bg-blue {
  background-color: #3566aa;
  color: #fff;
  border: 2px solid #fff;
}

.testimonialspage{
  padding: 60px 0 70px;
}


@media screen and (max-width: 767px){
  .testimonialspage {
  padding: 35px 0;
}
.page-header__inner h2 {
  font-size: 38px;
  }
  .page-header__inner{
    padding: 43px 0 100px;
  }
}















































.about-us-image-area .image-2-area {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 71px;
}

.about-us-image-area .border-shape {
  position: absolute;
  top: -11px;
  right: 60px;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center right;
  z-index: -1;
}

.about-us-image-area .working-area {
  background: #3566aa;
  display: inline-block;
  padding: 25px 16px 10px;
  text-align: center;
  position: absolute;
  top: 86px;
  animation-duration: 10s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-name: card-bounce;
  left: -50px;
}
.about-us-content-areatt{
  padding-left: 40px;
}
.about-us-image-area .icon-box i {
  color: #fff;
  font-size: 50px;
}

.about-us-image-area .icon-box h4 {
  color: #fff;
  margin-top: 14px;
  margin-bottom: 1px;
}

.about-us-image-area .icon-box p {
  font-family: var(--secondary-font);
  color: #fff;
  position: relative;
}

.about-us-image-area .inner:before {
  content: "";
  position: absolute;
  bottom: -40px;
  left: -16px;
  width: 50px;
  height: 30px;
  background: #295188;
  clip-path: polygon(50% 0%, 100% 0, 100% 100%, 48% 47%, 0 0);
}

.about-us-section .shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: bottom left;
}

.about-us-section .shape-2 {
  position: absolute;
  top: 236px;
  right: 0;
  width: 30%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top right;
  z-index: 1;
}

.about-us-section .shape-3 {
  position: absolute;
  top: 352px;
  right: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top right;
}

/* shine start */
.about-us-image-area figure.image-1 {
  position: relative;
  display: block;
  overflow: hidden;
}

.about-us-image-area figure.image-1:before {
position: absolute;
top: 0;
left: -75%;
display: block;
content: '';
width: 50%;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
-webkit-transform: skewX(-25deg);
-ms-transform: skewX(-25deg);
transform: skewX(-25deg);
}

.about-us-content-area ul li{
  list-style: disclosure-closed;
  margin-bottom: 5px;
  font-weight: 500;
}
.about-us-content-area ul li::marker{
  color: #3566aa;
}

.about-us-content-area .icon-box {
  display: flex;
  align-items: self-start;
  gap: 35px;
}

.about-us-content-area .content h5 {
  font-size: 18px;
  margin-bottom: 8px;
}

.about-us-content-area .content h5:hover a {
  color: #3566aa;
}

.about-us-content-area .content p {
  font-family: 'Roboto';
}

.about-us-content-area .icon {
  position: relative;
  background: #3566aa;
  width: 64px;
  height: 64px;
  line-height: 64px;
  text-align: center;
  border-radius: 50%;
  transition: all .4s ease-in-out;
  border-radius: 0px;
  width: 100%;
  max-width: 64px;
}

.about-us-content-area .icon img {
  filter: initial;
}

.about-us-content-area:hover .icon img {
  filter: grayscale(100%) brightness(300%);
}

.about-us-content-area .icon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #3566aa;
  color: #fff;
  transform: scale(0);
  transition: all 500ms ease;
}

.about-us-content-area .icon-box:hover .icon:before {
  transform: scale(1,1);
}

.about-us-content-area .icon-box:hover .icon i {
  position: relative;
  z-index: 1;
  color: #fff;
}

.about-us-image-area .image-2 {
  display: inline-block;
  border: 10px solid #fff;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.08);
}

.about-us-image-area .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.about-us-image-area .play-btn a {
  border-radius: 50%;
  color: #fff;
  z-index: 2;
  position: relative;
  font-size: 17px;
}

.video_player_btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 57px;
  width: 57px;
  border-radius: 50%;
  transition: all 500ms ease;
}

.about-us-image-area .video_player_btn:before,
.about-us-image-area .video_player_btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 100%;
  height: 100%;
  background-color: #3566aa;
  opacity: 1;
  border-radius: 50%;
}
.video_player_btn:before {
  z-index: 0;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
          animation: pulse-border 1500ms ease-out infinite;
}
.video_player_btn:after {
  z-index: 1;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

@keyframes shine {
100% {
  left: 125%;
}
}
@keyframes shine {
100% {
  left: 125%;
}
}
.about-us-section:hover figure.image-1:before {
  animation: shine 1.5s;
}
/* shine end */
.about-us-section:hover figure.image-1::before {
  animation: shine 1.5s;
}
@media only screen and (max-width: 1400px){ 
 
  .about-us-section .shape-2,
  .about-us-section .shape-3 {
    display: none;
  }

}

.section-space {
  padding-top: 70px;
  padding-bottom: 90px;
}
.p-relative {
  position: relative;
}

.about-us-content-area .sectiontitle {
  font-size: 33px;
  }@keyframes card-bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@keyframes hero-circle-1 {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.about-us-section .choose-about .box-title, .about-us-section .choose-about_text{
  color: #6E6E6E;
}

.pl-30{
  padding-left: 30px;
}

.about-us-section .choose-about .box-title{
  color: #000;
}


.about-us-section p{
  padding-top: 0;
  padding-bottom: 20px;
}



.teammain p{
  padding-top: 0;
  padding-bottom: 20px;
}

.capyion{
  padding: 14px 20px;
  background-color: #3566aa;
  text-align: center;
}
.capyion h4{
  color: #fff;
  margin-bottom: 0;
}
.capyion span{
  color: #fff;
}
.teammain{
  margin-bottom: 40px;
}






@media only screen and (max-width: 1280px){ 
 
  .about-us-image-area{
    margin-left: 30px;
  }
  .about-us-image-area .border-shape{
    right: 13px;
  }

}
@media only screen and (max-width: 1199px){ 
 
  .about-us-image-area{
    margin-left: 20px;
  }
  .about-us-image-area .border-shape{
    right: 13px;
  }
  .about-us-image-area figure.image-1{
    width: 70%;
  }.pl-30 {
  padding-left: 11px;
}.about-us-content-area .sectiontitle {
  font-size: 27px;
}
.about-us-content-area .choose-about-wrap {
  margin-top: 14px;
}
.about-us-content-area .choose-about{
  margin-bottom: 10px;
}
}
@media only screen and (max-width: 991px){ 

.about-us-image-area figure.image-1 img {
  width: 100%;
}
.capyion{
  margin-bottom: 20px;
}
.about-us-image-area .image-2-area{
  bottom: 0;
}
.about-us-section .shape-1,
.about-us-image-area .border-shape{
  display: none;
}.page-header{
    overflow: hidden;
  }
}

@media only screen and (max-width: 425px){ 

.about-us-content-area{
  padding-left: 0;
}

.about-us-content-area .icon-box{
  gap: 20px;
}
}



@media screen and (max-width: 767px){
  .section-space{
    overflow: hidden;
  }.teammain {
  margin-bottom: 17px;
}  .our-team22 {
    padding: 33px 0 17px;
  }
  .about-us-image-area .image-2-area{
    display: none;
  }  .about-us-image-area figure.image-1 {
    width: 100%;
  }
  .about-us-image-area .working-area{
    padding: 7px 11px 0px;
  }
  .about-us-image-area .inner::before{
    bottom: -28px;left: -10px;
  }
  .page-header{
    overflow: hidden;
  }.section-space {
  padding-top: 40px;
  padding-bottom: 2px;
} .about-us-image-area {
    margin-left: 50px;
    margin-right: 30px;
  }.about-us-image-area figure.image-1{
    margin-bottom: 20px;
  }
}








.contacts .form-control{
  margin-bottom: 20px;
  height: 50px;
}
textarea{
  height: 100px !important;
}
.contacts .click-btn{
  background-color: #fff;
  margin-left: 0;
}
.contacts {
  position: relative;
  padding: 70px 0;
  background-color: #fff;
}
@media (max-width: 767px) {
  .contacts {
    padding: 40px 0 0;
  }
}
.contacts__wrapper {
  position: relative;
  border: 1px solid #dddddd;
  border-radius: 20px;
  padding: 50px 48px;
}
@media (min-width: 1300px) {
  .contacts__wrapper {
    margin: 0 -49px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contacts__wrapper {
    padding: 50px 28px;
  }
}
@media (max-width: 767px) {
  .contacts__wrapper {
    padding: 50px 20px;
  }
}
.contacts__info {
  position: relative;
  background-color: #3566aa;
  max-width: 501px;
  border-radius: 11px;
  padding: 45px 52px 69px;
}
@media (max-width: 767px) {
  .contacts__info {
    padding: 35px 20px 49px;
  }
}
.contacts__info__shape {
  position: absolute;
  right: 40px;
  bottom: 45px;
  width: 120px;
  height: 120px;
  background-position: center center;
  background-repeat: no-repeat;
  animation: wobble-horizontal-on-hover 4s infinite linear;
}
@keyframes wobble-horizontal-on-hover {
  16.65% {
    transform: translateX(8px);
  }
  33.3% {
    transform: translateX(-6px);
  }
  49.95% {
    transform: translateX(4px);
  }
  66.6% {
    transform: translateX(-2px);
  }
  83.25% {
    transform: translateX(1px);
  }
  100% {
    transform: translateX(0);
  }
}
.contacts__info::after {
  position: absolute;
  right: -45px;
  top: 70px;
  margin: auto;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 45px 0 45px 45px;
  border-color: transparent transparent transparent #d4272c ;
  animation: topBottomTwo 4s infinite linear;
}
@media (max-width: 1199px) {
  .contacts__info::after {
    display: none;
  }
}
.contacts__info__title {
  color: #fff;
  font-size: 22px;
  margin: 0 0 17px;
}
.contacts__info__text {
  color: #fff;
  margin: 0 0 32px;
}
.contacts__info__box-wrapper {
  margin: 0 0 37px;
  padding: 0 0 0 30px;
  border-left: 5px solid #fff;
  list-style: none;
  position: relative;
}
@media (max-width: 767px) {
  .contacts__info__box-wrapper {
    padding-left: 0;
    border: none;
  }
}
.contacts__info__box-wrapper::after {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 22px 0 22px 22px;
  border-color: transparent transparent transparent #fff;
  animation: topBottomTwo 3s infinite linear;
}
@media (max-width: 767px) {
  .contacts__info__box-wrapper::after {
    display: none;
  }
}
.contacts__info__box {
  position: relative;
  min-height: 64px;
  padding: 2px 0 0 78px;
}
.contacts__info__box__icon {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  color: #3566aa;
  border-radius: 50%;
  font-size: 25px;
  transition: all 500ms ease;
  z-index: 1;
  overflow: hidden;
}
.contacts__info__box__icon::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0%;
  background-color: #000;
  top: 0px;
  left: 0px;
  z-index: -1;
  transition: all 500ms ease;
}
.contacts__info__box:hover .contacts__info__box__icon {
  color: #fff;
}
.contacts__info__box:hover .contacts__info__box__icon::after {
  height: 100%;
}
.contacts__info__box__title {
  color: #fff;
  font-size: 22px;
  margin: 0 0px;
}
.contacts__info__box__text {
  color: #fff;
  font-size: 16px;
  margin: 0;
}
.contacts__info__box__text a {
  color: inherit;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.contacts__info__box__text a:hover {
  background-size: 100% 1px;
}
.contacts__info__box + .contacts__info__box {
  margin-top: 35px;
}
.contacts__info__social {
  position: relative;
}
.contacts__info__social__title {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  letter-spacing: 0.27px;
  margin: 0 0 26px;
}
.contacts__info__social__wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}
.contacts__info__social__wrap a {
  width: 37px;
  height: 37px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 16px;
  color: #3566aa;
}@keyframes topBottomTwo {
  0%, 100% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(-5px);
  }
}
@keyframes textRotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.contacts__info__social__wrap a:hover {
  background-color: #000;
  color: #fff;
}
.contacts__content {
  position: relative;
  padding: 31px 0 0;
}
.contacts__content .sec-title-two {
  padding-bottom: 21px;
}
.contacts__content__text {
  margin: 0 0 35px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .contacts__content__text br {
    display: none;
  }
}
.contacts__content .form-one .bootstrap-select > .dropdown-toggle,
.contacts__content .form-one input[type=text],
.contacts__content .form-one input[type=email],
.contacts__content .form-one textarea {
  border: 1px solid #dddddd;
}
.contacts--contact-page {
  padding: 120px 0;
}
@media (max-width: 767px) {
  .contacts--contact-page {
    padding: 80px 0;
  }
}



@media screen and (max-width: 1300px){
  .contacts__info{
    max-width: 430px;
  }
  .contacts__info__box__title{
    font-size: 18px;
  }
  .contacts__info{
    padding: 45px 30px 69px;
  }
  .contacts__info__box{
    padding: 2px 0 0 60px;
  }
  .contacts__info__box-wrapper{
    padding: 0 0 0 24px;
  }
  .contacts__info__box__icon {
  width: 50px;
  height: 50px;font-size: 21px;
}
.contacts__info__box__text{
  font-size: 15px;
}.contacts__content {
  position: relative;
  padding: 0px 0 0;
}
}

@media screen and (max-width: 991px){
  .contacts__info__box__text {
    font-size: 14px;
    text-align: left;
  }
}

@media screen and (max-width: 767px){
  .contacts__wrapper{
    padding: 0;
    border: none;
  } .contacts__info__box-wrapper {
    padding: 0 0 0;
  }.swiper-pagination-bullets {
  bottom: 17px !important;
}
    .contacts__info__box__text {
    font-size: 15px;
  }  .contacts__info {
    padding: 30px 30px 30px;
  }
  .contacts__info__social__title{
    margin: 0 0 10px;
  }
  .contacts__info__box-wrapper {
  margin: 0 0 20px;
}.contacts__info__box + .contacts__info__box {
  margin-top: 15px;
}
.contacts__info{
  margin-bottom: 20px;
}
.iframm{
  margin-top: 20px;
}
}  .iframm {
   
    margin-bottom: -10px;
  }



.space-extra, .space-extra-bottom {
  padding-bottom: calc(var(--section-space) - 30px);
}
.page-single {
  margin-bottom: 30px;
}
.service-single {
  background-color: var(--white-color);
  box-shadow: 0px 6px 35px 0px rgba(0,0,0,0.06);
  padding: 40px;
}
.page-img {
  margin-bottom: 30px;
  border-radius: 0px;
  overflow: hidden;
}

.page-img img {
  width: 100%;
}
.mb-20 {
  margin-bottom: 20px;
}
.mb-30 {
  margin-bottom: 30px;
}

.checklist.style4 ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: block;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-left: 20px;
}
.checklist ul {
  padding-left: 0;
  list-style: none;
  text-align: left;
  margin-bottom: 0;
}
.checklist li:not(:last-child) {
  margin-bottom: 10px;
}
.checklist li {
  color: var(--title-color);
  font-weight: 500;
  
  gap: 10px;
}
.checklist li::marker{
  color: #3566aa;
}
 
 .mt-20{
  margin-top: 30px;
 }

.service-section{
  padding: 50px 0px;
}
 
.checklist ul li {
  list-style: disclosure-closed;
}
@media screen and (max-width: 1199px){
  .checklist.style4 ul{
    display: block;
  }
  .service-single{
    padding: 0;
  }
  .service-single{
    box-shadow: none;
  }.service-section {
  padding: 40px 0px 4px;
}
}
