/*======Embed Fonts=========*/
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;600;700&display=swap');
@font-face {
    font-family: 'rr_beaverregular';
    src: url('fonts/beaver.woff2') format('woff2'),
         url('fonts/beaver.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/*======Global CSS=========*/
/**{margin: 0;padding: 0;}*/
/**::after,*/
/**::before{-webkit-box-sizing:border-box;box-sizing:border-box;}*/
/*::-webkit-scrollbar{width:8px;}*/
/*::-webkit-scrollbar-track{background:#FFFFFF;-webkit-box-shadow:inset 1px 1px 2px rgba(3, 174, 251, 0.87);border:rgba(3, 174, 251, 0.87);//color of the track of scroll bar}*/
/*::-webkit-scrollbar-thumb{background:#03aefb;-webkit-box-shadow:inset 1px 1px 2px rgba(3, 174, 251, 0.87);}*/
/*::-webkit-scrollbar-thumb:hover{background:#03aefb;}*/
/*::-webkit-scrollbar-thumb:active{background:#03aefb;-webkit-box-shadow:inset 1px 1px 2px rgba(3, 174, 251, 0.87)}*/
/*html{overflow-x: hidden;}*/

/*body{background:#000 url(../images/underwater.jpg);*/

/*background-position: center;*/
/* background-position-y: 600px;*/
/* background-repeat: no-repeat;*/
/*}*/


.mt-340{margin-top: 340px;}
.mt-320{margin-top: 320px;}
.mt-300{margin-top: 300px;}
/*************************
  Basic margin padding
*************************/
.m-0 {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0; }

.p-0 {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0; }

/*************************
         Margin top
*************************/
.mt-0 {
  margin-top: 0; }

.mt-10 {
  margin-top: 10px; }

.mt-12 {
  margin-top: 12px; }

.mt-15 {
  margin-top: 15px; }

.mt-20 {
  margin-top: 20px; }

.mt-25 {
  margin-top: 25px; }

.mt-30 {
  margin-top: 30px; }

.mt-40 {
  margin-top: 40px; }

.mt-45 {
  margin-top: 45px; }

.mt-50 {
  margin-top: 50px; }

.mt-60 {
  margin-top: 60px; }

.mt-70 {
  margin-top: 70px; }

.mt-80 {
  margin-top: 80px; }
  @media only screen and (max-width: 767px) {
    .mt-80 {
      margin-top: 60px; } }

.mt-90 {
  margin-top: 90px; }

.mt-100 {
  margin-top: 100px; }

.mt-110 {
  margin-top: 110px; }

.mt-120 {
  margin-top: 120px; }

.mt-130 {
  margin-top: 130px; }

.mt-140 {
  margin-top: 140px; }

.mt-150 {
  margin-top: 150px; }

/*************************
      Margin right
*************************/
.mr-0 {
  margin-right: 0px; }

.mr-10 {
  margin-right: 10px; }

.mr-12 {
  margin-right: 12px; }

.mr-15 {
  margin-right: 15px; }

.mr-20 {
  margin-right: 20px; }

.mr-30 {
  margin-right: 30px; }

.mr-35 {
  margin-right: 35px; }

.mr-40 {
  margin-right: 40px; }

.mr-50 {
  margin-right: 50px; }

.mr-60 {
  margin-right: 60px; }

.mr-70 {
  margin-right: 70px; }

.mr-80 {
  margin-right: 80px; }

.mr-90 {
  margin-right: 90px; }

.mr-100 {
  margin-right: 100px; }

.mr-110 {
  margin-right: 110px; }

.mr-120 {
  margin-right: 120px; }

.mr-130 {
  margin-right: 130px; }

.mr-140 {
  margin-right: 140px; }

.mr-150 {
  margin-right: 150px; }

/*************************
      Margin bottom
*************************/
.mb-0 {
  margin-bottom: 0; }

.mb-10 {
  margin-bottom: 10px; }

.mb-12 {
  margin-bottom: 12px; }

.mb-15 {
  margin-bottom: 15px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-35 {
  margin-bottom: 35px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-45 {
  margin-bottom: 45px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-55 {
  margin-bottom: 55px; }

.mb-60 {
  margin-bottom: 60px; }

.mb-65 {
  margin-bottom: 65px; }

.mb-70 {
  margin-bottom: 70px; }

.mb-75 {
  margin-bottom: 75px; }

.mb-80 {
  margin-bottom: 80px; }
  @media only screen and (max-width: 767px) {
    .mb-80 {
      margin-bottom: 60px; } }

.mb-90 {
  margin-bottom: 90px; }

.mb-95 {
  margin-bottom: 95px; }

.mb-100 {
  margin-bottom: 100px; }
  @media only screen and (max-width: 767px) {
    .mb-100 {
      margin-bottom: 50px; } }

.mb-110 {
  margin-bottom: 110px; }

.mb-120 {
  margin-bottom: 120px; }

.mb-130 {
  margin-bottom: 130px; }

.mb-140 {
  margin-bottom: 140px; }

.mb-150 {
  margin-bottom: 150px; }

/*************************
        Margin left
*************************/
.ml-0 {
  margin-left: 0; }

.ml-10 {
  margin-left: 10px; }

.ml-12 {
  margin-left: 12px; }

.ml-15 {
  margin-left: 15px; }

.ml-20 {
  margin-left: 20px; }

.ml-30 {
  margin-left: 30px; }

.ml-40 {
  margin-left: 40px; }

.ml-50 {
  margin-left: 50px; }

.ml-55 {
  margin-left: 55px; }

.ml-60 {
  margin-left: 60px; }

.ml-70 {
  margin-left: 70px; }

.ml-80 {
  margin-left: 80px; }

.ml-90 {
  margin-left: 90px; }

.ml-100 {
  margin-left: 100px; }

.ml-110 {
  margin-left: 110px; }

.ml-120 {
  margin-left: 120px; }

.ml-130 {
  margin-left: 130px; }

.ml-140 {
  margin-left: 140px; }

.ml-150 {
  margin-left: 150px; }

/*************************
        Padding top
*************************/
.pt-0 {
  padding-top: 0; }

.pt-10 {
  padding-top: 10px; }

.pt-15 {
  padding-top: 15px; }

.pt-20 {
  padding-top: 20px; }

.pt-30 {
  padding-top: 30px; }

.pt-40 {
  padding-top: 40px; }

.pt-45 {
  padding-top: 45px; }

.pt-50 {
  padding-top: 50px; }

.pt-55 {
  padding-top: 55px; }

.pt-60 {
  padding-top: 60px; }

.pt-70 {
  padding-top: 70px; }
  @media only screen and (max-width: 767px) {
    .pt-70 {
      padding-top: 60px; } }

.pt-75 {
  padding-top: 75px; }

.pt-80 {
  padding-top: 80px; }

.pt-95 {
  padding-top: 95px; }

.pt-90 {
  padding-top: 90px; }
  @media only screen and (max-width: 767px) {
    .pt-90 {
      padding-top: 60px; } }

.pt-100 {
  padding-top: 100px; }

.pt-95 {
  padding-top: 95px; }

.pt-105 {
  padding-top: 105px; }

.pt-110 {
  padding-top: 110px; }
  @media only screen and (max-width: 767px) {
    .pt-110 {
      padding-top: 40px; } }

.pt-115 {
  padding-top: 115px; }

.pt-120 {
  padding-top: 120px; }
  @media only screen and (max-width: 767px) {
    .pt-120 {
      padding-top: 50px; } }

.pt-125 {
  padding-top: 125px; }
  @media only screen and (max-width: 767px) {
    .pt-125 {
      padding-top: 55px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt-125 {
      padding-top: 75px; } }

.pt-128 {
  padding-top: 128px; }

.pt-130 {
  padding-top: 50px; }
  @media only screen and (max-width: 767px) {
    .pt-130 {
      padding-top: 60px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt-130 {
      padding-top: 80px; } }

.pt-135 {
  padding-top: 135px; }

.pt-140 {
  padding-top: 140px; }

.pt-150 {
  padding-top: 150px; }

.pt-155 {
  padding-top: 155px; }

.pt-170 {
  padding-top: 170px; }

.pt-180 {
  padding-top: 180px; }
  @media only screen and (max-width: 767px) {
    .pt-180 {
      padding-top: 60px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt-180 {
      padding-top: 90px; } }

.pt-205 {
  padding-top: 205px; }

.pt-230 {
  padding-top: 150px; }

.pt-270 {
  padding-top: 270px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pt-270 {
      padding-top: 170px; } }
  @media only screen and (max-width: 767px) {
    .pt-270 {
      padding-top: 100px; } }

.pt-240 {
  padding-top: 240px; }

.pt-365 {
  padding-top: 365px; }

.pt-370 {
  padding-top: 370px; }

.pt-380 {
  padding-top: 380px; }

/*************************
        Padding right
*************************/
.pr-0 {
  padding-right: 0; }

.pr-10 {
  padding-right: 10px; }

.pr-15 {
  padding-right: 15px; }

.pr-20 {
  padding-right: 20px; }

.pr-30 {
  padding-right: 30px; }

.pr-40 {
  padding-right: 40px; }

.pr-50 {
  padding-right: 50px; }

.pr-60 {
  padding-right: 60px; }

.pr-70 {
  padding-right: 70px; }

.pr-80 {
  padding-right: 80px; }

.pr-90 {
  padding-right: 90px; }

.pr-100 {
  padding-right: 100px; }

.pr-110 {
  padding-right: 110px; }

.pr-120 {
  padding-right: 120px; }

.pr-130 {
  padding-right: 130px; }

.pr-140 {
  padding-right: 140px; }

.pr-155 {
  padding-right: 155px; }

.pr-270 {
  padding-right: 270px; }

/*************************
        Padding bottom
*************************/
.pb-0 {
  padding-bottom: 0; }

.pb-10 {
  padding-bottom: 10px; }

.pb-15 {
  padding-bottom: 15px; }

.pb-20 {
  padding-bottom: 20px; }

.pb-25 {
  padding-bottom: 25px; }

.pb-30 {
  padding-bottom: 30px; }

.pb-40 {
  padding-bottom: 40px; }

.pb-50 {
  padding-bottom: 50px; }

.pb-60 {
  padding-bottom: 60px; }

.pb-65 {
  padding-bottom: 65px; }

.pb-70 {
  padding-bottom: 70px; }

.pb-80 {
  padding-bottom: 80px; }
  @media only screen and (max-width: 767px) {
    .pb-80 {
      padding-bottom: 60px; } }

.pb-85 {
  padding-bottom: 85px; }

.pb-90 {
  padding-bottom: 90px; }

.pb-95 {
  padding-bottom: 95px; }

.pb-100 {
  padding-bottom: 100px; }
  @media only screen and (max-width: 767px) {
    .pb-100 {
      padding-bottom: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb-100 {
      padding-bottom: 50px; } }

.pb-105 {
  padding-bottom: 105px; }

.pb-110 {
  padding-bottom: 110px; }

.pb-115 {
  padding-bottom: 115px; }
  @media only screen and (max-width: 767px) {
    .pb-115 {
      padding-bottom: 45px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb-115 {
      padding-bottom: 65px; } }

.pb-120 {
  padding-bottom: 120px; }
  @media only screen and (max-width: 767px) {
    .pb-120 {
      padding-bottom: 50px; } }

.pb-125 {
  padding-bottom: 125px; }

.pb-130 {
  padding-bottom: 50px; }
  @media only screen and (max-width: 767px) {
    .pb-130 {
      padding-bottom: 60px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb-130 {
      padding-bottom: 80px; } }

.pb-140 {
  padding-bottom: 140px; }
  @media only screen and (max-width: 767px) {
    .pb-140 {
      padding-bottom: 30px; } }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb-140 {
      padding-bottom: 50px; } }

.pb-145 {
  padding-bottom: 145px; }

.pb-150 {
  padding-bottom: 150px; }

.pb-170 {
  padding-bottom: 170px; }

.pb-180 {
  padding-bottom: 180px; }

.pb-280 {
  padding-bottom: 280px; }

.pb-210 {
  padding-bottom: 210px; }

.pb-285 {
  padding-bottom: 285px; }

.pb-270 {
  padding-bottom: 270px; }
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    .pb-270 {
      padding-bottom: 170px; } }
  @media only screen and (max-width: 767px) {
    .pb-270 {
      padding-bottom: 100px; } }

.pb-290 {
  padding-bottom: 290px; }

/*************************
        Padding left
*************************/
.pl-0 {
  padding-left: 0; }

.pl-10 {
  padding-left: 10px; }

.pl-15 {
  padding-left: 15px; }

.pl-20 {
  padding-left: 20px; }

.pl-30 {
  padding-left: 30px; }

.pl-40 {
  padding-left: 40px; }

.pl-50 {
  padding-left: 50px; }

.pl-60 {
  padding-left: 60px; }

.pl-70 {
  padding-left: 70px; }

.pl-80 {
  padding-left: 80px; }

.pl-90 {
  padding-left: 90px; }

.pl-100 {
  padding-left: 100px; }

.pl-110 {
  padding-left: 110px; }

.pl-120 {
  padding-left: 120px; }

.pl-130 {
  padding-left: 130px; }

.pl-140 {
  padding-left: 140px; }

.pl-150 {
  padding-left: 150px; }

.pl-155 {
  padding-left: 155px; }

.pl-190 {
  padding-left: 190px; }

/***************************
    Page section padding 
****************************/
.ptb-0 {
  padding: 0; }

.ptb-10 {
  padding: 10px 0; }

.ptb-20 {
  padding: 20px 0; }

.ptb-30 {
  padding: 30px 0; }

.ptb-35 {
  padding: 35px 0; }

.ptb-32 {
  padding: 32px 0; }

.ptb-40 {
  padding: 40px 0; }

.ptb-50 {
  padding: 50px 0; }

.ptb-60 {
  padding: 60px 0; }

.ptb-70 {
  padding: 70px 0; }

.ptb-80 {
  padding: 80px 0; }

.ptb-90 {
  padding: 90px 0; }

.ptb-100 {
  padding: 100px 0; }

.ptb-110 {
  padding: 110px 0; }

.ptb-120 {
  padding: 120px 0; }

.ptb-130 {
  padding: 130px 0; }

.ptb-140 {
  padding: 140px 0; }

.ptb-150 {
  padding: 150px 0; }

.ptb-160 {
  padding: 160px 0; }

.ptb-170 {
  padding: 170px 0; }

.ptb-177 {
  padding: 177px 0; }

.ptb-180 {
  padding: 180px 0; }

.ptb-190 {
  padding: 190px 0; }

.ptb-200 {
  padding: 200px 0; }

.ptb-210 {
  padding: 210px 0; }

.ptb-220 {
  padding: 220px 0; }

.ptb-290 {
  padding: 290px 0; }

.ptb-310 {
  padding: 310px 0; }


 /*======Header CSS=========*/ 
.header-sec{position: relative;z-index: 999;
  background: url(../images/bg2.png) right no-repeat, url(../images/bg.jpg) right  no-repeat;

}
header{padding: 20px 0px;}
.logo{position: relative;z-index: 99}
.logo a img{}
.logo a img:hover{}
.star{position: absolute;top: -20px;z-index: -1;left: 0px}
.trans {
    transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}

/*.hero-sec{height:520px;}*/
/*.hero-sec .hero-heading{z-index: 999;position: relative;}*/
/*.hero-sec .hero-heading h1 span{font-family: 'Cairo', sans-serif;color: #fff;margin: 0;font-size: 38px;font-weight: 600;text-transform: uppercase;text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}*/
/*.hero-sec .hero-heading h1{font-family: 'Cairo', sans-serif;color: #fff;margin: 0;font-size: 38px;font-weight:600;text-transform: uppercase;text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}*/
/*.hero-sec .hero-heading h1 span span{font-family: 'Cairo', sans-serif;color: #fff;font-weight: 700;font-size:42px!important;margin: 0;text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);}*/
/*.hero-sec .hero-heading p{color: #fff;font-size:14px;text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);margin-right: 20%;font-weight: 300;line-height: 20px;}*/
/*.hero-sec .hero-heading h6{color: #fff;font-size:22px;text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);margin-bottom: 0px;}*/
/*.hero-sec .hero-heading .bigone{color: #fff;font-size:18px;text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);margin-right: 20%;}*/


/*=========menu==========*/

.nav-open main {
  transform: scale(.8);
}


h1 {
  display: table-cell;
  vertical-align: middle;
  font-size: 45px;
  color: white;
}

.nav-trigger {
  position: fixed;
  z-index: 4;
  top: 40px;
  right: 40px;
  height: 44px;
  width: 44px;

  overflow: hidden;
  color: transparent;
  white-space: nowrap;
  text-indent: 100%;
}

.nav-trigger span,
.nav-trigger span::before,
.nav-trigger span::after {
  position: absolute;
  height: 4px;
  width: 36px;
  background: #fff;
}

.nav-trigger span {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: background .3s;
}

.nav-trigger span::before,
.nav-trigger span::after {
  content: '';
  top: 0;
  left: 0;
  transition: background .3s, transform .3s;
}

.nav-trigger span::before {
  transform: translateY(-12px);
}

.nav-trigger span::after {
  transform: translateY(12px);
}

.nav-trigger:hover span, 
.nav-trigger:hover span::before,
.nav-trigger:hover span::after {
  background: white;
}

.nav-open .nav-trigger span {
  background: transparent;
}

.nav-open .nav-trigger span::before,
.nav-open .nav-trigger span::after {
  background: #006d6a;
}

.nav-open .nav-trigger span::before {
  transform: rotate(-45deg);
}

.nav-open .nav-trigger span::after {
  transform: rotate(45deg);
}

.overlay {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #1C1D21;
  opacity: 0;
  visibility: hidden;
  transition: opacity .5s, visibility .5s;
}

.nav-open .overlay {
  opacity: .6;
  visibility: visible;
}

.nav-container {
  position: fixed;
  z-index: 3;
  top: 0;
  right: 0;
  height: 100%;
  width: 25%;
  max-width: 280px;
  padding: 2em 2em;
  background:rgba(8, 113, 108, 0.62);
  overflow: auto;
  transform: translateZ(0);
  transform: translateX(100%);
  transition: transform .5s cubic-bezier(.07,.23,.34,1);
}

.nav-open .nav-container {
  transform: translateX(0);
}

.nav-container h2 {
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: #AAAAAA;
  margin: 1.5em 0;
}

.nav {
  list-style: none;
  padding: 0;
}

.nav a {
  display: block;
  padding: 0;
  font-size: 36px;
  font-weight: 500;
  font-family: serif;
  text-decoration: none;
  color: #fff;
  font-family: 'Cairo', sans-serif;
  transform: translateZ(0);
}

.nav-open .nav a {
  animation: slide-in .4s .2s backwards;
}

.nav-open .nav li:nth-of-type(2) a {
  animation-delay: .3s;
}

.nav-open .nav li:nth-of-type(3) a {
  animation-delay: .4s;
}

.nav-open .nav li:nth-of-type(4) a {
  animation-delay: .5s;
}

.nav-open .nav li:nth-of-type(5) a {
  animation-delay: .6s;
}

@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateX(80px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}


.heading h2{font-family: 'Cairo', sans-serif;color: #52b1ae;margin: 0;font-size: 32px;font-weight: 700;text-transform: uppercase;}



/*=============About Section=================*/
/*#about_sec {}*/
/*#about_sec .services_box{margin-top: 60px;}*/
/*#about_sec .heading h2::before {*/
/*  font-weight: bold;*/
/*  font-size: 76px;*/
/*  font-family: 'Cairo', sans-serif;*/
/*  color:rgb(255, 255, 255, 0.1);*/
/*  content: "INTRODUCTION";*/
/*  position: absolute;*/
/*  top: -25px;*/
/*  z-index: -1;*/
/*  left: 50%;*/
/*  transform: translate(-50%, -50%);*/

/*}*/
/*#about_sec h4{font-family: 'Cairo', sans-serif;color: #52b1ae;font-size: 22px;*/
/*font-weight: 400;text-transform: uppercase;text-align: center;margin-top: 20px;}*/
/*#about_sec h2{font-family:'Cairo', sans-serif;*/
/*color: #fff;margin: 0;font-size: 46px;*/
/*font-weight: 700;text-transform: uppercase;*/
/*text-align: center;}*/

/*#about_sec .cont p{font-family: 'Cairo', sans-serif;color:#fff; font-weight:300;font-size:18px;text-align: center;}*/

/*=============Preferred partner Section=================*/
/*#partners_sec {*/
/*    background:#fff;*/
/*}*/
/*#partners_sec .heading h2{font-family: 'Cairo', sans-serif;color:#52b1ae;margin: 0;font-size: 46px;*/
/*font-weight: 700;text-transform: uppercase;text-align: center;}*/

/*#innerslider .owl-stage-outer{margin-top: -40px;}*/
/*#innerslider .owl-stage-outer img{max-width: 200px;}*/

/*=============Services Section=================*/
#services_sec {
    background-position: -139px 0;
    background-repeat: no-repeat;
    background-size: auto;}
#services_sec .services_box{margin-top: 60px;}
#services_sec .heading h2{font-family: 'Cairo', sans-serif;color: #fff;margin: 0;font-size: 46px;
font-weight: 700;text-transform: uppercase;text-align: center;}

#services_sec .heading h2::before {
  font-weight: bold;
  font-size: 76px;
  font-family: 'Cairo', sans-serif;
  color:rgb(255, 255, 255, 0.1);
  content: "SERVICES";
  position: absolute;
  top: -25px;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, -50%);
}
#services_sec .services_box_heading h4{font-family: 'Cairo', sans-serif;color: #52b1ae;
margin: 0;font-size: 22px;font-weight: 400;text-transform: uppercase;text-align: center;}


#services_sec .services_box{

  box-shadow: 0px 0px 20px 0px rgba(36,76,109,.09);
  transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
  margin: 0 15px;
  padding: 50px 10px 50px 40px;
  background-color: #fff;
  position: relative;
  margin-bottom: 60px;
}

#services_sec .services_box .services_box_text h6{font-family: 'Cairo', sans-serif;color: #52b1ae;
margin: 0;font-size: 20px;font-weight: 700;text-transform: uppercase;text-align: left;}

#services_sec .services_box .services_box_text ul{padding: 0;margin:0;}
#services_sec .services_box .services_box_text ul li{
  font-family: 'Cairo', sans-serif;
  color: #545454;
  font-weight:500;
  font-size: 14px;
  list-style: none;
  padding-left: 6px;

  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
  }
#services_sec .services_box .services_box_text ul li::before{content: "-";position: relative;left: -6px;}  
#services_sec .services_box .services_box_text .services_icon img{max-width: 60px}
#services_sec .services_box .services_box_text .services_icon{position: absolute;
    left: -48px;
    background-color: rgba(216, 237, 236, 0.9);
    padding: 5px;} 


#connect .heading h3::before {
  font-weight: bold;
  font-size: 76px;
  font-family: 'Cairo', sans-serif;
  color:rgb(255, 255, 255, 0.1);
  content: "CONTACT";
  position: absolute;
  top: -25px;
  z-index: -1;
  left: 50%;
  transform: translate(-50%, -50%);

}
#connect h3{font-family:'Cairo', sans-serif;
color: #fff;margin: 0;font-size: 46px;
font-weight: 700;text-transform: uppercase;
text-align: center;}

