﻿
li{
  list-style: none;
}

.breadcrumb .breadcrumb-item{
  color: #0d6efd;
}

.breadcrumb .breadcrumb-item.active{
  color: #c4c4c4;
}

.left-alighn .col-heading-otr{
  text-align: right;
}

.left-alighn .col-heading-otr h1{
  display: inline-block;
}

.breadcrumb-item+.breadcrumb-item::before,
.opening-section2 .breadcrumb-item+.breadcrumb-item::before{
  float: none !important;
}

.accordion-header{
  margin: 0;
}

@media (max-width: 575px) {
  .col-xs-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xs-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xs-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xs-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xs-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xs-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xs-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xs-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xs-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xs-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xs-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xs-12 {
    flex: 0 0 auto;
    width: 100%;
  }
}

.flip-row{
    flex-direction : row-reverse;
}
.template-feature1 img {
    max-width: 100%;
    height: auto;
}
.template-feature1 span, .template-feature1 a, .template-feature1 a:hover {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}
.template-feature1 p.service_text{
  color:#cccccc !important;
  font-size:16px;
  line-height:28px;
  text-align:center;    
}
.template-feature1 .section-head p, p.awesome_line{
  color:#818181;
  font-size:16px;
  line-height:28px;
  text-align:center;  
}

.template-feature1 .extra-text {
    font-size:34px;
    font-weight: 700;
    color:#2f2f2f;
    margin-bottom: 25px;
    position:relative;
    text-transform: none;
}
.template-feature1 .extra-text::before {
    content: '';
    width: 60px;
    height: 3px;
    background: #f7a245;
    position: absolute;
    left: 0px;
    bottom: -10px;
    right: 0;
    margin: 0 auto;
}
.template-feature1 .extra-text span {
    font-weight: 700;
    color:#f7a245;
}
.template-feature1 .item {
    background: #fff;
    text-align: center;
    padding: 30px 0px;
    -webkit-box-shadow:0 0px 25px rgba(0, 0, 0, 0.07);
    box-shadow:0 0px 25px rgba(0, 0, 0, 0.07);
    border-radius: 20px;
    border:5px solid rgba(0, 0, 0, 0.07);
    margin-bottom: 30px;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.template-feature1 .item:hover{
    background:#f7a245;
    box-shadow:0 8px 20px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.template-feature1 .item:hover .item, .template-feature1 .item:hover span.icon{
    background:#fff;
    border-radius:10px;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.template-feature1 .item:hover h6, .template-feature1 .item:hover p{
    color:#fff;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}
.template-feature1 .item .icon {
    font-size: 40px;
    margin-bottom:25px;
    color: #f38e1f;   
    width: 90px;
    height: 90px;
    line-height: 96px;
    border-radius: 50px;
}
.template-feature1 .item .feature_box_col_one{
    background:rgba(247, 198, 5, 0.20);
    color:#f38e1f
}
.template-feature1 .item .feature_box_col_two{
    background:rgba(255, 77, 28, 0.15);
    color:#f38e1f
}
.template-feature1 .item .feature_box_col_three{
    background:rgba(0, 147, 38, 0.15);
    color:#f38e1f
}
.template-feature1 .item .feature_box_col_four{
    background:rgba(0, 108, 255, 0.15);
    color:#f38e1f
}
.template-feature1 .item .feature_box_col_five{
    background:rgba(146, 39, 255, 0.15);
    color:#f38e1f
}
.template-feature1 .item .feature_box_col_six{
    background:rgba(23, 39, 246, 0.15);
    color:#f38e1f
}
.template-feature1 .item p{
    font-size:15px;
    line-height:26px;
    padding-left: 5px;
    padding-right: 5px;
}
.template-feature1 .item h6 {
    margin-bottom:20px;
    color:#2f2f2f;
}
.template-feature1 .mission p {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 28px;
    font-weight: 500;
}
.template-feature1 .mission i {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #f38e1f;
    border-radius: 50%;
    color: #fff;
    font-size: 25px;
}
.template-feature1 .mission .small-text {
    margin-left: 10px;
    font-size: 13px;
    color: #666;
}
.template-feature1 .skills {
    padding-top:0px;
}
.template-feature1 .skills .prog-item {
    margin-bottom: 25px;
}

.template-feature1 .skills .prog-item p {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 10px;
}
.template-feature1 .skills .prog-item .skills-progress {
    width: 100%;
    height: 10px;
    background: #e0e0e0;
    border-radius:20px;
    position: relative;
}
.template-feature1 .skills .prog-item .skills-progress span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #f38e1f;
    width: 10%;
    border-radius: 10px;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.template-feature1 .skills .prog-item .skills-progress span:after {
    content: attr(data-value);
    position: absolute;
    top: -5px;
    right: 0;
    font-size: 10px;
    font-weight:600;    
    color: #fff;
    background:rgba(0, 0, 0, 0.9);
    padding: 3px 7px;
    border-radius: 30px;
}

#template-service-grid img {
    max-width: 100%;
    height: auto;
}

#template-service-grid .brand_border .fa.fa-minus {
    color: #fff;
    font-size: 8px;
    height: 2px;
        background: #f38e1f none repeat scroll 0 0;
    width: 100px;
}
#template-service-grid .brand_border .fas.fa-handshake {
    font-size: 14px;
        color:#000000;
}

.template-padding-p{
  padding: 30px 0 10px 0;
}

#template-service-grid .section_title p {
  color: #333333;
  font-size: 14px;
  line-height: 25px;
  padding: 14px 0;
}

#template-service-grid .choose_us .section_title {
    margin-top: 45px;
}
#template-service-grid .single_service {
  padding: 32px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 50px;
}

#template-service-grid .single_service:hover{
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.4);
}

#template-service-grid .icon {
  border: 1px solid #666;
  border-radius: 5%;
  color: #333333;
  font-size: 35px;
  line-height: 65px;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  width: 70px;
}

#template-service-grid .single_service .single_service-left {
  padding-right: 25px;
}

#template-service-grid .single_service-heading {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  padding-right: 25px;
}

#template-service-grid .single_service-body p {
  font-size: 13px;
  line-height: 25px;
  padding-right: 25px;
}

#template-service-grid .single_service-left {
  display: table-cell;
  vertical-align: top;
}
#template-service-grid .single_service-body {
  color: #333333;
  display: table-cell;
  vertical-align: top;
}
#template-service-grid .hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}
#template-service-grid .single_service:hover {
    background: #f7a245 none repeat scroll 0 0;
}


#template-features2 .bg-gray {
    background-color: #f9f9f9;
}

.features-items,
.features-items .items-box {
  overflow: hidden;
}

.features-area .features-items .col-md-5, 
.features-area .features-items .col-md-7 {
  display: table-cell;
  float: none;
  vertical-align: middle;
}

.features-area .features-items.reversed .col-md-5, 
.features-area .features-items.reversed .col-md-7 {
  display: inline-block;
  float: left;
}

.features-area .features-items.reversed .info-box {
  float: right;
}

.features-area .features-items .item {
  padding: 15px 30px;
}

.features-area.item-full .features-items .item {
  padding: 30px;
}

.features-area .features-items .item h4 {
  position: relative;
}

.features-area.bottom-small {
  padding-bottom: 25px;
}

.features-area.default-padding.bottom-none {
  padding-bottom: 30px;
}

.features-area .item .icon {
  margin-bottom: 20px;
}

.features-area .item .info {
}

.features-area .item .icon i {
  background: #ffffff none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  display: inline-block;
  font-size: 30px;
  height: 100px;
  line-height: 100px;
  position: relative;
  text-align: center;
  width: 100px;
  z-index: 1;
}

.features-area .features-items .items-box i {
  background: transparent;
}

.features-area .item .icon {
  margin-bottom: 25px;
}

.features-area .features-items.icon-solid i {
  border-radius: inherit;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  color: #ffaf5a;
  display: inline-block;
  font-size: 50px;
  height: 80px;
  line-height: 80px;
  position: relative;
  text-align: center;
  width: 80px;
}


.features-area .item .info h4 {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 20px;
}
.features-area .item .info p {
  margin: 0;
}

.features-area .features-items.less-icon .items-box.inc-cell .item .info {
  padding-left: 0;
}

.features-area .features-items .items-box.inc-cell .item .info a {
  color: #666666;
  display: inline-block;
  margin-top: 15px;
  text-transform: uppercase;
}

.features-area .features-items .items-box.inc-cell .item .info a:hover {
  color: #ffaf5a;
}

.popup-image-gallery{
    margin: auto;
    text-align: center
}
.popup-image-gallery img{
     cursor: pointer;
      width:100%;
      height:300px;
      object-fit:cover;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.show-popup{
    z-index: 999;
    display: none;
}
.show-popup .overlay-img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.show-popup .img-show{
    width: 100%;
    height: 100%;
    background: #FFF;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden;
    z-index: 999999999;
}
.img-show img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain;
    background: #000000e3;
}
.popup-image-gallery .col-md-3{
    margin-bottom:25px;
}
    button.prev{
        position:fixed;
        z-index:99999999999999;
        top:50%;
        left:20px;
        background: no-repeat;
        color: white;
        border: 1px solid;
        padding: 10px;

    }
    button.next{
       position: fixed;
        z-index: 99999999999999;
        top: 50%;
        right: 20px;
        background: no-repeat;
        color: white;
        border: 1px solid;
        padding: 10px;

    }
.features-area .item .icon img {
    background: #ffffff none repeat scroll 0 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-box-shadow: 0 0 10px #cccccc;
    -webkit-box-shadow: 0 0 10px #cccccc;
    -o-box-shadow: 0 0 10px #cccccc;
    box-shadow: 0 0 10px #cccccc;
    color: #ffaf5a;
    display: inline-block;
    font-size: 30px;
    height: 170px;
    line-height: 100px;
    position: relative;
    text-align: center;
    width: 170px;
    z-index: 1;
}
.content1 header {
  margin: 80px 30px 75px;
  text-align: center;
}

.content1 header > h1 strong {
  font-weight: 600;
}

.content1 header > p {
  max-width: 520px;
  margin: auto;
}

@media (max-width: 443px) {
  .content1 header > h1 { font-size: 1.6em; }
}

.content1 .cards-container {
  list-style: none;
  padding: 0; margin: 0;
  margin: auto;
}

@media (min-width: 788px) {
 .content1 .cards-container { 
    width: 728px;
  }
 .content1 .cards-container::after {
    content: "";
    clear: both;
    display: table;
  }
}

@media (min-width: 1166px) {
 .content1 .cards-container {
    width: 1106px;
  }
}

[class$='feature-card'] {
  position: relative;
  box-sizing: border-box;
  width: 350px; height: 250px;
  margin: 0;
  padding: 32px;
  border-radius: 10px;
  border-top: solid 5px black;
  box-shadow: 2px 5px 20px rgb(0,0,0,0.1);
}

[class$='feature-card'] h2, [class$='feature-card'] p { margin: 0; }

[class$='feature-card'] i {
  position: absolute;
  bottom: 32px; right: 32px;
}

[class$='feature-card'][class*='cyan'] {
  border-color: hsl(180, 62%, 55%);
}

[class$='feature-card'][class*='red'] {
  border-color: hsl(0, 78%, 62%);
}

[class$='feature-card'][class*='orange'] {
  border-color: hsl(34, 97%, 64%);
}

[class$='feature-card'][class*='blue'] {
  border-color: hsl(212, 86%, 64%);
}

@media (min-width: 788px) {
  [class$='feature-card'] {
    float: left;
  }

  @media (min-width: 1166px) {
    
    [class$='feature-card']:first-child {
      margin: 140px 0;
    }
   
    [class$='feature-card']:nth-child(2),
    [class$='feature-card']:nth-child(3) {
      margin: 0 22px;
    }

    [class$='feature-card']:last-child {
      margin-top: -110px;
    }

    [class$='feature-card']:nth-child(3) {
      margin-top: 30px;
    }
  }

  @media (max-width: 1165px) {

    [class$='feature-card']:nth-child(3),
    [class$='feature-card']:nth-child(4) {
      margin-top: 30px;
    }

    [class$='feature-card']:nth-child(2),
    [class$='feature-card']:nth-child(4) {
      margin-left: 28px;
    }
  }
}

@media (max-width: 787px) {

  [class$='feature-card'] {
    width: 300px; height: 220px;
    margin: auto;
  }

  [class$='feature-card']:not(:first-child) {
    margin-top: 22px;
  }
}

.testimonials2  img {
    max-width: 100%;
    height: auto;
}
        testimonials2 {
            padding: 60px 0;
            min-height: 100vh;
        }
.testimonials2 {
    padding: 120px 0 80px;
}
.testimonials2 .heading {
    margin-bottom: 60px;
}
.testimonials2 .heading h2 {
    font-weight: 700;
    color: #313e4b;
    margin-bottom: 20px;
}
.testimonials2 .heading h2 span {
    font-weight: 300;
    color: #02a2c4;
    margin: 0;

}
.testimonials2 .heading p {
    font-weight: 300;
    line-height: 26px;
    margin: 0;
    color: #727f8c;
}
.testimonials2 .box {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    padding: 40px;
    border-radius: 15px;
    margin-bottom: 40px;
    transition: all 0.4s ease-in-out;
}
.testimonials2 .box h3 {
    font-size: 18px;
    font-weight: 500;
    color: #313e4b;
}
.testimonials2 .box:hover {
    transform: translateY(-10px);
}
.testimonials2 .box h3 span {
    font-size: 13px;
    font-weight: 400;
    color: #02a2c4;
    margin-left: 10px;
}
.testimonials2 .box p {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
    color: #727f8c;
    margin-bottom: 20px;
    margin-top: 10px;
    padding-right: 20px;
}
.testimonials2 .box .image img {
    width: 90px;
    height:90px;
    border-radius: 50%;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.testimonials2 .box .icon {
    border: 1px solid #eee;
    color: #777777;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
.testimonials2 .box .icon:hover {
    color: #ffffff;
    border: 1px solid #02a2c4;
    background: #02a2c4;
}
#testimonials3 {
    background: #f9f9f9;
    min-height: 100vh;
}
#testimonials3 .center-heading {
  text-align: center;
}

#testimonials3 .center-heading .section-title {
  font-weight: 400;
  color: #3B566E;
  letter-spacing: 1.75px;
  line-height: 38px;
  margin-bottom: 20px;
}

#testimonials3 .center-heading.colored .section-title {
  color: #ffffff;
}

#testimonials3 .center-text {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 1px;
  margin-bottom: 50px;
}

#testimonials3 .center-text.colored {
  color: #C7E5FF;
}

#testimonials3 .center-text p {
  margin-bottom: 30px;
}
#testimonials3 .testimonials-item {
  display: block;
  position: relative;
  margin-bottom: 30px;
}

#testimonials3 .testimonials-item:hover .user {
  top: -20px;
}

#testimonials3 .testimonials-item:hover .testimonials-content:before {
  opacity: 1;
}

#testimonials3 .testimonials-item:hover .testimonials-content .user-name {
  color: #fff;
}

#testimonials3.testimonials-item:hover .testimonials-content .txt:before,#testimonials3 .testimonials-item:hover .testimonials-content .txt:after {
  opacity: .1;
}

#testimonials3 .testimonials-item:hover .testimonials-content span,#testimonials3 .testimonials-item:hover .testimonials-content p {
  color: #C7E5FF !important;
}

#testimonials3 .testimonials-item .user {
  width: 88px;
  height: 88px;
  position: relative;
  position: absolute;
  top: -10px;
  left: 25px;
  z-index: 3;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
}
#testimonials3 .testimonials-item .user img{
  max-width: 100%;
}

#testimonials3 .testimonials-item .testimonials-content {
  background: #fff;
  overflow: hidden;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}

#testimonials3 .testimonials-item .testimonials-content:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-image: linear-gradient(135deg, #004e92 0%, #000428 100%);
  opacity: 0;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#testimonials3 .testimonials-item .testimonials-content .user-name {
  display: block;
  font-weight: 400;
  font-size: 16px;
  color: #3B566E;
  margin-top: 20px;
  padding-left: 130px;
  letter-spacing: 0.69px;
  margin-bottom: 5px;
  position: relative;
  z-index: 3;
}

#testimonials3 .testimonials-item .testimonials-content span {
  display: block;
  font-weight: 400;
  font-size: 14px;
  color: #6F8BA4;
  letter-spacing: 0.6px;
  padding-left: 130px;
  padding-right: 25px;
  position: relative;
  z-index: 3;
}

#testimonials3 .testimonials-item .testimonials-content .txt {
  position: relative;
  overflow: hidden;
}

#testimonials3 .testimonials-item .testimonials-content .txt:before {
  font-family: FontAwesome;
  content: "\f10d";
  position: absolute;
  left: 25px;
  top: 25px;
  color: #3B566E;
  z-index: 1;
  font-size: 40px;
  opacity: .4;
  color: #e1ecf4;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

#testimonials3 .testimonials-item .testimonials-content .txt:after {
  font-family: FontAwesome;
  content: "\f10e";
  position: absolute;
  right: 25px;
  bottom: 15px;
  color: #3B566E;
  z-index: 1;
  font-size: 40px;
  opacity: .4;
  color: #e1ecf4;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

#testimonials3 .testimonials-item .testimonials-content .txt p {
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: 25px;
  margin-top: 40px;
  font-weight: 400;
  font-size: 14px;
  color: #6F8BA4;
  letter-spacing: 0.6px;
  line-height: 26px;
  position: relative;
  z-index: 3;
}
.cta-block1 .background-container {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-bottom: 30px!important;
    padding-top: 30px!important;
    text-align: center!important;
}
.cta-block1 .background-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(23,27,38,.92)), to(rgba(39,45,62,.92)));
    background-image: linear-gradient(to top, rgba(23,27,38,.92) 0%, rgba(39,45,62,.92) 100%);
}
.cta-block1 .background-cover {
    z-index: 2;
    position: relative;
    color: #fff;
}
.cta-block1 .line-heading {
    -webkit-box-align: center;
    align-items: center;
}
.cta-block1 .line-heading-left {
    margin: 0;
    padding: 0;
}
.cta-block1 .line-heading-left h2 {
    color: #fff;
    font-size: 2.625rem;
    font-weight: bold;
    line-height: 1.1;
    margin: 0;
    padding: 0;
}
.cta-block1 .line-heading-left h4 {
    font-size: 1.75rem;
    font-weight: 300;
    color: #05B0E3;
    line-height: 1.1;
    margin: 0;
    padding: 0;
}
.cta-block1 .line-heading p {
    margin-left: 38px;
    margin-top: 0;
    padding: 12px 0 12px 30px;
    line-height: 24px;
    -webkit-box-flex: 1;
    flex: 1;
    font-size: 1rem;
    color: #bfbfbf;
    margin-bottom: 0;
}
.team-block1 .our-team .team-row {
  margin-left: -40px;
  margin-right: -40px;
  text-align-center;
}

.team-block1 .our-team .team-wrap {
  padding: 0 40px;
}

.team-block1 .our-team .container-fluid {
  padding: 0 50px;
}

.team-block1 .team-img img {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  overflow: hidden;
  width: 100%;
  height: 300px;
  object-fit:cover;
}

.team-block1 .team-member,
.team-block1 .team-img {
  position: relative;
  overflow: hidden;
}

.team-block1 .team-title {
  margin: 15px 0 7px;
  font-size:20px
}
.team-block1 p {
 text-aling:center;
}
h1, h2, h3, h4, h5, h6 {
}

a, a:hover, a:focus, a:active {
    text-decoration: none;
    outline: none;
}

#team2 .site-heading h2 {
  display: block;
  font-weight: 700;
  margin-bottom: 10px;
}

#team2 .site-heading h2 span {
  color: #ff5a6e;
}

#team2 .site-heading h4 {
  display: inline-block;
  padding-bottom: 20px;
  position: relative;
  text-transform: capitalize;
  z-index: 1;
}

#team2 .site-heading {
  margin-bottom: 60px;
  overflow: hidden;
  margin-top: -5px;
}

#team2.team-area .single-item {
  margin-bottom: 30px;
}

#team2.team-area .item .thumb {
  position: relative;
  overflow: hidden;
  z-index: 1;
}

#team2.team-area .item .thumb img {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
    height:300px;
  width:auto;
  object-fit:cover;
}

#team2.team-area .item:hover .thumb img {
  opacity: .6;
}

#team2.team-area .item .thumb .social li {
  display: inline-block;
}

#team2.team-area .info {
  background: #ffffff none repeat scroll 0 0;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  padding: 40px 20px 20px;
  position: relative;
  text-align: center;
  z-index: 9;
}

#team2.team-area .info .message {
  height: 50px;
  line-height: 40px;
  left: 40%;
  margin-top: -25px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 50px;
}

#team2.team-area .info .message a {
  background: #fff none repeat scroll 0 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -moz-box-shadow: 0 0 10px #cccccc;
  -webkit-box-shadow: 0 0 10px #cccccc;
  -o-box-shadow: 0 0 10px #cccccc;
  box-shadow: 0 0 10px #cccccc;
  box-sizing: border-box;
  color: #ff5a6e;
  display: inline-block;
  font-size: 20px;
  height: 50px;
  line-height: 50px;
  width: 50px;
}

#team2.team-area .info .message a i {
  font-weight: 500;
}

#team2.team-area .info h4 {
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: capitalize;
}

#team2.team-area .info span {
  color: #ff5a6e;
  font-weight: 600;
}
.img-gallery-block1 .container {
	max-width: 100rem;
	margin: 0 auto;
	font-size:25px;
}

.img-gallery-block1 .heading {
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	padding: 1.5rem 0;
	color: #1a1a1a;
}
.gallery-text{
	text-align:center;
}
.gallery-text p{
font-size:15px;
}

.img-gallery-block1 .heading span {
	display: block;
}

.img-gallery-block1 .gallery {
	display: flex;
	flex-wrap: wrap;
	margin: -1rem -1rem;
  overflow: hidden;
}

.img-gallery-block1 .gallery-item {
	flex: 1 0 24rem;
	margin: 1rem;
	box-shadow: 0.3rem 0.4rem 0.4rem rgba(0, 0, 0, 0.4);
	overflow: hidden;
}

.img-gallery-block1 .gallery-image {
	display: block;
	width: 100%;
	height: 300px;
	object-fit: cover;
	transition: transform 400ms ease-out;
}

@supports (display: grid) {
	.img-gallery-block1 .gallery {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(24rem, 1fr));
		grid-gap: 2rem;
	}

	.img-gallery-block1 .gallery,
	.img-gallery-block1 .gallery-item {
		margin: 0;
	}
}
  .video-Gallery {
        height: 100% !important;
        width: 100% !important;
    }

        .video-Gallery .grid {
            display: grid;
            margin-bottom:20px;
  }

    section.heading1{
        padding: 10px 0;

    }
    section.heading1 h1{
        text-align:center
    }
    section.heading1 p{
        text-align:center;
    }
    h1, h2, h3, h4, h5 {
    margin-top: 10px;
    margin-bottom: 10px;
}
    section.heading2{
      padding: 10px 0;
    }
.video-Gallery iframe{
    width:100%;
        height: 200px;
}
.image-l-text-r-fl-l .col-md-4{
  float:left;
}
.image-l-text-r-fl-l .col-md-8{
  float:right;
  text-align:left;
}

.image-r-text-l-fl-l .col-md-4 {
    float:right;
}
.image-r-text-l-fl-l .col-md-8{
  float:left;
  text-align:left;
}

.image-r-text-l-fl-r .col-md-4{
  float:right;
}
.image-r-text-l-fl-r .col-md-8{
    float:left;
    text-align:right;
}
.digital-card-block .single-video iframe{
    width: 100%;
    height: 100vh;
}
.digital-card-block .single-video{
    padding:0px;
}
.single-video{
    padding:0px;
}

.single-video iframe{
    width: 100%;
    height: 100vh;
}
.digital-card-block .image-map .responsive-map{
    position:relative;
    height:0;
}
.digital-card-block .image-map .responsive-map iframe{
    left:0;
    top:0;
    width:100%;
    position:absolute;
}
.digital-card-block .image-map img{
    width: 100%;
    height: 450px;
    object-fit: cover;
}

.digital-card-block .img-vid-gallery img{
    width:100%;
    height:300px;
    object-fit:cover;
}
.digital-card-block .img-vid-gallery .video-row{
    margin-top:30px;
}
.digital-card-block .video-row .col-md-4 div{
    height: 300px;
}
.digital-card-block .video-row .col-md-4 div iframe{
   width:100%;
   height:100%;
}
.digital-card-block .address-and-form .form-group input{
   margin-bottom: 0px;
   background: #E2F0FB;
}
.digital-card-block .address-and-form textarea {
   margin-bottom: 0px;
   background: #E2F0FB;
   height:65px;
}
.digital-card-block .address-and-form .heading{
    margin-bottom:0px;
}
.digital-card-block .keep-in-touch{
    background:#2A282A;
    padding: 75px 0px;
}
.digital-card-block .socialbtns, .socialbtns ul, .socialbtns li {
  margin: 10px 0px;
  padding: 5px;
}

.digital-card-block .socialbtns li {
    list-style: none none;
    display: inline-block;
}

.digital-card-block .socialbtns .fa {
	width: 40px;
    height: 28px;
	color: #000;
	background-color: #FFF;
	border: 1px solid #000;
	padding-top: 12px;
	border-radius: 22px;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	-o-border-radius: 22px;
}

.digital-card-block .socialbtns .fa:hover {
	color: #FFF;
	background-color: #000;
	border: 1px solid #000;
}

.digital-card-block .share-this{
    background:#eaeaea;
}
.digital-card-block .share-this .social-media{
  display: flex;
  justify-content: center;
}
.digital-card-block .share-this a{
  display: flex;
  background: #e3edf7;
  height: 45px;
  width: 45px;
  margin: 0 15px;
  border-radius: 8px;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-shadow: 6px 6px 10px -1px rgba(0,0,0,0.15),
              -6px -6px 10px -1px rgba(255,255,255,0.7);
  border: 1px solid rgba(0, 0, 0, 0);
  transition: transform 0.5s
}
.digital-card-block .share-this a i{
  font-size: 18px;
  color:#777;
  transition: transform 0.5s;
}
.digital-card-block .share-this a:hover{
  box-shadow:inset 4px 4px 6px -1px rgba(0,0,0,0.2),
              inset -4px -4px 6px -1px rgba(255,255,255,0.7),
                    -0.5px -0.5px 0px -1px rgba(255,255,255,1),
                    0.5px 0.5px 0px rgba(0,0,0,0.15),
                    0px 12px 10px -10px rgba(0,0,0,0.05);
  border: 1px solid rgba(255, 0, 0, 0.1);
  transform: translateY(2px);
}
.digital-card-block .share-this a:hover i{
  transform: scale(0.90);
}
.digital-card-block .share-this a:hover .fa-facebook{
  color: #3b5998;
}
.digital-card-block .share-this a:hover .fa-twitter{
  color: #000;
}
.digital-card-block .share-this a:hover .fa-whatsapp{
  color: #4fce5d;
}
.digital-card-block .share-this a:hover .fa-instagram{
  color: #f14843;
}
.digital-card-block .share-this a:hover .fa-youtube{
  color: #f00;
}
.digital-card-block .share-this p{
        font-size: 25px;
    font-weight: 700;
    color: #757575;
    margin-bottom: 20px;
}
.digital-card-block .socialbtns a{
    color: white;
}

