@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@font-face {
    font-family: 'CirkaBold';
    src: url('../fonts/CirkaBold.eot');
    src: url('../fonts/CirkaBold.eot') format('embedded-opentype'),
         url('../fonts/CirkaBold.woff2') format('woff2'),
         url('../fonts/CirkaBold.woff') format('woff'),
         url('../fonts/CirkaBold.ttf') format('truetype'),
         url('../fonts/CirkaBold.svg#CirkaBold') format('svg');
}
@font-face {
    font-family: 'CirkaVariable';
    src: url('../fonts/CirkaVariable.eot');
    src: url('../fonts/CirkaVariable.eot') format('embedded-opentype'),
         url('../fonts/CirkaVariable.woff2') format('woff2'),
         url('../fonts/CirkaVariable.woff') format('woff'),
         url('../fonts/CirkaVariable.ttf') format('truetype'),
         url('../fonts/CirkaVariable.svg#CirkaVariable') format('svg');
}
*{padding: 0;margin: 0;list-style-type: none;text-decoration: none;outline: none;box-sizing: border-box;}
body {
    margin: 0;
    padding: 0;
    font-family: "Outfit", sans-serif;
    background-color: #003359;
    overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6{font-family: 'CirkaBold';margin: 0;padding: 0;}
p{font-family: "Outfit", sans-serif;font-size: 17px;padding: 0;margin: 0;color: #000000;}
img {max-width: 100%;border: none;}
a{text-decoration: none;outline: none !important; color: #000;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;-ms-transition: all 0.5s ease;transition: all 0.5s ease;}
.p-80{padding: 80px 0;}
.card, .card-body, .card-footer{border: none;background-color: transparent;border-radius: 0;}
.from-group{ margin-bottom:15px;}

.btn {
    font-size: 17px;
    font-weight: 500;
    border-radius: 30px;
    padding: 12px 30px;
}
.btn-primary {
    border-color: #ffffff;
    background-color: #ffffff;
    color: #003359;
}
.btn-primary:hover, .btn-primary:focus {
    border-color: #003359;
    background-color: #003359;
    color: #fff;
}
.btn-outline-primary{
    border-color: #ffffff;
    color: #ffffff;
}
.btn-outline-primary:hover, .btn-outline-primary:focus{
    border-color: #ffffff;
    background-color: #ffffff;
    color: #283a2b;
}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    background-color: #003359;
    border-color: #003359;
}
.about-section{
    background-color: #fff;
}

@media screen and (min-width:320px){
   .header-area.fix {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
    background-color: #003359;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    box-shadow: 0px 2px 6px hsl(0deg 0% 100% / 8%);
    padding: 8px 0;
}
    .header-area.fix .menu ul li a {
        padding: 0px 0px;
        font-size: 14px;
    }
   .header-area.fix .logo {
    max-width: 210px;
}
    .header-area.fix .contact a img {
        height: 22px;
    }
    .header-area.fix .menu ul li a:after {
        bottom: -9px;
    }
    .header-area.fix .contact a {
        font-size: 15px;
    }

@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
}
/*menu CSS
--------------------------------------------------------------------------------------------------*/
.menu {
    margin-right: 30px;
}
.menu ul{margin:0;padding:0;font-size:0;}
.menu ul li{display:inline-block;padding:0;list-style-type:none;position:relative;vertical-align:middle;}
.menu ul li a::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    opacity: 0;
}
.menu ul li.active a::after{opacity: 1;}
.headarea.innerheader .menu ul li a{ color: #000; }
.menu ul li a {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    display: block;
    padding: 40px 0px;
    margin-right: 20px;
    position: relative;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.menu ul li:last-child a{
    margin: 0;
}
.menu ul li a:hover, .menu ul li.active a {
    color: #ffffff;
}
.menu ul li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 2px;
    width: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background-image: url(../images/line.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 100%;
}
.headarea.innerheader .menu ul li a:after{ background: #000;}
.menu ul li a span {
    display: inline-block;
    vertical-align: 0px;
    margin-left: 6px;
    font-size: 10px;
}
.menu ul li.active a:after{ width: 100%; }
.menu ul li:hover ul li a:hover{color:#fff;background-color:#54c6e0;}
.menu ul li:hover ul li:hover{border-color: transparent;}
.menu ul li ul {
    width: 240px;
    position: absolute;
    top: calc(100% + 30px);
    left: 0;
    z-index: 2;
    background-color: #ffffff;
    text-align: left;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0px 2px 6px rgb(30 75 104 / 8%);
}
.menu ul ul li:first-child:before{display:none;}
.menu ul ul li:after{display:none;}
.menu ul li:last-child ul{width:220px;position:absolute;top:100%;left:auto;right:0;z-index:2;background-color:#ffffff;box-shadow:0px 5px 14px rgb(0 0 0 / 2%);text-align:left;}
.menu ul li ul li a {
    font-size: 14px;
    text-transform: none;
    padding: 12px 15px;
    color: #000;
    line-height: 20px;
    font-weight: 400;
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
    display: block;
    margin: 0;
}
.menu ul li ul li ul{top:10px;left:149px;}
.menu ul li ul li span{right:7px;top:12px;}
.menu ul li a:hover.menu ul li ul{display:block;}
.menu ul li ul li {
    display: block;
    padding: 0;
    border-bottom: 1px solid #E6E6E6;
    border-right: none;
}
.menu ul li ul li:last-child{border:none;}
.menuButton{width:40px;height:35px;padding:5px;float:right;display:none;}
.menuButton span{width:100%;height:3px;background:#fff;margin-bottom:6px;float:left;transition:all 0.3s ease-in-out 0s;}
.menuButton span:last-child{margin-bottom:0;}
@media (min-width:991.98px){.menu ul{display:block!important;}
 .menu ul li:hover > ul{opacity:1;top:100%;visibility:visible;}
}
@media (max-width:991.98px){.menuButton{display:block;margin-left:15px;cursor:pointer;position: absolute;
    right: 50px;top: 20px;}
 .menu ul li span{background:url(../images/menu_arrow.png) center center no-repeat;cursor:pointer;width:15px;height:15px;position:absolute;right:15px;top:20px;z-index:99;}
 .menu ul li:hover span{background:url(../images/menu_arrow_hover.png) center center no-repeat;}
 .arrow_change span:nth-child(2){display:none;}
 .arrow_change span:first-child{position:relative;top:9px;transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
 .arrow_change span:last-child{position:relative;top:1px;transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
 .menuBar{padding:15px 0;}
 .menu{padding:5px 0;}
 .menu ul{display:none;background-color:#fff;position:absolute;top:100%;left:0;width:100%;z-index:99;}
 .menu ul li a{color:#071731;display:block;width:100%;font-size:14px;}
 .menu ul li ul{display:none;background-color:#0b9bec;position:relative;top:5px;left:0;width:100%;z-index:1;padding:0;}
 .menu ul li:last-child ul{display:none;background-color:#3958a1;position:relative;top:5px;left:0;width:100%;z-index:1;}
 .menu ul li{display:block;padding:10px 15px 10px 15px;border-top:1px solid #cccccc54;text-align:left;position:relative;}
 .menu ul li span{position:absolute;right:30px;z-index:99;cursor:pointer;top:12px;text-align:center;}
 .menu ul li ul li ul{top:0;left:0;}
 .menu ul li ul li a{font-size:12px;text-transform:none;background-color:#3db0f0;padding:8px 12px;}
}

.banner{
    position: relative;
}
.banner img{
    width: 100%;
    object-fit: cover;
}
.banner .banner-contain{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.banner .banner-contain .contain-box{
    width: 100%;
    max-width: 650px;
}
.banner .banner-contain h1, .banner .banner-contain h2, .banner .banner-contain h3 {
    color: #ffffff;
    font-size: 60px;
    font-weight: 700;
    line-height: 65px;
    margin: 0 0 25px;
}
.banner .banner-contain p {
    color: #f1f1f1;
    font-weight: 300;
    margin: 0 0 15px;
}
.banner .banner-contain .btn{
    margin-right: 8px;
}
.banner-carousel{
    position: relative;
}
.banner-carousel .owl-dots {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 22px 0;
}
.banner-carousel .owl-dots .owl-dot span{
    display: none;
}
.banner-carousel .owl-dots .owl-dot{
    width: 15px;
    height: 15px;
    border: 1px solid #ffffff;
    border-radius: 100%;
    margin-right: 5px;
    position: relative;
}
.banner-carousel .owl-dots .owl-dot:last-child{
    margin: 0;
}
.banner-carousel .owl-dots .owl-dot::before{
    content: '';
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 7px;
    height: 7px;
    background-color: #ffffff;
    border-radius: 100%;
    opacity: 0;
    -webkit-transition: all 0.5s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;
}
.banner-carousel .owl-dots .owl-dot.active::before{
    opacity: 1;
}
@-webkit-keyframes fadeInDown {
    0% {
       opacity: 0;
       -webkit-transform: translateY(-20px);
    }
    100% {
       opacity: 1;
       -webkit-transform: translateY(0);
    }
 }
 
 @keyframes fadeInDown {
    0% {
       opacity: 0;
       transform: translateY(-20px);
    }
    100% {
       opacity: 1;
       transform: translateY(0);
    }
 }
.banner-carousel{}
.banner-carousel .owl-item.active .banner .banner-contain h1, .banner-carousel .banner .banner-contain h2, .banner-carousel .banner .banner-contain h3{
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.banner-carousel .owl-item.active .banner .banner-contain p{
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
.banner-carousel .owl-item.active .banner .banner-contain .btn-box{
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
/*-- banner area stop --*/
/*-- header area start --*/
.header-area {
    position: relative;
    width: 100%;
    z-index: 91;
    background-color: #003359;
}
.header-area .logo {
    width: 100%;
    max-width: 230px;
}
.header-area .logo img{
    width: 100%;
    object-fit: cover;
}
.header-area .contact a {
    display: inline-flex;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
}
.header-area .contact a img {
    object-fit: contain;
    margin-right: 8px;
    height: 28px;
    filter: brightness(0) saturate(100%) invert(90%) sepia(32%) saturate(933%) hue-rotate(14deg) brightness(104%) contrast(87%);
}
.header-right .btn-menu{
    margin-left: 20px;
    display: none;
}
.header-right .btn-menu img {
    width: auto;
    height: 55px;
}
/*-- header area stop --*/
/*-- innerWhatWeDo area start --*/

.custom-trip-img img{
    width: 90%;
  object-fit: cover;
  border-radius: 50%;
}
.innerexcellence-imgbox{
    position: relative;
}
.innerexcellence-imgbox img{
    width: 100%;
    object-fit: cover;
    position: relative;
    z-index: 0;
}
.innerWhatWeDo-area .headingbox{
    padding-left: 20px;
}
.headingbox h3 {
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
    font-family: "Outfit", sans-serif;
    color: #fff;
    position: relative;
    margin-bottom: 5px;
    padding: 0 60px;
}
/*.headingbox h3::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #8496EA;
}
.headingbox h3 span {
    background-color: #222b4c;
    position: relative;
    z-index: 1;
    padding: 0 10px;
}*/
.headingbox h2 {
    font-size: 46px;
    line-height: 46px;
    color: #ffffff;
    font-family: 'CirkaVariable';
    margin-bottom: 24px;
}
.headingbox p{
    color: #ffffff;
    font-size: 16px;
    font-weight: 200;
    line-height: 24px;
    margin: 0 0 20px;
}
.innerWhatWeDo-area .headingbox .btn{
    margin-top: 20px;
}
.innerWhatWeDo-area {
    padding: 80px 0 80px;
    position: relative;
    z-index: 1;
}
.innerWhatWeDo-area .headingbox h3, .innerWhatWeDo-area .headingbox h3 span {
    padding-left: 0;
}
/*-- innerWhatWeDo area stop --*/


/*-- servicearea start --*/
.servicearea {background: #fff;position: relative;
    background-image: url(https://travelent.co.uk/wp-content/uploads/2024/03/2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;}
 .serviceareabody{background-color: rgb(255 255 255 / 50%);
    padding: 80px 0px;}   
.servicearea .headingbox {width: 100%;max-width: 660px;}
.servicearea .headingbox h2 {
    margin: 0;
    font-size: 40px;
    line-height: 45px;
    color: #000000;
    position: relative;
    padding-bottom: 30px;
}
.servicearea .headingbox h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 350px;
    height: 2px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgb(0 51 89) 0%, rgba(255, 255, 255, 0.5046393557422969) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgb(0 51 89) 0%, rgba(255, 255, 255, 0.5046393557422969) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg, rgb(0 51 89) 0%, rgba(255, 255, 255, 0.5046393557422969) 50%, rgba(255, 255, 255, 0) 100%);
}
.servicearea .headingbox h3{color: #000; padding: 0px;}
.servicearea .headingbox h3::before{ display: none;}
.servicearea-media .imgbox {height: 250px;overflow: hidden;width: 100%; position: relative;transition: all .5s ease-in-out ;}
.servicearea-media .imgbox img{width: 100%; height: 100%;object-fit: cover;transition: all .5s ease-in-out ;}
.servicearea-media .servicearea-body {
    background-color: #ffffff;
    padding: 20px 25px;
    position: relative;
    border-top: 4px solid #ffffff;
}
.servicearea-carousel .owl-item{padding: 10px;}
.servicearea-carousel .owl-item.center .servicearea-media .servicearea-body{display: block;}
.servicearea-media .servicearea-body h3 {color: #000;font-size: 40px;line-height: 45px;margin: 0 0 10px;}
.servicearea-media .servicearea-body h4 {font-size: 23px;font-family: 'CirkaVariable';color: #ffffff;position: relative;
padding-bottom: 20px;margin-bottom: 20px;}
.servicearea-media .servicearea-body p {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
}
.servicearea-media .servicearea-body .btn-outline-primary {
    border: 2px solid #ffffff;
    position: absolute;
    top: -25px;
    right: 15px;
    border-radius: 50%;
    padding: 0px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #003359;
    margin-top: 0px;
    color: #ffffff;
    font-size: 20px;
    transition: all .5s ease-in-out;
    box-shadow: 0px 3px 5px hsl(0deg 0% 0% / 29%);
}
.servicearea-media:hover img{ transform: scale(1.1); transition: all .5s ease-in-out ;}
.servicearea-media:hover .btn-outline-primary{background: #003359;border: 2px solid #fff;color: #fff;
transition: all .5s ease-in-out ;}
.servicearea .btn {
    border: 1px solid #ffffff;
    transition: all .5s ease-in-out;
    background: #ffffff;
    color: #003359;
    box-shadow: 3px 3px 2px hsl(0deg 0% 0% / 19%);
}
.servicearea .btn:hover {
    background: #003359;
    color: #fff;
    transition: all .5s ease-in-out;
    border-color: #003359;
}
/*-- servicearea stop --*/


/*-- specialise area start --*/
.specialise-area {
    padding: 80px 0px;
    background: #ffffff;
}
.specialise-area.team-area{
	background: #fff;
}
.specialise-area .headingbox{margin-bottom: 50px;}
.specialise-area .headingbox h3::before {display: none;}
.logoright{ padding-left: 35px;}
.specialise-box {
    background: #ffffff;
    text-align: center;
    padding: 20px 15px;
    border-radius: 0px;
    border: 1px solid #ffffff82;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 22%);
    width: 96%;
    max-width: 96%;
    margin: auto;
    margin-bottom: 5px;
}
.specialise-box:hover{border-left: 1px solid;border-right: 1px solid;border-color: #ffffff;transition: all .5s ease-in-out ;}
.specialise-area h3 {
    color: #003359;
    padding: 0px;
    margin-bottom: 10px;
}
.specialise-area .headingbox p {
    color: #000000;
    font-weight: 300;
}
.specialise-area h2{ position: relative; padding-bottom: 25px; color: #003359;}
.specialise-area h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 200px;
    height: 2px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgb(0 51 89) 0%, rgb(0 51 89 / 31%) 50%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(90deg, rgb(0 51 89) 0%, rgb(0 51 89 / 31%) 50%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg, rgb(0 51 89) 0%, rgb(0 51 89 / 31%) 50%, rgba(255, 255, 255, 0) 100%);
}
.specialise-box h4 {
    color: #000000;
    font-size: 20px;
    font-family: 'CirkaVariable';
    font-weight: bold;
}
.specialise-box .icon {
    height: 80px;
    margin: 0 auto 10px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s ease-in-out;
}
.specialise-box .icon img {
    position: relative;
    z-index: 1;
    width: 60px;
    height: 44px;
    object-fit: contain;
    transition: all .5s ease-in-out;
    filter: brightness(0) saturate(100%) invert(14%) sepia(17%) saturate(6816%) hue-rotate(184deg) brightness(98%) contrast(101%);
}
.specialise-box:hover .icon img{filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(120deg) brightness(102%) contrast(104%);transition: all .5s ease-in-out ;}
.specialise-box .icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #f1f1f1;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    margin: 0 auto;
    transition: all .5s ease-in-out;
}
.specialise-box:hover .icon::before {
    background: #003359;
    transition: all .5s ease-in-out;
}
.specialise-area .headingbox h3, .specialise-area .headingbox h3 span{
    padding-left: 0;
}
/*-- specialise area stop --*/


/*-- enjoy area start --*/
.enjoy-area {
    position: relative;
    padding: 140px 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
}

.enjoy-area::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 60%);
}
.enjoy-area .enjoy-body{
    width: 100%;
    max-width: 647px;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
.enjoy-area .enjoy-body h3 {
    font-size: 60px;
    line-height: 67px;
    margin: 0 0 45px;
    color: #ffffff;
}
/*-- enjoy area stop --*/
/*-- form area start --*/
.form-area {
    padding: 0 0 50px;
    background-color: #fff;
}

.form-body {
    background-color: #ffffff;
    padding: 75px 55px 0;
    position: relative;
    margin-top: -62px;
    box-shadow: 0px 2px 5px 6px rgb(0 0 0 / 4%);
}
.form-body .headingbox{
    padding-bottom: 45px;
}
.form-body .headingbox h2 {
    color: #000000;
    margin-bottom: 20px;
}
.form-body .headingbox h2 .tagtext {
    font-size: 13px;
    font-weight: 500;
    font-family: "Outfit", sans-serif;
    letter-spacing: 1px;
    color: #003359;
    line-height: 30px;
    text-transform: uppercase;
    display: block;
}
.form-body .headingbox p {
    color: #000000;
    font-weight: 400;
}
.form-body .headingbox ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.form-body .headingbox ul li {
    position: relative;
    padding-left: 24px;
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    margin: 0 0 8px;
}
.form-body .headingbox ul li::before {
    content: '\f058';
    position: absolute;
    top: 1px;
    left: 0;
    font-size: 16px;
    font-family: FontAwesome;
    color: #003359;
}
.form-body .formBox {
    padding: 24px;
    background-color: #003359;
    position: relative;
}
.footer-area .container{ position: relative; z-index: 99;}
.form-body .formBox::after {
    content: '';
    position: absolute;
    bottom: -55px;
    left: 0;
    width: 100%;
    height: 55px;
    background-color: #124165;
}
.form-body .formBox::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://travelent.co.uk/wp-content/uploads/2024/03/sape3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0.7;
    z-index: 0;
}
.form-body .formBox .form-group {
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
}
.form-body .formBox .form-control {
    border-radius: 0;
    height: 50px;
    background-color: rgb(255 255 255);
    color: #000000;
    border-color: rgb(218 222 198 / 70%);
}
.form-body .formBox .form-control::placeholder{
    color: #283a2b;
}
.form-body .formBox .form-control:focus{
    box-shadow: none;
    border-color: #dadec6;
}
.form-body .formBox textarea.form-control{
    height: 100px;
    resize: none;
}
/*-- form area stop --*/


.footer-area {
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-top: 60px;
    background-color: #003359;
}
.footer-area:before {
    content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url(https://travelent.co.uk/wp-content/uploads/2024/03/pattern.png);
  right: 0;
  bottom: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
  background-position: top;
}
.footer-area:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url(../images/footercloud.svg);
    width: 100%;
    height: 440px;
    z-index: 9;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.footer-logo {
    max-width: 310px;
    margin-bottom: 30px;
}
.footer-area .footer-menu {
    border-bottom: 1px solid rgba(161, 167, 191, 1);
    padding-bottom: 30px;
}
.footer-area .footer-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
}
.footer-area .footer-menu ul li {
    margin-right: 50px;
}
.footer-area .footer-menu ul li a{ font-family: 'CirkaVariable'; font-size:32px; color:#fff; }
.copyright-area a:hover{background-color: #fff;}
.copyright-area a:hover img{filter: brightness(0) saturate(100%) invert(9%) sepia(5%) saturate(3486%) hue-rotate(78deg) brightness(99%) contrast(83%);}
.copyright-area {
    padding: 30px 0;
}
.copyright-area p {
    color: #fff;
    font-family: 'CirkaVariable';
    font-size: 22px;
    margin-right: 20px;
}
.copyright-area a {
    min-width: 39px;
    display: inline-flex;
    height: 39px;
    border: 1px solid rgba(255, 255, 255, 1);
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    border-radius: 8px;
}
.footer-area ol{margin: 0px 0px 20px 0px; background: #ffffff0d;padding: 15px 20px;}
.footer-area ol li{ display: inline-block; font-size: 20px; color: #fff; padding-right: 15px;}
.footer-area ol li span{ margin-left: 5px;}
.footer-area ol li a{font-size: 20px; color: #fff;}


.navbar .nav-links li:nth-of-type(1), .navbar .nav-links li:nth-of-type(2), .navbar .nav-links li:nth-of-type(3), .navbar .nav-links li:nth-of-type(4), .navbar .nav-links li:nth-of-type(5) {
     opacity: 0;
     transition: 0.3s ease-in all;
}
 .navbar .nav-links li:nth-of-type(1).nav-link-open, .navbar .nav-links li:nth-of-type(2).nav-link-open, .navbar .nav-links li:nth-of-type(3).nav-link-open, .navbar .nav-links li:nth-of-type(4).nav-link-open, .navbar .nav-links li:nth-of-type(5).nav-link-open {
     opacity: 1;
     transform: translateY(10px);
}
 .navbar .nav-links li a::before, .navbar .nav-links li a::after {
     position: absolute;
     content: '';
     height: 4px;
     width: 0%;
     background-color: #2a3255;
     left: 0;
     border-radius: 2px;
     transition: 0.3s ease all;
}
.navbar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    height: 100%;
    width: 100%;
    background-color: #8798ea;
    clip-path: circle(0px at 0 0px);
    transition: 0.5s ease all;
}
.navbar .btn-close.btn-menu {
    background-color: #ffffffe3;
    opacity: 1;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    position: absolute;
    right: 40px;
    top: 40px;
    box-shadow: 0px 0px 5px #000;
}
.navbar .nav-links {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translate(-30%, -50%);
    height: 80vh;
    overflow: auto;
    margin: 0;
}
.navbar .nav-links li {
    list-style-type: none;
    margin: 2rem 0;
}
 .navbar .nav-links li:nth-of-type(1).nav-link-open {
     transition-delay: 0.25s;
}
 .navbar .nav-links li:nth-of-type(2).nav-link-open {
     transition-delay: 0.35s;
}
 .navbar .nav-links li:nth-of-type(3).nav-link-open {
     transition-delay: 0.45s;
}
 .navbar .nav-links li:nth-of-type(4).nav-link-open {
     transition-delay: 0.55s;
}
 .navbar .nav-links li:nth-of-type(5).nav-link-open {
     transition-delay: 0.65s;
}
.navbar .nav-links li a {
    text-decoration: none;
    color: #2a3255;
    font-size: 34px;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}
 .navbar .nav-links li a::before {
     top: -2px;
}
 .navbar .nav-links li a::after {
     bottom: -5px;
}
 .navbar .nav-links li a:hover::before {
     width: 100%;
}
 .navbar .nav-links li a:hover::after {
     width: 100%;
}
 .navbar.nav-open {
     display: block;
     clip-path: circle(100%);
}




.client-area{
    position: relative;
    background-image: url(https://travelent.co.uk/wp-content/uploads/2024/03/testimonial-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
.client-textbox{}
.client-textbox .headingbox h3{
    padding-left: 0;
}
.client-textbox .headingbox h2 {
    font-size: 64px;
    line-height: 70px;
    margin-bottom: 24px;
}
.client-textbox .client-feedback p{
    font-family: "Outfit", sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    position: relative;
    padding: 5px 60px;
}
.client-textbox .client-feedback .client-name {
    padding-left: 60px;
    position: relative;
    margin-left: 57px;
}
.client-textbox .client-feedback h4 {
    font-size: 28px;
    line-height: 30px;
    margin-top: 10px;
    color: #fff;
    position: relative;
}
.client-textbox .client-feedback .client-name:before {
    content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: #ffffff42;
    left: 0;
    top: 17px;
}
.client-textbox .client-feedback h4 small {
    display: block;
    color: #8799EB;
    font-size: 20px;
}
.client-textbox .client-feedback p:after {
    content: "";
    position: absolute;
    background-image: url(../images/qurtop.png);
    width: 40px;
    height: 30px;
    background-position: center;
    background-size: contain;
    top: 0;
    left: 0;
    z-index: -1;
    background-repeat: no-repeat;
}
.client-textbox .client-feedback p:before {
    content: "";
    position: absolute;
    background-image: url(../images/qurbottom.png);
    width: 40px;
    height: 30px;
    background-position: center;
    background-size: contain;
    bottom: -6px;
    right: 56px;
    z-index: -1;
    background-repeat: no-repeat;
}
.client-area .headingbox {
    text-align: center;
    width: 100%;
    margin: 0 auto 45px;
    max-width: 710px;
}
.client-area .headingbox h3 {
    text-align: center;
    width: 100%;
    margin: 0 0 0;
    font-family: 'CirkaBold';
    font-size: 45px;
    color: #000000;
}
.client-area .headingbox h3::before{
    display: none;
}
.client-area .headingbox .tagline{
    position: relative;
    display: inline-block;
}
.client-area .headingbox .tagline span {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #283a2b;
    line-height: 30px;
    text-transform: uppercase;
    padding: 0 10px;
}
.client-area .headingbox .tagline{}
.client-area .headingbox h3::before{
    display: none;
}
.card.client-testimonial-box{
    overflow: hidden;
    -webkit-transition: all 0.5s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;
    border-radius: 10px;
}
.card.client-testimonial-box .card-body {
    border-radius: 10px;
    padding: 35px 30px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    background-color: #ffffff;
    position: relative;
}
.card.client-testimonial-box:hover .card-body{
    background-color: #DADEC6;
}
.card.client-testimonial-box:hover .card-body::after{
    border-top-color: #DADEC6;
}
.card.client-testimonial-box .card-body::after {
    content: '';
    position: absolute;
    bottom: -25px;
    left: 35px;
    border-right: 25px solid transparent;
    border-left: 25px solid transparent;
    border-top: 25px solid #ffffff;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.card.client-testimonial-box .card-body p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.card.client-testimonial-box:hover .card-body p{
    color: #000000;
}
.card.client-testimonial-box .card-body .reating {
    color: #fa8714;
    font-size: 12px;
    margin: 0 0 12px;
    letter-spacing: 2px;
	padding: 0px;
}

.card.client-testimonial-box .card-body .reating li{ display:inline-block;}

.card.client-testimonial-box h3{
    -webkit-transition: all 0.5s ease;                  
    -moz-transition: all 0.5s ease;                 
    -o-transition: all 0.5s ease;   
    -ms-transition: all 0.5s ease;          
    transition: all 0.5s ease;
}
.card.client-testimonial-box .card-footer {
    padding: 40px 35px 0;
}
.card.client-testimonial-box .card-footer .testimonial-admin .icon {
    width: 100%;
    max-width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    border: 2px solid #283a2b;
}
.card.client-testimonial-box .card-footer .testimonial-admin .icon img{
    width: 100%;
    object-fit: cover;
}
.card.client-testimonial-box .card-footer .testimonial-admin .body {
    padding-left: 10px;
}
.card.client-testimonial-box .card-footer .testimonial-admin .body h4 {
    font-size: 17px;
    font-weight: 600;
    color: rgb(40 58 43);
    font-family: Outfit, sans-serif;
    margin: 0 0 2px;
}
.card.client-testimonial-box .card-footer .testimonial-admin .body small {
    font-size: 14px;
    font-weight: 400;
    color: #283a2b;
}
.card.client-testimonial-box .card-body .quote {
    width: 100%;
    max-width: 75px;
    height: 75px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 51 89);
    font-size: 24px;
    border-radius: 100%;
    position: absolute;
    top: -15px;
    right: -15px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff;
}
.card.client-testimonial-box:hover .card-body .quote{
    background-color: #ffffff;
    color: #000;
}
.client-body-area {
    background-color: rgb(255 255 255 / 50%);
    padding-bottom: 150px;
}
.banner-area.aboutbanner:after{
    display: none;
}
.banner-contain-box.abouttext {
    order: inherit;
}

.banner-area.aboutbanner {
    overflow: hidden;
    padding: 130px 0px 70px;
}
.banner-contain-box.abouttext .banner-contain h1 {
    font-size: 56px;
    line-height: 54px;
	color: #fff;
	margin-bottom:15px;
}

.banner-contain-box.abouttext .banner-contain p{color: #fff;}

.about-banner .aboutthumble {
    width: 90%;
    margin-left: auto;
}

.about-banner .aboutthumble img{ border-radius:10px;}

.banner-area.aboutbanner .about-banner{
    position: relative;
}
.banner-area.aboutbanner .about-banner:after {
    content: "";
    width: 100%;
    position: absolute;
    left: 20px;
    top: 10%;
    height: 76%;
    background-color: rgb(255 255 255 / 45%);
    z-index: -1;
}
.banner-area.aboutbanner .about-banner:before {
    content: "";
    width: 1500px;
    position: absolute;
    right: -1520px;
    top: 10%;
    height: 76%;
    background-color: rgb(255 255 255 / 45%);
    z-index: -1;
}


.meetteam-area {
    position: relative;
    padding: 24px 0;
    margin-top: 70px;
}
.meetteam-area:after {
    content: "";
    position: absolute;
    left: 0;
    width: 20%;
    height: 100%;
    top: 0;
    background-color: #8799eb;
    z-index: -1;
    border-radius: 0 130px 130px 0px;
}
.meetteam-area:before {
    content: "";
    position: absolute;
    left: -1500px;
    width: 1500px;
    height: 100%;
    top: 0;
    background-color: #8799eb;
    z-index: -1;
}
.meetteam-area .meetream-list {
    padding-left: 50px;
    margin: 30px 0;
}
.meetteam-area .meetream-list .team-thumble {
    min-width: 230px;
    height: 245px;
    border-radius: 4px;
    overflow: hidden;
    border: 7px solid #ffffff;
    box-shadow: 0 0 0 4px #003359, 0 0 0 4px #003359;
}
.meetteam-area .meetream-list .team-thumble img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.meetteam-area .meetream-list .team-bodytext {
    padding-left: 50px;
}
.meetteam-area .meetream-list .team-bodytext h4 {
    font-size: 34px;
    color: #fff;
    margin-bottom: 5px;
}
.meetteam-area .meetream-list .team-bodytext h5 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 12px;
}
.meetteam-area .meetream-list .team-bodytext p {
    color: #fff;
    font-size: 18px;
    font-weight: 200;
}
.servicetext .headingbox p {
    font-size: 22px;
    line-height: normal;
}
.servicearea .servicebox-list {
    background-color: #ffffffe8;
    width: 94%;
    border-top: 1px solid rgb(255 255 255 / 13%);
    padding: 20px;
	position: relative;
  z-index: 9;
}
.servicearea .servicebox-list .servicebox-thumble {
    display: flex;
    width: 100%;
    overflow: hidden;
    height: 460px;
    padding-right: 30px;
}
.servicearea .servicebox-list .servicebox-thumble img{
    width: 100%;
    height: 100%;
    object-fit: cover;
	border-radius: 10px;
}
.servicearea .servicebox-list .servicebox-textarea {
    padding: 15px 30px;
}
.servicearea .servicebox-list .servicebox-textarea h4 {
    font-size: 24px;
    color: #003359;
    margin-bottom: 5px;
}
.servicearea .servicebox-list .servicebox-textarea h5 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 24px;
}
.servicearea .servicebox-list .servicebox-textarea p {
    font-size: 18px;
    color: #000;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 24px;
}
.servicearea .servicebox-list .servicebox-textarea a {
    display: inline-block;
    background-color: #003359;
    padding: 12px 30px;
    color: #fff;
    border-radius: 6px;
}
.servicearea .servicebox-list .servicebox-textarea a:hover{
    background-color:#000;
}
.servicearea .container .servicebox-list:nth-of-type(2n) .col-5{
    order: 2;
}
.servicearea .container .servicebox-list:nth-of-type(2n) .col-5 .servicebox-thumble{
    padding-right: 0;
    padding-left: 30px;
}
.custom-trip-area h4{ color:#fff;}
.joinusbox {
    padding: 24px;
}
.joinusbox h3 {
    font-size: 32px;
    color: #fff;
    margin-bottom: 10px;
}
.joinusbox p {
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 15px;
}
.headingbox h2 {
    font-family: 'CirkaBold';
}

/*-- about area start --*/
.about-section .image-column {
    position: relative;
    margin-bottom: 30px;
}
.about-section .image-column .inner-column {
    position: relative;
    padding-right: 25px;
    display: flex;
    justify-content: end;
}
.about-section .image-column .image-1 {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    text-align: right;
    width: 100%;
    max-width: 315px;
}
.overlay-anim:after {
    background: rgba(255,255,255,.3);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    opacity: 1;
    z-index: 9;
    pointer-events: none;
}
.about-section .image-column .image-2 {
    position: absolute;
    left: 70px;
    bottom: 50px;
    margin-bottom: 0;
    border: 12px solid #000000;
    width: 100%;
    max-width: 245px;
}
.about-section .image-column .abs-image {
    position: absolute;
    left: -100px;
    bottom: -60px;
    width: 100%;
    max-width: 314px;
}
.about-contain h1 {
    color: #003359;
    font-size: 45px;
    font-weight: 700;
    line-height: 46px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    position: relative;
}
.about-contain h1::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 100px;
    height: 2px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(90deg, rgb(0 51 89) 0%, hsl(205.62deg 100% 17.45% / 57%) 50%, rgb(255 255 255 / 0%) 100%);
    background: -webkit-linear-gradient(90deg, rgb(0 51 89) 0%, hsl(205.62deg 100% 17.45% / 57%) 50%, rgb(255 255 255 / 0%) 100%);
    background: linear-gradient(90deg, rgb(0 51 89) 0%, hsl(205.62deg 100% 17.45% / 57%) 50%, rgb(255 255 255 / 0%) 100%);
}
.about-contain h1 .subtext {
    display: block;
    font-size: 13px;
    font-family: "Outfit", sans-serif;
    font-weight: 400;
    letter-spacing: 1px;
    color: #003359;
    line-height: 23px;
}
.about-contain p {
    font-size: 16px;
    line-height: 23px;
    color: #000000;
    margin: 0 0 15px;
    font-weight: 300;
}
.call .icon {
    width: 100%;
    max-width: 60px;
    height: 60px;
    border: 1px solid #91a995;
    border-radius: 100%;
}
.call .icon img {
    width: auto;
    height: 30px;
    object-fit: contain;
    filter: brightness(0) saturate(100%) invert(14%) sepia(17%) saturate(6816%) hue-rotate(184deg) brightness(98%) contrast(101%);
}
.call .body-box{
    padding-left: 10px;
}
.call .body-box a{
    color: #003359;
    font-size: 20px;
    font-weight: 600;
}
.call .body-box a:hover{
    text-decoration: underline;
}
.call .body-box small {
    display: block;
    text-transform: capitalize;
    color: #003359;
    font-weight: 600;
}
.about-contain .call{
    padding-top: 15px;
}
/*-- about area stop --*/

.wpcf7-submit{position: relative;
  z-index: 99;}
.servicearea-main-body:after{ position:absolute; content:""; width:100%; height:100%; top:0px; left:0px;background: #ffffff94;}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    color: #fff!important;
}
.team-area .headingbox h3 {
    color: #003359;
}
.team-area .headingbox h2 {
    color: #003359;
}
.team-area .headingbox p {
	color: #000;
}
.specialise-area.team-area h2::after {
	background: rgb(40, 58, 43);
	background: -moz-linear-gradient(90deg, rgb(40, 58, 43) 0%, rgba(255,255,255,0.5046393557422969) 50%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(90deg, rgb(40, 58, 43) 0%, rgba(255,255,255,0.5046393557422969) 50%, rgba(255,255,255,0) 100%);
	background: linear-gradient(90deg, rgb(40, 58, 43) 0%, rgba(255,255,255,0.5046393557422969) 50%, rgba(255,255,255,0) 100%);
}
.meetteam-area .meetream-list .team-bodytext h4 {
    color: #003359;
}
.meetteam-area .meetream-list .team-bodytext h5 {
    color: #003359;
}
.meetteam-area .meetream-list .team-bodytext p {
	color: #000;
}
.innerWhatWeDo-area {
	background-color: #fff;
}
.innerWhatWeDo-area .headingbox h2 {
    color: #003359;
}
.innerWhatWeDo-area .joinusbox h3 {
    color: #003359;
}
.innerWhatWeDo-area .joinusbox p {
	color: #000;
}
.custom-trip-area.servicetext .headingbox p {
	color: #000;
}
.formcontact{
	padding: 100px 0 50px;
	background-color: #fff;
}
.innerWhatWeDo-area.aboutwedoarea {
    background-color: rgb(255 255 255 / 95%);
}
.innerWhatWeDo-area.aboutwedoarea .headingbox h3 {
    color: #003359;
}
.aboutwedoarea .headingbox p {
    color: #000000;
}

.banner {
    position: absolute;
    width: 100%;
    height: 100%;
}
.banner:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 25%);
    z-index: 0;
}
.banner-area {
    height: calc(100vh - 135px);
    position: relative;
    overflow: hidden;
}
.banner .banner-contain {
    height: calc(100vh - 135px);
   
}
.videobg {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    /* position: relative; */
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}

.formcontact .form-body{padding: 75px 55px 40px;}