/*=====================================
=        Service Details Page Css          =
======================================*/
.background{width: 100%;
  background-color: #1a4b7a;
  background-size: cover;}

.text-bg{
  text-align: center;
  font-size: 80px;
  color: #fff;
  padding-top: 14%;
}

.background h6{text-align: center;
  color: #fff;
  padding-bottom: 17%
}

.background img{color: #fff;}

.bg_light{background-color: #bcbcbc;
  text-align: center;
  padding-top: 10%;
  width: 100%;
  height: 400px;
}

.bg_light h2{font-size: 100px;}

.titlle_dot{position: relative;}
.title::before {
    position: absolute;
    content: '';
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    height: 8px;
    width: 8px;
    border-radius: 50%;
    background-image: linear-gradient(90deg, #d1651a 0%, #c1282a 100%);
}

.line{position: relative;}

.line::before {
    position: absolute;
    content: '';
    left: 145px;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    width: 60px;
    background-image: linear-gradient(90deg, #d1651a 0%, #c1282a 100%);
}

.has-search {
  outline: 0;
  float: left;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.has-search .textbox {
  outline: 0;
  height: 42px;
  width: 253px;
  line-height: 42px;
  padding: 0 16px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #212121;
  border: 0;
  float: left;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.has-search .textbox:focus {
  outline: 0;
  background-color: #FFF;
}

.has-search .button {
  outline: 0;
  background: none;
  background-color: #c53925;
  float: left;
  height: 42px;
  width: 42px;
  text-align: center;
  line-height: 42px;
  border: 0;
  color: #FFF;
  font-size: 16px;
  text-rendering: auto;
  font: normal normal normal 14px/1 FontAwesome;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.bg_text{
  position: relative;
  background-color: #bcbcbc;
  text-align: center;
  padding-top: 16%;
  width: 50%;
  height: 285px;
}


.play_button{
  position: absolute;
  top: 35%;
  left: 38%;
  width: 25%;
}

.anchor a:hover{color: #fff;}

.transparent-button{
  width: 90%;
  text-align: center;
  padding: 5px;
  color: #fff;
  font-weight: 700;
  border: 3px solid #fff;
  margin-top: 10px;
  background-color: transparent;
}

.text-slide{
  font-size: 25px;
  color: #fff;
  font-weight: 700;
}

.ts-slide{background-color: #89d32a;}

.ts-size{
  padding-top: 20px;
  font-size: 16px;
}

.owl-carousel .card {
    width: 294%;
    overflow: hidden;
    text-align: center; 
    border-radius: .5rem;
    transition: box-shadow .3s, transform .3s;
    box-shadow: 0 4px 10px 2px rgba(0, 0, 0, .06);
    display: block !important;
}
.owl-carousel .owl-item img{display: inline-block !important;}
.owl-carousel .card img{
  width: 40% !important;
  color: #b7bbca;
}

.owl-nav{display: none;}

.owl-dots{display: none;}

.owl-carousel .card:hover {
    transform: translateY(-10px);
    box-shadow: 0 8px 10px 2px rgba(0, 0, 0, .06);
}

/*=====================================
=        Bestmate1 Page Css          =
======================================*/


.bestmate_logo{width: 250px;}
.bestmate_h_6{font-size: 92px; color: #fff ;}
.betstmate_p{font-size: 24px; letter-spacing: -.47px; font-weight: 500; margin-bottom: 60px}
.best_mr{margin-right: 30px;}
.best_mr img{width: 230px;}
.best_pt img{width: 230px;}


@media only screen and (min-width: 10px) and (max-width: 360px){
  .bestmate_logo{max-width: 70%;}
  .bestmate_h_6{font-size: 88px; color: #fff ;}
  .betstmate_h{font-size: 21px;color:#696969; font-weight: normal; margin-top: 60px}
  .betstmate_p{
    font-size: 22px; letter-spacing: -.47px; font-weight: 500; margin-bottom: 60px;
  }
  .best_mr{margin-right: 0px !important;}
  .best_mr img{width: 230px;}
  .best_pt{padding-top: 20px;}
  .best_pt img{width: 230px;}
}


@media only screen and (min-width: 362px) and (max-width: 599px){
  .bestmate_logo{max-width: 70%;}
  .bestmate_h_6{font-size: 92px; color: #fff ;}
  .betstmate_h{font-size: 27px;}
  .betstmate_p{
    font-size: 22px; letter-spacing: -.47px; font-weight: 500; margin-bottom: 60px;
  }
  .best_mr{margin-right: 10px !important;}
  .best_mr img{width: 200px;}
  .best_pt img{width: 200px;}
}

@media only screen and (min-width: 600px) and (max-width: 780px){
  .bestmate_logo{max-width: 70%;}
  .bestmate_h_6{font-size: 92px; color: #fff ;}
  .betstmate_h{font-size: 42px;}
  .betstmate_p{
    font-size: 22px; letter-spacing: -.47px; font-weight: 500; margin-bottom: 60px;
  }
  .best_mr{margin-right: 8px !important;}
  .best_mr img{width: 220px;}
  .best_pt img{width: 220px;}

}


@media only screen and (min-width: 781px) and (max-width: 980px){
  .bestmate_logo{max-width: 70%;}
  .bestmate_h_6{font-size: 92px; color: #fff ;}
  .betstmate_h{font-size: 54px;}
  .betstmate_p{
    font-size: 22px; letter-spacing: -.47px; font-weight: 500; margin-bottom: 60px;
  }
  .best_mr{margin-right: 8px !important;}
  .best_mr img{width: 210px;}
  .best_pt img{width: 210px;}
}


/*=====================================
=        feature_2 Page Css          =
======================================*/

@media only screen and (min-width: 10px) and (max-width: 360px){
  .background{height:auto;
    padding: 0% 10% 10%;
  }
  .text-bg{padding:0px;font-size: 60px;}
  .padding_start{padding-left: 10px !important;}
  .bg_light{height: auto;
    padding: 10% 0% 10%;
  }
  .bg_light h2{font-size: 60px;}
  .has-search .textbox{width: 252px;}
  .bg_text{width: 100%;}
  .mx-auto{ margin: 0px;}

}