.contact-block .form-control {
    padding: 25px;
    font-size: 13px;
    margin-bottom: 10px;
    background: #f9f9f9;
    border: 0;
    border-radius: 10px;
}

.contact-block button.btn {
    padding: 10px;
    border-radius: 10px;
    font-size: 15px;
}

.contact-block .title h3 {
    font-size: 18px;
    font-weight: 600;
}

.contact-block .title p {
    font-weight: 400;
    color: #999;
    line-height: 1.6;
    margin: 0 0 40px;
}

.contact-block .content .info {
    margin-top: 30px;
    display: flex;
}

.contact-block .content .info i {
    font-size: 30px;
    padding: 0;
    margin: 0;
    color: #02434b;
    margin-left: 20px;
    text-align: center;
    width: 20px;
}
.contact-block-ltr .content .info i{
  margin-right: 20px;
  margin-left: initial;
}
.contact-block .content .info h4 {
    font-size: 13px;
    line-height: 1.4;
    margin-top: 0px;
}

.contact-block .content .info h4 span {
    font-size: 13px;
    font-weight: 300;
    color: #999999;
}

.ordered-list ol {
  counter-reset: list;
  list-style: none;
}

.ordered-list ol li {
  counter-increment: list;
  margin-bottom: 10px;
}

.ordered-list ol li::before {
  content: counter(list);
  background: #EED67D;
  font-family: Arial, sans-serif;
  color: #000;
  font-size: 13px;
  text-align: center;
  border-radius: 50%;
  width: 2.2em;
  height: 2.2em;
  line-height: 2.3em;
  display: inline-block;
  margin-left: 1em;
}
.unordered-list ul li::before {
  content: counter(list);
  background: #EED67D;
  font-family: Arial, sans-serif;
  font-size: 13px;
  text-align: center;
  border-radius: 50%;
  width: 2.2em;
  height: 2.2em;
  line-height: 2.3em;
  display: inline-block;
  margin-left: 1em;
}
.unordered-list ol {
  counter-reset: list;
  list-style: none;
}

.unordered-list li {
  counter-increment: list;
  margin-bottom: 10px;
}
.callto_action_section {
    margin: 0;
    padding: 40px 0 40px 0;
    width: 100%;
}
#cta{
    padding:0px;
}
.callto_action_form .form_field {
    margin: 0 0 20px 0;
    padding: 10px 20px;
    width: 100%;
    height: 50px;
    font-size: 16px;
    color: #3b434c;
    background: #f6f6f6;
    border: none;
    outline: none;
    font-weight: 300;
}
.callto_action_section .theme-btn{
  width: 100%;
  text-align: center;
}
.subs_btn {
    margin: 0 0 20px 0;
    padding: 10px 20px;
    width: 100%;
    height: 50px;
    font-size: 16px;
    border: none;
    outline: none;
    font-weight: 600;
    border-radius: 10px;
    text-transform: uppercase;
    -webkit-transition: 0.3s ease-in !important;
    -moz-transition: 0.3s ease-in !important;
    transition: 0.3s ease-in !important;
    text-decoration: none;
}
.iframe-section-full iframe{
    overflow:hidden;
    height:20pc;
    width:100%
}
.block-title{
    margin-top:10px !important;
    padding:0px !important;
    margin-bottom:20px !important;
}
.block-title h1{
    padding:0px;
    margin:0px;
}
.breadcrumb>li+li:before {
    padding: 0px 8px 0px 0px;
    color: #ccc;
    content: "/\00a0";
}
.breadcrumb {
    background-color: transparent !important;
}
    .accordion {
  margin-top: 40px;
}
.accordion .card {
  border: none;
  margin-bottom: 10px;
}
.accordion .card p {
  background: url(https://cdn0.iconfinder.com/data/icons/entypo/91/arrow56-512.png) no-repeat calc(100% - 10px) center;
  background-size: 20px;
  cursor: pointer;
  font-size: 18px;
  background-position: left;
}
.accordion .card p.collapsed {
  background-image: url(https://cdn0.iconfinder.com/data/icons/arrows-android-l-lollipop-icon-pack/24/expand2-256.png);
  background-position: left;
}
.accordion .card-body {
  padding-left: 0;
  padding-right: 0;
  background: #fcfcfc;
}
.card-head{
    background: #f8f8f8;
    padding: 18px 24px;
}
.card-head p{
    font-size: 20px;
}
#cta .theme-btn{
    padding: 14px 30px;
    width: 100%;
}
 .template-blog-details1 .floating-div {
        margin-top: 10px;
    }

  .template-blog-details1 #footer {
        text-align: center;
        clear: both;
        padding: 20px 60px;
        background-color:transparent;
    }

 .template-blog-details1 .sticky {
        position: fixed;
        top: 10px;
        margin: 0;
        width: 22.333333%;
    }

 .template-blog-details1 .abs {
        bottom: 10px;
        right: 10px;
    }
 .template-blog-details1 hr {
        margin-top: 15px;
        margin-bottom: 0px;
        border: 0;
    }
    .template-blog-details1 .widget h1 {
        background-color: transparent;
    }

    .template-blog-details1 .widget .card-body {
        border: none;
    }

   .template-blog-details1 .sidebar {
        padding: 0px !important;
        border: none !important;
    }

    .template-blog-details1 .section-inner {
        border: 1px solid #F7F7F7;
        margin-bottom: 20px;
        box-shadow: 0px 1px 6px 0px #00000078;
        box-shadow: 0px 5px 10px #00000012;
        border: 1px solid #e7e7e7;
        padding: 20px;   

    }

    .template-blog-details1 .contact-form textarea {
        border: 1px solid #ccc;
    }

    .template-blog-details1 .contact-form {
        margin: 0px;
    }

        .template-blog-details1 .contact-form .recaptcha {
            width: 100%;
			text-align: -webkit-center;
        }

    .template-blog-details1 .commentcontainer {
        border-top: 1px solid #c5c5c5;
        padding-top: 42px;
        margin-top: 30px;
        padding-bottom: 30px;
        margin-bottom: 35px;
    }
    .template-blog-details1 .writecomment {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .template-blog-details1 .validation-comment {
        color: red;
        font-size: small;
        position: absolute;
        left: 15px;
        top: -12px;
    }
    .template-blog-details1 .shares li {
        border-bottom: 1px solid #e5e5e5;
        padding: 10px 0;
    }
     .template-blog-details1 .shares li a {
            font-size: 20px;
            font-weight: 400;
  }
.loading-spiner {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 99999;
	background: #00000029;
    pointer-events:none;
}

.loading-spiner img {
	position: absolute;
	top: 45%;
	left: 50%;
	width: 80px;
}
.owl-carousel .item{
    width:100% !important;
}
.owl-carousel .owl-item .col-md-4{
    width:100% !important;
}

.call-to-action1{
  background-image: url("https://images.unsplash.com/photo-1607082348824-0a96f2a4b9da?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1170&q=80");
  padding: 50px 0;
  background-size: cover;
  position: relative;
}
.call-to-action1::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 60%;
}
.call-to-action1 .action{
  background-color: transparent;
}
.call-to-action h2{
  color: #fff;
}
.call-to-action p{
  color: #fff;
  margin: 20px 0;
}
.call-to-action .wrapper{
  position: relative;
  z-index: 2;
}
.call-to-action .action{
  display: flex;
  position: relative;
}
.call-to-action1 .action{
  background-color: transparent !important; 
}
.call-to-action .action{
  background-color: #fff;
  border-radius: 24px;
  padding: 6px;
}
.call-to-action .input{
  padding: 10px 24px;
  color: #000;
  width: 100%;
  background-color: transparent;
  outline: none;
  border: none;
}
.email-input{
  text-align: right;
}
.call-to-action .input:focus{
  outline: 0;
}
.theme-btn{
  padding: 10px 24px;
  background-color: #ff5a6e;
  color: white;
  border: none;
  transition: .3s;
}
.theme-btn:hover{
  background-color: #000;
  color: #fff;
}
.theme-btn-rounded{
  border-radius: 24px;
  padding: 10px 24px;
  background-color: #ff5a6e;
  color: white;
  transition: .3s;
}
.theme-btn-rounded:hover{
  background-color: #000;
  color: #fff;
}

.call-to-action2{
  background-color: #F7F7F7;
  padding: 50px;
}
.call-to-action2 .wrapper{
  margin: 0 auto;
  text-align: center;
}

.call-to-action2 h1{
  color: #000;
}

