:root{
    --dblue: #212e4d;
    --dblue2: #1d2648;
    --dorange: #ff5500;
    --dorange2: #fa5300;
    --lgrey: #dfe2e8;
    --lgrey2: #ababab;
    --dgrey: #737373;
}
body{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}
p{
    margin-bottom: 0;
}
#bio_ep{
    width: auto;
    min-height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
#bio_ep_bg{
    opacity: .75 !important;
}
.close{
    background-image: url(../images/close.png);
    background-size: 75% 75%;
}
.navbar-toggler{
    border: none;
}
.navbar-icon{
    /* width: 1.25em;
    height: 1.25em; */
    width: 60px;
    height: 45px;
    position: relative;
    margin: 0px auto;
    display: inline-block;
    -webkit-transform: rotate(0deg) scale(.6);
    -moz-transform: rotate(0deg) scale(.6);
    -o-transform: rotate(0deg) scale(.6);
    transform: rotate(0deg) scale(.6);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.navbar-icon span{
    display: block;
    position: absolute;
    height: 9px;
    width: 100%;
    background: var(--dorange);
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.navbar-icon span:nth-child(1) {
    top: 0px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
  }
  
.navbar-icon span:nth-child(2) {
    top: 18px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
  
.navbar-icon span:nth-child(3) {
    top: 36px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}

.navbar-icon.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -3px;
    left: 8px;
}

.navbar-icon.open span:nth-child(2) {
    width: 0%;
    opacity: 0;
}

.navbar-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 39px;
    left: 8px;
}
.navbar-toggler:focus{
    box-shadow: none;
}
.title h2{
    font-family: 'Roboto', sans-serif;
    font-size: 40px;
    font-weight: 900;
}
.btn{
    border-radius: 0;
}
.form-control:focus, .form-select:focus{
    box-shadow: none;
    border-color: var(--dorange);
}
.form-control:hover, .form-select:hover{
    cursor: pointer;
}
.mainWrapper{
    overflow-x: hidden;
}
header{
    position: fixed;
    z-index: 9999;
    top: 0;
    transition: .25s;
    background-color: white;
    width: 100%;
    transition: all .3s ease-in-out;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 8px;
}
header.hidden{
    transform: translateY(-110%);
}
.showbg{
    background-color: transparent;
    box-shadow: none;
}
/* .fixHeader{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 8px;
    background: white;
} */
.navbar-nav a.nav-link{
    color: var(--dblue);
    font-weight: 700;
    border-bottom: 3px solid transparent;
    /* margin-right: 1.25rem; */
    font-size: 16px;
}
.navbar-nav a.nav-link:hover{
    border-color: var(--dblue);
}
.navbar .navbar-nav .nav-item{
    margin-right: 1.5rem;
}
.menu-items ul{
    margin-left: 1.25rem;
    /* margin-left: 4.25rem; */
}
.menu-items{
    justify-content: space-between;
    display: flex;
}
.navcta{
    min-width: 135px;
    /* font-size: 14.5px; */
    font-size: 18px;
}
.navcta1, .navcta1:hover, .navcta1:active{
    background-color: var(--dorange) !important;
    color: white !important; 
    border-color: var(--dorange) !important;
    margin-right: .5rem;
}
.navcta2, .navcta2:hover, .navcta2:active{
    background-color: white !important;
    border: 2px solid var(--dblue) !important;
}
.mobile-hero-floaters{
    display: none;
}
.heroWrapper{
    /* background: url(../images/hero.jpg) left top  no-repeat ; */
    background-color: var(--lgrey);
    /* background-size: 100% 100%; */
    /* padding: 135px 0 30px; */
    padding: 200px 0 0px;
    transform: translateY(-101px);
    position: relative;
}
.heroWrapper::before, .heroWrapper::after{
    position: absolute;
    z-index: -1;
}
.heroWrapper::before{
    content: url(../images/top.png);
    top: -50px;
    left: 0;
}
.heroWrapper::after{
    content: url(../images/bottom.png);
    right: 0;
    bottom: -75px;
    z-index: -2;
}
.heroForm{
    background-color: white;
    padding: .5rem .5rem 1rem;
    /* max-width: 360px;
    margin: 0 0 2.5rem;
    margin: auto; */
    float: left;
    display: block;
    width: 35%;
    margin-left: 50px;
    margin: 1.5rem auto 1.5rem 55px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.formHead1{
    padding: .65rem 0;
}
.heroWrapper .formHead1 h3{
    font-weight: 700;
    /* font-size: 1.5rem; */
    color: var(--dgrey);
    text-align: center;
    margin-bottom: .25rem;
}
.heroWrapper .formHead1 h5{
    color: var(--dorange);
    text-align: center;
    font-weight: 700;
    margin-bottom: 0;
}
.heroWrapper .formHead2{
    background-color: var(--dblue);
    padding: .75rem;
    color: white;
    margin-bottom: 1rem;
}
.heroWrapper .formHead2 h4{
    font-size: 1.75rem;
    text-align: center;
    margin-bottom: 0;
    font-weight: 700;
}
.heroForm .fieldwrap{
    background-color: var(--lgrey);
    padding: 1rem;
}
.fieldwrap input.form-control, .form-select, .form-control{
    font-size: .8rem;
    /* padding: .875rem .75rem; */
    padding: 0.65rem 0.75rem;
    color: var(--dgrey);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.iti.iti--allow-dropdown{
    width: 100%;
}
.iti input[type=tel]{
    padding: .65rem .75rem .65rem 3rem;
}
.fieldwrap .form-check label{
    font-size: 12px;
    color: var(--dgrey);
}
.fieldwrap .unlock1, .fieldwrap .unlock1:active{
    display: block;
    text-align: center;
    width: 100%;
    background-color: var(--dorange);
    color: white;
    font-size: 18.5px;
    text-transform: uppercase;
    border-color: var(--dorange);
    position: relative;
}

.fieldwrap .unlock1::after{
    content: url(../images/key.png);
    position: absolute;
    right: 10px;
    top: 8%;
}
.fieldwrap .unlock1::after, .future-cta .btn::after, .unlock2::after, .sample-cta .btn:after { animation: updown infinite 2s ease-in-out }
@keyframes updown {
    50% { transform: translateY(10px) }
}
@keyframes sidemove {
    50% { transform: translateX(10px) }
}

.hero-floaters{
    position: relative;
    min-height: 100%;
    float: left;
    width: 60%;
    display: block;
}
.floaters span{
    font-size: 40px;
    /* color: var(--lgrey2); */
    color: var(--dblue);
    font-weight: 700;
    line-height: 1;
}
.floaters{
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    margin-bottom: 0;
    position: absolute;
    color: var(--dorange);
}
.floater0{
    bottom: 0;
    height: auto;
    width: 100%;
    left: 0;
    z-index: -1;
}
.floater1{
    /* top: 60px;
    left: 75px; */
    top: 15%;
    left: 10%;
}
.floater2{
    /* right: 210px;
    top: 210px; */
    right: 30%;
    top: 35%;
}
.floater3{
    /* right: 50px;
    bottom: 120px; */
    right: 7%;
    bottom: 20%;
}
.floater4{
    /* right: 160px;
    bottom: 40px; */
    right: 18%;
    bottom: 6%;
}
.floater-subhead{
    position: absolute;
    top: 50px;
    right: 0;
}
.floater-subhead p{
    font-size: 28.5px;
    line-height: 1.25;
    font-weight: 700;
    color: var(--dblue);
}
.about{
    transform: translateY(-35px);
}
.about .title h2{
    text-align: center;
}
.about .title h2::before{
    content: url(../images/voice.png);
    display: inline-block;
    transform: scale(.6);
    vertical-align: middle;
}
.aboutwrapper{
    display: flex;
    background-color: var(--lgrey);
    max-width: 80%;
    margin-left: auto;
    justify-content: space-between;
    align-items: center;
}
.aboutleft{
    flex: 0 1 30%;
    margin-left: -4rem;
}
.foundername h5{
    margin-bottom: .1rem;
    font-weight: 700;
    line-height: 1.3;
}
.founderdesig h6{
    font-weight: 600;
}
.foundersocial{
    margin-top: 2.5rem;
}
.foundersocial.connect2{
    display: none;
}
.foundersocial .btn, .foundersocial .btn:hover, .foundersocial .btn:active{
    background-color: var(--dblue);
    color: white;
    border-color: var(--dblue);
    font-size: 16px;
    cursor: pointer;
}
.foundersocial .btn{
    position: relative;
}
.foundersocial .btn::before{
    content: url(../images/instagram.png);
    display: inline-block;
    transform: scale(.8);
    position: absolute;
    right: -12%;
    top: -70%;
}
.foundersocial .connect2{
    display: none;
}
.aboutright{
    flex: 0 1 75%;
    padding: 30px 30px 30px 0px;
}
.aboutright h5{
    font-weight: 700;
    position: relative;
    line-height: 1.25;
}

.aboutright h5::before{
    content: url(../images/info.png);
    position: absolute;
    display: inline-block;
    transform: scale(.3);
    left: -14%;
    top: -50%;
}
.righthead{
    margin-left: -1.5rem;
    margin-bottom: 1.25rem;
}
.partners{
    /* transform: translateY(-65px); */
    padding: 40px 0;
    transform: translateY(-80px);
}
.partners-logo{
    padding: 1.5rem 0 0;
    position: relative;
}
.partners-title{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-bottom: 3px solid var(--dblue);
    max-width: 94%;
    margin-left: auto;
    padding-bottom: 1rem;
    position: relative;
}
.partners-title::after{
    content: '';
    position: absolute;
    display: inline-block;
    width: 300px;
    min-height: 75px;
    background-color: var(--lgrey);
    z-index: -1;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.partners-title .text-wrapper h2{
    margin-bottom: 0;
    color: var(--dblue);
    font-weight: 700;
}

.partners-title .img-wrapper{
    margin-right: 1.5rem;
}
.partners-title .img-wrapper img{
    max-width: 130px;
}
.underline{
    border-bottom: 3px solid var(--dorange2);
}
.partners .item{
    max-width: 175px;
    margin: auto;
    max-height: 75px;
}
.partners .item.uni1{
    max-width: 110px;
}
.partners .item.uni6{
    max-width: 160px;
}
.partners .item.uni11{
    max-width: 135px;
}
.partners .item.uni14{
    max-width: 90px;
}
.partners .item.uni17{
    max-width: 110px;
}
.partners .owl-prev, .partners .owl-next{
    font-size: 50px !important;
    color: var(--dblue) !important;
    position: absolute;
    top: 0;
}
.partners .owl-prev{
    left: -2.5%;
}
.partners .owl-next{
    right: -2.5%;
}
.samples{
    background: var(--lgrey);
    padding: 50px 0;
    transform: translateY(-50px);
}
.samples .title h2{
    margin-bottom: .5rem;
    text-align: center;
    color: black;
}
.samples .sub-title, .help .sub-title{
    max-width: 80%;
    margin: auto;
    margin-bottom: 1.5rem;
}
.samples .sub-title h6, .help .sub-title h6{
    font-size: 16.5px;
    font-weight: 400;
    text-align: center;
    line-height: 1.4;
}
.samples .nav-pills{
    justify-content: space-around;
    margin-bottom: 1.5rem;
    padding: 0;
    font-weight: 600;
}
.samples .nav-pills .nav-link{
    color: var(--dblue);
    border-radius: 0;
    background: white;
}
.samples .nav-pills .nav-link.active{
    background-color: var(--dblue);
    color: white;
}
.sample-cta{
    text-align: center;
    margin-top: 2rem;
}
.sample-cta .btn, .sample-cta .btn:hover{
    background-color: var(--dorange2);
    color: white;
    border-color: var(--dorange2);
    font-size: 18px;
}
.samples .owl-prev, .samples .owl-next{
    font-size: 50px !important;
    color: var(--dblue) !important;
}
.samples .owl-nav{
    text-align: center;
}
.samples .nav-pills .nav-item{
    position: relative;
}
.samples .nav-pills .nav-link.active::after{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid var(--dblue);
    content: '';
    position: absolute;
    bottom: -20%;
    left: 37%;
}
.pdfcarousel{
    position: relative;
}
.pdfcarousel .owl-prev, .pdfcarousel .owl-next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.pdfcarousel .owl-prev{
    left: -2.5%;
}
.pdfcarousel .owl-next{
    right: -2.5%;
}
.pdfcarousel .item{
    position: relative;
    transition: .5s ease-in-out;
}
.pdfcarousel div.item:hover a::before{
    display: block;
}
.pdfcarousel div.item a::before{
    content: "";
    background: #01162a69;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    display: none;
}
.pdfcarousel div.item:hover a::after{
    font-size: 40px;
    text-shadow: 1px 4px 13px #000000a1;
}
.pdfcarousel div.item a::after{
    content: "\f00e";
    font-family: "Font Awesome 5 Free";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 0;
    color: #fff;
    transition: .5s ease-in-out;
    width: 0;
    z-index: 99;
    left: -10%;
    right: 0;
    margin: 0 auto;
}
.future{
    /* padding: 0px 0 30px; */
    transform: translateY(0px);
}
.future .future-top{
    display: flex;
    justify-content: center;
    /* border-bottom: 1px solid var(--lgrey); */
    /* padding-bottom: 5px; */
    background-color: var(--dblue);
    padding: 12px 0;
    align-items: center;
}
.heart-text p{
    color: white;
    font-weight: 700;
    font-size: 20.5px;
    letter-spacing: 1.25px;
}
.heart-text{
    border-left: 3px solid var(--dorange);
    margin-left: 1rem;
    padding-left: 1rem;
}
/* .future-text{
    position: relative;
    z-index: 1;
} */
.future-text p{
    font-size: 36px;
    line-height: 1.1;
    margin-bottom: 1.3rem;
    color: var(--dblue);
    font-weight: 900;
    letter-spacing: 1.5px;
}
.future-wrap{
    display: flex;
    justify-content: space-around;
    padding: 40px 0 0;
    /* position: relative; */
}
p.oratext{
    color: var(--dorange);
}
.future-cta{
    padding-left: 10rem;
}
.future-cta .btn, .sample-cta .btn{
    position: relative;
    min-width: 250px;
}
.future-cta .btn:after, .sample-cta .btn:after{
    content: url(../images/whatsapp.png);
    position: absolute;
    right: -15px;
    top: 3px;
}
.future-cta .btn, .future-cta .btn:hover, .future-cta .btn:active{
    background-color: var(--dorange2);
    color: white;
    border-color: var(--dorange2);
    font-size: 18px;
}
.future-img{
    /* background: var(--lgrey); */
    /* width: 850px; */
    /* position: absolute; */
    /* text-align: center; */
    /* top: 12px; */
    /* right: 0; */
    /* height: 475px; */
}
.future-img img{
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 50%; */
}
.services{
    background-color: var(--lgrey);
    padding: 30px 0;
}
.services .title h2{
    margin-bottom: 1.75rem;
}
.services .serv-box{
    min-height: 110px;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 1rem;
    background-color: white;
    position: relative;
}
.services .serv-box.serv-box10{
    background-color: var(--dblue);
}
.services .serv-box a{
    display: inline-block;
    position: absolute;    
    bottom: 12.5px;
    right: 12.5px;
}
.services .serv-box span:not(span.smalltext){
    text-transform: uppercase;
    font-size: 15px;
    color: var(--dblue);
    font-weight: 700;
}
.services .serv-box span.smalltext{
    font-size: 10.5px;
    color: var(--dblue);
    font-weight: 700;
}
.services .serv-box.serv-box10 span:not(span.smalltext){
    color: white;
}
.services .serv-form{
    background-color: white;
    padding: .75rem;
}
.services .formHead1{
    background-color: var(--dblue);
    margin-bottom: .75rem;
}
.services .formHead1 h3{
    margin-bottom: 0;
    color: white;
    text-align: center;
    font-size: 24px;
}
.serv-form .fieldwrap{
    background-color: var(--lgrey);
    padding: 1rem 1rem .25rem;
}
.serv-right .serv-form .btn{
    display: block;
    text-align: center;
    width: 100%;
    background-color: var(--dorange);
    color: white;
    font-size: 18.5px;
    text-transform: uppercase;
    margin-top: 15px;
    border-color: var(--dorange);
}
.enterName, .enterDate{
    position: relative;
}
.enterName > .img-fluid, .enterDate > .img-fluid{
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}
.unlock2{
    position: relative;
}
.unlock2::after{
    content: url(../images/key.png);
    position: absolute;
    right: 10px;
    top: 9%;
    /* transform: scaleX(-1); */
}
.destinations .item{
    /* width: 150px;
    height: 100px; */
    /* margin: auto; */
}
.destinations .item img{
    width: 150px;
    height: 85px;
    object-fit: fill;
    margin: auto;
}
.destinations .item p{
    text-align: center;
    margin-top: .5rem;
}
/* .destinations .item.aus img, .destinations .item.can img, .destinations .item.fra img, .destinations .item.ger img, .destinations .item.italy img, .destinations .item.singa img, .destinations .item.kor img{
    height: 100%;
    width: 100%;
} */
.destinations .title h2{
    color: black;
    text-align: right;
}
.destinations .sub-title{
    background-color: var(--dblue);
    padding: 1.25rem 1rem;
    margin-bottom: 1rem;
}
.destinations .sub-title h3{
    font-size: 24px;
    margin-bottom: 0;
    color: white;
    border-bottom: 3px solid var(--dorange);
    display: inline-block;
    margin-left: .5rem;
}
.destinations .owl-prev, .destinations .owl-next{
    font-size: 50px !important;
    color: var(--dblue) !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.destinations .owl-prev{
    left: -2.5%;
}
.destinations .owl-next{
    right: -2.5%;
}
.nationflags{
    background-color: var(--lgrey);
    position: relative;
    padding: 1.75rem 0;
}
.dest-cta{
    margin-top: 1.75rem;
    text-align: center;
}
.dest-cta .btn, .dest-cta .btn:active{
    background-color: var(--dblue);
    color: white;
    min-width: 200px;
    position: relative;
    border-color: var(--dblue);
    font-size: 18px;
}
.dest-cta .btn::after{
    content: url(../images/right-arrow.png);
    position: absolute;
    top: 18%;
    right: 22px;
    animation: sidemove infinite 2s ease-in-out;
}

.help{
    padding: 30px 0;
}
.help .title{
    text-align: center;
    margin-bottom: .5rem;
}
.help .title p{
    font-size: 16.5px;
    font-weight: 700;
}
.help .title h2{
    position: relative;
    display: inline-block;
    margin-bottom: 0;
}
.help .title h2::before{
    content: url(../images/fingerheart.png);
    display: inline-block;
    /* position: absolute;
    left: -75px;
    top: -5px; */
    vertical-align: middle;
    margin-right: 15px;
}
.help .title h2 span{
    border-bottom: 3px solid var(--dorange);
}
.help .help-sub-wrap{
    background-color: var(--lgrey);
    width: 100%;
    min-height: 200px;
    margin-bottom: 1.5rem;
    /* position: relative; */
    padding: 1rem;
}
.help .help-sub-wrap .icon{
    /* position: absolute; */
    /* top: 15px; */
    /* left: 15px; */
    margin-bottom: 1.25rem;
}
.help .help-sub-wrap .help-text p{
    font-size: 20px;
    line-height: 1.3;
}
.works{
    /* padding: 0px 0 30px; */
    position: relative;
    overflow: hidden;
}
.works::before, .works::after{
    position: absolute;
    z-index: -1;
}
.works::before{
    content: url(../images/top2.png);
    left: 65%;
    transform: translateX(-65%);
    top: -20%;
}
.works::after{
    content: url(../images/bottom2.png);
    left: -5%;
    bottom: 0;
}
.works .content-wrapper{
    padding: 30px 0;
}
.works .text-wrapper h2{
    font-weight: 700;
    /* font-size: 40px; */
    color: black;
    position: relative;
    display: inline-block;
}
.works .text-wrapper{
    text-align: center;
}
.works .text-wrapper h2::before{
    content: url(../images/doc.png);
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}
.works .content-wrapper .btn{
    min-width: 200px;
    background-color: var(--dorange);
    color: white;
    font-size: 18px;
    display: block;
    margin: auto;
}
.works .step{
    max-width: 60%;
    margin-bottom: 1rem;
    position: relative;
}
/* .works .step1, .works .step2, .works .step3{
    position: relative;
} */
.works .step1::after{
    content: url(../images/curve-arrow.png);
    position: absolute;
    right: -30%;
    transform: rotate(110deg);
    top: 60%;
}
.works .step2::before{
    content: url(../images/curve-arrow.png);
    position: absolute;
    left: -25%;
    transform: rotate(110deg) scaleY(-1);
    top: 40%;
}
.works .step3::before{
    content: url(../images/curve-arrow.png);
    position: absolute;
    right: -20%;
    transform: rotate(150deg);
    top: 35%;
}
.works .step2{
    margin-left: auto;
}
.works .step h5{
    margin-bottom: 0;
    color: var(--dorange);
    font-weight: 600;
}
.works .step span{
    font-size: 55px;
    vertical-align: middle;
    color: var(--dblue);
}
.works .step p{
    color: var(--dblue);
    font-size: 16.5px;
    line-height: 1.3;
    font-weight: 500;
}
.academic{
    padding: 40px 0 15px;
}
.academic .text-wrapper{
    text-align: center;
    margin-bottom: 2.5rem;
}
.academic .text-wrapper h2{
    position: relative;
    display: inline-block;
    color: black;
    font-weight: 700;
    margin-bottom: .25rem;
}
.academic .text-wrapper p{
    color: var(--dorange);
    font-weight: 700;
    font-size: 16.5px;
}
.academic .text-wrapper h2::before{
    content: url(../images/hand.png);
    display: inline-block;
    /* position: absolute;
    left: -60px;
    top: 0px; */
    vertical-align: top;
    margin-right: 15px;
    display: inline-block;
    max-height: 40px;
}
/* .academic .form-control, .academic .form-select{
    padding: .375rem .75rem;
} */
.enterDate2{
    position: relative;
}
.enterDate2 > .img-fluid{
    position: absolute;
    top: 75%;
    right: 15px;
    transform: translateY(-75%);
}
.academic .form-wrapper .btn{
    background-color: var(--dblue);
    color: white;
    min-width: 200px;
    border-color: var(--dblue);
    display: block;
    margin: auto;
}
.academic label{
    font-size: .85rem;
    font-weight: 700;
}

.faq{
    padding: 30px 0;
}
.faq .title{
    text-align: center;
}
.faq .title h2{
    margin-bottom: 2rem;
}
.faq .btn, .faq .btn:active{
    background-color: var(--dorange);
    color: white;
    max-width: 200px;
    border-color: var(--dorange);
    display: block;
    margin: 2rem auto 0;
    font-size: 18px;
}
.accordion-button:not(.collapsed){
    color: #1e2748;
    background-color: #dfe2e8;
}
.accordion-button:focus{
    box-shadow: none;
}

.testmon{
    padding: 50px 0;
    background-color: var(--lgrey);
}
.testmon h2{
    text-align: center;
    margin-bottom: 2.25rem;
}
.testimonial{
    background: #fff;
    text-align: center;
    padding: 30px 30px 70px;
    margin: 0 15px 100px;
    position: relative;
}
.testimonial:before,
.testimonial:after{
    content: "";
    border-top: 40px solid #fff;
    border-right: 175px solid transparent;
    position: absolute;
    bottom: -40px;
    left: 0;
}
.testimonial:after{
    border-right: none;
    border-left: 175px solid transparent;
    left: auto;
    right: 0;
}
.testimonial .icon{
    display: inline-block;
    font-size: 80px;
    color: var(--dorange);
    margin-bottom: 20px;
    opacity: 0.875;
}
.testimonial .description{
    font-size: 15px;
    color: var(--dblue2);
    text-align: left;
    margin-bottom: 15px;
    opacity: 0.8;
    text-align: center;
}
.testimonial .testimonial-content{
    width: 100%;
    position: absolute;
    left: 0;
}
.testimonial .pic{
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 2px 2px var(--dorange);
    overflow: hidden;
    z-index: 1;
    position: relative;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .title{
    font-size: 15px;
    font-weight: bold;
    color: var(--dblue2);
    text-transform: capitalize;
    margin: 0 0 5px 0;
}
.testimonial .post{
    display: block;
    font-size: 14px;
    color: var(--dblue2);
}
.testmon .owl-prev, .testmon .owl-next{
    font-size: 50px !important;
    color: var(--dblue) !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.testmon .owl-prev{
    left: -2.5%;
}
.testmon-wrap{
    position: relative;
}
.testmon .owl-next{
    right: -2.5%;
}

footer{
    background: var(--lgrey);
    /* padding: 50px 0; */
}
.addr, .mail{
    margin-bottom: 1rem;
}
.addr small, .mail small, .call small{
    color: var(--dblue);
    font-size: .75rem;
    font-weight: 900;
}
.addr .corp{
    color: var(--dorange);
    font-weight: 700;
    font-size: 18px;
}
.addr .corp-add, .mail p, .call p{
    color: var(--dblue);
    font-weight: 700;
    font-size: 18px;
}
.left-footer .call{
    /* margin-bottom: 1.5rem; */
}
.left-footer .btn-wrapper .btn{
    display: block;
    min-width: 175px;
}
.btn-wrapper{
    display: inline-block;
}
.btn-wrapper .cs, .btn-wrapper .cs:hover, .btn-wrapper .cs:active{
    background-color: var(--dblue);
    color: white;
    margin-bottom: .75rem;
    border-color: var(--dblue);
}
.btn-wrapper .po, .btn-wrapper .po:hover, .btn-wrapper .po:active{
    background-color: white;
    color: var(--dblue);
    border-color: white;
}
.left-footer .link-wrapper{
    float: right;
}
.left-footer .link-wrapper h6{
    font-weight: 700;
}
.left-footer .link-wrapper ul>li>a{
    text-decoration: none;
    font-size: .75rem;
    color: var(--dblue);
    font-weight: 700;
}
.btn-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
footer .right-footer{
    background: url(../images/footer-bg.png) left top;
    min-height: 100%;
    padding: 30px 50px 0;
}
.left-footer{
    padding: 30px 100px;
}
.left-footer .logo a{
    display: inline-block;
}
.right-footer{
    position: relative;
}
.right-footer .creative {
    background-color: var(--dorange);
    display: inline-block;
    /* display: block; */
    padding: .5rem 1rem;
    border-radius: 7.5px;
    margin-bottom: 1.25rem;
    /* width: 50%; */
    text-align: center;
    position: relative;
}
.right-footer .creative::after{
    content: url(../images/lighting.png);
    position: absolute;
    bottom: -70%;
    right: 5%;
}
.right-footer .creative h5{
    margin-bottom: 0;
    color: white;
    font-size: 24px;
}
.right-wrap{
    position: relative;
    z-index: 1;
}
.right-wrap p{
    color: var(--dorange);
    font-weight: 700;
    margin-bottom: .75rem;
    font-size: 16px;
    line-height: 1.3;
}
.right-wrap h4{
    font-size: 28px;
    font-weight: 700;
}
.right-wrap .btn, .right-wrap .btn:hover, .right-wrap .btn:active{
    background-color: var(--dorange);
    color: white;
    min-width: 125px;
    font-size: 16.5px;
    border-color: var(--dorange);
}
.right-footer .right-img{
    position: absolute;
    bottom: 0px;
    right: 0px;
}
footer .cright{
    padding: .9rem 0;
}
footer .ctext{
    font-size: 14px;
    color: var(--dblue);
    text-align: center;
}
/* ***********************MEDIA QUERY 1199px****************** */
@media (max-width: 1199px){
    .showbg{
        background-color: white;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 8px;
    }
    .right0{
        right: 0 !important;
    }
    header{
        background: white;
    }
    .heroWrapper::before{
        top: 14%;
        /* top: 0; */
        left: 0;
    }
    .navbar-brand img{
        max-width: 175px;
    }
    .menu-items{
        display: unset;
        transition: all 0.5s 0s ease;
        height: 100vh;
        width: 35vw;
        right: -35%;
        position: absolute;
        top: 90px;
        background: var(--lgrey);
        /* width: 100%; */
        margin: auto;
        /* left: 0px; */
        text-align: center;
        /* box-shadow: rgb(0 0 0 / 24%) 0px 8px 8px -6px; */
        box-shadow: rgb(0 0 0 / 24%) 0px 6px 6px;
    }
    header .btnWrapper{
        margin-bottom: 1rem;
    }
    .navbar-nav a.nav-link{
        font-size: 20px;
    }
    .navbar-nav a.nav-link:hover{
        border-color: transparent;
    }
    .menu-items ul{
        margin-bottom: 1.25rem;
        margin-left: 0;
        margin-top: 1.25rem;
    }
    .navbar .navbar-nav .nav-item{
        margin-right: 0;
    }
    .hero-floaters{
        display: none;
    }
    .mobile-hero-floaters{
        display: block;
    }
    .mobile-hero-floaters{
        display: block;
        min-height: 92%;
    }
    .floater-subhead{
        position: static;
        text-align: right;
    }
    .floater0{
        bottom: unset;
        top: 13%;
    }
    .heroWrapper{
        padding: 210px 0 512px;
    }
    .floater1{
        top: 19%;
        left: 17%;
    }
    .floater2{
        top: 26%;
        right: 38%;
    }
    .floater3 {
        right: 20%;
        top: 40%;
    }
    .floater4 {
        right: 30%;
        top: 47%;
    }
    .heroForm{
        width: 55%;
        margin: auto;
        float: none;
    }
    .partners-title .text-wrapper h2{
        line-height: 1.45;
    }
    .partners-title .img-wrapper img{
        vertical-align: super;
    }
    .partners-title::after{
        display: none;
    }
    .aboutleft{
        flex: 0 1 35%;
    }
    .aboutright h5::before{
        left: -15%;
        top: -45%;
    }
}
/* ***********************MEDIA QUERY 991px****************** */
@media (max-width: 991px){
    #bio_ep, #bio_ep_bg{
        display: none !important;
    }
    header{
        background: white;
    }
    .heroWrapper::before{
        top: 14%;
        left: 0;
    }
    .heroWrapper::after{
        display: none;
    }
    .navbar-brand img{
        max-width: 165px;
    }
    .menu-items{
        position: absolute;
        top: 86px;
        /* background: white; */
        width: 35vw;
        right: -35%;
        margin: auto;
        /* left: 0px; */
        text-align: center;
        /* box-shadow: rgb(0 0 0 / 24%) 0px 8px 8px -6px; */
    }
    .navcta, .navcta:hover, .navcta:active{
        display: block;
        margin: 0 auto 1rem;
        max-width: 80%;
    }
    .navbar-icon{
        transform: scale(.5);
    }
    header .btnWrapper{
        margin-bottom: 1rem;
    }
    .navbar-nav a.nav-link:hover{
        border-color: transparent;
    }
    .hero-floaters{
        display: none;
    }
    .mobile-hero-floaters{
        display: block;
    }
    .mobile-hero-floaters{
        display: block;
        min-height: 92%;
    }
    .floater-subhead{
        position: static;
        text-align: right;
    }
    .floater0{
        bottom: unset;
        top: 13%;
    }
    .heroWrapper{
        padding: 210px 0 512px;
    }
    .floater1{
        top: 19%;
        left: 12%;
    }
    .floater2{
        top: 26%;
        right: 38%;
    }
    .floater3 {
        right: 20%;
        top: 40%;
    }
    .floater4 {
        right: 22%;
        top: 47%;
    }
    .heroForm{
        width: 55%;
        margin: auto;
        float: none;
    }
    .aboutwrapper{
        max-width: 100%;
    }
    .aboutleft{
        flex: 0 1 40%;
        margin-left: -2rem;
    }
    .aboutright{
        flex: 0 1 85%;
    }
    .aboutright h5::before{
        top: -50%;
        left: -18%;
    }
    .partners-title .text-wrapper h2{
        line-height: 1.45;
    }
    .partners-title .img-wrapper img{
        vertical-align: super;
    }
    .services .title h2{
        text-align: center;
    }
    .services .serv-box{
        max-width: 250px;
        margin: 0 auto 1rem;
    }
    .destinations{
        padding-top: 40px;
    }
    .destinations .title h2{
        text-align: center;
        margin-bottom: 1rem;
    }
    .destinations .sub-title{
        text-align: center;
    }
    .nationflags .owl-prev{
        left: -10%;
    }
    .nationflags .owl-next{
        right: -10%;
    }
    .destinations .sub-title h3{
        line-height: 1.8;
    }
    .help .help-sub-wrap{
        min-height: 175px;
        max-width: 100%;
        margin: 0 auto 1.5rem;
    }
    .help .help-sub-wrap .help-text p{
        font-size: 17px;
    }
    .works .step2::before{
        left: -35%;
    }
    .works .step p{
        font-size: 15px;
    }
    .step h6{
        font-weight: 700;
    }
    .heart-text p{
        font-size: 18.5px;
    }
    .works .step3::before{
        right: -35%;
    }
    .academic .text-wrapper h2{
        margin-bottom: 0;
    }
    .right-footer .right-img{
        display: block;
        right: -10%;
    }
    .left-footer .logo, .left-footer .support{
        text-align: center;
    }
    .btn-wrapper{
        justify-content: space-evenly;
    }
    footer .right-footer{
        padding: 40px 20px 40px 80px;
        text-align: left;
    }
    .right-footer .right-img img{
        max-width: 650px;
    }
}
/* ***********************MEDIA QUERY 820px****************** */
@media (max-width: 820px){
    .aboutwrapper{
        max-width: 85%;
    }
    .founderimg img{
        max-width: 125px;
    }
    .foundername h5{
        font-size: 16.5px;
    }
    .founderdesig h6{
        font-size: 14px;
    }
    .foundersocial .btn, .foundersocial .btn:hover, .foundersocial .btn:active{
        font-size: 14px;
    }
    .aboutright h5::before{
        top: -15%;
        left: -20%;
    }
    .aboutright h5{
        line-height: 1.35;
    }
}
/* ***********************MEDIA QUERY 767px****************** */
@media (max-width: 767px){
    header{
        background: white;
    }
    .heroWrapper::before{
        top: 12%;
        left: -15%;
        transform: scale(.75);
    }
    .navbar-brand img{
        max-width: 165px;
    }
    .menu-items{
        position: absolute;
        top: 86px;
        /* background: white; */
        width: 35vw;
        margin: auto;
        /* left: 0px; */
        text-align: center;
        /* box-shadow: rgb(0 0 0 / 24%) 0px 8px 8px -6px; */
    }
    .navbar-nav a.nav-link{
        font-size: 18.5px;
    }
    .navbar-icon{
        transform: scale(.45);
    }
    header .btnWrapper{
        margin-bottom: 1rem;
    }
    .hero-floaters{
        display: none;
    }
    .mobile-hero-floaters{
        display: block;
    }
    .mobile-hero-floaters{
        display: block;
        min-height: 94%;
    }
    .floater-subhead{
        top: 18.5%;
        position: absolute;
        max-width: 60%;
        right: 10px;
        text-align: center;
    }
    .floater0{
        top: 15%;
        bottom: unset;
    }
    .floater0 img{
        width: 650px;
    }
    .floaters span{
        font-size: 30px;
    }
    .floaters{
        font-size: 16px;
    }
    .floater1{
        top: 20%;
        left: 5%;
    }
    .floater2{
        top: 27%;
        right: 32%;
    }
    .floater3{
        bottom: unset;
        top: 41.5%;
        right: 17%;
    }
    .floater4{
        top: 46.5%;
        right: 20%;
        bottom: unset
    }
    .floater-subhead br{
        display: none;
    }
    .heroForm{
        margin: auto;
        width: 90%;
        float: none;
        min-height: auto;
    }
    .heroWrapper{
        padding: 220px 0 525px;
    }
    .aboutleft{
        flex: 0 1 51%;
        margin-left: -5rem;
    }
    .aboutright{
        flex: 0 1 90%;
        padding: 30px 0px 30px 0px;
    }
    .aboutright h5::before{
        left: -22%;
        top: -12%;
        transform: scale(.25);
    }
    .aboutright h5{
        font-size: 18px;
        line-height: 1.45;
    }
    .aboutwrapper{
        max-width: 90%;
    }
    .samples .sub-title, .help .sub-title{
        max-width: 100%;
    }
    .samples .sub-title h6, .help .sub-title h6{
        font-size: 15.5px;
    }
    .samples .nav-pills{
        /* max-width: 480px; */
        max-width: 100%;
        flex-wrap: wrap;
        min-height: 60px;
        margin-bottom: 1rem;
    }
    .samples .nav-pills .nav-link.active::after{
        bottom: 20%;
    }
    .future .future-top{
        padding: 10px;
    }
    .heart-text p br{
        display: none;
    }
    .heart-text p{
        font-size: 13px;
    }
    .future-img{
        display: none;
    }
    .services .title h2{
        text-align: center;
    }
    .future-text{
        text-align: center;
    }
    .future-cta{
        padding: 0;
    }
    .services .serv-box span.smalltext{
        font-size: 12px;
    }
    .destinations{
        padding: 25px 0 0;
    }
    .destinations .title h2{
        text-align: center;
    }
    .destinations .sub-title{
        text-align: center;
    }
    .destinations .owl-prev{
        left: -1%;
    }
    .destinations .owl-next{
        right: -1%;
    }
    .help .help-sub-wrap{
        min-height: 180px;
    }
    .help .help-sub-wrap .help-text p{
        font-size: 15px;
    }
    .works .step1::after{
        right: -55%;
    }
    .works .step2::before{
        top: 50%;
        left: -50%;
    }
    .works .step3::before{
        right: -55%;
        transform: rotate(125deg);
        top: 35%;
    }
    .testimonial .icon{
        font-size: 65px;
    }
    .right-footer .right-img{
        display: block;
    }
    .partners-title{
        display: block;
        max-width: 100%;
    }
    .partners-title .img-wrapper{
        text-align: center;
        margin-right: 0;
        margin-bottom: .75rem;
    }
    .partners-title .text-wrapper h2{
        font-size: 1.5rem;
        line-height: 1.3;
        text-align: center;
    }
    footer .right-footer{
        padding: 40px 20px 40px 25px;
        text-align: left;
    }
    .left-footer .logo, .left-footer .support{
        text-align: center;
    }
    .btn-wrapper{
        justify-content: space-evenly;
        margin-top: 1.5rem;
    }
    .right-footer .right-img img{
        max-width: 500px;
    }
    .right-footer .right-img{
        right: -18%;
    }
}

/* ***********************MEDIA QUERY 576px****************** */
@media (max-width: 576px){
    #bio_ep{
        width: 75vw;
        height: auto;
        
    }
    .heroWrapper::before{
        top: 10%;
        left: -22%;
        transform: scale(0.65);
    }
    .heroWrapper::after{
        display: block;
    }
    .mainheader .navbar-brand img{
        max-width: 135px;
    }
    .navcta{
        font-size: 14.5px;
    }
    .navbar-nav a.nav-link{
        font-size: 17px;
    }
    .floater1{
        top: 19%;
        left: 4%;
    }
    .floater2{
        top: 25.5%;
    }
    .floater3{
        top: 38.5%;
        right: 12%;
    }
    .floater4{
        top: 44.5%;
        right: 16%;
    }
    .mobile-hero-floaters{
        min-height: 86%;
    }
    .floater-subhead p{
        line-height: 1.2;
        font-size: 22.5px;
    }
    .menu-items{
        top: 75px;
    }
    .heroWrapper{
        padding: 220px 0 475px;
    }
    .aboutwrapper{
        flex-direction: column;
        padding: 30px 20px 0;
        margin: auto;
    }
    .aboutleft{
        text-align: center;
        margin-left: unset;
    }
    .foundersocial{
        margin-top: 1.5rem;
    }
    .foundersocial.connect1{
        display: none;
    }
    .foundersocial.connect2{
        display: inline-block;
    }
    .righthead{
        margin-left: unset;
    }
    .aboutright h5::before{
        display: none;
    }
    .aboutright{
        text-align: center;
        padding-top: 15px;
    }
    .partners{
        padding: 25px 0;
    }
    .samples .nav-pills{
        max-width: 100%;
    }
    .samples{
        padding: 30px 0;
    }
    .samples .title h2{
        margin-bottom: .5rem;
    }
    .samples .sub-title h6, .help .sub-title h6{
        font-size: 14.5px;
        margin-bottom: 0;
    }
    .title h2{
        font-size: 32px;
    }
    .samples .nav-pills{
        margin-bottom: 0;
    }
    .sample-cta .btn, .sample-cta .btn:hover{
        font-size: 16px;
    }
    .future-text p{
        font-size: 24px;
        line-height: 1.25;
        margin-bottom: .75rem;
    }
    .future-wrap{
        padding: 25px 0 0;
    }
    .future-cta .btn, .future-cta .btn:hover, .future-cta .btn:active{
        font-size: 16px;
    }
    .services .serv-box{
        margin: 0 auto 1.25rem;
        max-width: 220px;
    }
    .serv-right .serv-form .btn{
        font-size: 16px;
    }
    .help .help-sub-wrap{
        width: 90%;
        margin: 0 auto 1.25rem;
        min-height: 175px;
    }
    .help .help-sub-wrap .icon{
        max-width: 35px;
    }
    .help .help-sub-wrap .help-text p{
        font-size: 18px;
    }
    .works .step p{
        font-size: 14px;
    }
    .works .step h6{
        font-weight: 700;
    }
    .works .content-wrapper .btn{
        font-size: 16px;
    }
    .academic .text-wrapper h2{
        margin-bottom: 0;
    }
    .academic .text-wrapper h2::before{
        vertical-align: bottom;
    }
    .faq .title h2{
        margin-bottom: 1.25rem;
    }
    .faq .btn, .faq .btn:active{
        font-size: 16px;
    }
    .testmon h2{
        margin-bottom: 1.25rem;
    }
    .left-footer .logo a img{
        max-width: 150px;
    }
    .right-footer .creative h5{
        font-size: 22px;
    }
    .right-wrap h4{
        font-size: 24px;
    }
    footer .right-footer{
        padding: 40px 20px 40px 15px;
    }
    .right-footer .right-img img{
        max-width: 460px;
    }
}

/* ***********************MEDIA QUERY 480px****************** */
@media (max-width: 480px){
    header{
        background: white;
    }
    header .btnWrapper{
        margin-bottom: 1rem;
    }
    .mainheader .navbar-brand img{
        max-width: 135px;
    }
    .navbar-icon{
        transform: scale(.4);
    }
    .menu-items{
        position: absolute;
        top: 75px;
        /* background: white; */
        /* width: 100%; */
        width: 40vw;
        right: -40%;
        margin: auto;
        /* left: 0px; */
        text-align: center;
        /* box-shadow: rgb(0 0 0 / 24%) 0px 8px 8px -6px; */
    }
    .navbar-nav a.nav-link:hover{
        border-color: transparent;
    }
    .navbar-nav a.nav-link{
        font-size: 14.5px;
    }
    .navcta{
        font-size: 14px;
        margin: 0 auto .5rem;
    }
    .navcta2, .navcta2:hover, .navcta2:active{
        border-width: 1px !important;
        font-weight: 700;
    }
    
    .mobile-hero-floaters{
        display: block;
        min-height: 68%;
    }
    .floater-subhead{
        position: static;
        text-align: center;
        margin-left: auto;
    }
    .floater-subhead p{
        font-size: 20px;
        line-height: 1.2;
    }
    .floater-subhead br{
        display: none;
    }
    .heroWrapper{
        padding: 95px 0 380px;
        transform: translateY(0);
    }
    .heroWrapper::before{
        left: -45%;
        transform: scale(.5);
        top: 0%;
    }
    .heroWrapper::after{
        transform: scale(.5);
        left: 0%;
        bottom: -22%;
    }
    .floater0{
        top: 8%;
        bottom: unset;
    }
    .floaters span{
        font-size: 28px;
    }
    .floaters{
        font-size: 14px;
    }
    .floater1{
        top: 11.5%;
        left: unset;
    }
    .floater2{
        top: 17%;
    }
    .floater3{
        bottom: unset;
        top: 32%;
    }
    .floater4{
        top: 38.5%;
        right: 12%;
        bottom: unset
    }
    .heroForm{
        margin: auto;
        width: 95%;
        float: none;
        min-height: auto;
    }
    .heroWrapper .formHead2 h4{
        font-size: 1.5rem;
    }
    .fieldwrap .unlock1, .fieldwrap .unlock1:active{
        font-size: 16px;
    }
    .about{
        transform: translateY(0px);
    }
    .partners{
        padding: 30px 0 40px;
        transform: translateY(20px);
    }
    .partners-title{
        display: block;
        max-width: 100%;
    }
    .partners-title .img-wrapper{
        text-align: center;
        margin-right: 0;
        margin-bottom: .75rem;
    }
    .partners-title .img-wrapper img{
        max-width: 100px;
    }
    .partners-title .text-wrapper h2{
        font-size: 1.35rem;
        line-height: 1.65;
        text-align: center;
    }
    .partners .item{
        max-width: 150px;
    }
    .title h2{
        font-size: 26.5px;
    }
    .samples{
        padding: 30px 0;
        transform: translateY(0);
    }
    .samples .title h2{
        margin-bottom: .5rem;
    }
    .samples .nav-pills{
        max-width: 480px;
        flex-wrap: wrap;
        min-height: 55px;
        margin-bottom: 1rem;
        justify-content: space-evenly;
    }
    .samples .nav-pills .nav-link{
        font-size: 13.5px;
        padding: .5rem .75rem;
    }
    .sample-cta .btn, .sample-cta .btn:hover{
        font-size: 16px;
    }
    .samples .nav-pills .nav-link.active::after{
        bottom: 18%;
    }
    .future{
        transform: translateY(0);
    }
    .future-text{
        text-align: center;
    }
    .future .future-top{
        padding: 10px;
    }
    .future-cta{
        padding: 0;
    }
    .heart-text p{
        font-size: 14px;
        font-weight: 400;
    }
    .future-img{
        display: none;
    }
    .future-wrap{
        padding: 25px 0;
    }
    .future-text p{
        font-size: 24px;
        line-height: 1.25;
        margin-bottom: 1rem;
    }
    .future-cta .btn, .future-cta .btn:hover, .future-cta .btn:active{
        font-size: 16px;
    }
    .serv-right .serv-form .btn{
        font-size: 16px;
    }
    .services .title h2{
        text-align: center;
    }
    .services .formHead1 h3{
        font-size: 22px;
    }
    .destinations{
        padding: 25px 0 0;
    }
    .destinations .title h2{
        text-align: center;
    }
    .destinations .sub-title{
        text-align: center;
    }
    .destinations .sub-title h3{
        font-size: 22px;
    }
    .help{
        padding: 30px 0 10px;
    }
    .help .help-sub-wrap{
        min-height: 150px;
        min-width: 100%;
    }
    .help .help-sub-wrap .icon{
        max-width: 35px;
        margin-bottom: .75rem;
    }
    .help .title h2{
        /* transform: translateX(35px); */
        font-size: 26.5px;
    }
    .help .title h2::before{
        /* left: -65px; */
        max-height: 55px;
        margin-right: 10px;
    }
    .help .help-sub-wrap .help-text p{
        font-size: 17px;
    }
    .works::before{
        transform: scale(.6);
        left: -22%;
        top: -7%;
    }
    .works .step p{
        font-size: 14px;
    }
    .works .step{
        max-width: 75%;
    }
    .works .step2::before{
        left: -40%;
        transform: rotate(60deg) scaleY(-1);
        top: 40%;
    }
    .works .step3::before{
        right: -35%;
    }
    .works::after{
        transform: scale(.6);
        left: -30%;
        bottom: -8%;
    }
    .academic .text-wrapper{
        max-width: 390px;
        margin: 0 auto 2rem;
    }
    /* .academic .text-wrapper h2::before{
        left: -10px;
    } */
    .faq{
        padding: 30px 0;
    }
    .testimonial .icon{
        font-size: 60px;
    }
    .left-footer .logo, .left-footer .support{
        text-align: center;
    }
    .left-footer .logo{
        margin-bottom: 1rem;
    }
    .left-footer .logo a img{
        max-width: 150px;
    }
    .left-footer{
        padding: 30px 0;
    }
    .btn-wrapper{
        justify-content: space-evenly;
        margin-top: 1.5rem;
    }
    footer .right-footer{
        padding: 20px;
        text-align: left;
    }
    .right-footer .right-img{
        display: block;
    }
    .right-footer .right-img img{
        max-width: 350px;
    }
    .works .step1::after{
        right: -30%;
    }
}
/* *******************************MEDIA QUERY 420px**************************** */
@media (max-width: 420px){
    .menu-items{
        width: 40vw;
        right: -40%;
    }
    .floater-subhead{
        max-width: 100%;
    }
    .floater0{
        top: 15%;
        bottom: unset;
    }
    .floaters span{
        font-size: 28px;
    }
    .floaters{
        font-size: 14px;
    }
    .floater1{
        top: 14.5%;
        left: unset;
    }
    .floater2{
        top: 22.5%;
    }
    .floater3{
        bottom: unset;
        top: 34.5%;
    }
    .floater4{
        top: 39.5%;
        right: 10%;
        bottom: unset
    }
    .help .help-sub-wrap{
        min-height: 140px;
    }
    .help .help-sub-wrap .help-text p{
        font-size: 16px;
    }
    footer .right-footer{
        text-align: center;
    }
    .right-footer .right-img{
        display: none;
    }
}
/* *******************************MEDIA QUERY 360px**************************** */
@media (max-width: 360px){
    .menu-items{
        width: 50vw;
        right: -50%;
    }
    .heroWrapper{
        padding: 95px 0 360px;
    }
    .heroWrapper::before{
        left: -50%;
        top: 0;
    }
    .navcta{
        min-width: 100px;

    }
    .floaters{
        font-size: .75rem;
    }
    .heroWrapper .formHead2 h4{
        font-size: 1.4rem;
    }
    .floaters span{
        font-size: 24px;
    }
    .floaters{
        font-size: 13px;
    }
    .floater0{
        top: 15.5%;
    }
    .floater1{
        top: 15.5%;
    }
    .floater2{
        top: 21.5%;
    }
    .floater3{
        top: 32.5%;
    }
    .floater4{
        top: 37.5%;
        right: 10%;
    }
    .mobile-hero-floaters{
        min-height: 66%;
    }
    .floater-subhead p{
        font-size: 20px;
    }
    .partners-title .text-wrapper h2{
        line-height: 1.5;
    }
    .title h2{
        font-size: 28px;
        line-height: 1;
    }
    .sample-cta .btn, .sample-cta .btn:hover{
        font-size: 14.5px;
    }
    .samples .nav-pills .nav-link{
        font-size: 13px;
        padding: .5rem .55rem;
    }
    .samples .nav-pills{
        min-height: 55px;
    }
    .samples .nav-pills .nav-link.active::after{
        bottom: 18%;
    }
    .heart-text p{
        font-size: 10.5px;
    }
    .future-text p{
        font-size: 22px;
        line-height: 1.2;
        letter-spacing: 1.25px;
    }
    .future-cta .btn, .future-cta .btn:hover, .future-cta .btn:active{
        font-size: 14.5px;
    }
    .smtxt{
        font-size: .8rem !important;
    }
    .services .title h2{
        margin-bottom: 1.25rem;
    }
    .serv-right .serv-form .btn{
        font-size: 14.5px;
    }
    .destinations .sub-title h3{
        font-size: 20px;
        line-height: 1.75;
    }
    .destinations .sub-title{
        padding: 1rem;
    }
    .destinations .title h2{
        margin-bottom: .75rem;
        font-size: 26px;
    }
    .dest-cta .btn, .dest-cta .btn:active{
        font-size: 16px;
    }
    .help .title h2::before{
        transform: scale(.8);
        margin-right: 3px;
    }
    .help .title h2{
        font-size: 22.5px;
        text-align: left;
    }
    .help .title p{
        font-size: 14.5px;
    }
    .help .title{
        margin-bottom: .5rem;
    }
    .help .help-sub-wrap{
        min-height: 140px;
    }
    .help .help-sub-wrap .help-text p{
        font-size: 14.5px;
        line-height: 1.5;
    }
    .works .step h5{
        font-size: 1.1rem;
    }
    .works .step span{
        font-size: 50px;
    }
    .works .step1::after{
        right: -40%;
    }
    .works .content-wrapper .btn{
        font-size: 16.5px;
    }
    .academic .text-wrapper h2::before{
        margin-right: 10px;
        vertical-align: middle;
    }
    .faq .btn, .faq .btn:active{
        font-size: 16.5px;
    }
    .faq .title h2{
        margin-bottom: 1.25rem;
    }
    .testmon{
        padding: 30px 0;
    }
    .testmon h2{
        margin-bottom: 1.25rem;
    }
    .testimonial .icon{
        font-size: 45px;
    }
    .right-footer .creative h5{
        font-size: 18px;
    }
    .right-wrap h4{
        font-size: 24px;
    }
    .right-wrap .btn{
        font-size: 14.5px;
    }
}

.recaptcha{    margin: 0px auto 20px;
    width: 300px;}