@font-face {
    font-family: 'Overpass';
    src: url('../fonts/Overpass-Bold.eot');
    src: url('../fonts/Overpass-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Overpass-Bold.woff2') format('woff2'),
        url('../fonts/Overpass-Bold.woff') format('woff'),
        url('../fonts/Overpass-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Overpass';
    src: url('../fonts/Overpass-ExtraBold.eot');
    src: url('../fonts/Overpass-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Overpass-ExtraBold.woff2') format('woff2'),
        url('../fonts/Overpass-ExtraBold.woff') format('woff'),
        url('../fonts/Overpass-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Overpass';
    src: url('../fonts/Overpass-SemiBold.eot');
    src: url('../fonts/Overpass-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Overpass-SemiBold.woff2') format('woff2'),
        url('../fonts/Overpass-SemiBold.woff') format('woff'),
        url('../fonts/Overpass-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Overpass';
    src: url('../fonts/Overpass-Medium.eot');
    src: url('../fonts/Overpass-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Overpass-Medium.woff2') format('woff2'),
        url('../fonts/Overpass-Medium.woff') format('woff'),
        url('../fonts/Overpass-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Overpass';
    src: url('../fonts/Overpass-Regular.eot');
    src: url('../fonts/Overpass-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Overpass-Regular.woff2') format('woff2'),
        url('../fonts/Overpass-Regular.woff') format('woff'),
        url('../fonts/Overpass-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body{font-family: 'Overpass';font-size: 16px;color:#000000;}
a, button {transition:all 0.3s ease-in-out;text-decoration: none;}
a:hover {text-decoration:none;}
img {max-width:100%;}
p,ul{margin-bottom: 15px;}
input:focus, button:focus, .form-control:focus, .bootstrap-select .dropdown-toggle:focus, .slide-item:focus {outline: none !important;box-shadow: none !important;border: none;}
.f-w-M{font-weight: 500;}
.f-w-SB{font-weight: 600;}
.f-w-B{font-weight: bold;}

/*line Height*/
.line_H_1{line-height: 1;}
.line_H_1_2{line-height: 1.2;}
.line_H_1_3{line-height: 1.3;}
.line_H_1_5{line-height: 1.5;}
.line_H_1_7{line-height: 1.7;}
.line_H_1_8{line-height: 1.8;}

/*Animation*/
.trasn_1{transition:all 0.3s ease-in-out;}
.trasn_2{transition:all 0.6s ease-in-out;}

/*Margin CSS*/
.mrg-b-5{margin-bottom:5px}
.mrg-b-10{margin-bottom:10px;}
.mrg-b-15{margin-bottom:15px}
.mrg-b-20{margin-bottom:20px}
.mrg-b-25{margin-bottom:25px}
.mrg-b-30{margin-bottom:30px}
.mrg-b-50{margin-bottom:50px}
.mrg-b-65{margin-bottom:65px}
.mrg-t-15 {margin-top: 15px}
.mrg-t-30{margin-top:30px}
.mrg-t-50{margin-top: 50px}
.mrg-r-15{margin-right: 15px;}

.f-s-24{font-size: 24px;}
.f-s-36{font-size: 36px;}


.header {position: fixed;top: 30px;width: 100%;z-index: 99;background-color: #fff;max-width: 95%;margin: auto;left: 0;right: 0;border-radius: 10px;-webkit-box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%);-moz-box-shadow: 0 8px 16px 0 rgba(0,0,0,.1);box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%);}
.site-logo {max-width: 180px;width: 100%;display: block;background: #fff;padding: 7px 20px;margin: auto;}
#myVideo {width: 100%;display: block;height: 100%;object-fit: cover;}
.callBtn_wrap {position: absolute;bottom: 30px;width: 100%;text-align: center;}
.callBtn {display: inline-block;background: #fff;padding: 11px 25px;color: #000;border-radius: 100px;}
.mainBanner_sec:before {content: '';position: absolute;width: 100%;height: 100%;bottom: 0;background: linear-gradient(180deg, rgb(52 64 84 / 0%) 71.69%, rgb(52 64 84 / 85%) 91.29%, rgb(52 64 84) 97.41%);}
.mouseDown{position: absolute;bottom: 30px;width: 100%;text-align: center;z-index: 9;}
.mouse_scroll {display: block;margin: 0 auto;width: 24px;height: 100px;margin-top: 125px;}
.m_scroll_arrows {display: block;width: 5px;height: 5px;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);border-right: 2px solid white;border-bottom: 2px solid white;margin: 0 0 3px 4px;width: 16px;height: 16px;}
.unu {margin-top: 1px;}
.unu, .doi, .trei {-webkit-animation: mouse-scroll 1s infinite;-moz-animation: mouse-scroll 1s infinite;animation: mouse-scroll 1s infinite;}
.unu {-webkit-animation-delay: .1s;-moz-animation-delay: .1s;-webkit-animation-direction: alternate;animation-direction: alternate;animation-delay: alternate;}
.doi {-webkit-animation-delay: .2s;-moz-animation-delay: .2s;-webkit-animation-direction: alternate;animation-delay: .2s;animation-direction: alternate;margin-top: -6px;}
.trei {-webkit-animation-delay: .3s;-moz-animation-delay: .3s;-webkit-animation-direction: alternate;animation-delay: .3s;animation-direction: alternate;margin-top: -6px;}
.mouse {height: 42px;width: 24px;border-radius: 14px;transform: none;border: 2px solid white;top: 170px;}
.wheel {height: 5px;width: 2px;display: block;margin: 5px auto;background: white;position: relative;height: 4px;width: 4px;border: 2px solid #fff;-webkit-border-radius: 8px;border-radius: 8px;}
.wheel {-webkit-animation: mouse-wheel 0.6s linear infinite;-moz-animation: mouse-wheel 0.6s linear infinite;animation: mouse-wheel 0.6s linear infinite;}
.secWrap{padding-top: 50px;padding-bottom: 50px;}
ul.infoGraphic {font-size: var(--font-size);display: flex;flex-wrap: wrap;justify-content: center;}
ul.infoGraphic li {position: relative;width: 100%;max-width: 25em;background: var(--bg1);border-radius: 0.5em;padding: 0.5em;z-index: 1;transition: all 0.2s;cursor: pointer;}
ul.infoGraphic li .numberWrap {position: absolute;}
ul.infoGraphic li .number {font-size: 7em;font-weight: 900;text-align: center;line-height: 1;letter-spacing: -7px;}
ul.infoGraphic li .coverWrap {transform: rotate(130deg);position: absolute;width: 18em;height: 15em;left: -3em;top: -1em;}
ul.infoGraphic li .coverWrap .numberCover {position: absolute;background: var(--bg1);width: 18em;height: 6em;border-radius: 50% 50% 0 0;border-bottom: 3px solid #f5f8f7;transition: all 0.4s;}
ul.infoGraphic li .coverWrap .numberCover::before {position: absolute;content: "";bottom: 5px;left: 4em;right: 4em;top: 5em;box-shadow: 0 0 30px 17px #48668577;border-radius: 100px/10px;z-index: -1;}
ul.infoGraphic li .coverWrap .numberCover::after {position: absolute;bottom: 0;content: "";left: -10%;width: 120%;height: 150%;background: radial-gradient(at bottom, #48668533, transparent, transparent);z-index: 1;}
ul.infoGraphic li .content {margin: 0em 1em 1em 6em;position: relative;}
ul.infoGraphic li .content h2 {font-size: 1.7em;font-weight: 500;text-align: left;margin-bottom: 10px;}
ul.infoGraphic li .content p {line-height: 1.5em;}
ul.infoGraphic li:hover .coverWrap .numberCover {border-radius: 100%;}
.icon {font-size: 2rem;}
.icon:before {color: #666;font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;}
.iconCodepen:before {content: "";}
.iconSocial:before {content: "";}
.iconAirplane:before {content: "";}
.iconMap:before {content: "";}
.iconBulb:before {content: "";}
.iconPeace:before {content: "";}
.section_three{background-color: #f1f1f1;}
.featureBx {background: #fff;padding: 25px;border-radius: 15px;}
.bookingImg {border-radius: 15px;overflow: hidden;box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%);}
.contWrap{padding: 0 25px;}
.bookingBx_sec {background: #ffffff;padding: 25px;border-radius: 20px;box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%);}
.contWrap {padding: 0 8px;}
.bookingTitle {letter-spacing: -1px;}
.productReviewBx{padding: 35px 25px;border-radius: 25px;overflow: hidden;box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%);background-color: #fff;}
.bgGray{background-color: #f1f1f1;}
.slick-dots {display: flex;justify-content: center;margin: 0;padding: 1rem 0;list-style-type: none;}
.slick-dots li {margin: 0 0.25rem;}
.slick-dots button {display: block;width: 1rem;height: 1rem;padding: 0;border: none;border-radius: 100%;background-color: #ccc;text-indent: -9999px;}
.slick-dots li.slick-active button {background-color: #000;}
.screen-3{border-radius: 15px;overflow: hidden;box-shadow: 0 8px 16px 0 rgb(0 0 0 / 10%);}
.section_eight{background-color: #333;}
.scanner {max-width: 110px;margin: auto;}


/**********************/
/*** Responsive ***/
/**********************/
@keyframes mouse-wheel {
   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@keyframes mouse-scroll {
  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@media (min-width:1366px){
    .container, .container-lg, .container-md, .container-sm, .container-xl{max-width: 1252px;}
}
@media (max-width:991px){
    .productReviewBx{margin-bottom: 30px;}
    .f-s-36 {font-size: 24px;}
    .f-s-24 { font-size: 20px;}
    ul.infoGraphic li .number{font-size: 4em;}
    ul.infoGraphic li .content{margin: 0em 1em 1em 4em;}
    .whatsappBoat {margin-bottom: 30px;}
}