body{overflow-x: hidden;  font-family: 'Mulish', sans-serif;
    color: #444444;
}


h1,h2,h3{font-family: 'Mulish', sans-serif;}
:root{
    --primary:#3f75bb;
    --secondary:white;
}
.mycolor{color:var(--primary)!important;}
.hcolor{color:var(--primary);}
.bg-mycolor{background-color: var(--primary);}

.my-btn .btn{background-color:var(--primary); padding:10px 20px; border-radius:15px; font-weight:600; color:white;}

 .my-btn .btn:hover{background-color:var(--secondary); border:2px solid var(--primary); box-shadow: 0px 3px 5px 0px #128ecb33;}


header{color:var(--secondary); font-weight:600;}
header a{color:var(--secondary);}


.navbar{ background:var(--secondary);box-shadow: 0px 3px 5px 0px #128ecb33;
}

.navbar-nav{column-gap: 19px; }

.navbar .nav-link{font-size:18px; font-weight:600;}
/***************/

.banner{background:linear-gradient(rgba(255,255,255,0.5),rgba(255, 255, 255, 0.673)),url(../images/banner-back.jpg) fixed center center no-repeat;background-size: cover;}

/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
.services .img {
    border-radius: 8px;
    overflow: hidden;
  }
  
  .services .img img {
    transition: 0.6s;
    height:250px;
  }
  
  .services .details {
    padding: 35px 15px;
    margin: -40px 30px 0 30px;
    transition: all ease-in-out 0.3s;
    background: white;
    position: relative;
    background: rgba(255,255,255, 0.9);
    text-align: center;
    border-radius: 8px;
    box-shadow: 0px 0 25px rgba(0,0,0, 0.1);
  }
  
  .services .details .icon {
    margin: 0;
    width: 72px;
    height: 72px;
    background: #138fcb;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    color: white;
    font-size: 28px;
    transition: ease-in-out 0.3s;
    position: absolute;
    top: -36px;
    left: calc(50% - 36px);
    border: 6px solid white;
  }
  
  .services .details h3 {
    color: #091964;/*var(--color-default);*/
    font-weight: 700;
    margin: 10px 0 5px 0;
    font-size: 19px;
    transition: ease-in-out 0.3s;
  }
  
  .services .details p {
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0;
  }
  
  .services .service-item:hover .details h3 {
    color: #138fcb;
  }
  
  .services .service-item:hover .details .icon {
    background: white;
    border: 2px solid #138fcb;
  }
  
  .services .service-item:hover .details .icon i {
    color: #138fcb;
  }
  
  .services .service-item:hover .img img {
    transform: scale(1.2);
  }
  
  /*************************/


  .carousel-wrap {
    margin: 40px auto;
    padding: 0 2%;
    width: 98%;
    position: relative;
  }
  
  /* fix blank or flashing items on carousel */
  .owl-carousel .item {
    position: relative;
    z-index: 100; 
    -webkit-backface-visibility: hidden; 
  }
  
  /* end fix */
  .owl-nav > div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd;
  }
  
  .owl-nav i {
    font-size: 52px;
  }
  
  .owl-nav .owl-prev {
    left: -30px;
  }
  
  .owl-nav .owl-next {
    right: -30px;
  }
  
  /*************/
  .why-choose{background:linear-gradient(rgba(255,255,255,0.7),rgba(255, 255, 255, 0.8)),url(../images/banner-back.jpg) fixed center center no-repeat;background-size: cover; color:black;}
  
  
  /*************/
  .book-now {background:linear-gradient(rgba(255,255,255,0.4),rgba(255, 255, 255, 0.8)),url(../images/banner-back.jpg) fixed center center no-repeat;background-size: cover; color:black;}
  
  /***********/
  
  .contact i{color:white;}
  .contact-box:hover i{background:white; color:var(--primary); border:2px solid var(--primary); transition:2s;}
  /*********/
  
  .contact a {color:black;}
  .contact a:hover {color:var(--primary);}
  
  /***********/
  footer{background:#e7e7e7;}
  footer h5{font-size:19px;}
  
  .social-icons i{color:var(--primary);}
  
  /************/
  
  /*  return to top */
#btnreturntotop {
	display: none; 
	position: fixed; 
	bottom: 40px; 
	right: 21px; 
	z-index: 9999; 
	border: none; 
	outline: none; 
	background-color: var(--primary);
	color: white; 
	cursor: pointer; 
	border-radius: 50%; 
	font-size: 18px;
	height:40px;
	width:40px;
}
/******/
#btnreturntotop  i{margin:5px 3px;}

/**********/

.gallery img{height:250px;}


@media only screen and (max-width:768px) {
    
     .services .img img {
    
    height:auto;
  }
    
    .gallery img{height:300px;}
}


/**************/
    section {scroll-margin-top: 120px;}
/************/

.why-choose .english-matter{font-size:14px;}

.why-choose p{margin-bottom:3px;}