.call-to-action3 h1{
  color: #000;
  margin-bottom: 10px;
}
.call-to-action2 p{
  color: #000;
  padding: 10px 0 20px 0;
}
.call-to-action2 .email-icon{
  display: flex;
  align-items: center;
  width: 50px;
  font-size: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.testimonial{
  margin: 50px 0;
}
.testimonial .wrapper{
  text-align: center;
  margin-bottom: 20px;
}
.testimonial p,
.testimonial1 p{
  margin: 0;
}
.testimonial1 .action{
  display: flex;
  margin-top: 14px;
}
.testimonial h1
.testimonial1 h1{
  margin: 20px 0 24px 0;
}
.testimonial .col-box-inr,
.testimonial1 .col-box-inr{
  background-color: #EBEDF9;
  border-radius: 16px;
  padding: 36px;
}
.testimonial .col-box-inr .star-otr,
.testimonial1 .col-box-inr .star-otr{
  display: flex;
  align-items: center;
}
.testimonial .col-box-inr .icon,
.testimonial1 .col-box-inr .icon{
  color: #FFCE2B;
  font-size: 16px;
}
.testimonial .col-box-inr .icon:not(:last-child),
.testimonial1 .col-box-inr .icon:not(:last-child){
  margin-left: 8px;
}
.testimonial .col-box-inr h6,
.testimonial1 .col-box-inr h6{
  margin: 18px 0 30px 0;
}
.testimonial .col-box-inr .profile-otr,
.testimonial1 .col-box-inr .profile-otr{
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 8px;
  padding: 20px;
}
.testimonial .col-box-inr .user-otr,
.testimonial1 .col-box-inr .user-otr{
  margin-left: 16px;
}
.testimonial .col-box-inr img,
.testimonial1 .col-box-inr img{
  width: 60px;
  height: 60px;
  border-radius: 100%;
}

.testimonial1 .row-main{
  align-items: center;
}

.testimonial2{
  margin: 50px 0 0 0;
}
.testimonial2 .wrapper{
  text-align: center;
  margin-bottom: 20px;
}
.testimonial2 h1{
  margin: 20px 0 24px 0;
}
.testimonial2 .col-box-inr{
  background-color: #FFF4F4;
  padding: 24px 28px;
  margin-bottom: 50px;
}
.testimonial2 .col-box-inr img{
  width: 60px;
  height: 60px;
  margin-bottom: 16px;
}
.testimonial2 .col-box-inr .star-otr{
  display: flex;
  align-items: center;
  margin: 12px 0 16px 0;
}
.testimonial2 .col-box-inr .icon{
  color: #FCBDBD;
  font-size: 16px;
}
.testimonial2 .col-box-inr .icon:not(:last-child){
  margin-left: 8px;
}

.mobile-display h2{
  margin-bottom: 20px;
}
.contact-main .row{
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  position: relative;
  z-index: 10;
}
.email-input{
  text-align: right;
}


.input-border-bottom{
  border: none;
  border-bottom: 1px solid #999999;
  padding: 10px 20px 10px 20px;
  background-color: transparent;
  color: #999999;
  width: 100%;
  position: relative;
}
.input-border-bottom:focus{
  outline: 0;
}

.email-input{
  text-align: right;
}
.input{
  border: 1px solid #999999;
  background-color: #fcf6f6;
  padding: 14px 24px;
  color: #999999;
  width: 100%;
  position: relative;
}
.input::placeholder{
  color: #999999;
  transition: .3s;
}
.input:focus{
  outline: 0;
}
.input:focus::placeholder{
  opacity: 0;
}

.get-in-touch .wrapper{
  text-align: center;
  margin: 0 0 40px 0;
}
.get-in-touch .col-main{
  margin: 0 auto;
}
.get-in-touch .col-inr{
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 10px;
  transition: .3s;
}
.get-in-touch .col-inr:hover{
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.get-in-touch .icon{
  font-size: 30px;
  color: #3E2093;
}
.get-in-touch .info{
  color: #3E2093;
  font-size: 16px;
  text-transform: capitalize;
  padding: 0;
  margin: 0;
}
.get-in-touch .row-form{
  padding: 50px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  margin: 30px 0 0 0;
}   
.get-in-touch .textarea{
  width: 100%;
  height: 183px;
  padding: 20px;
  resize: none;
}
.get-in-touch .textarea:focus{
  outline: 0;
}
.get-in-touch .btn-otr{
  display: flex;
  align-items: center;
  justify-content: center;
}
.get-in-touch .overlay{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.get-in-touch .overlay::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #ff5a6e;
  opacity: 90%;
  z-index: 1;
}
.get-in-touch .img-otr{
  position: relative;
}
.get-in-touch .contact-info,
.get-in-touch .social-icons{
  position: relative;
  z-index: 2;
}
.get-in-touch .col-info-otr .contact-info{
  display: flex;
  flex-wrap: wrap;
  padding: 40px;
}
.get-in-touch .col-info-otr .contact-info .col-inr:hover .icon{
  color: #000;
}
.get-in-touch .col-info-otr .contact-info .col-inr:hover .info{
  color: #000;
}
.get-in-touch .col-info-otr .contact-info .info,
.get-in-touch .col-info-otr .contact-info .icon{
  color: #fff;
  transition: .3s;
}
.get-in-touch .icons-ul{
  display: flex;
  align-items: center;
  justify-content: center;
}
.get-in-touch .icons-ul .icons-li{
  list-style: none;
}
.get-in-touch .icons-li:not(:last-child){
  margin-left: 10px;
}
.get-in-touch-ltr .icons-li:not(:last-child){
  margin-right: 10px;
  margin-left: initial;
}
.get-in-touch .icons-a{
  width: 52px;
  height: 52px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.get-in-touch .icons{
  color: #ff5a6e;
}

.team-main .row-custom{
  align-items: center;
}
.team-main .img-otr{
  position: relative;
  transition: .3s;
}
.team-main img{
  width: 100%;
  height: 200px;
  object-fit: cover;
  object-position: top;
}
.team-main .img-otr:hover .overlay{
  opacity: 1;
  visibility: visible;
}
.team-main .overlay{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.908);
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.team-main .box-1,
.team-main .box-2{
  margin-bottom: 24px;
}

.team .col-inr{
  background-color: #fff;
  transition: .3s;
}
.team .col-inr:hover{
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.team .col-inr:hover .overlay{
  background-color: #fff;
}
.team .col-inr:hover .content-div{
  opacity: 0;
  visibility: hidden;
}
.team .col-inr:hover .icons-ul{
  opacity: 1;
  visibility: visible;
}
.team .img-otr{
  position: relative;
  display: block;
}
.team .img-inr{
  width: 100%;
  height: 500px;
  object-fit: cover;
}
.team1 .overlay{
  padding: 32px 24px;
  background-color: #ff5a6e;
  position: absolute;
  bottom: 0;
  width: 100%;
  transition: .3s;
}
.team .overlay-otr{
  position: relative;
}
.team1 .content-div{
  color: #fff;
  transition: .3s;
}
.team .icons-ul{
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 64px;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.team .icons-li:not(:last-child){
  margin-left: 20px;
}
.team1-ltr .icons-li:not(:last-child){
  margin-right: 20px;
  margin-left: 0;
}
.team .icons{
  font-size: 24px;
  color: #000;
  transition: .3s;
}
.team .icons:hover{
  color: #ff5a6e;
}

.about-us .img-link-otr .img {
  width: 100%;
}

.about-us .img-link-otr .icon-otr {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.about-us .col-inr{
  position: relative;
}

.about-us .img-link-otr .icon-otr::after {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}

.about-us .img-link-otr .icon-otr .icon {
  position: relative;
  font-size: 70px;
  color: #ff0000;
  z-index: 2;
}

.about-us .col-content-inr {
  padding: 60px 0;
}

@media (max-width: 992px) {
  .about-us .col-content-inr {
    padding: 60px 0 0 0;
  }
}

.about-us .wrapper {
  position: relative;
  text-align: center;
}




.our-services {
  position: relative;
}

.our-services .row-otr {
  align-items: center;
}

.our-services .icon-inr{
  font-size: 50px;
  margin-bottom: 10px;
}
.our-services .col-inr p{
  margin: 0;
}

.our-services .col-otr .box1,
.our-services .col-otr .box2,
.our-services .col-otr .box3 {
  margin-bottom: 24px;
}

@media (max-width: 992px) {
  .our-services .col-otr .box4,
  .our-services .col-otr .box5 {
    margin-bottom: 24px;
  }
}

.our-services .col-inr {
  padding: 40px 0;
  border-radius: 8px;
  border: 2px solid #b0e847;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  transition: 0.3s;
}

.our-services .col-inr:hover {
  background-color: #b0e847;
}

.our-services .col-inr:hover .icon-inr {
  color: #fff;
}

.our-services .col-inr .img-otr .icon-img {
  height: 50px;
}

.our-services .col-inr .img-otr .icon-img-hover {
  height: 50px;
  display: none;
}

.our-services .wrapper {
  position: relative;
  text-align: center;
}

.our-services .services-img-otr {
  width: 40%;
  position: absolute;
  bottom: 30px;
}

@media (max-width: 992px) {
  .our-services .services-img-otr {
    position: relative;
    bottom: 0;
    width: 100%;
  }
}

.our-services .services-img-otr .img-services {
  width: 100%;
  height: 100%;
}

.Blog .wrapper {
  position: relative;
  text-align: center;
}

.Blog .col-blog-otr .col-blog-inr .img-otr .img {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 24px;
  transition: 0.3s;
}
@media (max-width: 768px) {
  .Blog .col-blog-otr .col-blog-inr .img-otr .img{
    height: 200px;
  }
}

.Blog .col-blog-otr .col-blog-inr .img-otr .img:hover {
  box-shadow: 0px 0px 21.25px 3.75px rgba(0, 0, 0, 0.2);
}

.Blog .col-btn-otr .col-btn-inr .action {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

.contact .wrapper {
  position: relative;
  text-align: center;
}

.contact .row-custom {
  margin-top: 70px;
}

.contact .row-custom .col-form-otr {
  margin-bottom: 20px;
}

.contact .input-otr .input {
  margin-bottom: 36px;
  border: 1px solid #87bb2f;
  padding: 15px 38px;
  width: 100%;
}

.contact .input-otr .input:focus {
  outline: none;
}

.contact .input-otr .textarea {
  margin-bottom: 60px;
  border: 1px solid #87bb2f;
  padding: 15px 38px;
  width: 100%;
  height: 230px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  resize: none;
}

.contact .input-otr .textarea:focus {
  outline: none;
}

.contact .action {
  display: flex;
}

.contact .action .btn-submit {
  border: none;
  padding: 15px 38px;
}

.contact .col-map-otr .col-map-inr .address-boxes {
  display: flex;
  align-items: center;
  width: 100%;
}

@media (max-width: 767px) {
  .contact .col-map-otr .col-map-inr .address-boxes {
    flex-direction: column;
  }
}

.contact .box-otr {
  display: flex;
  align-items: center;
  width: 50%;
  padding: 16px;
  background-color: transparent;
  transition: 0.2s;
}

@media (max-width: 767px) {
  .contact .box-otr {
    width: 100%;
  }
}

.contact .box-otr:hover {
  background-color: #eaeef1;
}

.contact .box-otr:hover .icon-otr {
  background-color: #fff;
}

.contact .box-otr .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 68px;
  height: 68px;
  border-radius: 100%;
  margin-left: 16px;
  background-color: transparent;
  transition: 0.2s;
}
.contact .icon-inr{
  font-size: 40px;
  color: #000;
}

.about .col-content-inr {
  background-color: #fdfdfd;
  border-radius: 8px;
  padding: 25px 23px 40px 41px;
}

.about .col-carcoul-otr .slide {
  width: 441px;
  height: 418px;
  margin-right: auto;
}

@media (max-width: 992px) {
  .about .col-carcoul-otr .slide {
    margin: 0 auto;
  }
}

@media (max-width: 575px) {
  .about .col-carcoul-otr .slide {
    width: 100%;
    height: 100%;
  }
}

.about .carousel-control-prev,
.about .carousel-control-next {
  width: 52px;
  height: 112px;
  top: 50%;
  transform: translateY(-50%);
}

.about .carousel-control-prev .arrow,
.about .carousel-control-next .arrow {
  font-size: 24px;
  padding: 52px 17px;
  color: #747474;
  background-color: #dbdbdb;
  transition: 0.2s;
}

.about .carousel-control-prev .arrow:hover,
.about .carousel-control-next .arrow:hover {
  color: #fff;
  background-color: #7cb6d8;
}

.about .carousel-control-prev {
  right: -51px;
}

@media (max-width: 575px) {
  .about .carousel-control-prev {
    right: 13px;
  }
}

.about .carousel-control-next {
  left: -50px;
}

@media (max-width: 575px) {
  .about .carousel-control-next {
    left: 13px;
  }
}

.about .img-otr {
  border: 15px solid black;
  border-radius: 20px;
  overflow: hidden;
}

.about .img-otr img {
  width: 100%;
  height: 418px;
  object-fit: cover;
}

.activity .container .wrapper {
  text-align: center;
  margin-bottom: 40px;
}

.activity .container .row-custom {
  width: 100%;
  margin: 0;
}

.activity .container .row-custom .owl-stage-outer {
  margin: 0;
  padding: 0;
}

@media (max-width: 767px) {
  .activity .owl-stage .owl-item {
    padding: 0 30px;
  }
}

@media (max-width: 420px) {
  .activity .owl-stage .owl-item {
    padding: 0 !important;
  }
}

.activity .img-otr img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.activity .content {
  background-color: #f1f4f6;
  padding: 25px 27px 16px 30px;
}

.activity .content .action {
  display: flex;
}

.activity .owl-nav {
  display: block !important;
  position: absolute;
  top: 42%;
  transform: translateY(-50%);
}

.activity .owl-nav .owl-prev {
  position: absolute;
  right: 0;
  margin: 0;
  box-shadow: 0 0 0 5px #1fb9e000 !important;
}

.whatsapp-gal img{
    height:500px !important;
}

@media (max-width: 1300px) {
  .activity .owl-nav .owl-prev {
    right: 0;
  }
}

.activity .owl-nav .owl-prev span {
  padding: 27px 18px;
  background-color: #e9e9e9;
  color: #747474;
  transition: 0.2s;
}

.activity .owl-nav .owl-prev span:hover {
  color: #fff;
  background-color: #7cb6d8;
}

.activity .owl-nav .owl-next {
  position: absolute;
  left: 0;
  margin: 0;
  box-shadow: 0 0 0 5px #1fb9e000 !important;
}

@media (max-width: 1300px) {
  .activity .owl-nav .owl-next {
    left: 0;
  }
}

.activity .owl-nav .owl-next span {
  padding: 27px 18px;
  background-color: #e9e9e9;
  color: #747474;
  transition: 0.2s;
}

.activity .owl-nav .owl-next span:hover {
  color: #fff;
  background-color: #7cb6d8;
}

.Bekel-main {
  padding: 50px 0 60px 0;
  background-image: url("https://images.unsplash.com/photo-1636576109679-6f23fdc040c8?ixid=MnwxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHw0Nzl8fHxlbnwwfHx8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media (max-width: 992px) {
  .Bekel-main {
    padding: 50px 0 100px 0;
  }
}

@media (max-width: 992px) {
  .Bekel-main .bg-img {
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.Bekel-main .row-custom {
  margin-top: 44px;
}

.Bekel-main .row-custom .col-otr .action {
  display: flex;
}

.Bekel-main .row-custom .col-otr .action .theme-btn {
  width: 100%;
}

.Bekel-main .input-otr .input {
  width: 100%;
  padding: 12px 44px;
  border-radius: 100px;
  background-color: #fff;
  border: none;
  font-size: 20px;
  font-family: "Heebo-Light";
  color: #000000;
}

.Bekel-main .input-otr .input:focus {
  outline: 0;
}

.Bekel-main .input-otr .input::-moz-placeholder {
  color: #000000;
}

.Bekel-main .input-otr .input:-ms-input-placeholder {
  color: #000000;
}

.Bekel-main .input-otr .input::placeholder {
  color: #000000;
}

@media (max-width: 992px) {
  .Bekel-main .box1,
  .Bekel-main .box2,
  .Bekel-main .box3 {
    margin-bottom: 20px;
  }
}

.testimonial-shira .container .wrapper {
  text-align: center;
}

.testimonial-shira .heading-otr {
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonial-shira .owl-stage-outer {
  padding: 48px 1px 0px 0px;
}

@media (max-width: 767px) {
  .testimonial-shira .owl-stage-outer .owl-stage .owl-item {
    padding: 0 30px;
  }
}

@media (max-width: 420px) {
  .testimonial-shira .owl-stage-outer .owl-stage .owl-item {
    padding: 0 !important;
  }
}

.testimonial .row {
  width: 100%;
  margin: 0;
}

.testimonial-shira .content {
  cursor: pointer;
  position: relative;
  width: 100%;
  padding: 30px 32px 30px 20px;
  transition: 0.2s;
}

.testimonial-shira .content:hover {
  background-color: #fff;
  border: transparent;
  box-shadow: 0px 30px 60px 0px rgba(54, 54, 54, 0.15);
  transform: translateY(-10%);
}

.testimonial-shira .content:hover .arrow-box {
  border: transparent;
}

.testimonial-shira .content .arrow-box {
  position: absolute;
  right: 40px;
  bottom: -10px;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  background-color: #fff;
  transition: 0.2s;
}

.testimonial-shira .profile-otr {
  display: flex;
  align-items: center;
  margin-top: 27px;
  transition: 0.2s;
}

.testimonial-shira .profile-otr .img-otr {
  margin-left: 16px;
}

.testimonial-shira .profile-otr .img-otr img {
  width: 64px;
  height: 64px;
  border-radius: 100%;
  object-fit: cover;
}

.testimonial-shira .owl-nav {
  display: block !important;
  position: absolute;
  top: 42%;
  transform: translateY(-50%);
}

.testimonial-shira .owl-nav .owl-prev {
  position: absolute;
  right: 0px;
  margin: 0;
  box-shadow: 0 0 0 5px #1fb9e000 !important;
}

@media (max-width: 1300px) {
  .testimonial-shira .owl-nav .owl-prev {
    right: 0;
  }
}

.testimonial-shira .owl-nav .owl-prev span {
  padding: 27px 18px;
  background-color: #e9e9e9;
  color: #747474;
  transition: 0.2s;
}

.testimonial-shira .owl-nav .owl-prev span:hover {
  color: #fff;
  background-color: #7cb6d8;
}

.testimonial-shira .owl-nav .owl-next {
  position: absolute;
  left: 0;
  margin: 0;
  box-shadow: 0 0 0 5px #1fb9e000 !important;
}

@media (max-width: 1300px) {
  .testimonial-shira .owl-nav .owl-next {
    left: 0;
  }
}

.testimonial-shira .owl-nav .owl-next span {
  padding: 27px 18px;
  background-color: #e9e9e9;
  color: #747474;
  transition: 0.2s;
}

.testimonial-shira .owl-nav .owl-next span:hover {
  color: #fff;
  background-color: #7cb6d8;
}

.youtube-video {
  width: 100%;
  overflow: hidden;
}

.youtube-video .heading-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
}

.youtube-video .heading-otr h2 {
  color: #23313d;
}

.youtube-video .owl-stage-outer {
  padding: 0;
  margin: 0;
}

@media (max-width: 767px) {
  .youtube-video .owl-stage-outer .owl-stage .owl-item {
    padding: 0 30px;
  }
}

@media (max-width: 420px) {
  .youtube-video .owl-stage-outer .owl-stage .owl-item {
    padding: 0 !important;
  }
}

.youtube-video .row {
  position: relative;
  width: 100%;
  margin: 0;
}

.youtube-video .img-otr img {
  width: 100%;
  height: 420px;
  border-radius: 12px;
  object-fit: cover;
}

.youtube-video .img-otr .icon-otr {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 57px;
  height: 57px;
  border-radius: 100%;
  background-color: #fff;
  z-index: 4;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.2s;
}

.youtube-video .img-otr .icon-otr:hover {
  background-color: #db0d43;
}

.youtube-video .img-otr .icon-otr:hover .icon {
  color: #fff;
}

.youtube-video .img-otr .icon-otr .icon {
  color: #5a6e7f;
  transition: 0.2s;
}

.youtube-video .owl-nav {
  display: block !important;
  position: absolute;
  top: 36%;
  margin: 0;
  transform: translateY(-50%);
}

.youtube-video .owl-nav .owl-prev {
  position: absolute;
  right: 0;
  margin: 0;
  box-shadow: 0 0 0 5px #1fb9e000 !important;
}

@media (max-width: 1300px) {
  .youtube-video .owl-nav .owl-prev {
    right: 0;
  }
}

.youtube-video .owl-nav .owl-prev span {
  padding: 27px 18px;
  background-color: #e9e9e9;
  color: #747474;
  transition: 0.2s;
}

.youtube-video .owl-nav .owl-prev span:hover {
  color: #fff;
  background-color: #7cb6d8;
}

.youtube-video .owl-nav .owl-next {
  position: absolute;
  left: 0;
  margin: 0;
  box-shadow: 0 0 0 5px #1fb9e000 !important;
}

@media (max-width: 1300px) {
  .youtube-video .owl-nav .owl-next {
    left: 0;
  }
}

.youtube-video .owl-nav .owl-next span {
  padding: 27px 18px;
  background-color: #e9e9e9;
  color: #747474;
  transition: 0.2s;
}

.youtube-video .owl-nav .owl-next span:hover {
  color: #fff;
  background-color: #7cb6d8;
}

@media (max-width: 768px){
  .about br {
    display: none;
  }
}

.about1 .row-custom{
  align-items: center;
  padding-top: 24px;
}
.about1 .about-img{
  width: 60%;
}
@media (max-width: 768px){
  .about1 .about-img{
    width: 100%;
  }
}
.about1 .col-img-inr{
  display: flex;
  align-items: center;
  justify-content: center;
}

.about2 .row-custom{
  position: relative;
  margin-top: 30px;
}
.about2 .col-content-inr{
  background-color: #fff;
  height: 100%;
  box-shadow: 0px 0px 169px 0px rgba(14, 14, 13, 0.06);
  padding: 20px;
  position: relative;
  z-index: 3;
}

.about2 img{
  object-fit: cover;
  height: 100%;
  width: 100%;
  z-index: 1;
}
@media (max-width: 1400px){
  .about2 .col-content-inr{
    margin: 0;
  }
  .about2 .col-content-otr{
    width: 50%;
  }
}
@media (max-width: 992px){
  .about2 img{
    width: 100%;
    position: relative;
    top: 0;
    transform: translateY(0);
    padding: 0 40px 40px 40px;
  }
  .about2 .col-content-inr{
    box-shadow: 0px 0px 169px 0px rgba(14, 14, 13, 0.0);
  }
  .about2 .col-content-otr{
    width: 100%;
  }
  .about2 .row-custom{
    background-color: #fff;
    box-shadow: 0px 0px 169px 0px rgba(14, 14, 13, 0.06);
  }
}

.about3 .row-custom{
  align-items: center;
  background-color: white;
  box-shadow: 0px 0px 169px 0px rgba(14, 14, 13, 0.06);
  padding: 20px;
  margin-top: 30px;
}
.about3 .about-img{
  width: 100%;
}
.about3 .col-content-inr{
  padding-left: 40px;
}

.inner-header{
  background-image: url("https://images.unsplash.com/photo-1508615039623-a25605d2b022?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80");
  background-position: center;
  background-size: cover;
  padding: 200px 0;
}
.inner-header-2{
  padding: 180px 0 45px 0;
}
.inner-header-2 .breadcrumb-main{
  padding: 15px;
  background-color: #dfdfdf;
}
.breadcrumb{
  margin: 0;
}
.center-align{
  display: flex;
  align-items: center;
  justify-content: center;
}
.breadcrumb-item a{
  color: #000;
  transition: .3s;
}
.breadcrumb-otr .breadcrumb-item{
  font-size: 20px;
  font-weight: 700;
}
.breadcrumb-item+.breadcrumb-item::before{
  color: #000;
}
.breadcrumb-item a:hover{
  color: #033fff;
}
.breadcrumb-item.active{
  color: #033fff;
}

.content-block1 .profile-otr{
  display: inline-block;
}
.content-block1 .profile-otr .img-inr{
  width: 60px;
  height: 60px;
  border-radius: 100%;
  object-fit: cover;
  margin: 10px auto 0 auto;
}
.content-block1 h5{
  font-size: 22px;
  line-height: 40px;
  color: #000;
  margin: 0;
}

.center{
  text-align: center;
}
.text-white{
  color: #fff;
}
p{
  margin: 0;
}

.content-block2 .profile-otr{
  display: flex;
  align-items: center;
  margin-top: 40px;
}
.content-block2 .img-otr{
  margin-left: 16px;
}
.content-block2 .img-otr img{
  width: 60px;
  height: 60px;
  border-radius: 100%;
}
.content-block13 .img-fluid{
  height: 200px;
  object-fit: cover;
}


.list-block .list-li:not(:last-child){
  margin-bottom: 12px;
}


.list-block1 .list-li{
  list-style: circle url("https://img.icons8.com/external-tal-revivo-color-tal-revivo/24/000000/external-geometric-circle-dot-shape-with-ring-pattern-basic-color-tal-revivo.png");
}
.list-block6 .list-li{
  list-style: decimal;
}

.list-block2 .list-li{
  list-style: circle;
}


.list-block3 .list-li{
  list-style: square;
}


.list-block4 .list-li{
  list-style: square;
}
.list-block4 .row-custom{
  align-items: center;
}
.list-block4 img{
  height: 400px;
  width: 100%;
  object-fit: cover;
}


.list-block5 .list-li{
  list-style: square;
}
.list-block5 .row-custom{
  align-items: center;
}
.list-block5 img{
  height: 400px;
  width: 100%;
  object-fit: cover;
}

.services-main .col-service-inr{
  background-color: #fff;
  border: 1px solid #cfcfcf;
  padding: 24px 36px;
  transition: .3s;
}
.services-main .col-service-inr:hover{
  box-shadow: 0px 30px 60px 0px rgb(54 54 54 / 15%);
  border: 1px solid transparent;
}
.services-main .box-1,
.services-main .box-2,
.services-main .box-3{
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .services-main .box-1,
  .services-main .box-2,
  .services-main .box-3,
  .services-main .box-4,
  .services-main .box-5{
    margin-bottom: 24px;
  }
}
.services-main h3{
  color: #000;
  position: relative;
}
.services-main h3::after{
  content: '';
  position: absolute;
  width: 40%;
  height: 2px;
  background-color: #000;
  right: 0;
  bottom: -10px;
}
.services-main p{
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 24px 0 12px 0;
}
.services-main .action{
  display: flex;
}
.services-main .theme-btn{
  display: flex;
  align-items: center;
}
.services-main .theme-btn p{
  color: #000;
  margin: 0;
}
.services-main .icon{
  font-size: 20px;
  margin-right: 12px;
  color: #000;
}

.services-main2 .col-service-inr{
  background-color: #fff;
  border: 1px solid #cfcfcf;
  padding: 24px 36px;
  transition: .3s;
}
.services-main2 .col-service-inr:hover{
  box-shadow: 0px 30px 60px 0px rgb(54 54 54 / 15%);
  border: 1px solid transparent;
}
.services-main2 .box-1,
.services-main2 .box-2,
.services-main2 .box-3{
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .services-main2 .box-1,
  .services-main2 .box-2,
  .services-main2 .box-3,
  .services-main2 .box-4,
  .services-main2 .box-5{
    margin-bottom: 24px;
  }
}
.services-main2 .icon-otr{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 100%;
  background-color: #f33c64;
}
.services-main2 .icon-otr .icon{
  font-size: 28px;
  color: #fff;
}
.services-main2 h3{
  color: #000;
}
.services-main2 p{
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 16px 0 12px 0;
}
.services-main2 .action{
  display: flex;
}
.services-main2 .theme-btn{
  display: flex;
  align-items: center;
}
.services-main2 .theme-btn p{
  color: #000;
  margin: 0;
}
.services-main2 .theme-btn .icon{
  font-size: 20px;
  margin-right: 12px;
  color: #000;
}

.services-main3 .col-service-inr{
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  background-color: #fff;
  transition: .3s;
  padding: 24px 36px;
  border: 1px solid #cfcfcf;
}
@media (max-width: 992px){
  .services-main3 .col-service-inr{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.services-main3 .col-service-inr:hover{
  box-shadow: 0px 30px 60px 0px rgb(54 54 54 / 15%);
  border: 1px solid transparent;
}
.services-main3 .box-1,
.services-main3 .box-2,
.services-main3 .box-3,
.services-main3 .box-4{
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .services-main3 .box-1,
  .services-main3 .box-2,
  .services-main3 .box-3,
  .services-main3 .box-4,
  .services-main3 .box-5{
    margin-bottom: 24px;
  }
}
.services-main3 .icon-otr{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  border-radius: 100%;
  background-color: #f33c64;
  margin-left: 24px;
}
.services-main3 .icon-otr .icon{
  font-size: 28px;
  color: #fff;
}
.services-main3 h3{
  color: #000;
}
.services-main3 p{
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin: 16px 0 12px 0;
}
.services-main3 .action{
  display: flex;
}
.services-main3 .theme-btn{
  display: flex;
  align-items: center;
}
.services-main3 .theme-btn p{
  color: #000;
  margin: 0;
}
.services-main3 .theme-btn .icon{
  font-size: 20px;
  margin-right: 12px;
  color: #000;
}

#video-block1 .video{
  position: relative;
}
.video-block1 .col-video-inr > div > iframe,
.video-block2 .col-video-inr > div > iframe,
.video-main .col-md-8 > div > iframe{
  width: 100%;
  height: 400px;
}
@media (max-width: 575px) {
  .video-main .col-md-8 > div > iframe{
    height: auto;
  }
}

#gallery-block2 .col-inr{
  position: relative;
}

#gallery-block2 .col-inr::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 50%;
}


.content-block9 .row{
  text-align: center;
}

.content-block9 .col-inr{
  border: 1px solid #cfcfcf;
  padding: 30px;
  border-radius: 12px;
  transition: .3s;
}
.content-block9 .col-inr:hover{
  box-shadow: 0 0 10px #cfcfcf;
  border: 1px solid transparent;
}

.content-block9 .img-inr{
  width: 60px;
  height: 60px;
  margin: 0 auto;
}
.img-circle{
  border-radius: 100%;
}

.content-block7 .row-custom{
  align-items: center;
}
.content-block7 .action-otr{
  display: flex;
  align-items: center;
  margin: 16px 0 20px 0;
}
.content-block7 .action{
  display: flex;
}
.content-block7 .action:not(:last-child){
  margin-left: 16px;
}
.content-block7  img{
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 24px;
}

.content-block8 .wrapper-icons{
  background-image: url("https://images.unsplash.com/photo-1614851099511-773084f6911d?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTJ8fGdyYWRpZW50JTIwYmFja2dyb3VuZHxlbnwwfHwwfHw%3D&auto=format&fit=crop&w=500&q=60");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 72px;
  border-radius: 16px;
}
@media (max-width: 575px) {
  .content-block8 .wrapper-icons{
    padding: 40px;
  }
}
.content-block8 .icon-ul{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.content-block8 .icon{
  font-size: 50px;
  color: #fff;
  transition: .3s;
}
@media (max-width: 575px) {
  .content-block8 .icon{
    font-size: 24px;
  }
}
.content-block8 .icon:hover{
  color: #00acee;
}

.content-block10 .col-profile-inr img{
  width: 70px;
  height: 70px;
  border-radius: 100%;
  object-fit: cover;
}

.content-block11 .col-profile-inr img{
  width: 70px;
  height: 70px;
  border-radius: 100%;
  object-fit: cover;
}

.content-block11 .col-profile-inr{
  padding: 30px;
  border-radius: 20px;
  border-right: 5px solid #cfcfcf;
  border-bottom: 5px solid #cfcfcf;
  border-top: 5px solid transparent;
  border-left: 5px solid transparent;
  transition: .3s;
}

.content-block11 .col-profile-inr:hover{
  border-top: 5px solid #cfcfcf;
  border-left: 5px solid #cfcfcf;
  box-shadow: 0 0 10px #cfcfcf;
}

.content-block12 .img-inr{
  width: 100%;
  border-radius: 24px;
}

.content-block12 .content-div{
  padding-bottom: 40px;
}

.content-block12 .row-main{
  align-items: center;
}

.content-block12 .owl-prev{
  right: 0;
}
.content-block12 .owl-next{
  left: 0;
}

.content-block12 .list-li{
  list-style: disc;
}

.content-block12 .list-li:not(:last-child){
  margin-bottom: 10px;
}


.content-block3 .row-custom{
  position: relative;
}
.content-block3 .col-box-inr{
  padding: 24px 28px;
  border: 1px solid #777;
  border-radius: 8px;
  transition: .3s;
}
.content-block3 .profile-main{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.content-block3 .profile-otr{
  display: flex;
  align-items: center;
}
.content-block3 .profile-main .profile-otr img{
  width: 52px;
  height: 52px;
  border-radius: 100%;
  object-fit: cover;
  margin-left: 16px;
}
.content-block3 .icon-ul{
  display: flex;
  align-items: center;
}
.content-block3 .icon-ul li{
  list-style: none;
}
.content-block3 .icon-li:not(:last-child){
  margin-left: 16px;
}
.content-block3 .icon-li .icon{
  font-size: 24px;
  color: #000428;
  transition: .3s;
}
.content-block3 .icon-li .icon:hover{
  color: #00acee;
}
.content-block3 .owl-nav {
  display: block !important;
  position: absolute;
  top: 36%;
  margin: 0;
  transform: translateY(-50%);
  width: 100%;
}
.content-block3 .owl-nav .owl-prev {
  position: absolute;
  right: -78px;
  margin: 0;
}
@media (max-width: 1300px) {
  .content-block3 .owl-nav .owl-prev {
    right: 0;
  }
}
.content-block3 .owl-nav .owl-prev span {
  padding: 27px 18px;
  background-color: #e9e9e9;
  color: #747474;
  transition: 0.2s;
}
.content-block3 .owl-nav .owl-prev span:hover {
  color: #fff;
  background-color: #7cb6d8;
}
.content-block3 .owl-nav .owl-next {
  position: absolute;
  left: -77px;
  margin: 0;
}
@media (max-width: 1300px) {
  .content-block3 .owl-nav .owl-next {
    left: 0;
  }
}
.content-block3 .owl-nav .owl-next span {
  padding: 27px 18px;
  background-color: #e9e9e9;
  color: #747474;
  transition: 0.2s;
}
.content-block3 .owl-nav .owl-next span:hover {
  color: #fff;
  background-color: #7cb6d8;
}

.content-block4 .wrapper{
  margin-bottom: 60px;
}
.content-block4 .col-box-inr{
  padding: 24px 28px;
  border: 1px solid #777;
  border-radius: 8px;
  transition: .3s;
}
.content-block4 .col-box-inr:hover{
  box-shadow: 0px 30px 60px 0px rgb(54 54 54 / 15%);
  border: 1px solid transparent;
}
.content-block4 .profile-main{
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media (max-width: 992px){
  .content-block4 .box-1,
  .content-block4 .box-2{
    margin-bottom: 24px;
  }
}
.content-block4 .profile-otr img{
  width: 52px;
  height: 52px;
  border-radius: 100%;
  object-fit: cover;
  margin-left: 16px;
}
.content-block4 .icon-ul{
  display: flex;
  align-items: center;
}
.content-block4 .icon-li:not(:last-child){
  margin-left: 16px;
}
.content-block4 .icon-li .icon{
  font-size: 24px;
  color: #000428;
  transition: .3s;
}
.content-block4 .icon-li .icon:hover{
  color: #00acee;
}
.content-block4 .action{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}

.content-block5 .wrapper{
  margin-bottom: 60px;
}
.content-block5 .col-profile-inr{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.content-block5 .col-profile-inr img{
  width: 60px;
  height: 60px;
  border-radius: 100%;
  object-fit: cover;
  margin-bottom: 16px;
}
.content-block5 .box-1,
.content-block5 .box-2,
.content-block5 .box-3,
.content-block5 .box-4{
  margin-bottom: 30px;
}
@media (max-width: 768px){
  .content-block5 .box-1,
  .content-block5 .box-2,
  .content-block5 .box-3,
  .content-block5 .box-4,
  .content-block5 .box-5,
  .content-block5 .box-6{
    margin-bottom: 24px;
  }
}

.content-block6 .wrapper{
  margin-bottom: 60px;
}
.content-block6 .row-custom{
  position: relative;
}
.content-block6 .col-box-inr{
  display: flex;
  align-items: center;
  background-color: #eeeeee;
}
.content-block6 .img-otr{
  width: 40%;
}
.content-block6 .img-otr img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.content-block6 .content{
  width: 60%;
  padding: 20px 24px;
}
.content-block6 .icon-ul{
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.content-block6 .icon-ul .icon-li{
  list-style: none;
}
.content-block6 .icon-li:not(:last-child){
  margin-left: 16px;
}
.content-block6 .icon-li .icon{
  font-size: 24px;
  color: #000428;
  transition: .3s;
}
.content-block6 .icon-li .icon:hover{
  color: #00acee;
}
.content-block6 .owl-nav {
  display: block !important;
  position: absolute;
  top: 36%;
  margin: 0;
  transform: translateY(-50%);
  width: 100%;
}
.content-block6 .owl-nav .owl-prev {
  position: absolute;
  right: -78px;
  margin: 0;
}
@media (max-width: 1300px) {
  .content-block6 .owl-nav .owl-prev {
    right: 0;
  }
}
.content-block6 .owl-nav .owl-prev span {
  padding: 27px 18px;
  background-color: #e9e9e9;
  color: #747474;
  transition: 0.2s;
}
.content-block6 .owl-nav .owl-prev span:hover {
  color: #fff;
  background-color: #7cb6d8;
}
.content-block6 .owl-nav .owl-next {
  position: absolute;
  left: -77px;
  margin: 0;
}
@media (max-width: 1300px) {
  .content-block6 .owl-nav .owl-next {
    left: 0;
  }
}
.content-block6 .owl-nav .owl-next span {
  padding: 27px 18px;
  background-color: #e9e9e9;
  color: #747474;
  transition: 0.2s;
}
.content-block6 .owl-nav .owl-next span:hover {
  color: #fff;
  background-color: #7cb6d8;
}

.center{
  text-align: center;
}
.text-white{
  color: #fff;
}


.owl-nav {
  display: block;
  position: absolute;
  top: 36%;
  margin: 0;
  transform: translateY(-50%);
  width: 100%;
}
.content-block .owl-nav .owl-prev {
  position: absolute;
  right: 0px;
  margin: 0;
  box-shadow: 0 0 0 5px #1fb9e000 !important;
}
@media (max-width: 1300px) {
  .content-block .owl-nav .owl-prev {
    right: 0;
  }
}
.owl-nav .owl-prev span {
  padding: 27px 18px;
  background-color: #e9e9e9;
  color: #747474;
  transition: 0.2s;
}
.owl-nav .owl-prev span:hover {
  color: #fff;
  background-color: #7cb6d8;
}
.content-block .owl-nav .owl-next {
  position: absolute;
  left: 0px;
  margin: 0;
  box-shadow: 0 0 0 5px #1fb9e000 !important;
}
@media (max-width: 1300px) {
  .content-block .owl-nav .owl-next {
    left: 0;
  }
}
.owl-nav .owl-next span {
  padding: 27px 18px;
  background-color: #e9e9e9;
  color: #747474;
  transition: 0.2s;
}
.owl-nav .owl-next span:hover {
  color: #fff;
  background-color: #7cb6d8;
}

.team-main1{
  margin: 30px 0;
}
.team-main1 .container{
  padding-left: 0;
}
.team-main1 .owl-stage-outer{
  padding: 0;
}
.owl-carousel .full-width{
  width: 100%;
}
.team-main1 .owl-nav{
  display: block !important;
}
.team-main1 .owl-nav .owl-next span{
  position: absolute;
  left: 0;
}
.team-main1 .owl-nav .owl-prev span{
  position: absolute;
  right: 0;
}
.team-main1 .col-box-inr{
  border: 1px solid rgb(207, 207, 207);
  background-color: #fff;
  padding: 16px 20px;
  transition: .3s;
}
.team-main1 .col-box-inr:hover{
  box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.09);
  border: 1px solid transparent;
}
.team-main1 img{
  height: 400px;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
.team-main1 .content{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-top: 16px;
}
.team-main1 .content .name p{
  margin: 0;
}
.team-main1 .icon-ul{
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%);
  display: flex;
  justify-content: center;
  padding: 20px 40px;
  background: #000;
  width: 90%;
}
.team-main1 .img-otr{
  position: relative;
}
.team-main1 .icon-li:not(:last-child){
  margin-left: 20px;
}
.team-main1-ltr .icon-li:not(:last-child){
  margin-right: 20px;
  margin-left: 0;
}
.team-main1 .icon-li{
  list-style: none;
}
.team-main1 .icon{
  color: #fff;
  transition: .3s;
}
.team-main1 .icon:hover{
  color: #87bb2f;
}

.team-main2{
  margin: 30px 0;
}
.team-main2 .col-box-inr{
  transition: .3s;
}
.team-main2 .col-box-inr:hover{
  border: 1px solid rgb(207, 207, 207);
  background-color: #fff;
}
.team-main2 .col-box-inr:hover .icon-ul{
  opacity: 1;
}
.team-main2 .img-otr{
  position: relative;
}
.team-main2 .icon-ul{
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  transition: .3s;
  opacity: 0;
}
.team-main2 .icon-li:not(:last-child){
  margin-right: 16px;
}
.team-main2 .icon{
  font-size: 32px;
  color: #000;
  transition: .3s;
}
.team-main2 .icon:hover{
  color: rgb(0, 150, 250);
}
.team-main2 img{
  height: 300px;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
.team-main2 .content{
  margin-top: 24px;
}

.team-main3{
  margin: 30px 0;
}
.team-main3 .col-box-inr{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border: 1px solid rgb(207, 207, 207);
  padding: 16px;
  transition: .3s;
}
.team-main3 .col-box-inr:hover{
  box-shadow: 15px 15px 25px rgba(0, 0, 0, 0.09);
  border: 1px solid transparent;
}
.team-main3 .col-box-inr img{
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
}
.team-main3 .icon-ul{
  display: flex;
  align-items: center;
  transition: .3s;
}
.team-main3 .icon-ul .icon-li:not(:last-child){
  margin-left: 16px;
}
.team-main3-ltr .icon-ul .icon-li:not(:last-child){
  margin-right: 16px;
  margin-left: 0;
}
.team-main3 .icon{
  font-size: 24px;
  color: #000;
  transition: .3s;
}
.team-main3 .icon:hover{
  color: rgb(0, 150, 250);
}

.team-main4{
  margin: 30px 0;
}
.team-main4 .col-box-inr{
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgb(235, 235, 235);
  transition: .3s;
}
.team-main4 .col-box-inr:hover{
  box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.team-main4 .col-box-inr .img-otr{
  width: 50%;
}
.team-main4 .col-box-inr img{
  width: 100%;
  height: 300px;
  object-fit: cover;
  object-position: center;
}
.team-main4 .content{
  width: 45%;
}
.team-main4 .icon-ul{
  display: flex;
  align-items: center;
  transition: .3s;
}
.team-main4 .icon-li:not(:last-child){
  margin-left: 16px;
}
.team-main4-ltr .icon-li:not(:last-child){
  margin-right: 16px;
  margin-left: 0;
}
.team-main4 .icon{
  font-size: 24px;
  color: #000;
  transition: .3s;
}
.team-main4 .icon:hover{
  color: rgb(0, 150, 250);
}

.team-main5{
  margin: 30px 0;
}
.team-main5 .col-box-inr{
  display: flex;
  align-items: center;
  padding: 20px;
  border: 1px solid #cdcdcd;
  transition: .3s;
}
.team-main5 .col-box-inr:hover{
  box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
}
.team-main5 .col-box-inr .img-otr{
  margin-left: 16px;
}
.team-main5-ltr .col-box-inr .img-otr{
  margin-right: 16px;
  margin-left: 0;
}
.team-main5 .col-box-inr img{
  width: 150px;
  height: 150px;
  object-fit: cover;
  object-position: center;
  border-radius: 100%;
  transition: .3s;
}
.team-main5 .col-box-inr:hover img{
  border-radius: 0;
}
.team-main5 .icon-ul{
  display: flex;
  align-items: center;
  transition: .3s;
}
.team-main5 .icon-li:not(:last-child){
  margin-left: 16px;
}
.team-main5-ltr .icon-li:not(:last-child){
  margin-right: 16px;
  margin-left: 0;
}
.team-main5 .icon{
  font-size: 24px;
  color: #000;
  transition: .3s;
}
.team-main5 .icon:hover{
  color: rgb(0, 150, 250);
}

.team-main6{
  margin: 30px 0;
}
.team-main6 .col-box-inr{
  display: flex;
  align-items: center;
  padding: 20px;
  background-color: #efe4e4;
  transition: .3s;
}
.team-main6 .col-box-inr:hover{
  box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.1);
}
.team-main6 .col-box-inr .img-otr{
  margin-left: 16px;
}
.team-main6-ltr .col-box-inr .img-otr{
  margin-right: 16px;
  margin-left: 0;
}
.team-main6 .col-box-inr img{
  width: 150px;
  height: 150px;
  object-fit: cover;
  object-position: center;
  border-radius: 12px;
  transition: .3s;
}
.team-main6 .col-box-inr:hover img{
  border-radius: 0;
}
.team-main6 .icon-ul{
  display: flex;
  align-items: center;
  transition: .3s;
}
.team-main6 .icon-li:not(:last-child){
  margin-left: 16px;
}
.team-main6-ltr .icon-li:not(:last-child){
  margin-right: 16px;
  margin-left: 0;
}
.team-main6 .icon{
  font-size: 24px;
  color: #000;
  transition: .3s;
}
.team-main6 .icon:hover{
  color: rgb(0, 150, 250);
}

.team-main7{
  margin: 30px 0;
}
.team-main7 .col-box-inr{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-color: rgb(235, 235, 235);
  padding: 24px 16px;
  border-radius: 8px;
}
.team-main7 .col-box-inr .img-otr{
  margin-bottom: 16px;
}
.team-main7 .col-box-inr img{
  width: 150px;
  height: 150px;
  object-fit: cover;
  object-position: center;
  border-radius: 100%;
}
.team-main7 .icon-ul{
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s;
}
.team-main7 .icon-li:not(:last-child){
  margin-left: 16px;
}
.team-main7-ltr .icon-li:not(:last-child){
  margin-right: 16px;
  margin-left: 0;
}
.team-main7 .icon{
  font-size: 24px;
  color: #000;
  transition: .3s;
}
.team-main7 .icon:hover{
  color: rgb(0, 150, 250);
}

.team-main8{
  margin: 30px 0;
}
.team-main8 .col-box-inr{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  border: 1px solid rgb(235, 235, 235);
  background-color: #fff;
  padding: 24px 16px;
  border-radius: 8px;
  transition: .3s;
}
.team-main8 .col-box-inr:hover{
  filter: drop-shadow(0px 15px 25px rgba(0, 0, 0, 0.1));
  border: 1px solid transparent;
}
.team-main8 .col-box-inr .img-otr{
  margin-bottom: 16px;
}
.team-main8 .col-box-inr img{
  width: 150px;
  height: 150px;
  object-fit: cover;
  object-position: center;
  border-radius: 100%;
}
.team-main8 .icon-ul{
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s;
}
.team-main8 .icon-li:not(:last-child){
  margin-left: 16px;
}
.team-main8-ltr .icon-li:not(:last-child){
  margin-right: 16px;
  margin-left: 0;
}
.team-main8 .icon{
  font-size: 24px;
  color: #000;
  transition: .3s;
}
.team-main8 .icon:hover{
  color: rgb(0, 150, 250);
}

.team-main9{
  margin: 30px 0;
}
.team-main9 .col-box-inr{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-color: #fff;
  padding: 24px 16px 16px 16px;
  border-radius: 8px;
  border-right: 1px solid;
  border-left: 1px solid;
  border-inline-width: 1px;
  transition: .3s;
}
.team-main9 .col-box-inr:hover{
  box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.5);
  border-inline-width: 20px;
}
.team-main9 .col-box-inr .img-otr{
  margin-bottom: 16px;
}
.team-main9 .col-box-inr img{
  width: 150px;
  height: 150px;
  object-fit: cover;
  object-position: center;
  border-radius: 100%;
}
.team-main9 .icon-ul{
  display: flex;
  align-items: center;
  justify-content: center;
  transition: .3s;
}
.team-main9 .icon-li:not(:last-child){
  margin-left: 16px;
}
.team-main9-ltr .icon-li:not(:last-child){
  margin-right: 16px;
  margin-left: 0;
}
.team-main9 .icon{
  font-size: 24px;
  color: #000;
  transition: .3s;
}
.team-main9 .icon:hover{
  color: rgb(0, 150, 250);
}

.team10 .col-inr{
  padding: 40px;
  border: 1px solid #cfcfcf;
  background-color: #F8F9FB;
  border-radius: 24px;
  transition: .3s;
}
.team10 .col-inr:hover{
  border: 1px solid transparent;
  background-color: #3445ED;
}

.team10 .col-inr:hover .user-image-otr{
  border-color: #fff;
}

.team10 .col-inr:hover .username{
  color: #fff;
}
.team10 .col-inr:hover p{
  color: #fff;
}

.team10 .col-inr p{
  transition: .3s;
  color: #000;
}

.team10 .user-info{
  display: flex;
  align-items: center;
}
.team10 .user-image-otr{
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 4px solid #000;
  margin-left: 20px;
  transition: .3s;
}
.team10-ltr .user-image-otr{
  margin-right: 20px;
  margin-left: 0;
}
.team10 .username{
  color: #000;
  transition: .3s;
}

.team10 .img-inr{
  border-radius: 100%;
}
.team10 .icons-ul{
  display: flex;
  align-items: center;
}
.team10 .icons-li:not(:last-child){
  margin-left: 20px;
}
.team10-ltr .icons-li:not(:last-child){
  margin-right: 20px;
  margin-left: 0;
}
.team10 .icons-a{
  width: 50px;
  height: 50px;
  border: 1px solid #cfcfcf;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  transition: .3s;
}
.team10 .icons-a:hover{
  background-color: tomato;
  border: 1px solid transparent;
}
.team10 .col-inr:hover .icons{
  color: #fff;
}

.team10 .icons{
  font-size: 18px;
  color: #000;
  transition: .3s;
}

.team11 .col-inr{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.team11 .user-info{
  flex-direction: column;
}
.team11 .user-image-otr{
  margin-bottom: 10px;
  margin-left: 0;
}

.team12 .col-inr{
  border: 1px solid #e6e6e6;
  padding: 20px;
  border-radius: 20px;
  transition: .3s;
}
.team12 .col-inr:hover{
  border: 1px solid blueviolet;
  box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.05);
}
.team12 .col-inr:hover .icons-ul{
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.team12 .img-inr{
  border-radius: 12px;
  height: 300px;
  width: 100%;
  object-fit: cover;
}
.team12 .username{
  color: #000;
  display: block;
}

.team12 .content-div{
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.team12 .icons-ul{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 50%;
  flex-wrap: wrap;
}
.team12 .icons-li:not(:last-child){
  margin-left: 10px;
}
.team12-ltr .icons-li:not(:last-child){
  margin-right: 10px;
  margin-left: 0;
}
.team12 .icons-a{
  width: 40px;
  height: 40px;
  border: 1px solid #cfcfcf;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  transition: .3s;
}
.team12 .icons-a:hover{
  background-color: tomato;
  border: 1px solid transparent;
}

.team12 .icons-a:hover .icons{
  color: #fff;
}

.team12 .icons{
  font-size: 14px;
  color: #000;
  transition: .3s;
}

.team12-new .icons-ul{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0%;
  border-radius: 12px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.team12-new .icons-ul::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #662feb;
  border-radius: 12px;
  opacity: 70%;
  z-index: -1;
}
.team12-new .user-image-otr{
  position: relative;
}

.team12-new .icons{
  color: #fff;
}

.icon-font-size28{
  font-size: 28px;
}
.border-none{
  border: none !important;
}

.bg-color-gray{
  background-color: #c2f3f3 !important;
}

.font-size-18px{
  font-size: 18px;
  font-weight: 500;
}


.opening-section1 .wrapper{
  background-size: cover;
  background-repeat: no-repeat;
  height: 250px;
}

.opening-section1 h1{
  padding: 153px 0;
  margin: 0;
}

.opening-section1 h1:before,
.opening-section2 h1:before{
  display: none;
}

.opening-section1 .main-wrapper{
  position: relative;
  z-index: 10;
}

.opening-section1 .row-custom{
  display: flex;
  align-items: center;
}

@media (max-width: 575px) {
  .opening-section1 h1{
    padding: 86px 0;
  }
  .opening-section1 .row-custom{
    text-align: start;
  }
  .opening-section1 .col-btn-inr{
    display: flex;
    justify-content: flex-start !important;
    align-items: center;
    margin-top: 20px;
  }
}

.opening-section1 .text-main{
  padding: 10px 0;
  background-color: #D44B3B;
}

.opening-section1 .text-main .theme-btn{
  padding: 6px 12px;
  font-size: 16px;
  line-height: 24px;
}

.opening-section1 .text-main .theme-btn img{
  width: 16px;
  height: 16px;
  object-fit: contain;
  margin-right: 4px !important;
}

.opening-section1 .col-btn-inr{
  display: flex;
  justify-content: flex-end;
}

.opening-section1 .col-inr-text p{
  color: #fff;
  margin: 0;
}

.opening-section1 .breadcrumb-main{
  font-size: 18px;
  line-height: 28px;
  background-color: white;
  border-bottom: 1px solid #f7efef;
}
.content-block{
  margin: 20px 0;
}
.col-content-inr p:not(:last-child){
  margin-bottom: 20px;
}
.content-block img{
  width: 100%;
  height: 460px;
  object-fit: contain;
}

.opening-section2{
  height: 190px;
  width: 100%;
  background-color: #D9D9D9;
}
.opening-section2 .wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  height: 190px;
}
.opening-section2 .breadcrumb{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row-reverse;
  padding: 0;
  margin: 8px 0 0 0;
  background-color: transparent;
}
.opening-section2 .breadcrumb-item+.breadcrumb-item::before{
  float: left;
}
.content-block{
  margin: 20px 0;
}
.content-block img{
  width: 100%;
}
@media (max-width: 768px) {
  .col-img-inr{
    margin-top: 30px;
  }
}

.opening-section3 .wrapper{
  background-size: cover;
  background-repeat: no-repeat;
  height: 250px;
}

.opening-section3 h1{
  padding: 150px 0;
  margin: 0;
}
.opening-section3 .breadcrumb{
  padding: 10px 0;
  font-size: 18px;
}
.opening-section3{
  border-bottom: 1px solid #f7efef;
}

.opening-section3 .opening-content-sec1{
  max-width: 700px;
  width: 100%;
  margin: 20px auto;
  text-align: center;
}

.opening-section3 .opening-content-sec1 h1{
  position: inherit;
  transform: none;
  padding: 0;
  margin-bottom: 12px;
}

.opening-section3 .opening-content-sec1 h1::after,
.opening-section3 .opening-content-sec1 h1::before{
  display: none;
}



.feature-block-1{
  margin: 60px 0;
}
.feature-block-1 .wrapper{
  margin-bottom: 40px;
}
.feature-block-1 .col-box-inr{
  border: 2px solid #c4c4c4;
  border-radius: 16px;
  padding: 24px 28px;
  transition: .3s;
}
.feature-block-1 .col-box-inr:hover{
  border: 2px solid #033fff;
}
.feature-block-1 .feature-icon .icon{
  color: #033fff;
  font-size: 36px;
}
.feature-block-1 .more-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: rgb(235, 235, 235);
  transition: .3s;
  margin-top: 16px;
}
.feature-block-1 .col-box-inr:hover .more-icon{
  background-color: #033fff;
}
.feature-block-1 .col-box-inr:hover .more-icon .icon{
  color: #fff;
}
.feature-block-1 .more-icon .icon{
  font-size: 20px;
  color: #666;
  transition: .3s;
}

@media (max-width: 575px){
  h2 br,
  p br{
      display: none;
  }
}


.feature-block-2{
  margin: 60px 0;
}
.feature-block-2 .wrapper{
  margin: 0;
}
.feature-block-2 .video-otr{
  position: relative;
  display: flex;
}
.feature-block-2 .video-otr img{
  width: 100%;
  height: 400px;
  object-fit: cover;
  border-radius: 24px;
  margin: 0 0 40px 0;
}
.feature-block-2 .video-otr .icon-otr{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
.feature-block-2 .video-otr .icon{
  font-size: 16px;
  color: #033fff;
}
.feature-block-2 .col-box-otr{
  display: flex;
}
.feature-block-2 .col-box-inr{
  display: flex;
  justify-content: space-between;
  border: 2px solid #cfcfcf;
  border-radius: 16px;
  padding: 24px 16px;
}
.feature-block-2 .col-box-inr .feature-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-radius: 8px;
  background-color: #033fff;
}
.feature-block-2 .col-box-inr .content p{
  margin: 0;
}

@media (max-width: 575px){
  .feature-block-2 .col-box-inr .feature-icon{
      width: 60px;
      height: 60px;
      margin-bottom: 16px;
  }
}


.feature-block-3{
  margin: 60px 0;
}
.feature-block-3 .wrapper{
  margin-bottom: 40px;
}
.feature-block-3 .row-custom{
  align-items: center;
}
.feature-block-3 .feature-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #033eff2a;
  border-radius: 4px;
  margin-bottom: 12px;
}
.feature-block-3 .feature-icon .icon{
  color: #033fff;
}
.feature-block-3 .col-img-inr{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.feature-block-3 img{
  width: 400px;
  height: 400px;
  border-radius: 100%;
  object-fit: cover;
}
@media (max-width: 992px){
  .feature-block-3 img{
      width: 100%;
      height: 400px;
      border-radius: 24px;
      object-fit: cover;
  }
}

.feature-circle {
  
}

.feature-circle .row-custom {
  display: flex;
  justify-content: space-between;
  text-align: center;
}

@media (max-width: 991px) {
  .feature-circle .row-custom {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .feature-circle .row-custom {
    margin-right: 0;
    padding: 0;
  }
}

@media (max-width: 991px) {
  .feature-circle .circle-otr {
    margin-bottom: 20px;
  }
}

.feature-circle .circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 130px;
  height: 130px;
  border-radius: 100%;
  background-color: transparent;
  border: 5px solid #053b75;
  margin: 0 auto;
  transform: scale(1.05);
  position: relative;
  overflow: hidden;
  transition: .5s;
}

.feature-circle .circle:hover{
  transform: scale(1);
  background-color: #053b75;
}

.feature-circle .circle:hover .icon {
  color: #fff;
}

.feature-circle .circle:hover::after {
  background-color: transparent;
}

@media (max-width: 575px) {
  .feature-circle .circle::after {
    background-color: transparent;
  }
}

.feature-circle .circle .icon {
  font-size: 54px;
  color: #7e7e7e;
  position: relative;
  z-index: 10;
  transition: .5s;
}

@media (max-width: 575px) {
  .feature-circle .circle .icon {
    color: #fff;
  }
}

.feature-circle .circle-text {
  padding: 20px 0 0 0;
  color: #343e5c;
  font-size: 20px;
  display: block;
}

.faq-block1 .row-custom{
  justify-content: center;
}
.faq-block1 .accordion{
  margin: 0;
}
.faq-block1 .accordion-item{
  border: none;
  background-color: white;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #888888;
}
.faq-block1 .accordion-item:not(:last-child){
  margin-bottom: 24px;
}
.faq-block1 .accordion-item .accordion-button{
  border: none;
  background-color: white;
  border-radius: 0;
  box-shadow: none;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: bold;
  color: #888888;
}
.faq-block1 .accordion-item .accordion-collapse{
  border-top: 1px solid #888888;
}
.faq-block1 .accordion-item .accordion-body{
  padding: 12px 24px;
}
.faq-block1 .accordion-item p{
  color: #888888;
  margin: 0;
}
.faq-block1 .accordion-button:not(.collapsed)::after{
  background-image: url("https://img.icons8.com/ios-glyphs/30/000000/minus.png");
}
.faq-block1 .accordion-button::after{
  background-image: url("https://img.icons8.com/ios-glyphs/30/000000/plus.png");
}

.faq-block1-ltr .accordion-button::after{
  margin-left: auto;
  margin-right: initial;
}

.faq-block2 .row-custom{
  justify-content: center;
}
.faq-block2 .accordion{
  margin: 0;
}
.faq-block2 .accordion-item{
  border: none;
  background-color: #f0f0f0;
  border-radius: 16px;
  overflow: hidden;
  border: none;
}
.faq-block2 .accordion-item:not(:last-child){
  margin-bottom: 24px;
}
.faq-block2 .accordion-item .accordion-button{
  border: none;
  background-color: #f0f0f0;
  border-radius: 0; 
  box-shadow: none;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.faq-block2 .accordion-item .accordion-collapse{
  border-top: 1px solid #888888;
}
.faq-block2 .accordion-item .accordion-body{
  padding: 12px 24px;
}
.faq-block2 .accordion-item p{
  color: #2e2e2e;
  margin: 0;
}
.faq-block2 .accordion-button:not(.collapsed)::after{
  background-image: url("https://img.icons8.com/ios-glyphs/30/000000/minus.png");
}
.faq-block2 .accordion-button::after{
  background-image: url("https://img.icons8.com/ios-glyphs/30/000000/plus.png");
}
.faq-block2-ltr .accordion-button::after{
  margin-left: auto;
  margin-right: initial;
}

.faq-block3 .icon-otr{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: #f0f0f0;
}
.faq-block3 .icon-otr .icon{
  font-size: 28px;
  color: blue;
}
.faq-block3 a{
  display: flex;
  margin: 16px 0 8px 0;
  font-weight: bold;
  color: #000;
}
.faq-block3 p{
  color: #000;
}

.faq-block4 .accordion{
  margin: 0;
}
.faq-block4 .accordion-item{
  border: none;
  background-color: #fce5e5;
  border-radius: 16px;
  overflow: hidden;
  border: none;
}
.faq-block4 .accordion-item:not(:last-child){
  margin-bottom: 24px;
}
.faq-block4 .accordion-item .accordion-button{
  display: flex;
  align-items: center;
  border: none;
  background-color: #fce5e5;
  border-radius: 0; 
  box-shadow: none;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.faq-block4 .accordion-item .num{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: #fff;
  margin-left: 16px;
  transition: .3s;
}
.faq-block4-ltr .accordion-item .num{
  margin-right: 16px;
  margin-left: 0;
}
.faq-block4 .accordion-item .accordion-collapse{
  border-top: 1px solid #ff9494;
}
.faq-block4 .accordion-item p{
  color: #2e2e2e;
  margin: 0;
}
.faq-block4 .accordion-button:not(.collapsed) .num{
  background-color: #ff0000;
  color: #fff;
}
.faq-block4 .accordion-button:not(.collapsed)::after{
  background-image: url("https://img.icons8.com/ios-glyphs/30/000000/minus.png");
}
.faq-block4 .accordion-button::after{
  background-image: url("https://img.icons8.com/ios-glyphs/30/000000/plus.png");
}

.faq-block4-ltr .accordion-button::after{
  margin-left: auto;
  margin-right: initial;
}

.faq-block5-ltr .accordion-button::after{
  margin-left: auto;
  margin-right: initial;
}

.our-work .wrapper{
	margin-bottom: 100px;
}

.our-work .wrapper p{
	margin: 0 0 20px 0;
    padding: 0;
    width: 100%;
    font-size: 18px;
    color: #4c5a74;
    line-height: 24px;
    text-align: center;
}

.our-work .icon-circle{
  color: #02434b;
  transition: .3s;
}

.our-work .col-inr:hover .icon-circle{
  color: #fff;
}

.our-work .col-inr{
	position: relative;
	padding: 80px 10px 20px 10px;
	background-color: #fff;
	text-align: center;
	box-shadow: 0px 3px 19.95px 1.05px rgba(227, 234, 242, 0.78);
	transition: .3s;
}

.our-work .col-inr:hover{
	background-color: #008aff;
	box-shadow: 0;
}

.our-work .col-inr:hover .heading{
	color: #fff;
}

.our-work .col-inr:hover p{
	color: #fff;
}

.our-work .col-inr:hover .img-otr{
	border-color: #fff;
	background-color: #008aff;
}

.our-work .col-inr:hover .arrow-icon{
	background-color: #fff;
}

.our-work .col-inr:hover .hover-img{
	opacity: 1;
}

.our-work .col-inr:hover .original-img{
	opacity: 0;
}

.our-work .img-otr{
	position: absolute;
	left: 50%;
	top: -60px;
	transform: translateX(-50%);
	width: 120px;
	height: 120px;
	background-color: #fff;
	border-radius: 100%;
	border: 8px solid #e8edf3;
	transition: .3s;
}

.our-work .img-inr{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
}

.our-work .original-img{
	opacity: 1;
}

.our-work .hover-img{
	opacity: 0;
}

.our-work .content-div .heading{
	margin: 0 0 10px 0;
	padding: 0;
	font-family: "Heebo-Bold";
    font-size: 21px;
    color: #222222;
	transition: .5s;
}
.our-work .content-div p{
	margin: 0 0 0px 0;
    padding: 0;
    width: 100%;
    font-size: 18px;
    color: #090c1b;
    line-height: 24px;
	transition: .5s;
}

.our-work .arrow-icon{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	background-color: #d8d8d8;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
	transition: .5s;
}
.our-work .icon-inr{
	font-size: 14px;
	color: #000;
}

@media(min-width:991px) {
	.our-work .col-lg-3{
		width: 20%;
	}
}

@media(max-width:991px) {
	.our-work .col-lg-3{
		margin-bottom: 70px;
	}
}


.banner-1{
  background-size: cover;
  background-position: left;
}

.banner-1 .img-inr{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 80vh;
  object-fit: cover;
}

.banner-1 .wrapper{
  position: relative;
  z-index: 10;
  padding: 200px 0;
  color: #fff;
}


.banner-2{
  overflow: hidden;
}

.banner-2 .slider-inr{
  background-size: cover;
  background-repeat: no-repeat;
}

.banner-2 .slick-slide{
  transition: opacity .5s ease-in-out 0s !important;
}

.banner-2 .slick-slider{
  margin: 0;
}

.banner-2 .col-inr{
  padding: 200px 0;
  color: #fff;
}

.banner-2 .col-inr .title{
  transition: 1s;
  transition-delay: .2s;
  transform: translateY(-20px) scale(1.1);
  opacity: 0;
}

.banner-2 .slick-active .title{
  transform: translateY(0px) scale(1);
  opacity: 1;
}


.banner-2 .col-inr .sub-title{
  transition: 1s;
  transition-delay: .4s;
  transform: translateY(-20px) scale(1.1);
  opacity: 0;
}

.banner-2 .slick-active .sub-title{
  transform: translateY(0px) scale(1);
  opacity: 1;
}

.banner-2 .col-inr .action{
  transition: 1s;
  transition-delay: .8s;
  transform: translateY(-20px) scale(1.1);
  opacity: 0;
}

.banner-2 .slick-active .action{
  transform: translateY(0px) scale(1);
  opacity: 1;
}

.banner-2 .slick-dots{
  bottom: 20px;
}

.banner-2 li{
  background-color: #fff;
  border-radius: 100%;
}

.banner-2 .slick-dots li button:before{
  display: none;
}

.banner-2 .slick-active{
  background-color: #FFCE2B;
}

.banner-2 .slick-arrow{
  position: absolute;
  font-size: 30px;
  top: 50%;
  transform: translateY(-50%);
  color: #ff0000;
  z-index: 100;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
  cursor: pointer;
  transition: .3s;
}

.banner-2 .slick-arrow:hover{
  border: none;
  background-color: #ff0000;
  color: #fff;
}

.banner-2 .right-arrow{
  right: 20px;
}

.banner-2 .left-arrow{
  left: 20px;
}

.banner-3{
  position: relative;
}

.banner-3 .slider-inr{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

.banner-3 .col-inr{
  padding: 350px 0 50px 0;
  color: #fff;
  position: relative;
  z-index: 10;
}

.banner-3 .slick-slide{
  transition: opacity .5s ease-in-out 0s !important;
}

.banner-3 .overlay{
  position: absolute;
  right: 0;
  top: 0;
  width: 40%;
  height: 99%;
  transform: translateX(100%);
  transition: 1s;
}

.banner-3 .overlay1{
  background-color: #FF442B;
}

.banner-3 .overlay2{
  background-color: #FFCE2B;
}

.banner-3 .overlay3{
  background-color: #EED67D;
}

.banner-3 .overlay4{
  background-color: #4fce5d;
}

.banner-3 .slick-active .overlay{
  transform: translateX(0);
  left: 0;
}

.banner-3 .col-inr .title{
  transition: 1s;
  transition-delay: .2s;
  transform: translateY(-20px) scale(1.1);
  opacity: 0;
}

.banner-3 .slick-active .title{
  transform: translateY(0px) scale(1);
  opacity: 1;
}


.banner-3 .col-inr .sub-title{
  transition: 1s;
  transition-delay: .4s;
  transform: translateY(-20px) scale(1.1);
  opacity: 0;
}

.banner-3 .slick-active .sub-title{
  transform: translateY(0px) scale(1);
  opacity: 1;
}

.banner-3 .col-inr .action{
  transition: 1s;
  transition-delay: .8s;
  transform: translateY(-20px) scale(1.1);
  opacity: 0;
}

.banner-3 .slick-active .action{
  transform: translateY(0px) scale(1);
  opacity: 1;
}

.banner-3 .slick-dots{
  bottom: 20px;
}

.banner-3 li button{
  background-color: #fff;
  border-radius: 100%;
}

.banner-3 .slick-dots li button:before{
  display: none;
}

.banner-3 .slick-active button{
  background-color: #FFCE2B;
}

.banner-3 .slick-arrow{
  position: absolute;
  font-size: 30px;
  top: 50%;
  transform: translateY(-50%);
  color: #FCBDBD;
  z-index: 100;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  cursor: pointer;
  transition: .3s;
}

.banner-3 .slick-arrow:hover{
  border: none;
  background-color: #FFCE2B;
  color: #fff;
}

.banner-3 .right-arrow{
  left: 20px;
  transform: translateY(10%);
}

.banner-3 .left-arrow{
  left: 20px;
  transform: translateY(-110%);
}

.banner-4{
  position: relative;
}

.banner-4 .slider-inr{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: bottom;
}

.banner-4 .col-inr{
  padding: 350px 0 50px 0;
  color: #fff;
  position: relative;
  z-index: 10;
}

.banner-4 .slick-slide{
  transition: opacity .5s ease-in-out 0s !important;
}

.banner-4 .overlay{
  position: absolute;
  left: 0;
  top: 0;
  width: 40%;
  height: 100%;
  transform: translateX(-100%);
  transition: 1s;
}

.banner-4 .overlay1{
  background-color: #FF442B;
}

.banner-4 .overlay2{
  background-color: #FFCE2B;
}

.banner-4 .overlay3{
  background-color: #EED67D;
}

.banner-4 .overlay4{
  background-color: #4fce5d;
}

.banner-4 .slick-active .overlay{
  transform: translateX(0);
  left: 0;
}

.banner-4 .col-inr .title{
  transition: 1s;
  transition-delay: .2s;
  transform: translateY(-20px) scale(1.1);
  opacity: 0;
}

.banner-4 .slick-active .title{
  transform: translateY(0px) scale(1);
  opacity: 1;
}


.banner-4 .col-inr .sub-title{
  transition: 1s;
  transition-delay: .4s;
  transform: translateY(-20px) scale(1.1);
  opacity: 0;
}

.banner-4 .slick-active .sub-title{
  transform: translateY(0px) scale(1);
  opacity: 1;
}

.banner-4 .col-inr .action{
  transition: 1s;
  transition-delay: .8s;
  transform: translateY(-20px) scale(1.1);
  opacity: 0;
}

.banner-4 .slick-active .action{
  transform: translateY(0px) scale(1);
  opacity: 1;
}

.banner-4 .slick-dots{
  bottom: 20px;
}

.banner-4 li button{
  background-color: #fff;
  border-radius: 100%;
}

.banner-4 .slick-dots li button:before{
  display: none;
}

.banner-4 .slick-active button{
  background-color: #FFCE2B;
}

.banner-4 .slick-arrow{
  position: absolute;
  font-size: 30px;
  top: 50%;
  transform: translateY(-50%);
  color: #FFCE2B;
  z-index: 100;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FFCE2B;
  cursor: pointer;
  transition: .3s;
}

.banner-4 .slick-arrow:hover{
  border: none;
  background-color: #FFCE2B;
  color: #fff;
}

.banner-4 .right-arrow{
  right: 20px;
  transform: translateY(10%);
}

.banner-4 .left-arrow{
  right: 20px;
  transform: translateY(-110%);
}


.contact-main .heading-otr{
	margin: 0 auto;
}

.contact-main .input{
	background-color: #fff;
	border: 1px solid #1d5ad6;
	text-align: right;
	font-family: "Heebo-Regular";
	font-size: 18px;
}

.contact-main .textarea{
  text-align: initial;
}

.contact-main .theme-btn{
	width: 100%;
	text-align: center;
}

.contact-main .textarea{
	height: 210px;
	resize: none;
}

.contact-main .row-info{
	margin-top: 50px;
}

.contact-main .row-info .link-box{
	display: block;
	padding: 60px 0 30px 0;
	background-color: #fff;
	box-shadow: 0 0 30px rgb(0 0 0 / 5%);
	text-align: center;
}

.contact-main .row-info .col-inr{
	position: relative;
	z-index: 20;
}

.contact-main .row-info .col-inr:hover .link-box{
	box-shadow: 0 0 30px rgb(0 0 0 / 15%);
}

.contact-main .row-info .col-inr:hover .icon-otr{
	background-color: #0184ff;
	border: 1px solid #0184ff;
}

.contact-main .row-info .col-inr:hover .icon-inr{
	color: #fff;
}

.contact-main .row-info .icon-otr{
	width: 70px;
	height: 70px;
	border-radius: 100%;
	background-color: #fff;
	border: 1px solid #777777;
	position: absolute;
	box-shadow: 0 0 30px rgb(0 0 0 / 5%);
	top: -35px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 10;
	transition: .3s;
}

.contact-main .row-info .icon-inr{
	font-size: 30px;
	color: #777777;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
}

.contact-main .row-info p{
	margin: 0;
    padding: 0;
    font-size: 18px;
    line-height: 24px;
    font-family: "Heebo-Regular";
    color: #4c5a74;
}	

@media(min-width:991px) {
	.contact-main-1 .row-info .col-otr{
		width: 20%;
	}
}

.video-block1{
  margin: 40px 0;
}
.video-block1 .col-box-inr{
  background-color: #fff;
  padding: 24px 28px;
  box-shadow: 0px 25px 60px rgba(0, 0, 0, 0.205);
  border-radius: 16px;
  position: relative;
  height: 100%;
}
.video-block1 .play-videos-otr{
  position: relative;
  cursor: pointer;
}
.video-block1 .play-videos img{
  width: 100%;
  height: 250px;
  object-fit: cover;
  border-radius: 12px;
}
.video-block1 .play-videos .play-icon-otr{
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #f00;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  transition: .3s;
}
.video-block1 .play-videos .play-icon-otr:hover{
  transform: translate(-50%, -50%) scale(1.3);
}
.video-block1 .play-videos .play-icon-otr .fa-play{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 24px;
}
.video-block1 .iframe-video,
.video-block1 iframe,
.video-block1 [data-component-video]{
  width: 100%;
  height: 250px;
  border-radius: 12px;
}
.video-block1 .col-box-inr .img-otr{
  position: relative;
  display: flex;
}
.video-block1 .col-box-inr .img-otr img{
  border-radius: 12px;
  width: 100%;
  height: 250px;
  object-fit: cover;
}
.video-block1 .col-box-inr .img-otr .icon-otr{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #1765FD;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.video-block1 .col-box-inr .img-otr .icon-video{
  color: #fff;
}
.video-block1 .col-box-inr .content .tag-otr{
  display: flex;
  margin-top: 16px;
}
.video-block1 .col-box-inr .content .tag-inr{
  background-color: #f6f6f6;
  padding: 4px 16px;
  border-radius: 4px;
  color: #000;
}

.testimonial-block1{
  overflow: hidden;
}
.testimonial-block1 .row-custom{
  position: relative;
}
.testimonial-block1 .col-img-inr{
  display: flex;
}
.testimonial-block1 .col-img-inr img{
  height: 400px;
  width: 100%;
  object-fit: cover;
}
.testimonial-block1 .col-content-inr .qote-icon{
  font-size: 36px;
  color: #1765FD;
}
.testimonial-block1 .col-content-inr .name{
  font-weight: bold;
}
.testimonial-block1 .row-custom .owl-nav{
  display: flex;
  align-items: center;
  position: absolute;
  right: 50%;
  bottom: 0;
  top: inherit;
}
@media (max-width: 992px) {
  .testimonial-block1 .row-custom .owl-nav {
    right: 0;
  }
}
@media (max-width: 768px) {
  .testimonial-block1 .row-custom .owl-nav {
    justify-content: flex-end;
    transform: translate(0);
  }
}
.testimonial-block1 .row-custom .owl-nav .owl-prev,
.testimonial-block1 .row-custom .owl-nav .owl-next{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #eeeeee;
  border: none;
  transition: .3s;
}
.testimonial-block1 .row-custom .owl-nav .owl-prev:hover,
.testimonial-block1 .row-custom .owl-nav .owl-next:hover{
  background-color: #1765FD;
  border: none;
}
.testimonial-block1 .row-custom .owl-nav .owl-prev span,
.testimonial-block1 .row-custom .owl-nav .owl-next span{
  color: #6e6e6e;
  transition: .3s;
  padding: 0;
  background-color: transparent;
}
.testimonial-block1 .row-custom .owl-nav .owl-prev:hover span,
.testimonial-block1 .row-custom .owl-nav .owl-next:hover span{
  color: #fff;
}

.testimonial-block2{
  overflow: hidden;
}
.testimonial-block2 .row-custom{
  position: relative;
}
.testimonial-block2 .col-img-inr{
  display: flex;
  align-items: center;
}
.testimonial-block2 .col-img-inr .img-otr{
  margin-left: 16px;
}
.testimonial-block2 .col-img-inr img{
  width: 52px;
  height: 52px;
  object-fit: cover;
  border-radius: 100%;
}
.testimonial-block2 .col-img-inr .name{
  font-weight: bold;
}
.testimonial-block2 .col-img-inr p{
  margin: 0;
}
.testimonial-block2 .row-custom .owl-nav{
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
}
.testimonial-block2 .row-custom .owl-nav .owl-prev,
.testimonial-block2 .row-custom .owl-nav .owl-next{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: #eeeeee;
  border: none;
  transition: .3s;
}
.testimonial-block2 .row-custom .owl-nav .owl-prev:hover,
.testimonial-block2 .row-custom .owl-nav .owl-next:hover{
  background-color: #1765FD;
  border: none;
}
.testimonial-block2 .row-custom .owl-nav .owl-prev span,
.testimonial-block2 .row-custom .owl-nav .owl-next span{
  color: #6e6e6e;
  transition: .3s;
  padding: 0;
  background-color: transparent;
}
.testimonial-block2 .row-custom .owl-nav .owl-prev:hover span,
.testimonial-block2 .row-custom .owl-nav .owl-next:hover span{
  color: #fff;
}

.testimonial-block3{
  overflow: hidden;
}
.testimonial-block3 .row-custom{
  position: relative;
}
.testimonial-block3 .col-box-inr{
  position: relative;
  align-items: center;
  padding: 0 100px;
  z-index: 2;
}
.testimonial-block3 .col-box-otr{
  position: relative;
}
.testimonial-block3 .col-box-otr::after{
  content: '';
  position: absolute;
  width: 100%;
  height: 90%;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 24px;
  background-color: #1765FD;
}
.testimonial-block3 .col-img-inr{
  display: flex;
}
.testimonial-block3 .col-img-inr img{
  height: 400px;
  width: 100%;
  object-fit: cover;
  border-radius: 16px;
}
.testimonial-block3 .col-content-inr .name{
  font-weight: bold;
  color: #fff;
}
.testimonial-block3 .col-content-inr p{
  color: #fff;
}
.testimonial-block3 .row-custom .owl-nav{
  display: flex;
  align-items: center;
  position: absolute;
  right: 43%;
  top: inherit;
  bottom: 0;
}
.testimonial-block3 .row-custom .owl-nav .owl-prev,
.testimonial-block3 .row-custom .owl-nav .owl-next{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: transparent;
  border: 2px solid #fff;
  transition: .3s;
}
.testimonial-block3 .row-custom .owl-nav .owl-prev:hover,
.testimonial-block3 .row-custom .owl-nav .owl-next:hover{
  background-color: #fff;
  border: none;
}
.testimonial-block3 .row-custom .owl-nav .owl-prev span,
.testimonial-block3 .row-custom .owl-nav .owl-next span{
  color: #fff;
  transition: .3s;
  padding: 0;
  background-color: transparent;
}
.testimonial-block3 .row-custom .owl-nav .owl-prev:hover span,
.testimonial-block3 .row-custom .owl-nav .owl-next:hover span{
  color: #1765FD;
}

.testimonial-block4{
  
}
.testimonial-block4 .row-custom{
  position: relative;
}
.testimonial-block4 .owl-stage{
  height: 230px;
}
.testimonial-block4 .col-profile-inr{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.testimonial-block4 .col-profile-inr .img-otr{
  width: 100px;
  height: 100px;
}
.testimonial-block4 .owl-stage .center img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100%;
  border: 4px solid #1765FD;
}
.testimonial-block4 .col-profile-inr img{
  width: 100px;
  height: 100px;
  border-radius: 100%;
  object-fit: cover;
  object-position: top;
  transition: .3s;
}
.testimonial-block4 .owl-stage .center .name-otr{
  margin-top: 12px;
}
.testimonial-block4 .owl-stage .center .name-otr .name{
  opacity: 1;
  visibility: visible;
}
.testimonial-block4 .owl-stage .center .name-otr p{
  opacity: 1;
  visibility: visible;
}
.testimonial-block4 .owl-stage .center .icon-ul{
  opacity: 1;
  visibility: visible;
}
.testimonial-block4 .col-profile-inr .name-otr .name{
  font-weight: bold;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.testimonial-block4 .col-profile-inr .name-otr p{
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}
.testimonial-block4 .col-profile-inr .icon-ul{
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  padding: 0;
  margin: 10px 0 0 0;
}
.testimonial-block4 .col-profile-inr .icon-li{
  display: flex;
}
.testimonial-block4 .col-profile-inr .icon-li:not(:last-child){
  margin-left: 12px;
}
.testimonial-block4 .col-profile-inr .icon-a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: transparent;
  border: 2px solid #1765FD;
  transition: .3s;
}
.testimonial-block4 .col-profile-inr .icon-a:hover{
  background-color: #1765FD;
}
.testimonial-block4 .col-profile-inr .icon-a .icon{
  color: #1765FD;
  transition: .3s;
}
.testimonial-block4 .col-profile-inr .icon-a:hover .icon{
  color: #fff;
}
.testimonial-block4 .row-custom .owl-nav{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: 100%;
  top: 40%;
  transform: translateY(-50%);
}
.testimonial-block4 .row-custom .owl-nav .owl-prev,
.testimonial-block4 .row-custom .owl-nav .owl-next{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border-radius: 100%;
  background-color: transparent;
  border: 2px solid #1765FD;
  transition: .3s;
}
.testimonial-block4 .row-custom .owl-nav .owl-prev:hover,
.testimonial-block4 .row-custom .owl-nav .owl-next:hover{
  background-color: #1765FD;
  border: none;
}
.testimonial-block4 .row-custom .owl-nav .owl-prev span,
.testimonial-block4 .row-custom .owl-nav .owl-next span{
  color: #1765FD;
  transition: .3s;
  padding: 0;
  background-color: transparent;
}
.testimonial-block4 .row-custom .owl-nav .owl-prev:hover span,
.testimonial-block4 .row-custom .owl-nav .owl-next:hover span{
  color: #fff;
}

.compare-imgs img{
  width:100% !important;
}
.sticky-footer{
  display:block !important;
  position:relative !important;
}

.modal-one .modal .modal-dialog .close-icon-otr{
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 9999;
}

.modal-one .modal .modal-dialog .close-icon-otr button:focus{
  box-shadow: none;
}
 
.modal-one .modal .modal-dialog .close{
  opacity: 1;
  cursor: pointer;
}

.modal-one .modal .modal-dialog{
  width: 100%;
  max-width: 900px;
}

.modal-one .modal .modal-dialog .modal-content{
  border-radius: 0;
  background-color: #fff;
}

.modal-one .modal .modal-dialog .modal-body{
  padding: 0;
}

.modal-one .modal .modal-dialog .modal-body-inr{
  display: flex;
}

.modal-one .modal .modal-dialog .col-img-otr{
  width: 35%;
}

.modal-one .modal .modal-dialog .col-img-inr{
  height: 100%;
}

.modal-one .modal .modal-dialog .col-img-inr .img-inr{
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.modal-one .modal .modal-dialog .col-content-otr{
  width: 65%;
}

.modal-one .modal .modal-dialog .col-content-inr{
  padding: 100px 60px;
  text-align: center;
}

.modal-one .modal .modal-dialog .col-content-inr .modal-heading{
  font-size: 40px;
  line-height: 48px;
  color: #000;
  font-family: "Heebo-Bold";
}

.modal-one .modal .modal-dialog .col-content-inr .modal-desc{
  color: #666;
  font-size: 18px;
  line-height: 30px;
  font-family: "Heebo-Regular";
}

.modal-one .modal .modal-dialog .col-content-inr .input{
  padding: 12px 24px;
  text-align: right;
  width: 100%;
  color: #000;
  border: 1px solid #cfcfcf;
  transition: .3s;
  background-color: transparent;
  font-size: 18px;
  line-height: 30px;
  font-family: "Heebo-Regular";
}

.modal-one .modal .modal-dialog .col-content-inr .input:focus{
  border: 1px solid #000;
}

.modal-one .modal .modal-dialog .col-content-inr .input::placeholder{
  color: #cfcfcf;
  transition: .3s;
}
.modal-one .modal .modal-dialog .col-content-inr .input:focus::placeholder{
  opacity: 0;
}

.modal-orhakli{
  top: inherit !important;
}

.modal-orhakli .close{
  position: absolute;
    right: 10px;
    top: 10px;
    font-size: 20px;
    width: 30px;
    height: 30px;
    background: #000;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    box-shadow: 1px 2px 7px 0 rgb(0 0 0 / 40%);
    cursor: pointer;
    font-weight: 100;
    z-index: 99999;
}

.modal-orhakli .modal-dialog{
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 992px) {
  .modal-one .modal .modal-dialog{
    width: 100% !important;
    padding: 0 15px;
    margin: 0 auto;
  }
  .modal-one .modal .modal-dialog .col-img-otr{
    display: none;
  }
  .modal-one .modal .modal-dialog .col-content-otr{
    width: 100%;
  }
  .modal-one .modal .modal-dialog .col-content-inr .modal-heading{
    font-size: 30px;
    line-height: 40px;
  }
  .modal-one .modal .modal-dialog .col-content-inr{
    padding: 30px 15px;
  }
}

.modal-8 .modal-dialog{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 0;
}

.modal-8 .modal-content{
  border-radius: 16px;
  border: none;
}

.modal-8 .close-icon-otr{
  width: 30px;
  height: 30px;
  background-color: #000;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
  cursor: pointer;
  transition: .3s;
}

.modal-8 .close-icon-otr:hover{
  background-color: #fff;
  border: 1px solid #000;
}
.modal-8 .close-icon-otr:hover .btn-close{
  color: #000;
}

.modal-8 .close-icon-otr .btn-close{
  font-size: 14px;
  color: #fff;
  opacity: 1;
  text-align: center;
  transition: .3s;
  background-image: none;
}

.modal-8 .modal-body{
  padding: 50px 30px 30px 30px;
}

.modal-8 .modal-body .modal-heading{
  color: #02434b;
  font-size: 26px;
  line-height: 36px;
  font-family: "Heebo-Semibold";
}

.modal-8 .modal-body .modal-desc{
  color: #02434b;
  font-size: 16px;
  line-height: 24px;
  font-family: "Heebo-Regular";
  margin-top: 10px;
}

.modal-8 .modal-body .form-otr{
  margin: 20px 0;
}

.modal-8 .form-otr .input{
  padding: 10px 20px 10px 20px;
  background-color: transparent;
  font-size: 16px;
  line-height: 28px;
  color: #000;
  font-family: "Heebo-Regular";
  text-align: right;
  border-radius: 8px;
}

.modal-8 .form-otr .input-otr:not(:last-child){
  margin-bottom: 20px;
}

.modal-8 .form-otr .input:focus{
  outline: none;
  box-shadow: none;
  border: 1px solid #D44B3B;
}

.modal-8 .form-otr .input::placeholder{
  color: #666666;
  transition: .3s;
}

.modal-8 .form-otr .input:focus::placeholder{
  opacity: 0;
}

.modal-8 .modal-footer{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-top: 1px solid #666666;
}

.modal-8 .modal-footer p,
.modal-8 .modal-footer span{
  color: #02434b;
  font-size: 16px;
  line-height: 24px;
  font-family: "Heebo-Medium";
}

.modal-8 .modal-footer span{
  color: #D44B3B;
  cursor: pointer;
}

.modal-8 .forget{
  color: #02434b;
  font-size: 16px;
  line-height: 24px;
  font-family: "Heebo-Medium";
  text-decoration: underline;
  text-align: center;
  display: block;
}


.modal-10 .modal-dialog{
  max-width: 800px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 0;
}

.modal-10 .modal-content{
  border-radius: 0;
  border: none;
}

.modal-10 .modal-content .modal-body{
  padding: 0;
}

.modal-10 .close-icon-otr{
  width: 30px;
  height: 30px;
  background-color: #000;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
  cursor: pointer;
  transition: .3s;
}

.modal-10 .close-icon-otr:hover{
  background-color: #fff;
  border: 1px solid #000;
}
.modal-10 .close-icon-otr:hover .btn-close{
  color: #000;
}

.modal-10 .close-icon-otr .btn-close{
  font-size: 14px;
  color: #fff;
  opacity: 1;
  text-align: center;
  transition: .3s;
  background-image: none;
}

.modal-10 .modal-dialog .modal-body-inr{
  display: flex;
}

.modal-10 .modal-dialog .modal-body-inr .col-content-otr{
  width: 65%;
}

.modal-10 .modal-dialog .modal-body-inr .col-content-inr{
  padding: 50px 20px;
}

.modal-10 .modal-dialog .modal-body-inr .col-img-otr{
  width: 35%;
}

.modal-10 .modal-dialog .modal-body-inr .col-img-inr{
  height: 100%;
}

.modal-10 .modal-heading{
  font-size: 30px;
  line-height: 40px;
  color: #02434b;
  font-family: "Heebo-SemiBold";
}

.modal-10 .modal-desc{
  font-size: 16px;
  line-height: 24px;
  color: #cfcfcf;
  font-family: "Heebo-Regular";
}

.modal-10 .modal-dialog .modal-body-inr .col-img-inr .img-inr{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.modal-10 .form-otr{
  position: relative;
}

.modal-10 .form-otr .input{
  padding: 10px 20px 10px 130px;
  background-color: transparent;
  font-size: 16px;
  line-height: 28px;
  color: #000;
  font-family: "Heebo-Regular";
}

.modal-10 .form-otr .input:focus{
  outline: none;
  box-shadow: none;
}

.modal-10 .form-otr .input::placeholder{
  color: #666666;
  transition: .3s;
}

.modal-10 .form-otr .input:focus::placeholder{
  opacity: 0;
}

.modal-10 .form-otr .theme-btn{
  position: absolute;
  left: 0;
  top: 50%;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 28px;
  font-family: "Heebo-Medium";
  transform: translateY(-50%);
}

.modal-11 .modal-dialog{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 0;
}

.modal-11 .modal-content{
  border-radius: 16px;
  border: none;
}

.modal-11 .modal-content .modal-body{
  padding: 0;
}

.modal-11 .close-icon-otr{
  width: 30px;
  height: 30px;
  background-color: #000;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
  cursor: pointer;
  transition: .3s;
}

.modal-11 .close-icon-otr:hover{
  background-color: #fff;
  border: 1px solid #000;
}
.modal-11 .close-icon-otr:hover .btn-close{
  color: #000;
}

.modal-11 .close-icon-otr .btn-close{
  font-size: 14px;
  color: #fff;
  opacity: 1;
  text-align: center;
  transition: .3s;
  background-image: none;
}

.modal-11 .top-img{
  height: 200px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
  display: flex;
  align-items: center;
}

.modal-11 .top-img::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 70%;
}

.modal-11 .modal-heading{
  font-size: 30px;
  line-height: 40px;
  color: #000;
  font-family: "Heebo-SemiBold";
  margin: 0;
  padding: 30px;
  position: relative;
  z-index: 10;
}

.modal-11 .content-div{
  padding: 30px;
}

.modal-11 .date{
  color: #f14843;
  font-size: 18px;
  line-height: 28px;
  font-family: "Heebo-Medium";
}

.modal-11 .modal-desc{
  font-size: 16px;
  line-height: 24px;
  color: #666;
  font-family: "Heebo-Regular";
  margin-top: 10px;
}

.modal-dialog{
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-two .modal-dialog{
  max-width: 900px;
  width: 900px;
}

.modal-two .modal-content{
  position: relative;
  border: none;
  border-radius: 0;
}

.modal-two .btn-close{
  font-size: 16px;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 5;
  width: 40px;
  height: 40px;
  background-color: #ccc;
  border-radius: 100%;
  opacity: 1;
  z-index: 20;
}

.modal-two .btn-close:focus{
  box-shadow: none;
}

.modal-two3 .close{
  font-size: 32px;
  position: absolute;
  top: 16px;
  right: 24px;
  z-index: 5;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 100%;
}

.modal-two3 .close:focus{
  box-shadow: none;
}

.modal-two .modal-body{
  padding: 0;
}

.modal-two .row-custom{
  display: flex;
  width: 100%;
  align-items: center;
  margin: 0;
}

.modal-two .row-custom .col-lg-6{
  padding: 0;
}

.modal-two .col-img-inr{
  overflow: hidden;
  height: 350px;
}

.modal-two .col-img-inr .img{
  width: 100%;
  transform: rotate(-5deg);
  height: 420px;
  object-fit: cover;
  position: relative;
  top: -50px;
  right: -20px;
}

.modal-two .col-content-otr{
  display: flex;
}

.modal-two .col-content-inr{
  padding: 0 20px;
}

.modal-two .heading{
  font-family: 'Heebo-ExtraBold';
  font-size: 40px;
  line-height: 56px;
}

.modal-two .desc{
  font-family: 'Heebo-Regular';
  font-size: 16px;
  line-height: 28px;
}

.modal-two .input-main{
  display: flex;
  align-items: center;
}

.modal-two .input-otr{
  width: 100%;
}

.modal-two .input{
  width: 100%;
  background-color: #f4f4f4;
  color: #888;
  padding: 10px 24px;
  border: none;
  border-radius: 0;
  text-align: right;
}

.modal-two .input:focus{
  outline: none;
}

.modal-two .theme-btn{
  border: none;
  border-radius: 0;
}




.modal-three .modal-dialog{
  max-width: 900px;
  width: 900px;
}

.modal-three .modal-content{
  position: relative;
  border: none;
  border-radius: 0;
}

.modal-three .close-icon{
  font-size: 16px;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 5;
  width: 40px;
  height: 40px;
  background-color: #ccc;
  border-radius: 100%;
  opacity: 1;
  z-index: 20;
}

.modal-three .btn-close:focus{
  box-shadow: none;
}

.modal-three3 .close{
  font-size: 32px;
  position: absolute;
  top: 16px;
  right: 24px;
  z-index: 5;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 100%;
  opacity: 1;
}

.modal-three3 .close:focus{
  box-shadow: none;
}

.modal-three .modal-body{
  padding: 0;
}

.modal-three .row-custom{
  width: 100%;
  align-items: center;
  display: flex;
  margin: 0;
  background-color: #0a58ca;
}

.modal-three .row-custom .col-img-otr,
.modal-three .row-custom .col-content-otr{
  padding: 0;
}

.modal-three .col-img-inr{
  position: relative;
  z-index: 10;
}

.modal-three .col-img-inr .img{
  width: 100%;
}

.modal-three .col-img-inr .action{
  display: flex;
  text-align: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 72px;
  width: 100%;
  z-index: 11;
}

.modal-three .col-img-inr .theme-btn{
  width: 100%;
}

.modal-three .col-content-inr{
  text-align: center;
  padding: 32px 20px;
}

.modal-three .col-img-inr::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 70%;
}

.modal-three .tag{
  margin: 0;
  color: #fff;
  font-family: 'Heebo-Regular';
  font-size: 20px;
  line-height: 32px;
}

.modal-three .heading{
  margin: 16px 0 24px 0;
  color: #fff;
  font-family: 'Heebo-ExtraBold';
  font-size: 40px;
  line-height: 56px;
}

.modal-three .off-text{
  font-family: 'Heebo-ExtraBold';
  font-size: 40px;
  line-height: 56px;
  color: #fff;
  margin: 0 0 16px 0;
}

.modal-three .desc{
  font-family: 'Heebo-Regular';
  font-size: 16px;
  line-height: 28px;
  color: #fff;
  margin: 0;
}



.modal-four .modal-dialog{
  max-width: 900px;
  width: 900px;
}

.modal-four .modal-content{
  position: relative;
  border: 10px solid #ccc;
  border-radius: 0;
}

.modal-four .close-icon{
  font-size: 16px;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 5;
  width: 40px;
  height: 40px;
  background-color: #ccc;
  border-radius: 100%;
  opacity: 1;
}

.modal-four .btn-close:focus{
  box-shadow: none;
}

.modal-four3 .close{
  font-size: 32px;
  position: absolute;
  top: -24px;
  right: -24px;
  z-index: 5;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 100%;
  opacity: 1;
}

.modal-four3 .close:focus{
  box-shadow: none;
}

.modal-four .modal-body{
  padding: 0;
}

.modal-four .row-custom{
  width: 100%;
  align-items: center;
  display: flex;
  margin: 0;
}

.modal-four .row-custom .col-lg-6{
  padding: 0;
}

.modal-four .col-img-inr{
  position: relative;
}

.modal-four .col-img-inr .img{
  width: 100%;
}

.modal-four .col-content-inr{
  text-align: center;
  padding: 30px;
}

.modal-four .off-text{
  font-family: 'Heebo-ExtraBold';
  font-size: 40px;
  line-height: 56px;
  color: #0a58ca;
}

.modal-four .desc{
  font-family: 'Heebo-Regular';
  font-size: 16px;
  line-height: 28px;
  color: #ccc;
  margin: 0;
}

.modal-four .input-main{

}

.modal-four .input-otr{
  width: 100%;
  margin-bottom: 24px;
}

.modal-four .theme-btn:focus,
.modal-four .input:focus{
  outline: none;
}

.modal-four .theme-btn{
  border: none;
}



.modal-five3 .modal-content{
  width: 100%;
}

.modal-five .modal-content{
  border: none;
  border-radius: 0;
}

.modal-five .heading-otr{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 24px;
  border-bottom: 1px solid #888;
}

.modal-five .heading-otr .heading{
  color: #000;
  font-family: 'Heebo-ExtraBold';
  font-size: 28px;
  line-height: 48px;
  margin: 0;
}

.modal-five .modal-body{
  padding: 24px;
}

.modal-five .form-main{
  margin: 0;
}

.modal-five .input-otr{
  margin-bottom: 24px;
}

.modal-five .input{
  text-align: left;
}

.input{
  text-align: right;
}

.modal-five .forget{
  text-align: center;
}

.modal-five .action{
  display: flex;
  margin-top: 24px;
  width: 100%;
}

.modal-five .theme-btn{
  width: 100%;
  border: none;
  outline: none;
}

.modal-five .sigup-text-otr{
  text-align: center;
  padding: 12px 24px;
  border-top: 1px solid #888;
}

.modal-five .signup-text{
  color: #000;
  font-family: 'Heebo-SemiBold';
  font-size: 16px;
  line-height: 28px;
}

.modal-five .linkk{
  color: #0a58ca;
}




.modal-six .modal-content{
  border: none;
  border-radius: 0;
}

.modal-six .modal-body{
  padding: 30px;
}

.modal-six .img{
  width: 100%;
}

.modal-six .close-icon{
  font-size: 16px;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 5;
  width: 40px;
  height: 40px;
  background-color: #ccc;
  border-radius: 100%;
  opacity: 1;
}

.modal-six .btn-close:focus{
  box-shadow: none;
}

.modal-six3 .close{
  font-size: 32px;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 5;
  width: 40px;
  height: 40px;
  background-color: #ccc;
  border-radius: 100%;
  opacity: 1;
}

.modal-six3 .close:focus{
  box-shadow: none;
}

.modal-six .heading{
  text-align: center;
  color: #000;
  font-family: 'Heebo-ExtraBold';
  font-size: 40px;
  line-height: 60px;
  margin: 24px 0 16px 0;
}

.modal-six .desc{
  text-align: center;
  font-family: 'Heebo-Regular';
  font-size: 16px;
  line-height: 28px;
  color: #ccc;
  margin: 0 0 24px 0;
}

.modal-six .input-main{
  display: flex;
  align-items: center;
}

.modal-six .input-otr{
  width: 100%;
}

.modal-six .input{
  width: 100%;
  background-color: #f4f4f4;
  color: #888;
  padding: 10px 24px;
  border: none;
  border-radius: 0;
}

.modal-six .input:focus{
  outline: none;
}

.modal-six .theme-btn{
  border: none;
  border-radius: 0;
}





.modal-seven .modal-content{
  border: none;
  border-radius: 0;
}

.modal-seven .modal-body{
  padding: 30px;
}

.modal-seven .img{
  width: 100%;
}

.modal-seven .close-icon{
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 5;
  padding: 4px;
  background-color: #f1d6d6;
  border-radius: 100%;
  opacity: 1;
  width: 40px;
  height: 40px;
}

.modal-seven .btn-close:focus{
  box-shadow: none;
}

.modal-seven3 .close{
  font-size: 32px;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 5;
  width: 40px;
  height: 40px;
  background-color: #ccc;
  border-radius: 100%;
  opacity: 1;
}

.modal-seven3 .close:focus{
  box-shadow: none;
}

.modal-seven .heading{
  text-align: center;
  color: #000;
  font-family: 'Heebo-ExtraBold';
  font-size: 40px;
  line-height: 60px;
  margin: 24px 0 16px 0;
}

.modal-seven .rate-text{
  text-align: center;
  font-family: 'Heebo-Regular';
  font-size: 16px;
  line-height: 28px;
  color: #000;
  margin:  0;
}

.modal-seven .star-ul{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 24px 0;
}

.modal-seven .star-li:not(:last-child){
  margin-left: 12px;
}

.modal-seven .icon{
  font-size: 24px;
  color: #ffb100;
}

.modal-seven .action-otr{
  display: flex;
  align-items: center;
}

.modal-seven .action{
  display: flex;
  text-align: center;
  width: 50%;
}

.modal-seven .action:not(:last-child){
  margin-left: 24px;
}

.modal-seven .theme-btn{
  width: 100%;
}

.opening-img{
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.opening-section3 .opening-img{
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.opening-section1 h1{
    position: absolute;
    top: 90px;
}

.opening-3 .col-content-otr{
  text-align: center;
}

.new-opening3 .col-content-otr{
  text-align: inherit !important;
}

.theme-btn:hover, .fa-trash:hover, a:hover{
    cursor:pointer !important;
}
.custom-opening h1{
    color:#fff;
    padding: 0px;
    top: 222px;
}
.custom-opening h1:after{
    display:none;
}
.custom-opening span, .custom-opening h1{
    font-style: italic;
    font-size: 50px;
}
.custom-opening .opening-img{
    height: 145px;
}
.custom-opening .wrapper{
        height: auto;
}
.custom-opening .breadcrumb-main{
        background: #0C3D86;
}
.custom-opening .breadcrumb-main{
        padding: 2px 0;
}
.custom-opening .breadcrumb-main li a{
    font-size: 15px;
    vertical-align: text-bottom;
}
 @media(max-width:500px){
     .custom-opening h1 {
    color: #fff;
    padding: 0px;
    top: 93px;
}
     .custom-opening span, .custom-opening h1 {
    font-style: italic;
    font-size: 25px;
}
     .new_about_section{
         padding-top: 110px;
     }
 }



 .terms-section1 h3,
 .terms-section2 h3{
     margin: 16px 0px;
 }
 
 .terms-section1 ol,
 .terms-section2 ol{
     padding: 0;
 }
 
 .terms-section1 ol li,
 .terms-section2 ol li{
     list-style: decimal-leading-zero;
     list-style-position: inside;
     padding-right: 24px;
 }

.pdfSection [data-component-video] iframe{
     height:600px;
     width:100%;
 }
.fb-review .container .testimonial-wrapper {
        padding: 20px;
        transition: all 0.2s ease-in-out;
    }

        .fb-review .container .testimonial-wrapper:hover {
            margin-top: -3px;
        }

        .fb-review .container .testimonial-wrapper .testimonial {
            background: #2D70A5;
            border-radius: 4px;
            padding: 20px;
            height: 100%;
        }

            .fb-review .container .testimonial-wrapper .testimonial .quote {
                font-size: 1.3rem;
                color: #f2f2f2;
                z-index: 1;
                font-weight: 100;
                font-style: normal;
                letter-spacing: 0.02rem;
            }

            .fb-review .container .testimonial-wrapper .testimonial .attribution {
                color: #d78118;
                text-transform: uppercase;
                letter-spacing: 0.05rem;
                padding-top: 15px;
                font-weight: 700;
                font-size: 0.8rem;
                font-style: normal;
            }



.opening-section1 .wrapper{
  position: relative;
}

.opening-section1 h1{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.disabled{
    opacity:0.6;
    cursor:not-allowed;
    pointer-events:none;
}
.category-sec .categoery-main {
    box-shadow: 0px 2px 5px 0px rgb(185 187 187 / 35%);
}
.categoery-main .img-otr {
    height: 100%;
}
.categoery-main .img-otr img {
    max-width: 100%;
    height: 250px;
}
.categoery-main:hover{
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}


.clients {
  overflow: hidden;
  padding: 50px 0;
  background-image: url("http://ttc.slasi.net/ttc/images/client-bg.png");
  background-size: cover;
  background-position: left;
  position: relative;
}

.client2{
  background-image: none !important;
}

.client3{
  background-image: none !important;
  background-color: #f1f1f1;
  padding: 40px 0;
}

.clients:hover .owl-prev {
  right: -60px !important;
}

.clients:hover .owl-next {
  left: -60px !important;
}

.clients .wrapper .owl-stage-outer .owl-stage {
  display: flex;
  align-items: center;
}

.clients .wrapper .owl-stage-outer .owl-stage .logo-otr .logo {
  margin: 0 auto;
  width: 150px;
}

.client2 .wrapper .owl-stage-outer .owl-stage .logo-otr .logo{
    width: 110px;
    height: 140px;
    object-fit: contain;
}

@media (max-width: 575px) {
  .clients .wrapper .owl-stage-outer .owl-stage .logo-otr .logo {
    width: 100%;
  }
}

.clients .owl-nav {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  margin: 0;
}

.client2 .owl-nav{
    top: 30%;
}

.clients .owl-nav .owl-prev {
  width: 42px;
  height: 42px;
  border: 1px solid #00244f !important;
  border-radius: 100%;
  position: absolute;
  right: -1190px;
  transition: 0.5s;
}

.clients .owl-nav .owl-prev:hover {
  background-color: #00244f;
}

.clients .owl-nav .owl-prev:hover i {
  color: #fff;
}

.clients .owl-nav .owl-prev i {
  color: #c10d0d;
  transition: 0.3s;
}

.clients .owl-nav .owl-next {
  width: 42px;
  height: 42px;
  border: 1px solid #00244f !important;
  border-radius: 100%;
  position: absolute;
  left: -1190px;
  transition: 0.5s;
}

.clients .owl-nav .owl-next:hover {
  background-color: #00244f;
}

.clients .owl-nav .owl-next:hover i {
  color: #fff;
}

.clients .owl-nav .owl-next i {
  color: #c10d0d;
  transition: 0.3s;
}

.clients .owl-dots {
  position: absolute;
  left: 50%;
  bottom: -40px;
  width: 100%;
  transform: translateX(-50%);
}

.clients .owl-dots .owl-dot span {
  background-image: linear-gradient(0deg, #800007 0%, red 100%);
}

.clients .owl-dots .active span {
  background-color: black;
}


.brandlogos-main{
  margin: 50px 0;
}

.brandlogos-main .wrapper{
  text-align: center;
}

.brandlogos-main .wrapper-slider .owl-stage-outer .owl-stage{
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.brandlogos-main .slider-item{
  padding: 30px;
  border: 1px solid #f5f5f5;
  background-color: #fff;
  box-shadow: 0px 3px 11.31px 1.69px rgba(215, 215, 215, 0.35);
  display: block;
  transition: .3s;
}

.brandlogos-main .slider-item:hover{
  box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 20%), 0px 6px 10px 0px rgb(0 0 0 / 14%), 0px 1px 18px 0px rgb(0 0 0 / 12%);
}

.brandlogos-main .slider-item .img-inr{
  width: 100%;
  height: 100px;
  object-fit: contain;
}

.brandlogos-main .owl-nav{
  display: block !important;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  margin: 0;
  z-index: -1;
}

.brandlogos-main .owl-nav .owl-prev i{
  padding: 10px;
  margin: 0;
  font-size: 24px;
  background-color: #f2f2f2;
  position: absolute;
  right: -40px;
  transition: .3s;
}

.brandlogos-main .owl-nav .owl-prev:hover i{
  background-color: #1bd6ec;
  color: #fff;
}

.brandlogos-main .owl-nav .owl-next i{
  padding: 10px;
  margin: 0;
  font-size: 24px;
  background-color: #f2f2f2;
  position: absolute;
  left: -40px;
  transition: .3s;
}

.brandlogos-main .owl-nav .owl-next:hover i{
  background-color: #1bd6ec;
  color: #fff;
}

.brandlogos-main .owl-theme .owl-dots .owl-dot span{
  background-color: #0245c5;
}

.brandlogos-main .owl-theme .owl-dots .active span{
  background-color: #fdde0a;
}

@media (max-width : 992px){
  .brandlogos-main .slider-item{
      margin: 10px 20px;
  }
  .brandlogos-main .wrapper-slider .owl-stage-outer .owl-stage{
      padding: 20px 0 0 0;
  }
}

.opening-section6 .breadcrumb-main{
  border-bottom: 1px solid #e4e4e4;
  padding: 12px 0;
}

.opening6{
  margin: 30px 0;
}

.opening6 .col-content h1{
  text-align: center;
}

.opening6 .col-content p{
  margin: 10px 0 0 0;
  text-align: center;
}

.opening-section7 .breadcrumb-main{
  border-bottom: 1px solid #e4e4e4;
  padding: 12px 0;
}

.opening7{
  margin: 30px 0;
}

.opening7 .col-content h1{
  
}

.opening7 .col-content p{
  margin: 10px 0 0 0;
}

.cta-3{
  background-color: transparent;
  position: relative;
}

.cta-3::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #4CAF50;
  opacity: 80%;
  z-index: 1;
}

.cta-3 .bg-img{
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.cta-3 .wrapper{
  position: relative;
  z-index: 10;
}

.cta-3 .wrapper h3,
.cta-3 .wrapper p{
  color: #fff;
}

.gallery-block .show-popup .img-show .x-mark-otr{
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid #e4e4e4;
  background-color: transparent;
  position: absolute;
  right: 20px;
  top: 20px;
  transition: .3s;
}

.gallery-block .show-popup .img-show .x-mark-otr:hover{
  background-color: #fff;
  border: 1px solid #fff;
}

.gallery-block .show-popup .img-show .x-mark-otr:hover .fa-xmark{
  color: #000;
}

.gallery-block .show-popup .img-show .x-mark-otr{
  cursor: pointer;
}

.gallery-block .show-popup .img-show .x-mark-otr .fa-xmark{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: #fff;
  transition: .3s;
}

.gallery-block .prev,
.gallery-block .next{
  width: 40px;
  height: 40px;
  border-radius: 100%;
  border: 1px solid #e4e4e4;
  background-color: transparent;
  position: fixed;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  transition: .3s;
}

.gallery-block .prev{
  left: 20px;
}

.gallery-block.next{
  right: 20px;
}

.gallery-block .prev:hover,
.gallery-block .next:hover{
  background-color: #fff;
}

.gallery-block .prev:hover .arrow,
.gallery-block .next:hover .arrow{
  color: #000;
}

.gallery-block .prev .arrow,
.gallery-block .next .arrow{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  color: #fff;
  transition: .3s;
}

.gallery-block .show-popup .img-show{
  background-color: #000;
}

.gallery-block .show-popup .img-show img{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 80%;
  object-fit: contain;
  background-color: transparent;
}

.review-main{
  margin: 50px 0;
  overflow: hidden;
}

.review-main .wrapper{
  text-align: center;
  margin-bottom: 40px;
}

.review-main .review-otr .col-inr{
  padding: 20px;
  background-color: #d4d4d4;
  display: block;
}

.review-main .review-img{
  width: 90%;
  height: 400px;
  object-fit: contain;
}

.review-main .owl-nav{
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  margin: 0;
  width: 100%;
}

.review-main .owl-nav .owl-next{
  position: absolute;
  left: -50px;
  padding: 0 !important;
  background-color: transparent !important;
}

.review-main .owl-nav .owl-next:hover{
  background-color: transparent !important;
}

.review-main .owl-nav .owl-prev{
  position: absolute;
  right: -50px;
  padding: 0 !important;
  background-color: transparent !important;
}

.review-main .owl-nav .owl-prev:hover{
  background-color: transparent !important;
}

.review-main .owl-nav .owl-next span,
.review-main .owl-nav .owl-prev span{
  padding: 0 !important;
  background-color: transparent !important;
  font-size: 40px !important;
  color: #000 !important;
  transition: .3s !important;
}

.review-main .owl-nav .owl-next span:hover,
.review-main .owl-nav .owl-prev span:hover{
  color: #d4d4d4 !important;
}

.review-main .owl-dots{
  margin-top: 20px;
}

.review-main .owl-dot span{
  background-color: #000 !important;
  margin: 0 4px !important;
}

.review-main .active span{
  background-color: #d4d4d4 !important;
}

.lightbox{
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}

.wap-gallery .row-custom{
  gap: 24px 0;
}

.wap-gallery .col-inr{
  padding: 20px;
  background-color: #d4d4d4;
}

.wap-gallery .col-inr .review-img{
  width: 100%;
  height: 400px;
  object-fit: contain;
  box-shadow: none;
} 

.trwpwhatsappbutton {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 99999999;
    background-color: #25d366;
    border-radius: 50px;
    color: #ffffff;
    text-decoration: none;
    width: 50px;
    height: 50px;
    font-size: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    -webkit-box-shadow: 0px 0px 25px -6px rgb(0 0 0);
    -moz-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 25px -6px rgb(0 0 0);
    animation: effect 5s infinite ease-in;
}


.input-otr{
  position: relative;
}

.input-otr input{
    background-color: #fff;
}

.input-otr label{
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

.google-recommendations{
  margin: 30px 0;
  padding: 10px 0;
}

.google-recommendations .wrapper{
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
}

.google-recommendations .row{
  margin-top: 30px;
  gap: 24px 0;
}

.google-recommendations .col-inr{
  border: 1px solid transparent;
  background-color: #fff;
  box-shadow: 0px 3px 11.31px 1.69px rgb(215 215 215 / 35%);
  padding: 20px;
  border-radius: 8px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: .3s;
}

.google-recommendations .col-inr:hover{
  border: 1px solid #e4e4e4;
}

.google-recommendations .rating-stars{
  display: flex;
  align-items: center;
  gap: 10px;
}

.google-recommendations .fa-star{
  font-size: 16px;
  color: #666;
}

.google-recommendations .fill{
  color: #FF9529;
}

.google-recommendations h3{
  font-size: 16px;
  line-height: 30px;
  font-family: "Heebo-Medium";
  color: #000;
}

.google-recommendations .user-profile{
  display: flex;
  align-items: center;
  gap: 20px;
}

.google-recommendations .avatar-img{
  width: 52px;
  height: 52px;
  border-radius: 100%;
  object-fit: cover;
  object-position: center;
}

.google-recommendations p{
  font-size: 16px;
  line-height: 26px;
  font-family: "Heebo-Regular";
  color: #000;
  margin: 0 !important;
  padding: 0 !important;
}

.blog-main{
  position: relative;
  margin: 30px 0;
}

.blog-main .wrapper{
  text-align: center;
}

.blog-main .input-otr{
  margin: 20px auto 10px auto;
}

.blog-main .input-main{
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-main .input-main .search-icon{
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: #999999;
}

.blog-main .input-main .theme-input{
  width: 100%;
  flex: 1;
  padding-left: 148px;
  padding-right: 54px;
}

.blog-main .input-main .theme-btn{
  position: absolute;
  left: 12px;
  top: 0;
  height: 100%;
}

.blog-main .row{
  justify-content: center;
  gap: 24px 0;
}

.blog-main .col-inr{
  position: relative;
  padding: 10px 10px 14px 10px;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  transition: .3s;
}

.blog-main .col-inr:hover{
  border: 1px solid transparent;
  box-shadow: 0px 1px 8px rgba(166,165,165,0.15);
}

.blog-main .col-inr .blog-img-inr{
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.blog-main .col-inr .blog-content{
  padding: 8px 4px 0 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}

.blog-main .col-inr .blog-post-title{
  font-size: 24px;
  line-height: 34px;
  color: #272f42;
  font-weight: 600;
  text-align: center;
  transition: .3s;
}

.blog-main .col-inr .blog-post-title:hover{
  color: #C8AA62;
}

.blog-main .col-inr p{
  color: #6b6b6b;
  margin: 8px 0 18px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.blog-main .col-inr .action,
.blog-main .action-otr{
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-main .action-otr{
  margin-top: 30px;
}

.blog-details1-main{
  position: relative;
  margin: 30px 0;
}

.blog-details1-main .row{
  gap: 24px 0;
}

.blog-details1-main .col-post-inr{
  position: relative;
}

.blog-details1-main .col-post-inr h1{
  font-size: 36px;
  line-height: 48px;
  color: #000333;
  font-weight: 600;
  text-align: right;
}

.blog-details1-main .col-post-inr .info-ul{
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 16px 0 16px 0;
  border-bottom: 1px solid #cfcfcf;
}

.blog-details1-main .col-post-inr .info-a{
  display: flex;
  align-items: center;
  gap: 10px;
}

.blog-details1-main .col-post-inr .info-a p{
  color: #272727;
}

.blog-details1-main .col-post-inr .info-a span{
  color: #000333;
  font-size: 24px;
  transition: .3s;
}

.blog-details1-main .col-post-inr .info-a span:hover{
  color: #C8AA62;
}

.blog-details1-main .col-post-inr .postImg{
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.blog-details1-main .col-post-inr .content-p{
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px 0;
}

.blog-details1-main .col-post-inr .heihlight-text{
  padding-right: 30px;
  border-right: 5px solid #C8AA62;
  margin: 30px 0;
}

.blog-details1-main .col-post-inr .heihlight-text p{
  font-size: 20px;
  font-weight: 500;
}

.blog-details1-main .col-post-inr .heihlight-text .author-name{
  color: #999999;
  font-size: 20px;
  font-weight: 500;
  padding: 14px 40px 20px 0;
  position: relative;
  display: inline-block;
}

.blog-details1-main .col-post-inr .heihlight-text .author-name::after{
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 3px;
  width: 30px;
  background-color: #999999;
}

.blog-details1-main .col-post-inr .post-messages{
  border-top: 1px solid #cfcfcf;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.blog-details1-main .col-post-inr .reply-msg{
  margin-right: 80px;
}

.blog-details1-main .post-messages h4{
  font-size: 24px;
  color: #272f42;
  font-weight: 600;
  text-align: right;
}

.blog-details1-main .post-message{
  display: flex;
  gap: 20px;
  padding: 20px 0;
  border-bottom: 1px solid #cfcfcf;
}

.blog-details1-main .user-message{
  display: flex;
  flex-direction: column;
  flex: 1;
}

.blog-details1-main .post-message .avatar-img{
  width: 72px;
  height: 72px;
  border-radius: 100%;
  object-fit: cover;
  display: flex;
  flex: 1;
}

.blog-details1-main .post-message .usenrmae{
  color: #000;
  font-weight: 600;
  display: inline-block;
}

.blog-details1-main .post-message .usenrmae span{
  color: #999999;
  font-weight: 400;
}

.blog-details1-main .post-message p{
  color: #000;
  margin: 10px 0;
}

.blog-details1-main .post-message .reply-btn{
  font-size: 18px;
  line-height: 28px;
  color: #C8AA62;
  font-weight: 600;
  display: inline-block;
  transition: .3s;
}

.blog-details1-main .post-message .reply-btn:hover{
  color: #000;
  text-decoration: underline;
}

.blog-details1-main .reply-content-form h4{
  font-size: 24px;
  color: #272f42;
  font-weight: 600;
  text-align: right;
}

.blog-details1-main .reply-content-form p{
  color: #999999;
  margin: 10px 0 20px 0;
}

.blog-details1-main .reply-content-form .theme-input{
  background-color: #fff;
  resize: none;
}

.blog-details1-main .reply-content-form .form-check{
  position: relative;
  left: -12px;
}

.blog-details1-main .form-check-label{
  color: #000;
  font-size: 18px;
  line-height: 28px;
}

.blog-details1-main .reply-content-form .action{
  display: flex;
}

.blog-details1-main .col-sidebar-inr{
  padding: 10px;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
}

.blog-details1-main .input-otr{
  position: relative;
  display: flex;
}

.blog-details1-main .input-otr .theme-input{
  padding-left: 54px;
}

.blog-details1-main .search-icon{
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: #999999;
}

.blog-details1-main .related-posts-main{
  position: relative;
}

.blog-details1-main .related-posts-main .heading{
  font-size: 24px;
  color: #272f42;
  font-weight: 600;
  text-align: right;
  padding: 40px 0 10px 0;
  border-bottom: 1px solid #cfcfcf;
}

.blog-details1-main .related-posts-main .post-flex{
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  gap: 24px;
}

.blog-details1-main .related-posts-main .post-item{
  display: flex;
  align-items: center;
  gap: 10px;
}

.blog-details1-main .related-posts-main .post-img-otr{
  width: 90px;
  height: 90px;
}

.blog-details1-main .related-posts-main .post-img{
  width: 90px;
  height: 90px;
  border-radius: 4px;
  object-fit: cover;
}

.blog-details1-main .related-posts-main .content-div{
  flex: 1;
}

.blog-details1-main .related-posts-main .related-post-title{
  font-size: 18px;
  color: #272727;
  font-weight: 600;
  text-align: right;
  transition: .3s;
}

.blog-details1-main .related-posts-main .related-post-title:hover{
  color: #C8AA62;
}

.blog-details1-main .related-posts-main .date{
  color: #999999;
}

@media (max-width : 992px){
  .blog-details1-main .reply-content-form .form-check{
      left: 0;
      padding-right: 40px;
  }
}
.gallery-main .row{
  display: block;
}

.gallery-main .row h2,
.gallery-main .row h3,
.gallery-main .row h4{
  display: block;
  font-size: 24px;
  line-height: 36px;
  font-family: "Heebo-Medium";
  color: #000;
}

.gallery-main .row h2::after,
.gallery-main .row h3::after,
.gallery-main .row h4::after{
  display: none;
}

.gallery-main .row p{
  display: block;
  font-size: 18px;
  line-height: 26px;
  color: #000;
}

.my-tabs.style-1 dd a{
  color: unset !important;
  display:initial !important;
}
#content .my-tabs.style-1 input{
    margin-top:10px;
}


.videos-Sec1{
  position: relative;
  padding: 30px 0;
}

.videos-Sec1 .wrappper{
  text-align: center;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
}

.videos-Sec1 .row{
  margin-top: 20px;
  gap: 30px 0;
}

.videos-Sec1 .iframe-video{
  width: 100%;
  height: 350px;
  padding: 14px;
  background-color: #fff;
  box-shadow: 0px 20px 20px 0px rgb(185 187 187 / 50%);
}

.videos-Sec1 .play-videos{
  position: relative;
  cursor: pointer;
  padding: 12px;
  background-color: #fff;
  box-shadow: 0px 20px 20px 0px rgb(185 187 187 / 50%);
  height: 100%;
}

.videos-Sec1 .play-videos .play-icon-otr{
  display: flex;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #e42256;
  transition: .3s;
}

.videos-Sec1 .play-videos .play-icon-otr:hover{
  transform: translate(-50%, -50%) scale(1.2);
}

.videos-Sec1 .play-videos .play-icon-otr .fa-play{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 24px;
}

.videos-Sec1 .play-videos img{
  width: 100%;
  height: 326px;
  object-fit: cover;
  cursor: pointer;
}


.blog-details1{
    margin: 30px 0;
}
.blog-details1 .breadcrumb-otr{
    padding: 10px 0;
    border-bottom: 1px solid #e4e4e4;
}
.blog-details1 .breadcrumb-otr .breadcrumb-item{
    font-size: 18px;
    line-height: 28px;
    color: #666;
    font-family: "Heebo-Regular";
}
.blog-details1 .breadcrumb-otr .active{
    color: #000;
}
.blog-details1 .blog-post-banner{
    height: 400px;
    position: relative;
}
.blog-details1 .blog-post-banner .post-banner{
    height: 400px;
    width: 100%;
    object-fit: cover;
}
.blog-details1 .blog-post-banner .userinfor{
    display: flex;
    align-items: flex-end;
    margin-right: 20px;
    gap: 10px;
    position: absolute;
    bottom: -40px;
}
.blog-details1 .blog-post-banner .userinfor:hover .username{
    color: #e96b71;
}
.blog-details1 .blog-post-banner .userinfor:hover .user-img{
    border: 2px solid #e96b71;
}
.blog-details1 .blog-post-banner .user-img-otr{
    width: 80px;
    height: 80px;
    border-radius: 100%;
}
.blog-details1 .blog-post-banner .user-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 100%;
    border: 2px solid #e4e4e4;
    transition: .3s;
}
.blog-details1 .blog-post-banner .username{
    font-size: 20px;
    line-height: 28px;
    color: #000;
    text-decoration: underline;
    font-family: "Heebo-Medium";
    position: relative;
    top: -4px;
    transition: .3s;
}
.blog-details1 .row{
    margin-top: 40px;
    gap: 30px 0;
}
.blog-details1 .col-content-inr h2{
    color: #000;
    font-size: 36px;
    line-height: 48px;
    font-family: "Heebo-SemiBold";
    margin-bottom: 10px;
}
.blog-details1 .col-content-inr h3{
    color: #1d8bea;
    font-size: 24px;
    line-height: 36px;
    font-family: "Heebo-Medium";
    margin-bottom: 10px;
}
.blog-details1 .col-content-inr .link-text{
    font-size: 18px;
    line-height: 28px;
    color: #1d8bea;
    font-family: "Heebo-Regular";
}
.blog-details1 .col-content-inr .link-text:hover{
    text-decoration: underline;
    color: #e96b71;
}
.blog-details1 .col-content-inr p{
    font-size: 18px;
    line-height: 28px;
    color: #666;
    font-family: "Heebo-Regular";
    margin: 10px 0;
}
.blog-details1 .col-content-inr strong{
    color: #000;
}
.blog-details1 .col-content-inr .theme-btn{
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-family: "Heebo-Regular";
    padding: 6px 12px;
    background-color: #e96b71;
    width: 100%;
    text-align: center;
}
.blog-details1 .col-content-inr .theme-btn:hover{
    background-color: #1d8bea;
}
.blog-details1 .col-content-inr .theme-input{
    font-size: 16px;
    line-height: 24px;
    color: #c4c4c4;
    font-family: "Heebo-Regular";
    width: 100%;
    text-align: right;
    padding: 6px 12px;
    border: 1px solid #e4e4e4;
    transition: .3s;
}
.blog-details1 .col-content-inr .theme-input:focus{
    border: 1px solid #1d8bea;
    outline: none;
}
.blog-details1 .col-content-inr .right-note{
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 20px 40px;
    background-color: #d2e8fb;
    margin-bottom: 30px;
    box-shadow: 0 0 27px 0 rgb(191 225 253 / 42%);
}
.blog-details1 .col-content-inr .right-note .arrow-left{
    font-size: 40px;
    color: #1d8bea;
}
.blog-details1 .col-content-inr .row-cta-blog{
    gap: 10px 0;
    padding: 20px 40px;
    background-color: #d2e8fb;
    margin-bottom: 30px;
    margin: 0;
}
.blog-details1 .col-content-inr .cta-heading{
    color: #000;
    font-size: 20px;
    line-height: 34px;
    font-family: "Heebo-Medium";
    margin: 0;
    box-shadow: 0 0 27px 0 rgb(191 225 253 / 42%);
}
.blog-details1 .iframe-otr iframe{
    width: 100%;
    height: 400px;
}
.blog-details1 .img-post-otr .img-post-inr{
    width: 100%;
    height: 300px;
    object-position: top;
    object-fit: cover;
}
.w-half{
    width: 50% !important;
}
.blog-details1 .ath-box-inr .userinfor{
    padding: 20px;
    display: flex;
    gap: 24px;
    background-color: #d2e8fb;
    box-shadow: 0 0 27px 0 rgb(191 225 253 / 42%);
    border-radius: 12px;
}
.blog-details1 .ath-box-inr .userinfor .user-img-otr{
    display: flex;
}
.blog-details1 .ath-box-inr .userinfor .user-img{
    flex: 1;
    width: 150px;
    height: 100%;
    border-radius: 4px;
    object-position: top;
    object-fit: cover;
}
.blog-details1 .ath-box-inr .ath-content{
    display: flex;
    flex-direction: column;
    flex: 1;
}
.blog-details1 .ath-box-inr .username{
    font-size: 18px;
    line-height: 26px;
    font-family: "Heebo-Regular";
    text-decoration: underline;
    color: #1d8bea;
}
.blog-details1 .ath-box-inr .ath-content .btn-text{
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 18px;
    line-height: 26px;
    font-family: "Heebo-Medium";
    color: #1d8bea;
}
.blog-details1 .row .col-sidebar-inr{
    position: sticky;
    top: 20px;
}
.blog-details1 .col-sidebar-inr .box-inr{
    border: 1px solid #d2e8fb;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 0 0 27px 0 rgb(191 225 253 / 42%);
}
.blog-details1 .col-sidebar-inr .box-head{
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d2e8fb;
}
.blog-details1 .col-sidebar-inr .box-head h3{
    margin: 0;
    font-size: 20px;
    line-height: 32px;
    font-family: "Heebo-Regular";
}
.blog-details1 .col-sidebar-inr .box-head .icon-otr{
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e96b71;
}
.blog-details1 .col-sidebar-inr .icon-otr .list-icon{
    font-size: 20px;
    color: #fff;
}
.blog-details1 .col-sidebar-inr .content-ul{
    padding: 10px 0 0 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.blog-details1 .col-sidebar-inr .content-li{
    list-style: decimal-leading-zero;
    list-style-position: inside;
}
.blog-details1 .col-sidebar-inr .content-li::marker{
    color: #1d8bea;
}
.blog-details1 .col-sidebar-inr .content-link{
    color: #000;
    font-size: 18px;
    line-height: 28px;
    font-family: "Heebo-Regular";
    transition: .3s;
}
.blog-details1 .col-sidebar-inr .content-link:hover{
    color: #1d8bea;
}

@media (max-width : 992px){
    .blog-details1 .col-content-inr h2{
        font-size: 28px;
        line-height: 40px;
    }
    .blog-details1 .col-content-inr h3{
        font-size: 22px;
        line-height: 36px;
    }
    .blog-details1 .blog-post-banner .post-banner,
    .blog-details1 .blog-post-banner{
        height: 200px;
    }
    .blog-details1 .col-content-inr .right-note{
        padding: 20px;
        gap: 15px;
    }
    .blog-details1 .col-content-inr .right-note .arrow-left{
        font-size: 20px;
    }
    .blog-details1 .col-content-inr .row-cta-blog{
        padding: 20px 8px;
    }
    .blog-details1 .iframe-otr iframe,
    .blog-details1 .img-post-otr .img-post-inr{
        height: 200px;
    }
    .w-half{
        width: 100% !important;
    }
}
@media (max-width : 576px){
    .blog-details1 .col-content-inr .right-note .arrow-left{
        display: none;
    }
    .blog-details1 .ath-box-inr .userinfor{
        flex-direction: column;
    }
    .blog-details1 .ath-box-inr .userinfor .user-img-otr{
        display: block;
    }
    .blog-details1 .ath-box-inr .userinfor .user-img{
        width: 80px;
        height: 80px;
    }
}



.blog-details1{
  margin: 30px 0;
}
.blog-details1 h1{
  color: #000;
  font-size: 44px;
  line-height: 58px;
  font-family: "Heebo-SemiBold";
  margin-bottom: 10px;
}
.blog-details1 h2{
  color: #000;
  font-size: 36px;
  line-height: 48px;
  font-family: "Heebo-SemiBold";
  margin-bottom: 10px;
}
.blog-details1 h3{
  color: #1d8bea;
  font-size: 24px;
  line-height: 36px;
  font-family: "Heebo-Medium";
  margin-bottom: 10px;
}
.blog-details1 .link-text{
  font-size: 18px;
  line-height: 28px;
  color: #1d8bea;
  font-family: "Heebo-Regular";
}
.blog-details1 .link-text:hover{
  text-decoration: underline;
  color: #e96b71;
}
.blog-details1 p{
  font-size: 18px;
  line-height: 28px;
  color: #666;
  font-family: "Heebo-Regular";
  margin: 10px 0;
}
.blog-details1 strong{
  color: #000;
}
.blog-details1 .theme-btn{
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  font-family: "Heebo-Regular";
  padding: 6px 12px;
  background-color: #e96b71;
  width: 100%;
  text-align: center;
}
.blog-details1 .theme-btn:hover{
  background-color: #1d8bea;
}
.blog-details1 .theme-input{
  font-size: 16px;
  line-height: 24px;
  color: #c4c4c4;
  font-family: "Heebo-Regular";
  width: 100%;
  text-align: right;
  padding: 6px 12px;
  border: 1px solid #e4e4e4;
  resize: none;
  transition: .3s;
}
.blog-details1 .theme-input:focus{
  border: 1px solid #1d8bea;
  outline: none;
}
.blog-details1 .blog-wrapper{
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
.blog-details1 .blog-wrapper .author{
  font-size: 18px;
  line-height: 28px;
  color: #1d8bea;
  font-family: "Heebo-Regular";
}
.blog-details1 .blog-wrapper .option-ul li{
  list-style: disc;
}
.blog-details1 .blog-wrapper .option-ul span{
  color: #666;
}
.blog-details1 .blog-wrapper .option-ul li,
.blog-details1 .blog-wrapper .option-ul span,
.blog-details1 .blog-wrapper .option-ul strong{
  font-size: 18px;
  line-height: 28px;
  font-family: "Heebo-Regular";
}
.blog-details1 .blog-wrapper .img-otr{
  margin: 20px 0;
}
.blog-details1 .blog-wrapper .img-inr{
  height: 300px;
  width: 100%;
  object-fit: cover;
} 
.blog-details1 .blog-wrapper .form{
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.blog-details1 .blog-wrapper .row-cta-blog{
  gap: 24px 0;
}
.blog-details1 .blog-wrapper .form .action{
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
@media (max-width : 992px){
  .blog-details1 h1{
      font-size: 36px;
      line-height: 48px;
  }
  .blog-details1 h2{
      font-size: 28px;
      line-height: 40px;
  }
  .blog-details1 h3{
      font-size: 22px;
      line-height: 36px;
  }
}


.blog-details{
    margin: 30px 0;
}
.blog-details h1{
    color: #000;
    font-size: 44px;
    line-height: 58px;
    font-family: "Heebo-SemiBold";
    margin-bottom: 10px;
}
.blog-details h2{
    color: #000;
    font-size: 36px;
    line-height: 48px;
    font-family: "Heebo-SemiBold";
    margin-bottom: 10px;
}
.blog-details h3{
    color: #1d8bea;
    font-size: 24px;
    line-height: 36px;
    font-family: "Heebo-Medium";
    margin-bottom: 10px;
}
.blog-details .link-text{
    font-size: 18px;
    line-height: 28px;
    color: #1d8bea;
    font-family: "Heebo-Regular";
}
.blog-details .link-text:hover{
    text-decoration: underline;
    color: #e96b71;
}
.blog-details p{
    font-size: 18px;
    line-height: 28px;
    color: #666;
    font-family: "Heebo-Regular";
    margin: 10px 0;
}
.blog-details strong{
    color: #000;
}
.blog-details .theme-btn{
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-family: "Heebo-Regular";
    padding: 6px 12px;
    background-color: #e96b71;
    width: 100%;
    text-align: center;
}
.blog-details .theme-btn:hover{
    background-color: #1d8bea;
}
.blog-details .theme-input{
    font-size: 16px;
    line-height: 24px;
    color: #c4c4c4;
    font-family: "Heebo-Regular";
    width: 100%;
    text-align: right;
    padding: 6px 12px;
    border: 1px solid #e4e4e4;
    resize: none;
    transition: .3s;
}
.blog-details .theme-input:focus{
    border: 1px solid #1d8bea;
    outline: none;
}
.blog-details .blog-wrapper{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}
.blog-details .blog-wrapper .author{
    font-size: 18px;
    line-height: 28px;
    color: #1d8bea;
    font-family: "Heebo-Regular";
}
.blog-details .blog-wrapper .dot li{
    list-style: decimal;
}
.blog-details .blog-wrapper .option-ul li{
    list-style: disc;
}
.blog-details .blog-wrapper .option-ul span{
    color: #666;
}
.blog-details .blog-wrapper .option-ul li,
.blog-details .blog-wrapper .option-ul span,
.blog-details .blog-wrapper .option-ul strong{
    font-size: 18px;
    line-height: 28px;
    font-family: "Heebo-Regular";
}
.blog-details .blog-wrapper .img-otr{
    margin: 20px 0;
}
.blog-details .blog-wrapper .img-inr{
    height: 300px;
    width: 100%;
    object-fit: cover;
}
.blog-details .col-blog-otr{
    display: flex;
    flex-direction: column;
    gap: 24px 0;
}
.blog-details .iframe-otr iframe {
    width: 100%;
    height: 400px;
}
.blog-details .col-blog-otr .row-inr{
    padding: 20px;
    border-radius: 12px;
    border: 1px solid transparent;
    transition: .3s;
}
.blog-details .col-blog-otr .row-inr:hover{
    border: 1px solid #e4e4e4;
    background-color: #f0f0f0;
}
.blog-details .col-blog-otr .col-content-inr{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 10px 0 30px 0;
}
.blog-details .s-icons-ul{
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
}
.blog-details .s-icons-link{
    display: block;
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 4px;
    background-color: #e96b71;
    transition: .3s;
}
.blog-details .s-icons-link:hover{
    background-color: #1d8bea;
}
.blog-details .s-icons-link .icon{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    color: #fff;
    transition: .3s;
}
.blog-details .col-img-inr .blog-img{
    width: 100%;
    height: 250px;
    border-radius: 8px;
    object-fit: cover;
} 
.blog-details .blog-info,
.blog-details .blog-info .info-ul{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin: 0;
    padding: 0;
}
.blog-details .blog-info .info-li{
    display: flex;
    gap: 10px;
}
.blog-details .blog-info p,
.blog-details .blog-info .info-li{
    font-size: 14px;
    line-height: 24px;
    color: #000;
    font-family: "Heebo-Regular";
    margin: 0;
    padding: 0;
}
.blog-details .blog-info .icon{
    font-size: 16px;
    color: #000;
}
.blog-details .blog-title a{
    font-size: 24px;
    line-height: 40px;
    color: #000;
    font-family: "Heebo-Medium";
    margin-bottom: 6px;
    transition: .3s;
}
.blog-details .blog-title a:hover{
    color: #1d8bea;
}
.blog-details .blog-title p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 0;
}
.blog-details .col-sidebar-inr{
    position: sticky;
    top: 30px;
}
.blog-details .col-sidebar-inr h3{
    color: #000;
}
.blog-details .col-sidebar-inr .yt-img-inr{
    width: 100%;
    height: 60px;
    object-fit: contain;
    object-position: right;
}
.blog-details .col-sidebar-inr .recent-post{
    margin: 40px 0 0 0;
}
.blog-details .col-sidebar-inr .recent-ul{
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
    padding: 0;
}
.blog-details .col-sidebar-inr .recent-li{
    display: block;
}
.blog-details .col-sidebar-inr .recent-link{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 8px 14px;
    border-radius: 4px;
    color: black;
    background-color: #f0eeee;
    transition: .4s;
    z-index: 4;
    font-size: 16px;
    line-height: 24px;
    font-family: "Heebo-Regular";
    width: 100%;
    text-align: center !important;
}
.blog-details .col-sidebar-inr .recent-link:hover{
    color: #fff;
}
.blog-details .col-sidebar-inr .recent-link:hover::after{
    width: 100%;
}
.blog-details .col-sidebar-inr .recent-link::after{
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    background-color: #1d8bea;
    height: 100%;
    width: 2px;
    z-index: -1;
    border-radius: 4px;
    transition: .4s;
}

.blog-details{
  margin: 30px 0;
}

.blog-details .container{
  max-width: 1000px;
}

.blog-details .wrapper{
  max-width: 700px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.blog-details .row{
  gap: 20px 0;
  margin-top: 20px;
}

.blog-details .col-inr{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.blog-details .col-inr .img-otr{
  position: relative;
  margin: 10px 0 20px 0;
}

.blog-details .col-inr .img-inr{
  width: 100%;
  height: 376px;
  object-fit: cover;
  border: 4px solid var(--border-color3);
  border-radius: var(--border-radius-xs-1);
}

.blog-details .col-inr .label_otr {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #00244f;
  padding: 5px 16px;
  transition: .3s;
}

.blog-details .col-inr .label_otr p {
  font-size: var(--font-size-xs-3);
  line-height: var(--line-heights-xs-3);
  color: #fff;
}

.blog-details .col-inr .label_otr p span {
  line-height: var(--line-heights-xs-3);
  font-size: var(--font-size-sm);
  color: #fff;
}

.blog-details .col-inr .content{
  position: relative;
}

.blog-details .col-inr .content p{
  margin: 0;
}

.blog-details .col-inr .content p:not(:last-child){
  margin-bottom: 14px;
}

.blog-details .col-inr .content p .link{
  display: inline;
  color: var(--theme-text-color1);
  font-family: var(--font-family-medium);
  transition: .3s;
}

.blog-details .col-inr .content p .link:hover{
  color: #000;
}

.blog-details .col-inr .content ul li{
  list-style: disc;
  list-style-position: inside;
}
@media (max-width : 992px){
    .blog-details h1{
        font-size: 36px;
        line-height: 48px;
    }
    .blog-details h2{
        font-size: 28px;
        line-height: 40px;
    }
    .blog-details h3{
        font-size: 22px;
        line-height: 36px;
    }
    .blog-details .iframe-otr iframe {
        width: 100%;
        height: 200px;
    }
}

::selection {
        color: #ffffff;
        background-color: #252525;
    }

    .average-comments-q i {
        float: left;
    }

    .review-details {
        padding: 30px;
        background: #f4f4f4;
        margin-bottom: 24px;
    }

    .reviews-q-a .answer {
        margin-right: 20px;
        float: right;
    }

    :root {
        --star-size: 60px;
        --star-color: #fff;
        --star-background: #DDB15B;
    }

    .Stars {
        --percent: calc(var(--rating) / 5 * 100%);
        display: inline-block;
        font-size: var(--star-size);
        font-family: Times;
        line-height: 1;
        font-size: 35px;
    }

        .Stars::before {
            content: "★★★★★";
            letter-spacing: 3px;
            background: linear-gradient(268deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
            -webkit-background-clip: text;
            -webkit-text-fill-color: #ddb15b2b;
        }
.rating {
    border: none;
    float: right;
}
.rating > input {
    display: none;
}
.rating > label {
    color: #000;
    float: left;
}
.rating > label:before {
    margin: 0px 3px;
    font-size: 18px;
    font-family: 'Font Awesome 5 Pro';
    content: "\f005";
    display: inline-block;
    font-weight: 100;
}
.rating > input {
    display: none;
}
.rating > input:checked ~ label, .rating:not(:checked) > label:hover, .rating:not(:checked) > label:hover ~ label {
    color: #ee9d00;
}
.rating > input:checked ~ label::before {
    color: #ee9d00;
    content: "\f005";
    font-weight: 900;
}
.simple-references{
    padding: 54px;
    background-size: cover;
}
.simple-references .container{
        background: #f0ffffb5;
    padding: 20px;
}
b{
    font-weight: bolder !important;
}


/* Services Styles Start Here */

.services_section {
  margin: 20px 0;
}

.services_section .row_custom {
  gap: 24px 0;
}

.services_section .row_custom h2,
.services_section .row_custom h2 span{
  font-size: 36px !important;
  line-height: 44px;
  margin-bottom: 10px !important;
}

.services_section .row_custom h2::after,
.services_section .row_custom h2::before{
  display: none;
}

.services_section .row_custom h3{
  font-size: 28px;
}

.services_section .col_content_inr .img {
  margin: 10px 0;
  border-radius: 24px;
}

.services_section .col_sidebar_inr {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  height: 100%;
}

.services_section .col_sidebar_inr.img_otr {
  display: flex;
}

.services_section .col_sidebar_inr .card_img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-radius: 12px;
}

.services_section .col_sidebar_inr .card_heading {
  color: #000;
  font-size: 30px;
  line-height: 28px;
  text-align: center;
  font-weight: bold;
  margin: 24px 0 12px 0;
}

.services_section .col_sidebar_inr .card_desc {
  text-align: center;
  margin-bottom: 16px;
}

.services_section .col_sidebar_inr .action_otr {
  display: flex;
  align-items: center;
  justify-content: center;
}

.services_section .col_sidebar_inr .CtaSec {
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #e4e4e4;
  position: sticky;
  top: 90px;
  z-index: 200;
}

.services_section .col_sidebar_inr .CtaSec::before {
  display: none;
}

.services_section .col_sidebar_inr .CtaSec .message-text {
  color: #000;
  position: relative;
  top: 0;
}

.services_section .col_sidebar_inr .CtaSec .wrapper h2 span {
  color: #000;
}

.services_section .col_sidebar_inr .CtaSec .wrapper p {
  color: #000;
}

.services_section .col_sidebar_inr .reviewSec .container {
  padding: 0;
}

.services_section .col_sidebar_inr .review-slider2 {
  margin: 0;
}

.services_section .banner_section h3 {
  margin-bottom: 16px;
}

.services_section .banner-menu {
  width: 100%;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  padding: 16px;
}

.services_section .banner-menu .menu-ul .menu-li:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}

.services_section .banner-menu .menu-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  transition: .3s;
}

.services_section .banner-menu .menu-link:hover {
  background-color: #00244f;
}

.services_section .banner-menu .menu-link:hover .menu-icon {
  color: #fff;
}

.services_section .banner-menu .menu-link:hover .menu-text {
  color: #fff;
}

.services_section .banner-menu .menu-link .menu-icon {
  font-size: 20px;
  color: #000;
  transition: .3s;
}

.services_section .banner-menu .menu-link .menu-text {
  color: #000;
  font-size: 18px;
}

.services_section .banner_section .icons-ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
  gap: 20px;
}

.services_section .banner_section .box-link {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #fff;
  position: relative;
  border: 1px solid #e4e4e4;
  transition: .3s;
}

.services_section .banner_section .box-link .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 28px;
  color: #000;
  transition: .3s;
}

.services_section .banner_section .box-link:hover {
  background-color: #00244f;
}

.services_section .banner_section .box-link:hover .icon {
  color: #fff;
}

.services_section .swiper-pagination{
  position: relative;
  bottom: -6px;
  left: -12px;
}

.services_section .swiper-pagination .swiper-pagination-bullet-active{
  background-color: #00244f !important;
}


.services_section .videos-div .row{
  gap: 24px 0;
}

.services_section .videos-div .row iframe,
.services_section .videos-div iframe,
.services_section .videos-div .row .videos-div-inr iframe{
  width: 100% !important;
  height: 230px !important;
}

.services_section .sidebar-videos,
.services_section .author_card iframe,
.services_section .sidebar-videos iframe{
  width: 100% !important;
  height: 300px !important;
}

.services_section .col_sidebar_inr .CtaSec{
  padding: 20px 0;
}

.services_section .col_sidebar_inr .CtaSec .row{
  gap: 6px 0;
  margin: 16px 0 10px 0;
}

.services_section .col_sidebar_inr .CtaSec .row .theme-input{
  padding: 8px 24px;
  height: 46px;
}

@media (max-width : 992px){
  .services_section .videos-div iframe,
  .services_section .videos-div-inr iframe{
      width: 100% !important;
      height: auto !important;
  }

  .services_section .sidebar-videos,
  .services_section .author_card iframe,
  .services_section .sidebar-videos iframe{
      width: 100% !important;
      height: auto !important;
  }
}

/* Services Styles End Here */

/* Blog Details Css Start Here */

.blog-details{
  margin: 30px 0;
}

.blog-details .container{
  max-width: 1000px;
}

.blog-details .wrapper{
  max-width: 700px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.blog-details .row{
  gap: 20px 0;
  margin-top: 20px;
}

.blog-details .col-inr{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.blog-details .col-inr .img-otr{
  position: relative;
  margin: 10px 0 20px 0;
}

.blog-details .col-inr .img-inr{
  width: 100%;
  height: 376px;
  object-fit: cover;
  border: 4px solid var(--border-color3);
  border-radius: var(--border-radius-xs-1);
}

.blog-details .col-inr .label_otr {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: var(--theme-bg-color1);
  padding: 5px 16px;
  transition: .3s;
}

.blog-details .col-inr .label_otr p {
  font-size: var(--font-size-xs-3);
  line-height: var(--line-heights-xs-3);
  color: var(--light);
}

.blog-details .col-inr .label_otr p span {
  line-height: var(--line-heights-xs-3);
  font-size: var(--font-size-sm);
  color: var(--light);
}

.blog-details .col-inr .content{
  position: relative;
}

.blog-details .col-inr .content p{
  margin: 0;
}

.blog-details .col-inr .content p:not(:last-child){
  margin-bottom: 14px;
}

.blog-details .col-inr .content p .link{
  display: inline;
  color: var(--theme-text-color1);
  font-family: var(--font-family-medium);
  transition: .3s;
}

.blog-details .col-inr .content p .link:hover{
  color: var(--theme-text-color2);
}

.blog-details .col-inr .content ul li{
  list-style: disc;
  list-style-position: inside;
}

/* Blog Details Css End Here */

/* Services Styles Start Here */

.services_section {
  margin: 20px 0;
}

.services_section .row_custom {
  gap: 24px 0;
}

.services_section .row_custom h2,
.services_section .row_custom h2 span{
  font-size: var(--font-size-lg) !important;
  line-height: var(--line-heights-lg);
  margin-bottom: 10px !important;
}

.services_section .row_custom h2::after,
.services_section .row_custom h2::before{
  display: none;
}

.services_section .row_custom h3{
  font-size: var(--font-size-md-3);
}

.services_section .col_content_inr .img {
  margin: 10px 0;
  border-radius: 24px;
}

.services_section .col_sidebar_inr {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  height: 100%;
}

.services_section .col_sidebar_inr.img_otr {
  display: flex;
}

.services_section .col_sidebar_inr .card_img {
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: top;
  border-radius: 12px;
}

.services_section .col_sidebar_inr .card_heading {
  color: var(--theme-text-color2);
  font-size: 30px;
  line-height: 28px;
  text-align: center;
  font-weight: bold;
  margin: 24px 0 12px 0;
}

.services_section .col_sidebar_inr .card_desc {
  text-align: center;
  margin-bottom: 16px;
}

.services_section .col_sidebar_inr .action_otr {
  display: flex;
  align-items: center;
  justify-content: center;
}

.services_section .col_sidebar_inr .CtaSec {
  background-color: var(--light);
  border-radius: 12px;
  border: 1px solid #e4e4e4;
  position: sticky;
  top: 90px;
  z-index: 200;
}

.services_section .col_sidebar_inr .CtaSec::before {
  display: none;
}

.services_section .col_sidebar_inr .CtaSec .message-text {
  color: var(--dark);
  position: relative;
  top: 0;
}

.services_section .col_sidebar_inr .CtaSec .wrapper h2 span {
  color: var(--dark);
}

.services_section .col_sidebar_inr .CtaSec .wrapper p {
  color: var(--theme-text-color2);
}

.services_section .col_sidebar_inr .reviewSec .container {
  padding: 0;
}

.services_section .col_sidebar_inr .review-slider2 {
  margin: 0;
}

.services_section .banner_section h3 {
  margin-bottom: 16px;
}

.services_section .banner-menu {
  width: 100%;
  background-color: var(--light);
  border: 1px solid var(--border-color6);
  border-radius: 12px;
  padding: 16px;
}

.services_section .banner-menu .menu-ul .menu-li:not(:last-child) {
  border-bottom: 1px solid var(--border-color6);
}

.services_section .banner-menu .menu-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  transition: .3s;
}

.services_section .banner-menu .menu-link:hover {
  background-color: var(--theme-bg-color1);
}

.services_section .banner-menu .menu-link:hover .menu-icon {
  color: var(--light);
}

.services_section .banner-menu .menu-link:hover .menu-text {
  color: var(--light);
}

.services_section .banner-menu .menu-link .menu-icon {
  font-size: var(--font-size-icon-sm);
  color: var(--theme-text-color2);
  transition: .3s;
}

.services_section .banner-menu .menu-link .menu-text {
  color: var(--theme-text-color2);
  font-size: var(--font-size-icon-xs);
}

.services_section .banner_section .icons-ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
  gap: 20px;
}

.services_section .banner_section .box-link {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: var(--light);
  position: relative;
  border: 1px solid var(--border-color6);
  transition: .3s;
}

.services_section .banner_section .box-link .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: var(--font-size-icon-md-3);
  color: var(--dark);
  transition: .3s;
}

.services_section .banner_section .box-link:hover {
  background-color: var(--theme-bg-color1);
}

.services_section .banner_section .box-link:hover .icon {
  color: var(--light);
}

.services_section .swiper-pagination{
  position: relative;
  bottom: -6px;
  left: -12px;
}

.services_section .swiper-pagination .swiper-pagination-bullet-active{
  background-color: var(--theme-bg-color1) !important;
}


.services_section .videos-div .row{
  gap: 24px 0;
}

.services_section .videos-div .row iframe,
.services_section .videos-div iframe,
.services_section .videos-div .row .videos-div-inr iframe{
  width: 100% !important;
  height: 230px !important;
}

.services_section .sidebar-videos,
.services_section .author_card iframe,
.services_section .sidebar-videos iframe{
  width: 100% !important;
  height: 300px !important;
}

.services_section .col_sidebar_inr .CtaSec{
  padding: 20px 0;
}

.services_section .col_sidebar_inr .CtaSec .row{
  gap: 6px 0;
  margin: 16px 0 10px 0;
}

.services_section .col_sidebar_inr .CtaSec .row .theme-input{
  padding: 8px 24px;
  height: 46px;
}

@media (max-width : 992px){
  .services_section .videos-div iframe,
  .services_section .videos-div-inr iframe{
      width: 100% !important;
      height: auto !important;
  }

  .services_section .sidebar-videos,
  .services_section .author_card iframe,
  .services_section .sidebar-videos iframe{
      width: 100% !important;
      height: auto !important;
  }
}

/* Services Styles End Here */

/* About Section End Here */

/* CTA Sec Css Start Here */

.CtaSec{
  position: relative;
  padding: 30px 0;
  overflow: hidden;
}

.CtaSec::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #d5d5d5;
  opacity: 90%;
  z-index: 1;
}

.CtaSec .sec-bg-img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.CtaSec .wrapper{
  max-width: 700px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

.CtaSec .wrapper h2,
.CtaSec .wrapper h2 span,
.CtaSec .wrapper p{
  color: var(--dark);
}

.CtaSec .row{
  gap: 24px 0;
  margin: 30px 0 10px 0;
  position: relative;
  z-index: 3;
}

.CtaSec .row .theme-input{
  width: 100%;
  text-align: right;
  border-radius: var(--border-radius-xs-3);
}

.CtaSec .row .theme-btn{
  width: 100%;
  border-radius: var(--border-radius-xs-3);
}

.CtaSec .message-text{
  color: var(--light);
  text-align: center;
  position: relative;
  z-index: 3;
}

@media (max-width : 576px){
  .CtaSec .row>*{
      padding: 0;
  }
}

/* CTA Sec Css End Here */

/* Areas Activity Css Start Here */

.areas-activity{
  position: relative;
  margin: 20px 0 30px 0;
}

.areas-activity::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--light-with-opacity);
  z-index: 1;
}

.areas-activity .sec-bg-img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.areas-activity .wrapper{
  max-width: 700px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

.areas-activity .row{
  margin: 30px 0;
  gap: 24px 0;
  position: relative;
  z-index: 3;
}

.areas-activity .col-inr{
  padding: 10px;
  height: 100%;
  background-color: var(--light);
  border-radius: var(--border-radius-xs-2);
  border: 1px solid var(--border-color7);
  box-shadow: var(--box-shadow3);
  transition: .3s;
}

.areas-activity .col-inr:hover{
  border: 1px solid var(--border-color1);
  box-shadow: 1.073px 1.625px 20px #b3b3b3;
}

.areas-activity .col-inr:hover .title{
  color: var(--theme-text-color1);
}

.areas-activity .col-inr .img-otr{
  position: relative;
}

.areas-activity .col-inr .img-inr{
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: var(--border-radius-xs-2);
}

.areas-activity .col-inr .content-div{
  padding: 10px 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.areas-activity .col-inr .title{
  font-size: var(--font-size-md-4);
  line-height: var(--line-heights-md-4);
  font-family: 'Almoni';
  font-weight: normal;
  transition: .3s;
}

.areas-activity .col-inr .title:hover{
  color: var(--theme-text-color1);
}

.areas-activity .col-inr p{
  margin: 4px 0 4px 0;
  line-height: var(--line-heights-xs-2);
}

.areas-activity .col-inr .action{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.areas-activity .col-inr .action .text-btn{
  color: var(--theme-text-color1);
  transition: .3s;
}

.areas-activity .col-inr .action .text-btn:hover{
  text-decoration: underline;
}

.areas-activity .action{
  position: relative;
  z-index: 3;
}

.areas-activity-slider{
  margin: 40px 0;
}

.areas-activity-slider .swiper-pagination{
  bottom: -8px;
}

.areas-activity-slider .swiper-pagination .swiper-pagination-bullet-active{
  background-color: var(--theme-bg-color1);
}

.areas-activity-slider .col-inr{
  height: auto;
}

.areas-activity-slider .col-inr .title{
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (max-width : 576px){
  .areas-activity .row>*{
      padding: 0;
  }
}

/* Areas Activity Css End Here */

/* Services Styles Start Here */

.blog-details-template1 {
  margin: 20px 0;
}

.blog-template-sec2{
  margin: 20px 0;
}

.blog-details-template1 .row_custom {
  gap: 24px 0;
}

.blog-details-template1 .row_custom h2,
.blog-details-template1 .row_custom h2 span{
  font-size: 32px !important;
  line-height: 42px !important;
  margin-bottom: 10px !important;
}

.blog-details-template1 .row_custom h2::after,
.blog-details-template1 .row_custom h2::before{
  display: none;
}

.blog-details-template1 .row_custom h3{
  font-size: 26px !important;
}

.blog-details-template1 .col_content_inr .img {
  margin: 10px 0;
  border-radius: 24px;
}

.blog-details-template1 .col_sidebar_inr {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  height: 100%;
}

.blog-details-template1 .col_sidebar_inr .CtaSec {
  background-color: var(--light);
  border-radius: 12px;
  border: 1px solid #e4e4e4;
  position: sticky;
  top: 90px;
  z-index: 200;
}

.blog-details-template1 .col_sidebar_inr .CtaSec::before {
  display: none;
}

.blog-details-template1 .col_sidebar_inr .CtaSec .message-text {
  color: var(--dark);
  position: relative;
  top: 0;
}

.blog-details-template1 .col_sidebar_inr .CtaSec .wrapper h2 span {
  color: var(--dark);
}

.blog-details-template1 .col_sidebar_inr .CtaSec .wrapper p {
  color: var(--theme-text-color2);
}

.blog-details-template1 .col_sidebar_inr .action_otr {
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-details-template1 .banner-menu {
  width: 100%;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  padding: 16px;
}

.blog-details-template1 .banner-menu .menu-ul .menu-li:not(:last-child) {
  border-bottom: 1px solid e4e4e4;
}

.blog-details-template1 .banner-menu .menu-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  transition: .3s;
}

.blog-details-template1 .banner-menu .menu-link:hover {
  background-color: #FF1F7A;
}

.blog-details-template1 .banner-menu .menu-link:hover .menu-icon {
  color: #fff;
}

.blog-details-template1 .banner-menu .menu-link:hover .menu-text {
  color: #fff;
}

.blog-details-template1 .banner-menu .menu-link .menu-icon {
  font-size: 24px;
  color: #000;
  transition: .3s;
}

.blog-details-template1 .banner-menu .menu-link .menu-text {
  color: #fff;
  font-size: 24px;
}

.blog-details-template1 .banner_section .icons-ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
  gap: 20px;
}

.blog-details-template1 .banner_section .box-link {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #fff;
  position: relative;
  border: 1px solid #e4e4e4;
  transition: .3s;
}

.blog-details-template1 .banner_section .box-link .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: var(--dark);
  transition: .3s;
}

.blog-details-template1 .banner_section .box-link:hover {
  background-color: #FF1F7A;
}

.blog-details-template1 .banner_section .box-link:hover .icon {
  color: #fff;
}

.blog-details-template1 .swiper-pagination{
  position: relative;
  bottom: -6px;
  left: -12px;
}

.blog-details-template1 .swiper-pagination .swiper-pagination-bullet-active{
  background-color: #FF1F7A !important;
}


.blog-details-template1 .videos-div .row{
  gap: 24px 0;
}

.blog-details-template1 .blog-template-sec2 .wrapper{
  text-align: center;
}

.blog-details-template1 .blog-template-sec2 .row-video .col-video-inr iframe,
.blog-details-template1 .row-video .col-video-inr iframe,
.blog-details-template1 .row-video  iframe{
  width: 100% !important;
  height: 350px !important;
}

.blog-details-template1 .blog-template-sec2 .video-text{
  margin-top: 20px;
}

.blog-details-template1 .short-desc p:not(:last-child){
  margin-bottom: 8px;
}

.blog-details-template1 

.blog-details-template1 .sidebar-videos,
.blog-details-template1 .author_card iframe,
.blog-details-template1 .sidebar-videos iframe{
  width: 100% !important;
  height: 300px !important;
}

.blog-details-template1 .col_sidebar_inr .CtaSec{
  padding: 20px 0;
}

.blog-details-template1 .col_sidebar_inr .CtaSec .row{
  gap: 6px 0;
  margin: 16px 0 10px 0;
}

.blog-details-template1 .col_sidebar_inr .CtaSec .row .theme-input{
  padding: 8px 24px;
  height: 46px;
}

.blog-details-template1 .gallery-main{
  margin: 20px 0 !important;
}

.blog-details-template1 .gallery-main .row{
  margin-top: 0 !important;
}

.blog-details-template1 h1::after,
.blog-details-template1 h1::before,
.blog-details-template1 h2::after,
.blog-details-template1 h2::before,
.blog-details-template1 h3::after,
.blog-details-template1 h4::before{
  display: none;
}

.blog-template-full-sec{
  margin: 20px 0;
}

.blog-template-full-sec h1,
.blog-template-full-sec h2,
.blog-template-full-sec h3{
  margin-bottom: 10px;
  line-height: 42px;
}

.blog-template-full-sec h1::after,
.blog-template-full-sec h1::before,
.blog-template-full-sec h2::after,
.blog-template-full-sec h2::before,
.blog-template-full-sec h3::after,
.blog-template-full-sec h4::before{
  display: none;
}

.opening-section3 .opening-content-sec1{
  max-width: 700px;
  width: 100%;
  margin: 20px auto;
  text-align: center;
}

.opening-section3 .opening-content-sec1 h1{
  position: inherit;
  transform: none;
  padding: 0;
  margin-bottom: 12px;
}

.opening-section3 .opening-content-sec1 h1::after,
.opening-section3 .opening-content-sec1 h1::before{
  display: none;
}

@media (max-width : 992px){
  .blog-details-template1 .videos-div iframe,
  .blog-details-template1 .videos-div-inr iframe{
      width: 100% !important;
      height: auto !important;
  }

  .blog-details-template1 .sidebar-videos,
  .blog-details-template1 .author_card iframe,
  .blog-details-template1 .sidebar-videos iframe{
      width: 100% !important;
      height: auto !important;
  }
}

/* Services Styles End Here */

/* CTA Sec Css Start Here */

.CtaSec{
  position: relative;
  padding: 30px 0;
  overflow: hidden;
}

.CtaSec::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #d5d5d5;
  opacity: 20% !important;
  z-index: 1;
}

.CtaSec .sec-bg-img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.CtaSec .wrapper{
  max-width: 700px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

.CtaSec .wrapper h2,
.CtaSec .wrapper h2 span,
.CtaSec .wrapper p{
  color: #0000;
}

.CtaSec .row{
  gap: 24px 0;
  margin: 30px 0 10px 0;
  position: relative;
  z-index: 3;
}

.CtaSec .row .theme-input{
  width: 100%;
  text-align: right;
  border-radius: 4px;
}

.CtaSec .row .theme-btn{
  width: 100%;
  border-radius: 4px;
}

.CtaSec .message-text{
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 3;
}

@media (max-width : 576px){
  .CtaSec .row>*{
      padding: 0;
  }
}

/* CTA Sec Css End Here */

/* Testimonials End Here */

/* Gallery Start Here */

.gallery-main {
  margin: 50px 0;
}

.gallery-main .wrapper {
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.gallery-main .row {
  text-align: center;
  margin-top: 30px;
  gap: 24px 0;
}

.gallery-main .col-inr{
  border: 1px solid #5d5d5d;
  background: var(--themebg-gradient);
  padding: 14px;
  position: relative;
  transition: .3s;
}

.gallery-main .col-inr::after{
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  border-width: 22px 22px 0 0;
  border-style: solid;
  border-color: var(--light) #5d5d5d;
  transition: .3s;
}

.gallery-main .col-inr:hover{
  border: 1px solid var(--border-color1);
}

.gallery-main .col-inr:hover::after{
  border-color: var(--light) var(--border-color1);
}

.gallery-main .popup-image-gallery img {
  cursor: pointer;
  width: auto;
  height: 300px;
  object-fit: contain;
  border-radius: 8px;   
  transition: .3s;
}

.gallery-main .col-inr:hover img{
  box-shadow: -1.854px -0.749px 5px rgba(0, 0, 0, 0.34);
}

.gallery-main .col-inr h3{
  margin-top: 12px;
}

.gallery-main .show-popup {
  z-index: 999;
  display: none;
}

.gallery-main .show-popup .overlay-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.gallery-main .show-popup .img-show {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  z-index: 9999;
  transition: .3s;
}

.gallery-main .img-show .icon-otr span{
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 99;
  cursor: pointer;
  color: var(--light);
  background-color: transparent;
  border: 1px solid var(--light);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: .3s;
}

.gallery-main .img-show .icon-otr span:hover {
  color: #000;
  background-color: var(--light);
}

.gallery-main .img-show img {
  width: 70%;
  height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  object-fit: contain;
  background-color: rgba(0, 0, 0, 0.5);
  transform: translate(-50%, -50%);
}

.gallery-main button#prev span {
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 20px;
  background: no-repeat;
  color: var(--light);
  border: 1px solid;
  padding: 10px;
  transition: .3s;
}

.gallery-main button#next span {
  position: fixed;
  z-index: 9999;
  top: 50%;
  right: 20px;
  background: no-repeat;
  color: var(--light);
  border: 1px solid;
  padding: 10px;
  transition: .3s;
}

.gallery-main button#prev span:hover,
.gallery-main button#next span:hover {
  background-color: var(--light);
  color: var(--dark);
  border: 1px solid var(--light);
}

/* Gallery End Here */

/* Gallery Main Section Css Start Here */

.gallery-main-section .row{
  display: flex !important;
}

.gallery-main-section .col-inr{
  padding: 0 !important;
  border: none !important;
}

.gallery-main-section .col-inr::after{
  display: none;
}

.gallery-main-section .popup-image-gallery img{
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
}

.contact-main .row-info p{
  font-size: var(--font-size-sm) !important;
}

/* Gallery Main Section Css End Here */

/* Blog Styles Start Here */

.blog-details-template1 {
  margin: 20px 0;
}

.blog-template-sec2{
  margin: 20px 0;
}

.blog-details-template1 .row_custom {
  gap: 24px 0;
}

.blog-details-template1 .row_custom h2,
.blog-details-template1 .row_custom h2 span{
  font-size: 32px !important;
  line-height: 42px !important;
  margin-bottom: 10px !important;
}

.blog-details-template1 .row_custom h2::after,
.blog-details-template1 .row_custom h2::before{
  display: none;
}

.blog-details-template1 .row_custom h3{
  font-size: 26px !important;
}

.blog-details-template1 .col_content_inr .img {
  margin: 10px 0;
  border-radius: 24px;
}

.blog-details-template1 .col_sidebar_inr {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  height: 100%;
}

.blog-details-template1 .col_sidebar_inr .CtaSec {
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #e4e4e4;
  position: sticky;
  top: 90px;
  z-index: 200;
}

.blog-details-template1 .col_sidebar_inr .CtaSec::before {
  display: none;
}

.blog-details-template1 .col_sidebar_inr .CtaSec .message-text {
  color: #000;
  position: relative;
  top: 0;
}

.blog-details-template1 .col_sidebar_inr .CtaSec .wrapper h2 span {
  color: #000;
}

.blog-details-template1 .col_sidebar_inr .CtaSec .wrapper p {
  color: #000;
}

.blog-details-template1 .col_sidebar_inr .action_otr {
  display: flex;
  align-items: center;
  justify-content: center;
}

.blog-details-template1 .banner-menu {
  width: 100%;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  padding: 16px;
}

.blog-details-template1 .banner-menu .menu-ul .menu-li:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}

.blog-details-template1 .banner-menu .menu-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px;
  transition: .3s;
}

.blog-details-template1 .banner-menu .menu-link:hover {
  background-color: #FF1F7A;
}

.blog-details-template1 .banner-menu .menu-link:hover .menu-icon {
  color: #fff;
}

.blog-details-template1 .banner-menu .menu-link:hover .menu-text {
  color: #fff;
}

.blog-details-template1 .banner-menu .menu-link .menu-icon {
  font-size: 24px;
  color: #000;
  transition: .3s;
}

.blog-details-template1 .banner-menu .menu-link .menu-text {
  color: #fff;
  font-size: 24px;
}

.blog-details-template1 .banner_section .icons-ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 20px;
  gap: 20px;
}

.blog-details-template1 .banner_section .box-link {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #fff;
  position: relative;
  border: 1px solid #e4e4e4;
  transition: .3s;
}

.blog-details-template1 .banner_section .box-link .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  color: var(--dark);
  transition: .3s;
}

.blog-details-template1 .banner_section .box-link:hover {
  background-color: #FF1F7A;
}

.blog-details-template1 .banner_section .box-link:hover .icon {
  color: #fff;
}

.blog-details-template1 .swiper-pagination{
  position: relative;
  bottom: -6px;
  left: -12px;
}

.blog-details-template1 .swiper-pagination .swiper-pagination-bullet-active{
  background-color: #FF1F7A !important;
}


.blog-details-template1 .videos-div .row{
  gap: 24px 0;
}

.blog-details-template1 .blog-template-sec2 .wrapper{
  text-align: center;
}

.blog-details-template1 .blog-template-sec2 .row-video .col-video-inr iframe,
.blog-details-template1 .row-video .col-video-inr iframe,
.blog-details-template1 .row-video  iframe{
  width: 100% !important;
  height: 350px !important;
}

.blog-details-template1 .blog-template-sec2 .video-text{
  margin-top: 20px;
}

.blog-details-template1 .short-desc p:not(:last-child){
  margin-bottom: 8px;
}

.blog-details-template1 

.blog-details-template1 .sidebar-videos,
.blog-details-template1 .author_card iframe,
.blog-details-template1 .sidebar-videos iframe{
  width: 100% !important;
  height: 300px !important;
}

.blog-details-template1 .col_sidebar_inr .CtaSec{
  padding: 20px 0;
}

.blog-details-template1 .col_sidebar_inr .CtaSec .row{
  gap: 6px 0;
  margin: 16px 0 10px 0;
}

.blog-details-template1 .col_sidebar_inr .CtaSec .row .theme-input{
  padding: 8px 24px;
  height: 46px;
}

.blog-details-template1 .gallery-main{
  margin: 20px 0 !important;
}

.blog-details-template1 .gallery-main .row{
  margin-top: 0 !important;
}

.blog-details-template1 h1::after,
.blog-details-template1 h1::before,
.blog-details-template1 h2::after,
.blog-details-template1 h2::before,
.blog-details-template1 h3::after,
.blog-details-template1 h4::before{
  display: none;
}

.blog-template-full-sec{
  margin: 20px 0;
}

.blog-template-full-sec h1,
.blog-template-full-sec h2,
.blog-template-full-sec h3{
  margin-bottom: 10px;
  line-height: 42px;
}

.blog-template-full-sec h1::after,
.blog-template-full-sec h1::before,
.blog-template-full-sec h2::after,
.blog-template-full-sec h2::before,
.blog-template-full-sec h3::after,
.blog-template-full-sec h4::before{
  display: none;
}

.opening-section3 .opening-content-sec1{
  max-width: 700px;
  width: 100%;
  margin: 20px auto;
  text-align: center;
}

.opening-section3 .opening-content-sec1 h1{
  position: inherit;
  transform: none;
  padding: 0;
  margin-bottom: 12px;
}

.opening-section3 .opening-content-sec1 h1::after,
.opening-section3 .opening-content-sec1 h1::before{
  display: none;
}

@media (max-width : 992px){
  .blog-details-template1 .videos-div iframe,
  .blog-details-template1 .videos-div-inr iframe{
      width: 100% !important;
      height: auto !important;
  }

  .blog-details-template1 .sidebar-videos,
  .blog-details-template1 .author_card iframe,
  .blog-details-template1 .sidebar-videos iframe{
      width: 100% !important;
      height: auto !important;
  }
}

/* Blog Styles End Here */

/* CTA Sec Css Start Here */

.CtaSec{
  position: relative;
  padding: 30px 0;
  overflow: hidden;
}

.CtaSec::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #d5d5d5;
  opacity: 90%;
  z-index: 1;
}

.CtaSec .sec-bg-img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.CtaSec .wrapper{
  max-width: 700px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

.CtaSec .wrapper h2,
.CtaSec .wrapper h2 span,
.CtaSec .wrapper p{
  color: var(--dark);
}

.CtaSec .row{
  gap: 24px 0;
  margin: 30px 0 10px 0;
  position: relative;
  z-index: 3;
}

.CtaSec .row .theme-input{
  width: 100%;
  text-align: right;
  border-radius: var(--border-radius-xs-3);
}

.CtaSec .row .theme-btn{
  width: 100%;
  border-radius: var(--border-radius-xs-3);
}

.CtaSec .message-text{
  color: var(--light);
  text-align: center;
  position: relative;
  z-index: 3;
}

@media (max-width : 576px){
  .CtaSec .row>*{
      padding: 0;
  }
}
.eapps-widget-toolbar{
    display:none
}

/* CTA Sec Css End Here */

.banner-main{
    position: relative;
}

.banner-main .banner-img{
  width: 100%;
  height: auto;
  object-fit: cover;
}

.banner-main .slick-slider{
  margin: 0 !important;
}

.banner-main .slick-dots{
  position: absolute;
  bottom: 20px;
  margin: 0;
}

.banner-main .slick-dots li button::before{
  display: none;
}

.banner-main .slick-dots li{
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #efefef;
}

.banner-main .slick-dots .slick-active{
  background-color: #00489d;
}