.footer{background: url(../images/footer.jpg); height: 400px;position: relative;}
.footer .ab-d{position: absolute;bottom: 10%;width: 100%;margin: 0 auto}
.footer address p{color: #fff;margin-bottom: .2rem;}
.footer .ph p{color: #fff;margin-bottom: .2rem; text-align: left;}
.footer .ph p a{color: #fff;margin-bottom: .2rem; text-align: left;}
footer{background: #34c9c5}
footer p{color: #fff;text-align: center;}  

.footer .footerTop .single p{color: #fff;margin-bottom: .2rem;text-align: left;}
.footerTop .single {
min-width: 300px;
float: right;
position: relative;
z-index: 2; }

.footerTop .single h2 {
font-size: 22px;
color: white;
text-transform: uppercase;
margin-bottom: 40px; }

.footerTop .single .form-control {
height: 40px;
background: rgba(255, 255, 255, 0.9);
border-color: transparent;
border-radius: 3px 0 0 3px; font-size: 15px;}

.footerTop .single .form-control:focus {
box-shadow: none;
border-color: #243c4f; }

.footerTop .single .btn {
min-height: 40px; 
border-radius: 0 5px 5px 0;
background: #34c9c5;
color: #fff;
font-size: 14px;    
}


#scroll {
    position: fixed;
    right: 27px;
    bottom: 100px;
    cursor:pointer;
    width:50px;
    height:50px;
    background-color:#3498db;
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background-color:#624220;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}


/*responsive css*/
@media only screen and (max-width: 320px){
.logo a img {
    max-width: 280px;
}
}


@media only screen and (max-width: 667px){
body {background-position-y: 570px;}
.hero-sec .mt-90{margin-top: 10px;}
header{padding: 5px 0px;}
.hero-sec .hero-heading h1 {text-align: center;display: block;}
.hero-sec .hero-heading h1 span{font-size: 18px;text-align: center;display: block;}
.hero-sec .hero-heading h1 span span{font-size: 24px!important;display: inline-block;}
.hero-sec .hero-heading .bigone {margin-right:0%;font-size: 16px;text-align: justify;}
.hero-sec .hero-heading p{margin-right:0%;font-size: 16px;text-align: justify;margin-bottom: 50px;}
.hero-sec{height: auto;}

#services_sec .heading h2 {font-size: 26px; }
#services_sec .heading h2::before {font-size: 52px;}

#services_sec .services_box .services_box_text .services_icon{left: 50%;top:0;transform: translate(-50%, -50%);}
#connect h3{font-size: 26px; }
#connect .heading h3::before{font-size: 52px;}
.footerTop .single {min-width: 100%;}
.footer address p{color: #fff;margin-bottom: .1rem;font-size: 13px;}
.footer .ph p{color: #fff;margin-bottom: .1rem; text-align: left;font-size: 13px;}


}

@media only screen and (min-width: 668px) and (max-width: 736px)
{
 body {background-position-y: 570px;} 
.hero-sec .mt-90{margin-top: 10px;}
header{padding: 5px 0px;}
.hero-sec .hero-heading h1 {text-align: center;display: block;}
.hero-sec .hero-heading h1 span{font-size: 18px;text-align: center;display: block;}
.hero-sec .hero-heading h1 span span{font-size: 24px!important;display: inline-block;}
.hero-sec .hero-heading .bigone {margin-right:0%;font-size: 16px;text-align: justify;}
.hero-sec .hero-heading p{margin-right:0%;font-size: 16px;text-align: justify;margin-bottom: 50px;}
.hero-sec{height: auto;}

#services_sec .services_box .services_box_text .services_icon{left: 50%;top:0;transform: translate(-50%, -50%);}
#services_sec .services_box {padding: 50px 10px 30px 10px;}


}

@media only screen and (min-width: 320px) and (max-width: 568px)
{
 body {background-position-y: 540px;} 
}

/*privacy page css*/

    /* .privacy-container { max-width:1200px; width:100%; padding:30px; }*/
    /*.privacy-container .header { margin-bottom:18px; }*/
    /*.privacy-container h1 { color:white; margin:6px 0 8px 0; }*/
    /*.privacy-container h2 { color:white; margin-top:20px; }*/
    /*.privacy-container p, .privacy-container li { margin:8px 0; }*/
    /*.privacy-container ul { margin-left:20px; }*/
    /*.privacy-container .meta { color:white; font-size:0.95rem; }*/
    /*.privacy-container a { color:green; text-decoration:none; }*/
    /*.privacy-container footer { margin-top:28px; color:var(--muted); font-size:0.9rem; border-top:1px solid #eee; padding-top:12px; }*/
    /*.privacy-container .note { background:#f7f9f8; padding:10px 14px; border-left:4px solid white; margin:12px 0; }*/
    /*.privacy-container pre { background:#f3f3f3; padding:12px; overflow:auto; border-radius:6px; }*/