@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


@font-face {
font-family: 'ClashDisplayBold';
src: url('../fonts/ClashDisplayBold.eot');
src: url('../fonts/ClashDisplayBold.eot') format('embedded-opentype'),
url('../fonts/ClashDisplayBold.woff2') format('woff2'),
url('../fonts/ClashDisplayBold.woff') format('woff'),
url('../fonts/ClashDisplayBold.ttf') format('truetype'),
url('../fonts/ClashDisplayBold.svg#ClashDisplayBold') format('svg');
}
@font-face {
font-family: 'ClashDisplaySemibold';
src: url('../fonts/ClashDisplaySemibold.eot');
src: url('../fonts/ClashDisplaySemibold.eot') format('embedded-opentype'),
url('../fonts/ClashDisplaySemibold.woff2') format('woff2'),
url('../fonts/ClashDisplaySemibold.woff') format('woff'),
url('../fonts/ClashDisplaySemibold.ttf') format('truetype'),
url('../fonts/ClashDisplaySemibold.svg#ClashDisplaySemibold') format('svg');
}
@font-face {
font-family: 'ClashDisplayMedium';
src: url('../fonts/ClashDisplayMedium.eot');
src: url('../fonts/ClashDisplayMedium.eot') format('embedded-opentype'),
url('../fonts/ClashDisplayMedium.woff2') format('woff2'),
url('../fonts/ClashDisplayMedium.woff') format('woff'),
url('../fonts/ClashDisplayMedium.ttf') format('truetype'),
url('../fonts/ClashDisplayMedium.svg#ClashDisplayMedium') format('svg');
}
* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
background: #ffffff;
line-height: 26px;
font-size: 16px;
font-family: "Montserrat", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
color: #000000;
padding:0px !important;
}
body.modal-open {
padding-right: 0px !important;
}
body, html{
overflow-x:hidden;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
nav ul {
list-style: none;
}
html * {
outline: none !important;
scroll-behavior: smooth;
}
ol, ul, li {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
a {
color:#43B3AE;
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
text-decoration: none;
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}
a:hover, a:focus {
cursor: pointer !important;
text-decoration: none;
color:#000000 ;
}
img {
display: block;
max-width: 100%;
height: auto;
}
strong {
font-weight: 700;
}
em, i {
font-style: italic;
}
small {
font-size: 12px;
line-height: 16px;
}
ul {
margin: 0;
padding: 0 0 20px 0;
list-style-type: none;
}
ul li {
background: url(../images/list-icon.png) no-repeat 0 8px;
padding: 0 0 12px 25px;
}
h1,h2{
font-family: 'ClashDisplayBold';
font-weight:bold;
}
h3, h4, h5, h6 {
font-family: 'ClashDisplayBold';
font-weight:bold;
}
p {
padding: 0;
}
p:empty {
display: none !important;
}
/* change colours to suit your needs */
ins {
background-color: #ff9;
color: #000;
text-decoration: none;
}
/* change colours to suit your needs */
mark {
background-color: #ff9;
color: #000;
font-style: italic;
font-weight: bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom: 1px dotted;
cursor: help;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
hr {
display: block;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
}
input, select {
vertical-align: middle;
}
outline {
border: 0;
}
textarea {
outline: none;
resize: none;
}
input[type="submit"], input[type="button"], input[type="reset"] {
cursor: pointer;
outline: none;
font-family: "Montserrat", serif;
transition:all 400ms linear;
}
button[disabled], input[disabled], submit[disabled] {
cursor: default;
}
.clear {
clear: both;
line-height: 0;
font-size: 0;
}
.wrapper {
margin: 0 auto;
}
.parallax {
background-attachment: fixed;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.container{
max-width:1400px;
margin-right: auto !important;
margin-left: auto !important;
}
.form-control:focus, .form-select:focus {
border-color: #F38A01;
outline: 0;
box-shadow: none;
}
.form-control:disabled {
background-color: #E9E9E9 !important;
opacity: 1;
border-color:#BDBDBD !important;
color:#4E4E4E !important;
}
/*************general*******************/
.btn{
display:flex;
align-items:center;
justify-content:center;
padding:13px 24px;
margin:0;
border-radius: 50px;
border:none;
font-family: "Montserrat", serif;
font-size: 16px;
line-height:20px;
font-weight:700;
white-space: nowrap;
text-align: center;
text-transform: capitalize;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
width:100%;
box-shadow:none;
}
.btn img, .btn i{
margin-left:10px;
}
.btn-sm{
font-size: 13px;
}
.btn-primary{
color: #ffffff;
background: #43B3AE;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:checked+.btn, .btn-primary.active, .btn-primary.show,
.btn-primary:first-child:active, :not(.btn-btn-primary)+.btn:active {
background: #088984;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
color: #ffffff;
}
.btn-primary-outline{
color: #43B3AE;
border:2px solid #43B3AE;
}
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline:checked+.btn, .btn-primary-outline.active, .btn-primary-outline.show,
.btn-primary-outline:first-child:active, :not(.btn-btn-primary-outline)+.btn:active {
border-color: #088984;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
color: #088984;
}
.btn-secondary{
color: #43B3AE;
background: #ffffff;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:checked+.btn, .btn-secondary.active, .btn-secondary.show,
.btn-secondary:first-child:active, :not(.btn-btn-secondary)+.btn:active {
background: #43B3AE;
-moz-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
color: #ffffff;
}
.btn-secondary:hover img,
.btn-secondary:focus img,
.btn-secondary:checked+.btn img, .btn-secondary.active img, .btn-secondary.show img,
.btn-secondary:first-child:active img, :not(.btn-btn-secondary)+.btn:active img {
filter:brightness(0) invert(1);
}
.header_top {
position: absolute;
top: 20px;
left: 0;
width: 100%;
}
header .list-group-horizontal {
padding: 0;
}
header .list-group-horizontal li.list-group-item {
border: none;
padding: 0;
margin: 0 15px 0 0;
}
header .list-group-horizontal li.list-group-item:last-child{
margin-right:0;
}
nav.navigation {
width: 100%;
text-align: center;
color: #FFF;
font-family: 'ClashDisplayMedium';
font-size: 16px;
line-height: 20px;
}
nav.navigation ul,
nav.navigation li{
padding:0;
}
.banner{
background:url(../images/banner.png) no-repeat top left;
background-size:100% 100%;
padding-top: 150px;
margin: 10px;
height: 915px;
}
.banner_img img {
height: 404px;
width: 1200px;
}
.banner_txt {
text-align: center;
color: #FFF;
font-size: 24px;
font-weight: 600;
line-height: 32px;
max-width:900px;
margin:0 auto 40px auto;
}
.banner_txt h1{
color: #FFF;
font-size: 80px;
font-family: 'ClashDisplayBold';
line-height: 84px;
text-transform: capitalize;
margin-bottom:20px;
}
.banner_btn ul {
justify-content: center;
padding: 0;
margin-top: 0;
}
.banner_btn ul li.list-group-item {
background: transparent;
border: none;
padding: 10px;
}

.Tourdropdown {
position: relative;
}

.Tourdropdown-menu {
position: absolute;
top: 110%;
left: 0;
min-width: 210px;
background: #ffffff;
border-radius: 14px;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
z-index: 20;
}

.Tourdropdown-menu a {
display: block;
padding: 12px 18px;
color: #333;
text-decoration: none;
transition: all 0.25s ease;
text-transform: uppercase;
font-size: 14px;
line-height: 20px;
font-weight: 700;
}

.Tourdropdown-menu a:hover {
background: linear-gradient(135deg, #f3fbfb, #e8f9f8);
color: #2d908c;
padding-left: 22px;
}

.Tourdropdown:hover .Tourdropdown-menu,
.Tourdropdown:focus-within .Tourdropdown-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}

.Tourdropdown .drpArrw {

transition: transform 0.35s ease;
}

.Tourdropdown:hover .drpArrw {
transform: rotate(90deg);
}

.whychooseus{
padding:80px 0;
}
.whychooseus .container{
position:relative;
}
.whychooseus .lftImg {
position: absolute;
bottom: 0px;
left: -70px;
}
.whychooseus .rgtImg {
position: absolute;
right: -70px;
bottom: 0px;
}
h2.mainHdng  {
color: #090119;
text-align: center;
font-family: 'ClashDisplayBold';
font-size: 48px;
line-height: 52px;
margin-bottom:90px;
}
.chooseBox {
width:85%;
border-radius: 40px;
padding: 10px;
background: url(../images/border-img.svg) no-repeat top left;
margin:0 auto;
background-size: 100% auto;
min-height: 540px;
display: flex;
flex-wrap: wrap;
position:relative;
}
.chooseBox::before {
background: url(../images/star-icon.svg) no-repeat top left;
position: absolute;
content: '';
top: -14px;
left: -20px;
width: 73px;
height: 70px;
}
.chooseBox > div{
background-color: rgba(67, 179, 174, 0.10);
border-radius: 40px;
padding: 53px;
color:#8A8599;
font-size: 20px;
font-weight: 500;
line-height: 26px;
}
.chooseBox h3{
color:#303030;
font-family: 'ClashDisplayBold';
font-size: 32px;
line-height: 36px;
margin-bottom:20px;
}
.featuresection{
background: url(../images/featuresBack.svg) no-repeat top left;
margin: 150px 10px 90px 10px;
background-size: 100% auto;
}
.featuresection .container{
position:relative;
}
.featuresection .lftImg {
position: absolute;
bottom: -120px;
left: -140px;
}
.featuresection .rgtImg {
position: absolute;
right: -110px;
top: -130px;
}
.featureBox{
background-size: 100% auto;
background-repeat:no-repeat;
padding: 40px 40px 0 40px;
position:relative;
margin-top: -138px;
}
.featureBox span.top_hdng {
position: absolute;
top: 10px;
left: 37px;
color: #43B3AE;
font-family: 'ClashDisplaySemibold';
font-size: 18px;
line-height: 28px;
letter-spacing: 2.88px;
text-transform: uppercase;
}
.featuresection .col-md-6:nth-child(2) .featureBox span.top_hdng{
left:inherit;
right: 37px;
}
.featuresection .col-md-6:nth-child(1) .featureBox{
background-image: url(../images/featureBoxLft.png);
background-position:top left;
}
.featuresection .col-md-6:nth-child(2) .featureBox{
background-image: url(../images/featureBoxRgt.png);
background-position:top right;
}
.featureBoxTxt {
margin-top: 35px;
color: rgba(9,1,25,0.5);
font-size: 18px;
font-weight: 600;
line-height: 30px;
text-transform: capitalize;
margin-bottom:25px;
}
.featureBoxTxt h3{
color: #090119;
font-family: 'ClashDisplayBold';
font-size: 48px;
font-weight: 700;
line-height: 48px;
text-transform: capitalize;
margin-bottom:20px;
}
.featuresection figure.featureBoxImg {
height: 289px;
overflow: hidden;
margin: 0;
}
.sponsorLogo{
background: url(../images/logo_bck.png) no-repeat top left;
background-size:100% auto;
margin:120px 10px 90px 10px;
padding:0 0 30px 0;
}
.sponsorLogo h2.mainHdng {
margin-top: 0;
color: #292933;
text-align: center;
font-family: "Montserrat", serif;
font-size: 24px;
font-weight: 600;
line-height: 28px;
margin-bottom: 0;
}
.logoSlider {
margin:70px 15px 20px 15px;
}
.logo_slide{
margin:0 15px;
}
.logo_slide img {
display: block;
max-width: 70%;
margin:0 auto;
}
.logoSlider .slick-arrow {
position: absolute;
top: 50%;
font-size: 0;
transform: translateY(-50%);
border:none;
}
.logoSlider .slick-prev {
left: -55px;
background: url(../images/prev-arrw.svg) no-repeat center center;
width: 42px;
height: 42px;
border-radius: 10px;
padding: 10px;
background-size: 70% auto;
}
.logoSlider .slick-next {
right: -55px;
background: url(../images/next-arrw.svg) no-repeat center center;
width: 42px;
height: 42px;
border-radius: 10px;
padding: 10px;
background-size: 70% auto;
}
.testimonialSec {
background: url(../images/testimonialBck.png) no-repeat top left;
margin: 0 10px 90px 10px;
background-size: 100% auto;
padding: 20px 0;
height: 560px;
}
.testimonialSec h2.mainHdng {
text-align: left;
margin: 0;
}
.testimonialSec h2.mainHdng span{
color: #292933;
font-family: "Montserrat", serif;
font-size: 24px;
font-weight: 600;
line-height: 30px;
display:block;
margin-bottom:20px;
}
.testimonialSlider {
margin:50px 15px 0px 15px;

}
.testimonialSlider .slick-list{
padding-top:100px !important;
}
.testimonial_slide{
margin:0 -30px;
border-radius: 25px;
background: #FFF;
padding:25px;
box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.12);
}
.testimonialSlider .slick-center.slick-slide{
z-index:999;
position:relative;
opacity:1;
margin-top:-60px;
}
.testimonialSlider .slick-center.slick-slide .testimonial_slide::before{
display:none;
}
.testimonialSlider .slick-slide .testimonial_slide{
position:relative;
}
.testimonialSlider .slick-slide .testimonial_slide::before{
position:absolute;
content:'';
top:0;
left:0;
width:100%;
background:rgba(255,255,255,0.9);
height:100%;
border-radius: 25px;
}
ul.slick-dots{
padding:20px 0 0 0;
text-align:center;
}
ul.slick-dots li {
display: inline-block;
background: none;
padding: 0;
margin: 0 5px;
}
ul.slick-dots li button{
width:12px;
height:12px;
border-radius: 12px;
background: #C5C5C5;
font-size: 0;
}
ul.slick-dots li.slick-active button{
background:#43B3AE;
width:35px;
}
.testimonial_slide figure {
padding-top: 25px;
}
.testimonial_slide figure img {
position: absolute;
border: 4px solid #43B3AE;
border-radius: 50%;
display: block;
margin: 0;
top: -20px;
left: -40px;
}
.testimonial_slide{
color:#090119;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 27px;
}
.testimonial_slide h5.testName{
color: #090119;
font-family: "Montserrat", serif;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 22px;
}
.testimonial_slide h6.testPlace{
color: #090119;
font-family: "Montserrat", serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 18px;
}
.testimonialSec span.starOneIcon {
position: absolute;
top: 100px;
right: 170px;
z-index: 9;
}
.testimonialSec span.starTwoIcon {
position: absolute;
top: 140px;
right: 10px;
z-index: 9;
width: 30px;
}
.testimonialSec  span.leftIcon {
position: absolute;
bottom: -50px;
left: -90px;
}
.testimonialSec  span.rightIcon {
position: absolute;
top: -50px;
right: 0;
}
.testimonialSec  span.rightIcon {
position: absolute;
top: -110px;
right: -70px;
}
.faqSec{
margin:90px 0 50px 0;
}

.faqSec h2.mainHdng span{
color:#43B3AE;
font-family: "Montserrat", serif;
font-size: 24px;
font-weight: 600;
line-height: 28px;
display:block;
margin-bottom:20px;
}
.faqOuter{
background:#Edf8f7;
padding:50px;
border-radius:30px;
}
.faqBox{
border-radius: 8px;
padding: 30px;
color: #FFF;
text-align: left;
font-size: 18px;
font-weight: 500;
line-height: 28px;

margin:12px 0;
min-height:200px;
}
.faqBox h3{
color: #FFF;
font-size: 28px;
font-family: 'ClashDisplaySemibold';
line-height: 28px;

margin-bottom:15px;
}
.faqOuter .row .col-md-6:nth-child(odd) .faqBox{
background:#43B3AE;
}
.faqOuter .row .col-md-6:nth-child(odd) .faqBox h3{
color: #FFF;
}
.faqOuter .row .col-md-6:nth-child(even) .faqBox{
background:#ffffff;
color:rgba(9,1,25,0.5);
}
.faqOuter .row .col-md-6:nth-child(even) .faqBox h3{
color: #090119;
}

.downloadSec {
background: url(../images/featuresBack.svg) no-repeat top left;
margin: 0 10px 30px 10px;
background-size: cover;
/* padding: 20px 0; */
/* height: 480px; */
border-radius:50px;
}
.downloadSec h2.mainHdng {
text-align: left;
margin: 0 0 35px 0;
color: #ffffff;
}
.downloadSec h2.mainHdng span{
color: #ffffff;
font-family: "Montserrat", serif;
font-size: 24px;
font-weight: 600;
line-height: 30px;
display:block;
margin-bottom:20px;
}
.downloadSec h4{
color: #FFF;
text-align: left;
font-family: 'ClashDisplaySemibold';
font-size: 24px;
font-weight: 600;
line-height: 28px;
text-transform: capitalize;
}
.downloadSec ul li.list-group-item {
background: transparent;
border: none;
padding: 5px 0;
}
.downloadSec .btn-secondary{
color: #8C5EFF;
max-width:200px;
}
.downloadSec .btn-secondary:hover{
color: #ffffff;
}
footer {
background: #43B3AE;
border-radius: 40px;
margin: 10px;
padding: 50px 0 30px 0;
}
footer small{
color: #FFF;
font-family: 'ClashDisplayMedium';
font-size: 12px;
line-height: 12px;
text-align:center;
display:block;
margin-bottom:10px;
}
.ftrNav ul, .scIcon {
padding: 0;
text-align: center;
}
.ftrNav ul li, .scIcon li {
display: inline-block;
background: none;
padding: 0;
margin: 0 20px;
}
.ftrNav ul li a, .scIcon li a {
display: block;
color: #fff;
}

.ftrNav ul li a{
color: #FFF;
text-align: center;
font-family: 'ClashDisplaySemibold';
font-size: 24px;
line-height: 28px;
text-transform: capitalize;
}
.scIcon li{
margin:0 10px;
}
.copyright{
color: #FFF;
font-family: 'ClashDisplaySemibold';
font-size: 16px;
text-align:center;
font-weight: 500;
line-height: 26px;
text-transform: capitalize;
}
footer hr {
border-top: 2px solid rgba(22, 22, 22, 0.2);
}


.BuisnessModal .modal-content,
.NotificationModal .modal-content{
background: linear-gradient(180deg, #43B3AE -18.77%, rgba(80, 67, 179, 0.54) 195.56%), #FFF;
border-radius: 20px;	
}

.BuisnessModal .modal-body,
.NotificationModal .modal-body {
background: url(../images/modalbck.svg) no-repeat top left;
padding: 30px;
color: #797979;
font-size: 20px;
font-weight: 500;
line-height: 27px;
border-radius: 20px;
overflow:hidden;
}
.BuisnessModal h2{
color:#FFF;
font-size: 28px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin-bottom:20px;
}
.BuisnessModal .modal-body p{
color:#FFFFFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.BuisnessModal .modal-body strong {
color:#FFFFFF;
font-size: 16px;
line-height: 24px;
}
.BuisnessModal .btn-primary{
border-radius: 50px;
background: #FFFFFF;
color:#43B3AE;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 28px;
text-transform: capitalize;
}
.BuisnessModal img.beeImg {
margin-left: 25px;
display: block;
margin-top: 50px;
transform: scale(1.2);
}
.BuisnessModal .featureBox {
background-size: 100% 100%;
background-repeat: no-repeat;
padding: 50px 28px 28px 28px;
position: relative;
background-image: url(../images/featureBoxImg.png);
background-position: top left;
height: auto;
margin-top: 0;
}
.BuisnessModal .featureBox span.top_hdng {
position: absolute;
top: 15px;
left: 19px;
color: #43B3AE;
font-family: 'ClashDisplaySemibold';
font-size: 10px;
line-height: 14px;
letter-spacing: 2.88px;
text-transform: uppercase;
}
.BuisnessModal .featureBoxTxt {
color: rgb(9 1 25 / 50%);
font-size: 12px;
font-weight: 600;
line-height: 18px;
margin-bottom:0;
}
.BuisnessModal .featureBoxTxt p{
color: rgb(9 1 25 / 50%);
font-size: 12px;
font-weight: 600;
line-height: 18px;
}
.BuisnessModal .featureBoxTxt h3{
color: #090119;
font-family: 'ClashDisplayBold';
font-size: 24px;
font-weight: 700;
line-height: 28px;
text-transform: capitalize;
margin-bottom:20px;
}
.BuisnessModal .featureBox .btn-primary {
border-radius: 50px;
color: #ffffff;
background: #43B3AE;
font-size: 12px;
line-height:16px;
margin-top:50px;
font-style: normal;
font-weight: 600;
text-transform: capitalize;
}
.BuisnessModal .featureBox .btn-gold{
margin-top:50px;	
}
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,700;1,700&display=swap');
.NotificationModal .modal-body {
padding: 60px;
}
.NotificationModal h2 {
color: #FFF;
font-size: 42px;
line-height: 46px;
margin-bottom: 20px;
text-align: center;
font-family: "Cormorant Garamond", serif;
font-optical-sizing: auto;
font-weight: 700;
font-style: normal;
}
.NotificationModal_Inner {
border: 1px solid #fff;
padding: 40px;
border-radius: 35px;
text-align: center;
color: #fff;
font-size: 20px;
line-height: 26px;
}
.NotificationModal_Inner ul.timer {
display: flex;
justify-content: center;
margin: 30px auto;
padding: 25px 40px;
border: 1.5px solid rgba(255, 255, 255, 0.3);
border-radius: 16px;
backdrop-filter: blur(10px);
background: rgba(255, 255, 255, 0.08);
color: white;
font-family: 'Inter', sans-serif;
box-shadow: 0 0 20px rgba(0,0,0,0.10);
max-width: 600px;
}
.NotificationModal_Inner ul.timer li {
padding:0 40px;
background: none;
position: relative;
}
.NotificationModal_Inner ul.timer li::after{
width: 1px;
height: 40px;
background: rgba(255, 255, 255, 0.22);
border-radius: 50px; 
backdrop-filter: blur(2px);
content: "";
position: absolute;
top:10px;
right: 0;
}
.NotificationModal_Inner ul.timer li:last-child::after {
display: none;
}
.NotificationModal_Inner ul.timer li h5 {
font-size: 30px;
line-height: 34px;
font-family: 'Inter', sans-serif;
font-weight: 600;
margin-bottom: 2px;
}
.NotificationModal_Inner ul.timer li span {
font-size: 16px;
line-height: 20px;
display: block;
}
.NotificationModal_Inner .noty-Form h3{
font-size: 20px;
line-height: 24px;
font-family: 'Inter', sans-serif;
font-weight: 400;
margin-bottom: 20px;
text-transform: uppercase;
letter-spacing: 3px;
}
.NotificationModal_Inner .input-wrapper {
display: flex;
align-items: center;
gap: 10px;
background: rgba(255, 255, 255, 0.1);
border: 1.5px solid rgba(255, 255, 255, 0.25);
padding: 0;
backdrop-filter: blur(10px);
width: fit-content;
border-radius: 50px;
margin: 0 auto;
justify-content: center;
}

.NotificationModal_Inner .input-wrapper input {
background: transparent;
border: none;
outline: none;
color: white;
font-size: 16px;
width: 440px;
padding: 10px 15px;
}

.NotificationModal_Inner .input-wrapper input::placeholder {
color: rgba(255, 255, 255, 0.6);
}

.NotificationModal_Inner .input-wrapper button {
background: white;
color: #43B3AE;
border: none;
border-radius: 50px;
font-weight: 600;
cursor: pointer;
transition: 0.2s;
width: 150px;
}

.NotificationModal_Inner .input-wrapper button:hover {
transform: translateX(2px);
opacity: 0.9;
}
.NotificationModal_Inner .noty-Form {
margin-bottom: 40px;
}
.NotificationModal .beeImgOuter {
position: absolute;
right: -110px;
bottom: 6px;
width: 420px;
padding: 0;
margin: 0;
}
.NotificationModal button.btn.btn-close {
position: absolute;
top: 0;
right: 0;
width: 0px;
background-color: #fff;
opacity: 1;
border-radius: 0 18px 0 18px;
z-index: 99;
}

/******************Responsive****************/
@media screen and (max-width:1400px){
.testimonialSec h2.mainHdng,.downloadSec h2.mainHdng, .downloadSec .btn_box {
margin-left:40px;
}

}@media screen and (max-width:1300px){
.chooseBox {
width: 100%;
background-size: cover;
min-height: 565px;
}

}
@media screen and (max-width:1200px){

}
@media screen and (max-width:1100px){
.chooseBox h3 {
font-size: 24px;
line-height: 30px;
margin-bottom: 20px;
}
.chooseBox > div {
padding: 53px 30px;
font-size: 15px;
line-height: 23px;
}
.chooseBox {
min-height: 450px;
}
.banner_txt{
margin-bottom: 0;
}
.banner {
background-size: cover;
border-radius: 44px;
}
nav.navigation{
text-align: right;
}
.header_top .btn-primary {
color: #43B3AE;
background: #ffffff;
}
.btn-primary-outline {
color: #ffffff;
border: 2px solid #ffffff;
}
.featureBoxTxt h3 {
font-size: 30px;
line-height: 34px;
}
.featureBoxTxt {
font-size: 16px;
font-weight: 600;
line-height: 28px;
}
.sponsorLogo {
background: #141414;
background-size: cover;
border-radius: 44px;
}
.sponsorLogo h2.mainHdng {
margin-top: 30px;
color: #ffffff;

}
.testimonial_slide {
margin: 0 0 0 40px;
box-shadow: none;
}
.testimonialSlider .slick-slide .testimonial_slide::before{
display: none;
}
}
@media screen and (max-width: 1050px){
.header_top .col-md-6 {
position: relative !important;
}
h2.mainHdng {
font-size: 38px;
line-height: 44px;
}
.downloadSec ul.list-group {
display: flex;
flex-direction: row;
gap: 10px;
}
}
@media screen and (max-width: 960px){
.testimonialSec h2.mainHdng, .downloadSec h2.mainHdng, .downloadSec .btn_box {
margin-left: 0;
text-align: center;
}
.downloadSec ul.list-group {
justify-content: center;
}
.downloadSec h4{
text-align: center;  
}
.downloadSec img{
margin: 0 auto;
}
.downloadSec .col-md-6{
width: 100%;
}
}
@media screen and (max-width: 850px){
.vc_col-lg-1, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12, .vc_col-lg-2, .vc_col-lg-3,
.vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8,
.vc_col-lg-9, .vc_col-md-1, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12, .vc_col-md-2, .vc_col-md-3,
.vc_col-md-4, .vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8, .vc_col-md-9, .vc_col-sm-1,
.vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5,
.vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-xs-1, .vc_col-xs-10, .vc_col-xs-11,
.vc_col-xs-12, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4, .vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7,
.vc_col-xs-8, .vc_col-xs-9{
width:100% !important;
flex: 0 0 100% !important;
max-width: 100% !important;
}
.header_top .col-md-2 {
width: 60%;
display: inline-block;
vertical-align: middle;
}
.header_top .col-md-4 {
width: 40%;
display: inline-block;
vertical-align: middle;
}
.header_top .row{
align-items: center; 
}
.banner_txt h1 {
font-size: 50px;
line-height: 54px;
}
.banner_txt {
font-size: 18px;
line-height: 28px;
margin: 0 auto 20px auto;
}
.BuisnessModal .modal-body, .NotificationModal .modal-body{
padding: 20px !important;    
}
.BuisnessModal .featureBox span.top_hdng{
letter-spacing: 1px;    
}
.BuisnessModal .featureBox{
margin-bottom: 30px;
}
}
@media screen and (max-width: 767px){
.onboardBuisnessModal img.beeImg {
margin-left: 0;
display: block;
margin-top: 0;
transform: scale(1);
margin-top: 20px;
}

img.alignleft{
float:none;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
margin-top:20px;
}
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
margin-top:20px;
margin-bottom:20px;
}
img.alignright{
float:none;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
margin-top:20px;
}
.banner_btn .btn-secondary {
white-space: break-spaces;
}
.banner_img img {
height: auto;
width: auto;
}
.banner {
border-radius: 44px;
background: #4795af;
height: auto;
padding-bottom: 40px;
}
.chooseBox {
width: 100%;
background: none;
border: 3px solid #5ABCB8;
min-height: inherit;
margin-bottom: 40px;
}
.whychooseus .col-md-4:nth-child(3) .chooseBox{
margin-bottom: 0;
}
.chooseBox > div{
padding-bottom: 30px;
}
.whychooseus .col-md-4.mt-5.pt-5 {
padding-top: 0 !important;
margin-top: 0 !important;
}
h2.mainHdng{
margin-bottom: 40px;
}
.whychooseus .lftImg, .whychooseus .rgtImg, .featuresection .rgtImg, .featuresection .lftImg,
.testimonialSec span.rightIcon, .testimonialSec span.leftIcon{
display: none;
}
.featuresection .col-md-6 .featureBox{
margin-top: 0;
}
.featuresection {
margin: 0 10px 50px 10px;
background: none;
}
.featuresection figure.featureBoxImg {
height: auto;
overflow: hidden;
margin: 0;
}
.featuresection .col-md-6:nth-child(1) .featureBox {
margin-bottom: 40px;
}
.featuresection .col-md-6:nth-child(2) .featureBox span.top_hdng {
right: 10px;
}
.featureBox span.top_hdng {
top: 20px;
}
.testimonialSec {
background:#B9DCEA;
height: auto;
}
.testimonial_slide {
margin: 0;
}
.testimonial_slide figure img {
left: 0;
top:-30px;
}
.testimonialSec .col-md-7.pe-5, .downloadSec .col-md-6.pe-5{
padding-right: 11px !important;
}
.faqOuter {
padding: 15px;
border-radius: 15px;
}
.faqBox {
margin: 0 0 12px 0;
min-height: inherit;
}
.whychooseus {
padding: 40px 0;
}
.sponsorLogo{
margin: 40px 10px;    
}
.logoSlider {
margin: 20px 15px 20px 15px;
}
h2.mainHdng {
font-size: 30px;
line-height: 34px;
}
.faqBox h3{
font-size: 25px;    
}
.ftrNav ul li a {
font-size: 14px;
line-height: 18px;
}
.ftrNav ul li, .scIcon li {
margin: 0 10px;
}
.copyright {
font-size: 12px;
line-height: 16px;
}
footer hr.my-4 {
margin: 10px 0 !important;
}
footer{
padding-top: 20px;
padding-bottom: 20px;
}
.testimonialSlider .slick-list {
padding-top: 30px !important;
}
.testimonialSlider .slick-slide .testimonial_slide .d-flex {
display: block !important;
}
.NotificationModal .modal-body, .NotificationModal_Inner {
padding: 20px;
}
.NotificationModal .modal-body, .NotificationModal_Inner {
font-size: 14px;
line-height: 20px;
}
.NotificationModal h2 {
font-size: 26px;
line-height: 30px;
margin-bottom: 16px;
}
.NotificationModal .beeImgOuter{
display: none;
}
.NotificationModal_Inner ul.timer {
margin: 25px auto;
padding: 10px 20px;
max-width: 100%;
flex-direction: column;
}

.NotificationModal_Inner ul.timer li {
padding: 0 0 20px 0;
margin-bottom: 20px;
}
.NotificationModal_Inner ul.timer li:last-child{
padding-bottom: 0;
margin-bottom: 0;
}
.NotificationModal_Inner ul.timer li::after {
width: 40px;
height: 1px;
bottom: 0;
right: inherit;
left: 50%;
transform: translateX(-50%);
top: inherit;
}
.NotificationModal_Inner .input-wrapper {
display: flex;
align-items: center;
width: auto;
border-radius: 0;
margin: 0 auto;
justify-content: center;
flex-direction: column;
background: none;
border: none;
padding: 0;
backdrop-filter: none;
}
.NotificationModal_Inner .input-wrapper input {
gap: 10px;
background: rgba(255, 255, 255, 0.1);
border: 1.5px solid rgba(255, 255, 255, 0.25);
backdrop-filter: blur(10px);
width: 100%;
padding: 10px 15px;
border-radius: 50px;
}
.NotificationModal_Inner .noty-Form {
margin-bottom: 20px;
}
}
@media screen and (max-width: 600px){
.onboardBuisnessModal h2 {
font-size: 24px;
text-align: center;
}
}
@media only screen and (max-device-width: 568px) and (orientation : landscape) {

}
@media screen and (max-width: 400px){


}