html{
overflow-x:hidden;
}
body{
margin: 0;
overflow-x:hidden;
font-family: 'Aboreto', system-ui !important;position:relative;
}
a{
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}button{
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-o-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
/* width */
::-webkit-scrollbar {
width: 4px;
}
/* Track */
::-webkit-scrollbar-track {
background: #fff;
}
/* Handle */
::-webkit-scrollbar-thumb {
background: #fff;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #fff;
}
@font-face {
font-family: 'Codec Cold';
src: url('../fonts/CodecCold-Regular.eot');
src: url('../fonts/CodecCold-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/CodecCold-Regular.woff2') format('woff2'),
url('../fonts/CodecCold-Regular.woff') format('woff'),
url('../fonts/CodecCold-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.baner-hed {
float: left;
width: 100%;
text-align: left;
padding-top: 260px;
padding-left: 9%;
}.baner-hed h2:after{
position:absolute;
content:'';
background: #fff;
width: 70px;
height: 2px;
left: 0;
opacity: .7;
top: 7px;
}
.baner-hed h2 {
float: left;
width: 100%;
font-size: 18px;
color: white;
font-family: 'Codec Cold';
opacity: .7;
position: relative;
padding-left: 90px;
letter-spacing: 4px;
}.baner-hed h5 {
float: left;
width: 100%;
font-size: 70px;
font-weight: 400;
color: white;
margin-top: 30px;
}.baner-hed a{width: 174px;float: left;z-index: 99;height: 56px;border: 1px solid #fff;font-family: 'Codec Cold';border-radius: 30px;color: #fff;overflow: hidden;font-size: 15px;padding: 16px 30px;margin-top: 30px;transform: perspective(0) translateZ(0);position: relative;display: inline-block;}
.banner video{
/* height:745px; */
float: left;
width: 100%;
}
.banner{
width: 100%;
float: left;
margin-top: -145px;
height: 745px;
position: relative;
overflow: hidden;
}.banner:after{
position:absolute;
content:'';
height: 100%;
width: 100%;
background: #00000087;
z-index: 0;
top: 0;
left: 0;
}
.baner-hed a img{width: auto !important;float: right;margin-top: 2px;}.baner-hed a:hover{color: #000;text-decoration: none;}
.baner-hed a:hover img{
filter: invert(1);
}.baner-hed a:after{
position: absolute;
content:'';
background: #fff;
left: 0;
width: 0;
top: 0;
height: 50%;
right: auto;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
z-index: -2;
color: #000;
}.baner-hed a:before{
position: absolute;
content:'';
background: #fff;
width: 0;
height: 50%;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
left: auto;
right: 0;
bottom: 0;
z-index: -3;
color: #000;
}
.baner-hed a:hover::before{
width: 100%;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
left: 0;
right: auto;
}
.baner-hed a:hover::after{
width: 100%;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
right: 0;
left: auto;
}.fullscreen-video {
float: right;
background: white;
padding: 12px 12px 9px 12px;
border-radius: 10px 10px 0px 0px;
margin-top: 0px;
bottom: -171px;
position: relative;
}.fullscreen-video a {
float: none;
font-size: 14px;
font-weight: 500;
color: #424912;
margin-left: 10px;
text-decoration: none;
}.fullscreen-video a img {
float: left;
width: 20px;
}
.header{width: 100%;float: left;padding-top: 20px;position: relative;z-index: 9999;}
.logo{float: left;position: relative;z-index: 9;margin-top: 10px;}
.logo a{
}
.logo a img{
width: 120px;
}
.header2{
width: 68%;
float: right;
}
.header_menu_area > .mob_nav {
display: none;
}
.ind-class .header_menu_area > ul{
margin-bottom: 20px; padding-bottom: 10px;
border-bottom: 1px solid #808080;
}
.header_menu_area > ul {
width: auto; margin-top: 30px;
display: inline-block;
vertical-align: middle;
width: 100%;
padding-left: 0px;
/* padding-right: 20px; */
float: right;
margin-top: 35px;
position: relative;
z-index: 9;
}
.header_menu_area > ul > li {
width: auto;
display: inline-block;
vertical-align: middle;
}
.header_menu_area > ul > li > a:hover {
color: #a86747;
}
.header_menu_area > ul > li > a:hover::after {
/* height: 100%; */
}
.active-class{
color:#a86747 !important;
/* border-bottom: solid 4px #0f703a; */
}
@media (max-width: 1024px) {
.header_menu_area > ul > li:last-child{
padding-bottom:40px;
}
.menu li:hover>ul {
width: 100% !important;
visibility: visible;
opacity: 1;
position: unset;
transform: initial;
/* height: 122px; */
z-index: 99999;
margin-top: 60px;
}
.menu ul:after{
bottom: 62%;
}
.header_menu_area > ul > li > a {
width: 100%!important;
}
.sub-menu {
margin-top: 122px!important;
}
.menu ul li a {
/* text-align: center !important; */
width: 100% !important;
padding: 25px 15px !important;
background: #ffebe3 !important;
}
.menu li:hover>ul {
visibility: visible;
opacity: 1;
/position: unset;/
transform: initial;
/* height: 122px; */
z-index: 99999;
margin-top: 36px;
}
.menu ul {
visibility: hidden;
opacity: 0;
top: 0;
left: 0 !important;
width: 100%;
transform: initial;
}
.ham-nav{
display: none;
}
.header_menu a svg{
display: none;
}
.sub-menu-1{
position:unset !important;
width:100% !important;
}
.header_menu_area {
position: inherit;
float: right;
}
.header_menu_area > .mob_nav {
display: block;
float: right;
position: relative;
z-index: 9999;
width: 35px;
height: 28px;
margin: 13px 5px;
cursor: pointer;
transform: rotate(0);
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
}
.ind-class .header_menu_area > .mob_nav > div {
background: #fff;
}
.header_menu_area > .mob_nav > div {
background: #ac6f50;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
display: block;
height: 2px;
left: 0;
position: absolute;
transform: rotate(0);
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
width: 85%;
}
.header_menu_area > .mob_nav > div:nth-child(1) {
top: 2px;
}
.header_menu_area > .mob_nav > div:nth-child(2), .header_menu_area > .mob_nav > div:nth-child(3) {
top: 13px;
width: 85%;
}
.header_menu_area > .mob_nav > div:nth-child(4) {
top: 23px;
}
.mob_nav.open > div:nth-child(1), .mob_nav.open > div:nth-child(4) {
left: 50%;
top: 18px;
width: 0%;
}
.ind-class .mob_nav.open > div:nth-child(2) {
/* background: #fff !important; */
}
.mob_nav.open > div:nth-child(2) {
background: #a86747;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.mob_nav.open > div:nth-child(3) {
background: #a86747;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.ind-class .mob_nav.open > div:nth-child(3) {
/* background: #fff !important; */
}
.header_menu_area > ul {
width: 0;
position: fixed;
left: 0px;
border: 0;
visibility: hidden;
opacity: 0;
z-index: 9 !important;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
top: 0;
padding-left: 0px;
padding-right: 0px;
padding-top: 40px;
/* transform: rotate(-15deg) translate3d(0, 0, 0); */
padding-bottom: 50px;
background: #ffffff;
margin-top: 0;
}
.header_menu_area > ul > li > a {
padding: 18px 15px !important;
text-align: left;
color: #000 !important;
width: 100%;
line-height: 30px;
border-bottom: 1px solid #ccc;
margin-left: 0px;
}
.header_menu_area > ul > li {
width: 100%;
background: #fff;
}
.header_menu_area ul.view {
visibility: visible;
opacity: 1;
height: 100vh;
overflow-y: scroll;
overflow-x: hidden;
z-index: 100;
z-index: 999 !important;
/* transform: rotate(0deg) translate3d(0, 0, 0); */
width: 100%;
padding-bottom: 0;
}
.header_user_area {
right: calc(5% + 70px);
}
}
.active-menu{
background: linear-gradient(to right, rgb(0, 34, 93), rgb(20, 70, 158));
color: #ffffff !important;
/* border-bottom: solid 4px #0f703a; */
}
.menu li {
display: inline-block;
position: relative;
z-index: 100;
}
.book{
padding-left: 10px !important;
}
.header_menu_area > ul > li > a {
margin-top: 0px;
width: auto;
float: left;
position: relative;
font-size: 15px;
font-family: 'Codec Cold';
text-transform: none;
font-weight: 400;
color: #000;
margin: 15px 31px 15px 0;
padding: 0px;
z-index: 1;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
text-decoration: none;
}
/*.header_menu_area > ul > li > a:hover {
color: #f11002; !important;
}
*/
.menu ul li a:hover, .menu ul li:hover>a {
color: #a75025;
text-decoration: none;
transition: all ease-in-out 0.5s;
-o-transition: all ease-in-out 0.5s;
-ms-transition: all ease-in-out 0.5s;
-moz-transition: all ease-in-out 0.5s;
-webkit-transition: all ease-in-out 0.5s;
/* text-transform: uppercase; */
}
.menu ul {
visibility: hidden;
opacity: 0;
margin: 0;
top: 49px;
padding: 0;
width: 899px;
position: absolute;
right: 0;
left: -273px;
bottom: 0;
background: #ffffff;
z-index: 99;
transform: translate(0,20px);
transition: all .2s ease-out;
}
.menu li:first-child {
margin-left: 0;
}
.menu li:first-child {
margin-left: 0;
}
.menu ul li {
display: block;
float: none;
background: 0 0;
margin: 0;
padding: 0;
width: 100%;
}
.menu li:hover>ul {
visibility: visible;
opacity: 1;
transform: translate(0,0);
transition: all .5s ease-out;
}
.menu ul li:nth-child(3) a{
background:#faf2ef;
}.menu ul li:nth-child(4) a{
background:#faf2ef;
}.menu ul li:nth-child(7) a{
background:#faf2ef;
}.menu ul li:nth-child(8) a{
background:#faf2ef;
}
.menu ul li a {
width: 50%;
font-size: 15px;
font-family: 'Codec Cold';
float: left; text-transform: capitalize;
font-weight: 500;
text-align: left; border-right: 1px solid rgb(99 96 96 / 10%);
padding: 18px 10px;
display: block;
color: #000000;
background: #ffffff;
text-align: left;
border-bottom: solid 1px rgb(99 96 96 / 10%);
}
.menu-new {
visibility: hidden;
opacity: 0;
margin: 0;
top: 13px !important;
padding: 0;
width: 211px;
position: absolute;
background: #fff;
z-index: 99;
margin-top: 0 !important;
left: inherit !important;
right: 217px !important;
transform: translate(0,20px);
transition: all .2s ease-out;
}
.menu-new li a{
background: #F6F6F6!important;
}
.menu-new:after {
top: 10% !important;
right: -2% !important;
left: inherit !important;
border: solid red;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(255,255,255,0);
border-right-color: red !important;
border-width: 6px;
margin-left: -6px !important;
transform: rotate(
319deg);
}
.banner-captions{
position: absolute;
z-index: 99;
top: 0%;
left: 0;}
.ban-img{
width: 100%;
float: left;
height: 745px;
}
@media (max-width: 1024px){
.header_menu_area > ul > li > a{
margin: 8px 0px 0px 0px;
}
.hamburgermenu{
display: none;
}
}
@media (max-width: 575px){
.book-package {
width: 131px;
float: left !important;
margin-left: 30px !important;
margin-top: 15px !important;}
.adwa h1 {
font-size: 30px !important;}
.adwa img {
width: 100% !important;
height: auto !important;
object-fit: cover;
float: right;
margin-left: 0 !important;
border-top-right-radius: 80px;
margin-bottom: 20px !important;
}
.banner img{ object-fit: cover;
height:100vh;
}
.pack-det .row{
margin:0;
}.pack-det .row .col-lg-12{
padding:0;
}
.book-field{
width:100% !important;
}
.book-full h1 {
font-size: 30px !important;}
.faq-sec .card h5 {
font-size: 20px !important;
line-height: 30px !important;}
.faq-sec .card-header{
height:auto !important;
}
.faq-sec h1 {
font-size: 32px !important;}
.it-sec:after{
display:none;
}
.det-img {
width: 100% !important;
height: 403px;
float: left;
/* margin-right: 40px; */
border-top-right-radius: 40px;
object-fit: cover !important;
}.img-det2 {
position: relative;
width: 100% !important;
height: 403px;
margin-right: 0px !important;
float: left;
}.pack-det h1 {
font-size: 30px !important;
}.pack-det h2 {
font-size: 27px !important;}
.it-sec {
width: 100% !important;
float: left;
padding-right: 0 !important;
margin-top: 15px;
} .it-sec2 {
width: 100% !important;
float: left;
padding-left: 0 !important;
margin-top: 15px;
}
.pack-det h5 {
position: relative;
font-size: 25px;
color: #000;
width: 100%;
float: left;
margin-top: 20px;
}
.footer-top a{
float:left !important;margin-top:15px !important;
}
#myVideo {
height: 400px!important;
min-height: 100%;
min-width: 100%;
top: 0;
position: relative;
bottom: 0;
right: 0;
object-fit: cover;
}
.progress-bar {
position: absolute;
width: 80%!important;
height: 4px;
background-color: #ffffff61;
border-radius: 0;
z-index: 99;
transform: none!important;
left: 35px!important;
right: inherit!important;
top: inherit!important;
bottom: 10px!important;
overflow:hidden !important;
}
.p7-box:after{
top:74% !important;
}
.ct-sec {
width: 100% !important;
margin-bottom: 10px !important;}
.e3 {
width: 100% !important;
float: right;
border-bottom-left-radius: 80px;
height: auto !important;
object-fit: cover;
margin-left: 0 !important;
margin-bottom: 20px !important;
}.why5 h1 {
font-size: 33px !important;
}
.why4 h1 {
font-size: 35px !important;}
.e2 {
width: 100% !important;
float: left;
margin-bottom: 30px !important;
height: auto !important;
margin-right: 0 !important;}
.why3 h1 {
font-size: 33px !important;
color: #000;
margin-bottom: 20px !important;
padding-top: 20px !important;
float: left !important;
width: 100% !important;
}
.why2 h6{
width:100% !important;
}.e1 {
width: 100% !important;
float: right;
margin-left: 0 !important;
height: 300px !important;
object-fit: cover;}
.why-logo {
filter: brightness(111);
width: 200px !important;
float: none !important;
margin-right: auto;
margin-bottom: 30px !important;
margin-top: 0 !important;
display: block !important;
margin-left: auto !important;
}.why2 h1 {
font-size: 33px !important;
}
.why-travel h1 {
font-size: 34px !important;}
.why-img {
width: 100% !important;
float: right;
height: auto !important;
border-bottom-left-radius: 80px;
margin-left: 0 !important;
margin-bottom: 30px !important;
}
.pre-sec2 h5 {
font-size: 17px !important;}
.p1{
height: 200px !important;
}
.p2{
height: 200px !important;
}
.p3{
height: 200px !important;
}
.p4{
height: 200px !important;
}
.p5{
height: 200px !important;
}
.p6{
height: 200px !important;
}
.p7{
height: 200px !important;
}
.p8{
height: 200px !important;
}
.p9{
height: 200px !important;
}
.p10{
height: 200px !important;
}
.p11{
height: 200px !important;
}
.p12{
height: 200px !important;
}
.pre-sec img {
float: right;
width: 100% !important;
height: 300px !important;
border-bottom-left-radius: 80px !important;
object-fit: cover;
margin-left: 0 !important;
margin-bottom: 20px !important;
}.pre-sec h1 {
font-size: 34px !important;
}.pre-sec2 h1 {
font-size: 30px !important;
}
.baner-hed {
float: left;
width: 100%;
text-align: left;
padding-top: 180px !important;
padding-left: 4% !important;
}.baner-hed h2 {
font-size: 14px !important;
font-family: 'Codec Cold';
padding-left: 61px !important;
}.baner-hed h5 {
font-size: 27px !important;
margin-top: 10px !important;
}.baner-hed h5 br{
display: none;
}.baner-hed a {
width: 164px;
float: left;
z-index: 99;
height: 50px !important;
border: 1px solid #fff;
font-family: 'Codec Cold';
border-radius: 30px;
color: #fff;
overflow: hidden;
font-size: 15px !important;
padding: 14px 30px !important;
margin-top: 10px !important;
transform: perspective(0) translateZ(0);
position: relative;
display: inline-block;
}.baner-hed h2:after{
width: 42px !important;
}
.ban-img {
width: 100%;
float: left;
height: 400px !important;
object-fit: cover;
}.banner:after{
height: 400px !important;
}.banner{
height: 400px !important;
}
.ct-box img{
margin-bottom: 0 !important;
}.ct-box h5 br{
display: none;
}.form-sec h1 {
font-size: 20px !important;}
.cel2 {
width: 100% !important;
margin-bottom: 20px !important;
float: left;
margin-right: 0 !important;
height: 300px !important;
object-fit: cover;
border-top-left-radius: 90px;
}.trip-sec2 h1 {
font-size: 30px !important;}
.bale h1 {
font-size: 30px !important;}
.bale-img {
float: right;
width: 100% !important;
border-top-left-radius: 80px;
margin-left: 0 !important;}
.simien-sec h1 {
font-size: 30px !important;
color: #000;
margin-bottom: 10px !important;
}
.si-img {
width: 100% !important;}
.cel {
width: 100% !important;
float: right;
height: auto !important;
object-fit: cover;
border-top-right-radius: 90px;
margin-left: 0 !important;
}.trip-sec h1 {
font-size: 30px !important;
color: #000;
margin-bottom: 20px;
margin-top: 30px !important;
float: left !important;
width: 100% !important;
}
.tribe-sec h4 {
font-size: 22px !important;}
.tribe-img {
height: auto !important;width: 100% !important;}
.tribe-sec h1 {
font-size: 30px !important;}
.history {
width: 100% !important;}
.un-sec img {
width: 100% !important;
float: left;
margin-bottom: 20px !important;
margin-right: 0 !important;
border-top-left-radius: 80px;
height: 210px !important;
}.un-sec h1 {
font-size: 30px !important;
}.att-un h6{
width: 100% !important;
}
.heart-sec img {
width: 100% !important;
margin-right: 0 !important;
height: 270px !important;
}.heart-sec h1 {
font-size: 30px !important;
margin-bottom: 20px !important;
color: #000;
margin-top: 20px !important;
float: left !important;
}.heart-sec2 h6 {
font-size: 20px !important;
}
.cta img {
width: 100% !important;}
.cta h6 {
font-size: 25px !important;
color: #fff;
width: 100% !important;
float: left;
margin: 0;
padding-top: 40px !important;
padding-bottom: 60px !important;
}.serv-det .p3-box{
height: auto !important; padding-bottom: 20px;
}.serv-det .p3-img {
height: 300px !important;
}
.service-sec{
position: relative;
}.service-sec h1 {
font-size: 36px !important;
position: absolute !important;
}.service-sec img {
width: 100% !important;
float: left;
margin-right: 0px !important;
height: auto !important;
border-bottom-left-radius: 90px;
margin-top: 70px !important;
margin-bottom: 20px !important;
}
.value-sec h6{
width: 100% !important;
}
.innerban {
margin-top: 10px !important;
}.about-sec2 h2 {
font-size: 38px !important;
}.about-sec2 img {
max-width: 100%;
position: absolute;
bottom: -280px !important;
border-bottom-left-radius: 90px;
width: 100% !important;
padding: 0 15px !important;
left: 0 !important;
}.about-sec3 {
padding: 250px 15px 80px !important;
}.about-sec3 h2 br{
display: none;
}.vision-sec {
margin-bottom: 30px !important;
}.value-sec h1 {
font-size: 40px !important;}
.ft-social {
width: 100%;
text-align: left !important; margin-top: 20px; margin-bottom: 20px;
}.ftr-bottom p {
text-align: left;
width: 100%;
margin: 0 !important;
}
.footer-sec .wid-4 {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.footer-sec .wid-3 {
max-width: 100% !important;
flex: 0 0 100% !important;
}.quick-links {
margin-top: 30px;
}.quick-links h2 {
margin-bottom: 10px !important;
font-size: 20px !important;
}.ct-ftr {
width: 100%;
float: left;
margin-top: 20px;
}.ct-ftr h2 {
font-size: 20px !important;
margin-bottom: 10px !important;
}
.p6-right {
position: absolute;
right: 0 !important;
top: auto !important;
bottom: -282px !important;
width: 100% !important;
padding: 15px !important;
}.p6-sec {
float: left;
padding: 50px 0 0 !important;
width: 100% !important;
margin-top: 250px;
}.p7-box{
margin: 30px auto !important;
}
.p4-right {
width: 100% !important;
float: right;
padding: 50px 30px !important;
}.p6-left h1 {
font-size: 26px !important;}
.p6-left {
float: left;
width: 100% !important;
}.p6-left h5 {
font-size: 21px !important;
}
.panel3 h1 {
font-size: 30px !important;}
.testi-img {
width: 100%;
height: auto !important;
object-fit: cover;
}.p4-left {
width: 100% !important;
float: left}
.p3-img {
height: 300px !important;}
.panel2 a{
margin-bottom: 30px;
}.p2-carousel .owl-dots span {
width: 25px !important;
}.panel2 p {
font-size: 15px;
color: #fff;
line-height: 200%;
font-family: 'Codec Cold';
margin-top: 40px;
display: -webkit-box;
-webkit-line-clamp: 4;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
overflow: hidden;
}.p2-img {
height: 244px !important;
margin-bottom: 40px;
}
.panel2:after{
display: none;
}
.panel2 h1 {
font-size: 20px !important;
text-align: left;
margin: 20px 0 !important;
}
.logo a img {
width: 100px;margin-bottom: 8px;
height: 70px;
object-fit: contain;
}.logo{
margin-top: 0;
}
.panel1 h1 {
font-size: 30px !important;
color: #000;
width: 100% !important;
float: left;
margin-bottom: 30px;
}.p1-img {
margin-top: 10px;
width: 100% !important;
float: left;
margin-right: 0 !important;
margin-bottom: 20px !important;
}.panel1 p{
}.panel1 h6{
width: 100% !important;
}.panel1 h6:nth-child(6) {
border-bottom: none !important;border-top: 0;
}.panel1 a{
}
}
@media (max-width: 767px){
}
@media (min-width: 576px) and (max-width: 767px){
.book-package {
width: 131px;
float: left !important;
margin-left: 30px !important;
margin-top: 15px !important;}
.adwa img {
width: 210px !important;
height: 260px !important;
object-fit: cover;
float: right;
margin-left: 20px !important;
border-top-right-radius: 80px;
}.adwa h1 {
font-size: 30px !important;
}
.banner {
width: 100%;
float: left;
margin-top: -145px;
height: 507px;
position: relative;
overflow: hidden;
}
.baner-hed {
float: left;
width: 100%;
text-align: left;
padding-top: 190px;
padding-left: 9%;
}.baner-hed h5 {
float: left;
width: 100%;
font-size: 47px;
font-weight: 400;
color: white;
margin-top: 6px;
}
.faq-sec .card-header{
height:auto !important;
}
.footer-top a{
float:left !important;
}
.it-sec {
width: 100% !important;
float: left;
padding-right: 0 !important;
margin-top: 15px;
} .it-sec:after{
display:none;
}
.it-sec2 {
width: 100% !important;
float: left;
padding-left: 0 !important;
margin-top: 15px;
}
.img-det2 {
position: relative;
width: 515px !important;
height: 403px;
margin-right: 0 !important;
float: left;
margin-bottom: 20px !important;
}.det-img {
object-fit: cover;
width: 515px !important;
height: 403px !important;object-fit:cover;
float: left;
/* margin-right: 40px; */
border-top-right-radius: 40px !important;
}
.e3 {
width: 100% !important;
margin-bottom: 20px !important;
float: right;
border-bottom-left-radius: 80px;
height: 300px !important;
object-fit: cover;
margin-left: 40px;
}
.why4 h1 {
font-size: 34px;
margin-top: 20px;
color: #000;
margin-bottom: 20px;
width: 100%;
float: left;
}
.e2 {
width: 100% !important;
float: left;
object-fit: cover;
height: 300px !important;
margin-right: 40px;
border-bottom-left-radius: 80px;
}
.e1 {
width: 100% !important;
float: right;
margin-bottom: 20px !important;
margin-left: 40px;
height: 300px !important;
object-fit: cover;
border-bottom-left-radius: 80px;
}
.why-logo {
width: 150px !important;}
.why-travel h1 {
font-size: 40px !important;}
.why-img {
margin-bottom: 20px !important;
width: 100% !important;
float: right;
height: auto !important;
border-bottom-left-radius: 80px;
margin-left: 40px;
}
.cel2 {
width: 100% !important;
float: left;
margin-right: 0px !important;
margin-bottom: 20px !important;
height: 380px !important;
}.ct-sec {
width: 46% !important;
margin-right: 5px !important;
float: left;
background: #ffdac7;
padding: 15px !important;
}
.pre-sec img {
float: right;
width: 100% !important;
height: 440px !important;
border-bottom-left-radius: 80px;
object-fit: cover;
margin-left: 0 !important;
margin-bottom: 20px !important;
}
.si-img {
float: left;
width: 100% !important;
border-top-left-radius: 80px;
margin-right: 0 !important;
height: auto !important;
object-fit: cover;
margin-bottom: 20px;
}
.bale-img {
float: right;
width: 100% !important;
border-top-left-radius: 80px;
margin-left: 0 !important;
height: auto !important;
object-fit: cover;
margin-bottom: 20px;
}
.cel {
width: 100% !important;
float: right;
height: auto !important;
object-fit: cover;
border-top-right-radius: 90px;
margin-left: 0 !important;
margin-bottom: 30px;
}
.tribe-img{
width: 100% !important;
height: auto !important;
}
.un-sec img {
width: 100% !important;
float: left;
margin-right: 0 !important;
border-top-left-radius: 80px;
height: 210px !important;
object-fit: cover !important;
margin-bottom: 20px !important;
}.un-sec h1 {
font-size: 30px !important;}
.heart-sec img {
width: 100% !important;
float: left;
margin-right: 0 !important;
border-top-left-radius: 80px;
height: 270px;
margin-bottom: 20px !important;
}
.serv-det .p3-box{
height: 410px!important; padding-bottom: 20px;
}.serv-det .p3-img {
height: 300px !important;
}
.about-sec2 h2 {
font-size: 43px !important;}
.panel1 h1 {
font-size: 35px !important;
color: #000;
width: 100% !important;
}.about-sec2 img {
max-width: 100%;
position: absolute;
bottom: -239px !important;
border-bottom-left-radius: 90px;
right: 0 !important;
width: 300px !important;
}.about-sec3 {
padding: 220px 0 0px !important;
}.about-sec3 h2 {
font-size: 25px !important;}
.p1-img {
margin-bottom: 15px;
}.value-sec h6{
width: 50% !important;
}
.panel1 h6 {
font-size: 15px;
width: 100% !important;
}.panel2 h1 {
font-size: 35px !important;
}.panel2 p {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}.p2-carousel .owl-dots span {
width: 42px !important;
}.panel2:after{
width: 20% !important;
}.p2-img {
margin-top: 20px;
}.panel3 h1 {
font-size: 35px !important;
}.p3-box h6 {
font-size: 19px !important;
}.panel2 h5 {
font-size: 22px !important;
}.panel3 h5 {
font-size: 22px !important;
}.p4-right h5 {
font-size: 20px !important;
color: #fff;
line-height: 137% !important;
margin-top: 20px;
}.p4-right {
width: 55%;
float: right;
padding: 50px 30px !important;
}.testi-img {
width: 100%;
height: 395px !important;
object-fit: cover;
}.p6-left {
float: left;
width: 100% !important;
margin-bottom: 100px !important;
}.p6-right {
position: absolute;
right: 8%;
top: 78% !important;
}.p6-right img {
width: 100%;
height: 230px;
}.p6-sec {
float: left;
padding: 50px 0;
width: 50% !important;
margin-top: -30px !important;
}.p7-box{
margin: 30px auto;
}.footer-top h5 {
font-family: 'Codec Cold';
font-size: 25px;text-align:left !important;
margin: 20px 0 !important;
padding-top: 0 !important;
}
.footer-sec .wid-3 {
max-width: 66% !important; margin-bottom: 30px;
flex: 0 0 66% !important;
}.quick-links h2 {
font-family: 'Codec Cold';
color: #fff;
font-size: 20px !important;
margin-bottom: 15px !important;
margin-top: 0 !important;
}.ct-ftr h2 {
font-size: 20px !important;
margin-bottom: 20px;
}.footer-sec .wid-4 {
flex: 0 0 49.333333% !important;
max-width: 49.333333% !important;
}.ftr-bottom p {
font-family: 'Codec Cold';
font-size: 14px;
color: #fff;
text-align: left;
width: 100%;
}
}
.package-full h6 a{
font-size: 17px;
font-family: 'Codec Cold';
color: #a75025;
} .package-full h6 a:hover{
text-decoration:none;
}
@media (min-width: 768px) and (max-width: 991px){
.book-package {
width: 131px;
float: left !important;
margin-left: 10px !important;
margin-top: 15px !important;}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label{
margin-right:15px !important;
}.banner {
width: 100%;
float: left;
margin-top: -145px;
height: 512px;
position: relative;
overflow: hidden;
}
.baner-hed {
float: left;
width: 100%;
text-align: left;
padding-top: 200px;
padding-left: 9%;
}.baner-hed h5 {
float: left;
width: 100%;
font-size: 50px;
font-weight: 400;
color: white;
margin-top: 19px;
}
.pack-det h1 {
font-size: 40px !important;}
.img-det2 {
position: relative;
width: 333px !important;
height: 373px;
object-fit: cover;
margin-right: 30px !important;
float: left;
}.det-img {
width: 333px !important;
object-fit: cover;
height: 373px;
float: left;
/* margin-right: 40px; */
border-top-right-radius: 40px;
}
.package-box h1 {
font-size: 20px !important;
color: #a75025;
padding: 30px 10px 0px !important;
float: left;
font-family: 'Codec Cold';
line-height: 145%;
}.package-box p{
padding: 0 10px 0 !important;
}
.package-box h5{
padding: 0 10px 0 !important;
}.package-box a {
font-size: 14px !important;
padding: 0 10px 0 !important;
}
.why3 h1 {
padding-top: 0 !important;
}.e2 {
width: 300px !important;
object-fit: cover;
float: left;
height: 240px !important;
margin-right: 40px;
border-bottom-left-radius: 80px;
}.e3 {
width: 290px !important;
float: right;
border-bottom-left-radius: 80px;
height: 270px !important;
object-fit: cover;
margin-left: 40px;
}
.e1 {
width: 260px !important;
float: right;
margin-left: 40px;
height: 270px !important;
object-fit: cover;
border-bottom-left-radius: 80px;
}
.why-logo {
width: 220px !important;}
.why-img {
width: 250px !important;
object-fit: cover;
float: right;
height: 240px !important;
border-bottom-left-radius: 80px;
margin-left: 40px;
}
.pre-sec img {
float: right;
width: 320px !important;
height: 340px !important;
border-bottom-left-radius: 80px;
object-fit: cover;
margin-left: 40px !important;
}
.form-sec h1 {
font-size: 25px !important;}
.ct-box img {
width: 50px;
height: 50px;
float: left;
margin-right: 15px !important;
margin-bottom: 0 !important;}
.trip-sec2 h1 {
font-size: 30px !important;}
.cel2 {
width: 310px !important;}
.bale h1 {
font-size: 34px !important;}
.bale-img {
width: 340px !important;}
.simien-sec h1 {
font-size: 35px !important;}
.si-img {
float: left;
width: 270px !important;}
.cel {
width: 320px !important;
float: right;
height: auto !important;
object-fit: cover;
border-top-right-radius: 90px;
margin-left: 40px !important;
}
.tribe-img {
width: 300px !important;
height: 270px !important;
}.tribe-sec h1 {
font-size: 33px !important;}
.history {
width: 280px !important;}
.un-sec img {
width: 250px !important;
object-fit: cover !important;
float: left;
margin-right: 40px !important;
border-top-left-radius: 80px;
height: 210px !important;
}.un-sec h1 {
font-size: 25px !important;}
.heart-sec img {
width: 300px !important;
}.heart-sec h1 {
font-size: 30px !important;
}
.service-sec img {
width: 250px !important;
float: left;
margin-right: 40px;
object-fit: cover;
height: 280px !important;
border-bottom-left-radius: 90px;
}.cta h6 {
font-size: 24px !important;
}.serv-det .p3-img {
height: 290px !important;
}.serv-det .p3-box {
height: 420px !important;
}
.about-sec3 h2 {
font-size: 22px !important;}
.panel1 h1 {
font-size: 35px !important;
width: 100% !important;
}.p1-img {
width: 270px !important;
}.panel1 h6 {
width: 47% !important;
}.panel2 h1 {
font-size: 35px !important;
}.panel2 p {
display: -webkit-box;
-webkit-line-clamp: 6;
-webkit-box-orient: vertical;
overflow: hidden;}
.p2-img {
margin-bottom: 30px;
}
.panel3 h1 {
font-size: 40px !important;}
.p4-right {
padding: 50px 30px !important;
}.p6-left {
float: left;
width: 60% !important;
}
.p6-left h1 {
font-size: 34px !important;
}.p6-right {
position: absolute;
right: 8%;
top: 56% !important;
width: 40%;
}.p7-box {
position: relative;
width: 95% !important;
text-align: center;
background: #ffffff;
padding: 15px !important;
}.trip-logo {
max-width: 100%;
margin-top: 20px;
}.footer-top h5 img {
width: 100px;
}.footer-top h5 {
font-size: 19px !important;
}.footer-top h5 span {
font-size: 16px !important;
}.footer-sec .wid-3 {
max-width: 45% !important;
flex: 0 0 45% !important; margin-bottom: 40px;
}
}
@media (min-width: 992px) and (max-width: 1024px){
.book-package {
width: 131px;
float: left !important;
margin-left: 30px !important;
margin-top: 15px !important;}
.baner-hed {
float: left;
width: 100%;
text-align: left;
padding-top: 210px;
padding-left: 9%;
}.banner {
width: 100%;
float: left;
margin-top: -145px;
height: 661px;
position: relative;
overflow: hidden;
}
.det-img {
width: 523px !important;}.img-det2 {
position: relative;
width: 523px !important;}
.pre-sec img{
height: 460px !important;
}
.pack-det h1 {
font-size: 40px !important;}
.tribe-img {
width: 420px !important;
float: left;
margin-right: 40px;
height: 560px !important;}
.history {
width: 450px !important;
height: 460px !important;
float: left;
margin-right: 40px;
border-top-left-radius: 80px;
margin-bottom: 10px !important;
object-fit: cover !important;
}
.header_menu_area > .mob_nav {
margin: 44px 5px 0 !important;}
.heart-sec img {
width: 390px !important;}
.about-sec3 h2 {
font-size: 30px !important;}
.p1-img {
margin-top: 10px;
width: 370px !important;
float: left;
margin-right: 40px;
margin-bottom: 40px !important;
}.p4-right {
width: 55%;
float: right;
padding: 50px 30px !important;
}
.p6-right{
width: 40%;
}
}
@media (min-width: 1025px) and (max-width: 1199px){
.banner{
height:683px;
}
.heart-sec img{
height: 310px !important;
}
.serv-det .p3-img {
height: 260px !important;
}
.footer-sec .wid-3 {
max-width: 29% !important;
flex: 0 0 29% !important;
padding: 0 !important;
}.serv-det .p3-box {
height: 360px !important;
}
.header_menu_area > ul > li > a {
font-size: 14px !important;
margin: 15px 14px 15px 0 !important;
}
.panel1 h1 {
width: 100% !important;
}.p1-img {
width: 400px !important;
margin-bottom: 30px !important;
}.p4-right {
padding: 50px 30px !important;
}.p6-right {
width: 40%;
}.panel7 {
padding: 80px 0 120px !important;
}
}
@media(min-width: 1600px){
.panel2:after {
width: 23% !important;
}
}
.ind-class .sticky .book:after{
filter: none !important;
}
.ind-class .sticky .book:before{
background: #000 !important;
}
.panel1{
width: 100%;
float: left;
padding: 85px 0;
position: relative;
}
.panel1 h1{
font-size: 50px;
color: #000;
width: 80%;
float: left;
margin-bottom: 30px;
}
.panel1 h1 span{
color: #A86747;
}
.panel1 p{
font-size: 15px;
color: #000;
line-height: 200%;
margin-bottom: 15px;
font-family: 'Codec Cold';
}
.p1-img{margin-top: 10px;width: 488px;float: left;margin-right: 40px;}.panel1 h6:nth-child(6){
border-bottom: 2px solid #efefef;
/* -webkit-animation-delay: 0.2s; */
/* animation-delay: 0.3s; */
}.panel1 h6:nth-child(5) {
border-bottom: 2px solid #efefef;
/* -webkit-animation-delay: 0.2s; */
/* animation-delay: 0.2s; */
}
.panel1 h6{/* -webkit-animation-name: fadein; *//* animation-name: fadein; *//* -webkit-animation-duration: 1s; *//* animation-duration: 1s; *//* -webkit-animation-fill-mode: forwards; *//* animation-fill-mode: forwards; */font-size: 15px;width: 24%;float: left;color: #A86747;font-weight: 400;margin: 0 10px 0 0;position: relative;padding: 15px 0 15px 22px;border-top: 2px solid #efefef;}
.panel1 h6:after{
content: '';
position: absolute;
/* background-image: url('../images/sec-2-point.webp'); */
width: 12px;
height: 12px;
background-color: #a75025;
border-radius: 100%;
left: 0;
top: 18px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.panel1 a{position: relative;font-family: 'Codec Cold';width: 164px;float: left;z-index: 99;height: 56px;border: 1px solid #000;border-radius: 30px;color: #000;font-size: 15px;padding: 16px 30px;margin-top: 30px;transform: perspective(0) translateZ(0);position: relative;display: inline-block;overflow: hidden;}
.panel1 a img{
float: right;
margin-top: 2px;
}
.panel1 a:after{content: '';position: absolute;background: #000;left: 0;width: 0;top: 0;height: 50%;right: auto;transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);z-index: -2;color: #fff;}.panel1 a:before{content: '';position: absolute;background: #000;width: 0;height: 50%;transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);left: auto;right: 0;bottom: 0;z-index: -3;color: #fff;}
.panel1 a:hover{color: #fff;text-decoration: none;}
.panel1 a:hover img{filter: invert(1);}
.panel1 a:hover::after{width: 100%;border-top-left-radius: 30px;border-top-right-radius: 30px;right: 0;left: auto;}
.panel1 a:hover::before{
width: 100%;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
left: 0;
right: auto;
}
.panel1 .col-lg-6{
width: 50%;
}.panel2 h5:after{
content:'';
position: absolute;
background-image: url('../images/i1.png');
width: 55px;
height: 23px;
left: 0;
top: 2px;
}
.panel2 h5{
font-size: 25px;
color: #fff;
position: relative;
padding-left: 70px;
}
.panel2{
width: 100%;
float: left;
background: #a86747;
padding: 85px 0;
position: relative;
}
.panel2 h6{
}
.panel2 h6:after{
content: '';
}.panel2 h1:after{
content:'';
position: absolute;
width: 19%;
height: 2px;
background: #fff;
left: 0;
bottom: -35px;
}
.panel2 h1{font-size: 43px;color: #fff;margin: 20px 0 40px;float: left;width: 100%;position: relative;}.panel2 a img{
width: auto !important;
float: right;
margin-top: 2px;
}.panel2-left{
}
.panel2 p{font-size: 15px;color: #fff;line-height: 200%;font-family: 'Codec Cold';margin-top: 40px;}.panel2 a{width: 164px;float: left;z-index: 99;height: 56px;border: 1px solid #fff;font-family: 'Codec Cold';border-radius: 30px;color: #fff;font-size: 15px;padding: 16px 30px;margin-top: 20px;transform: perspective(0) translateZ(0);position: relative;display: inline-block;overflow: hidden;}.panel2 a:hover{color: #000;text-decoration: none;}.panel2 a:after{content: '';background: #fff;left: 0;width: 0;top: 0;height: 50%;right: auto;transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);z-index: -2;color: #000;position: absolute;}.panel2 a:before{content: '';background: #fff;width: 0;height: 50%;transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);left: auto;right: 0;bottom: 0;z-index: -3;color: #000;position: absolute;}.panel2 a:hover::after{width: 100%;border-top-left-radius: 30px;border-top-right-radius: 30px;right: 0;left: auto;}.panel2 a:hover::before{width: 100%;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;left: 0;right: auto;}
.p2-img{border-top-left-radius: 80px;height: 324px;object-fit: cover;}
.panel2 a:hover img{
filter: invert(1);
}
.p2-carousel .owl-dots span{
width: 50px;
float: left;
height: 1px;
position: relative;
/* opacity: .4; */
background: #c19d8b;
margin-right: 17px;
text-align: left;
}.p2-carousel .owl-dots span:after{
position: absolute;
content: '';
background-color: #fff;
width: 0;
width: 0;
height: 1px;
left: 0;
opacity: 1;
}
.p2-carousel .owl-dots .active span:after{
width: 100%;
transition: all ease-in-out 6s;
}
.p2-carousel .owl-dot:nth-child(1) span:before{
content: '01';
position: relative;
font-size: 20px;opacity: .7;
top: -35px;
text-align: left;
color: #fff;
}.p2-carousel .owl-dot:nth-child(2) span:before{
content: '02';
font-size: 20px;
top: -35px;opacity: .7;
text-align: left;
color: #fff;
position: relative;
}.p2-carousel .owl-dot:nth-child(3) span:before{
content: '03';
font-size: 20px;
top: -35px;
text-align: left;opacity: .7;
position: relative;
color: #fff;
}
.p2-carousel .owl-dot:nth-child(4) span:before{
content: '04';
font-size: 20px;
top: -35px;
position: relative;opacity: .7;
text-align: left;
color: #fff;
}.p2-carousel .owl-dot:nth-child(5) span:before{
content: '05';
font-size: 20px;
top: -35px;
position: relative;
text-align: left;
color: #fff;
opacity: .7;
}
.p2-carousel .owl-dot:nth-child(6) span:before{
content: '06';
font-size: 20px;
position: relative;opacity: .7;
top: -35px;
text-align: left;
color: #fff;
}.p2-carousel .owl-dot:nth-child(7) span:before{
content: '07';
font-size: 20px;
top: -35px;
position: relative;opacity: .7;
text-align: left;
color: #fff;
}.p2-carousel .owl-dot:nth-child(8) span:before{
content: '08';
font-size: 20px;opacity: .7;
top: -35px;
position: relative;
text-align: left;
color: #fff;
}
.p2-carousel .owl-dots{
float: right;
margin-top: -10px;
}
.panel3{
width: 100%;
float: left;
padding: 90px 0;
}
.panel3 h5{font-size: 25px;color: #000;position: relative;padding-left: 65px;}.panel3 h5:after{
content: '';
position: absolute;
background: url(../images/i2.webp);
width: 55px;
height: 23px;
left: 0;
top: 2px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.panel3 h1{font-size: 50px;color: #000;margin-bottom: 40px;}.panel3 h1 span{
color: #A86747;
}.p3-box:hover{
text-decoration:none;
}
.p3-box{width: 100%;float: left;}
.p3-img{height: 410px;object-fit: cover;margin-bottom: 20px;transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;}
.p3-box h6{font-size: 27px;color: #000;}
.p3-i2{width: auto !important;float: right;transition: all ease-in-out .5s;}
.p3-box:hover .p3-i2{transform: rotate(90deg);}
.p3-box:hover .p3-img{
filter: hue-rotate(45deg);
}
.panel4{
width: 100%;
float: left;
background: #a86747;
position: relative;
}
.p4-img{
position: relative;
width: 100%;
}
.panel4 h1{
}
.panel4 h1: after{
content: '';
}
.panel4 h6{
}
.p2-img-box{
position: relative;
}
.testi-img{width: 100%;height: 422px;object-fit: cover;}
.panel2:after{content: '';position: absolute;background: #fff;height: 214px;width: 16%;right: 0px;bottom: 177px;display:none;}
.play-btn{
position: absolute;
top: 45%;
left: 41%;
width: auto !important;
}
.p4-left{
width: 45%;
float: left;
}
.p4-right{
width: 55%;
float: right;
padding: 50px 130px;
}
.p4-right img{
opacity: .5;
width: auto !important;
}
.p4-right h5{
font-size: 30px;
color: #fff;
line-height: 140%;
margin-top: 20px;
}
.p4-right h6{
font-family: 'Codec Cold';
font-size: 15px;
color: #fff;
margin-top: 20px;
}
.p4-img2{
position: absolute;
bottom: 0;
right: 0;
opacity: .5;
}
.p1-img3{
position: absolute;
top: 0;
right: 0;
}
.p1-img2{
position: absolute;
bottom: 0;
right: 0;
}
.p2-img2{
position: absolute;
right: 0;
top: 0;
/* opacity: .5; */
}
.panel5{width: 100%;float: left;padding: 60px 0;position: relative;}
.panel5 img{
height: 120px;
object-fit: contain;
margin: auto;
}
.panel6{width: 100%;float: left;background: #a86747;padding: 0px 0 75px;position: relative;}
.p6-left h1{
font-size: 43px;
color: #fff;
margin: 20px 0px;
float: left;
width: 100%;
position: relative;
}
.p6-img2{
position: absolute;
right: 0;
top: 0;
}
.p6-left{
float: left;
width: 50%;
}
.p6-left h5{
font-size: 25px;
color: #fff;
position: relative;
padding-left: 70px;
}
.p6-left h5:after{
position: absolute;
content: '';
background-image: url(../images/i1.png);
width: 55px;
height: 23px;
left: 0;
top: 2px;
}
.p6-left p{font-size: 15px;color: #fff;line-height: 200%;font-family: 'Codec Cold';}
.p6-left a{width: 164px;float: left;z-index: 99;height: 56px;border: 1px solid #fff;font-family: 'Codec Cold';border-radius: 30px;color: #fff;font-size: 15px;padding: 16px 30px;margin-top: 20px;transform: perspective(0) translateZ(0);position: relative;display: inline-block;overflow: hidden;}
.p6-left a:after{
content: '';
background: #fff;
left: 0;
width: 0;
top: 0;
height: 50%;
right: auto;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
z-index: -2;
color: #000;
position: absolute;
}
.p6-left a:before{
content: '';
background: #fff;
width: 0;
height: 50%;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
left: auto;
right: 0;
bottom: 0;
z-index: -3;
color: #000;
position: absolute;
}
.p6-left a:hover{text-decoration: none;color: #000;}
.p6-left a:hover::after{width: 100%;border-top-left-radius: 30px;border-top-right-radius: 30px;right: 0;left: auto;}
.p6-left a:hover::before{width: 100%;border-bottom-left-radius: 30px;border-bottom-right-radius: 30px;left: 0;right: auto;}
.p6-left a img{width: auto !important;float: right;margin-top: 2px;}
.p6-left a:hover img{filter: invert(1);}
.p6-right{
position: absolute;
right: 8%;
top: 50%;
}
.p6-right img{
width: 100%;
}
.p6-sec{
float: left;
padding: 50px 0;
width: 40%;
}
.p6-sec p{
font-size: 15px;
color: #1c1c1c;
line-height: 200%;
font-family: 'Codec Cold';
position: relative;
}
.p6-sec p:after{
content: '';
position: absolute;
bottom: -38px;
background-color: #a86747;
width: 49%;
height: 2px;
left: 0;
}
.panel7{width: 100%;float: left;padding: 0 0 120px;}
.p7-box{
position: relative;
width: 83%;
text-align: center;
background: #ffffff;
padding: 20px;
border-radius: 30px;
display: block;
margin: 30px auto 0;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.p7-box:after{
position: absolute;
content: '';
background: #A06344;
width: 116px;
height: 0;
border-radius: 30px;
left: -30px;
top: 84%;
z-index: -1;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.p7-box img{
height: 108px;
object-fit: contain;
width: 98px;
}
.p7-box h5{
color: #A86747;
font-size: 25px;
margin-top: 15px;
}
.p7-box p{
font-size: 15px;
color: #1c1c1c;
line-height: 200%;
font-family: 'Codec Cold';
position: relative;
}
.p7-box:hover{
box-shadow: 1px -1px 40px 4px rgb(207 207 207 / 21%);
}
.p7-box:hover::after{
height: 116px;
}
.footer-top{
width: 100%;
float: left;
background: #EAEDF5;
padding: 55px 0;
}
.trip-logo{
max-width: 100%; height: 66px;
object-fit: cover;
margin-top: -2px;
}
.footer-top h5{
font-family: 'Codec Cold';
font-size: 25px;
margin: auto;
padding-top: 18px;
display: block;
text-align: center;
}
.footer-top h5 img{
margin-top: -3px;
}
.footer-top h5 span{
font-size: 21px;
color: #7E8483;
}
.footer-top a{font-family: 'Codec Cold';width: 211px;float: right;z-index: 99;height: 56px;border: 1px solid #000;border-radius: 30px;color: #000;font-size: 15px;padding: 16px 30px;margin-top: 6px;transform: perspective(0) translateZ(0);position: relative;display: inline-block;overflow: hidden;}
.footer-top a:hover{text-decoration:none;color: #fff;}
.footer-top a img{
float: right;
margin-top: 2px;
}
.footer-top a:after{
content: '';
position: absolute;
background: #000;
left: 0;
width: 0;
top: 0;
height: 50%;
right: auto;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
z-index: -2;
color: #fff;
}
.footer-top a:before{
content: '';
position: absolute;
background: #000;
width: 0;
height: 50%;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
left: auto;
right: 0;
bottom: 0;
z-index: -3;
color: #fff;
}
.footer-top a:hover::before{
width: 100%;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
left: 0;
right: auto;
}
.footer-top a:hover::after{
width: 100%;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
right: 0;
left: auto;
}
.footer-top a:hover img{
filter:invert(1);
}
.footer-sec{width: 100%;float: left;background: #A86747;padding: 80px 0 30px;}
.footer-sec a img{
max-width: 100%;
width: 117px;
}
.quick-links{
width: 100%;
float: left;
}
.quick-links h2{
font-family: 'Codec Cold';
color: #fff;
font-size: 15px;
margin-bottom: 20px;
}
.quick-links a{
width: 50%;
font-family: 'Codec Cold';
float: left;
font-size: 14px;
color: #fff;
line-height: 250%;
}
.quick-links a:hover{
text-decoration: none;
color: #fff;
opacity: .7;
}
.quick-links p{
font-family: 'Codec Cold';
font-size: 14px;
color: #fff;
line-height: 200%;
}
.ct-ftr{
width: 100%;
float: left;
}
.ct-ftr h2{
font-family: 'Codec Cold';
color: #fff;
font-size: 15px;
margin-bottom: 20px;
}
.ct-ftr h6{
font-family: 'Codec Cold';
color: #fff;
font-size: 14px;
margin-bottom: 20px;
line-height: 200%;
}
.ct-ftr h6 span{
width: 100%;
float: left;
}
.ftr-bottom{width: 100%;float: left;border-top: 1px solid #fff;padding-top: 40px;margin-top: 40px;}
.ftr-bottom p{font-family: 'Codec Cold';font-size: 14px;color: #fff;}
.ftr-bottom p a{color: #fff;}
.ftr-bottom p a:hover{
}
.ft-social a{
}
.ft-social{
width: 100%;
text-align: center;
}.ft-social a img:hover{
transform: rotate(-360deg);
}
.ft-social a img{
width: 24px;
margin: 0 5px;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
} .ft-social a img: hover{
}.mob-scroll{
overflow: hidden; height: 100vh;
}
.slider-ban .active h5{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInLeft;
animation-delay: 0.2s;
}.slider-ban .active h2{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInLeft;
animation-delay: 0.2s;
}.slider-ban .active a{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-name: fadeInLeft;
animation-delay: 0.2s;
}
.about-sec2 {
width: 100%;
float: left;
background: #a86747;
padding: 70px 0;
position: relative;
}.about-sec2 h2 {
font-size: 50px;
color: #fff;
}
@-webkit-keyframes fadein {
0% {
opacity: 0;
transform: translateY(24px);
}
100% {
opacity: 1;
}
}
@keyframes fadein {
0% {
opacity: 0;
transform: translateY(24px);
}
100% {
opacity: 1;
}
}
.about-sec2 p {
float: left;
width: 100%;
font-size: 15px;
line-height: 35px;
color: #fff;
font-family: 'Codec Cold';
margin-top: 10px;
}.about-sec2 img {
max-width: 100%;
position: absolute;
bottom: -150px;
border-bottom-left-radius: 90px;
}.vision-sec {
width: 100%;
float: left;
margin-bottom: 60px;
}.about-sec3 {
width: 100%;
float: left;
padding: 80px 0 20px;
position: relative;
background: #faf2ef;
}.vision-bg:hover img{
filter: brightness(111);
}
.vision-bg:hover{
background: #a86747;
}
.vision-bg {
background: #fff;
border-radius: 20%;
/* box-shadow: 1px 5px 6px 4px rgb(0 0 0 / 7%); */
padding: 24px 0;
width: 125px;
height: 125px;
border: 2px solid #a86747;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
}.about-sec3 img {
display: block;
margin: auto;
filter: brightness(0);
}.about-sec3 h2 {
font-size: 35px;
font-weight: 300;
margin-top: 10px;
color: #a86747;
}.about-sec3 h2 span {
/* font-weight: 700; */
color: #000;
}.about-sec3 p {
font-size: 15px;
line-height: 30px;
color: #000;
font-family: 'Codec Cold';
}
.footer-sec .wid-3{
max-width: 29%; flex: 0 0 29%;
}.footer-sec .wid-4{
flex: 0 0 29.333333%;
max-width: 29.333333%;
}
.value-sec{
width: 100%;
float: left;
background: #a86747;
padding: 70px 0;
position: relative;
}
.value-sec h1{
font-size: 50px;
color: #fff;
margin-bottom: 30px;
}
.value-sec h6{
position: relative;
font-family: 'Codec Cold';
color: #fff;
float: left;
width: 30%;
line-height: 30px;
padding-left: 30px;
}
.value-sec h6:after{
position: absolute;
content: '';
background: url('../images/sec-2-point.webp');
width: 19px;
height: 20px;
filter: brightness(11);
left: 0;
top: 4px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.service-sec{
width: 100%;
float: left;
padding: 80px 0;
}
.service-sec img{
width: 498px;
float: left;
margin-right: 40px;
object-fit: cover;
height: 530px;
border-bottom-left-radius: 90px;
}
.service-sec p{
font-size: 15px;
color: #000;
line-height: 200%;
margin-bottom: 15px;
font-family: 'Codec Cold';
}.service-sec h1 span{
color: #A86747;
}
.service-sec h1{
font-size: 50px;
color: #000;
margin-bottom: 20px;
}
.cta{
width: 100%;
background: #a86747;
float: left;
padding: 70px 0 0;
margin-top: 100px;
}
.cta img{
width: 32%;
float: right;
margin-top: -200px;
height: 497px;
object-fit: cover;
border-top-left-radius: 90px;
}
.cta h6{
font-size: 30px;
color: #fff;
width: 66%;
float: left;
margin: 0;
padding-top: 40px;
}
.serv-det{
width: 100%;
float: left;
padding: 70px 0;
}
.serv-det .p3-box {
width: 100%;
float: left;
margin-bottom: 30px;
background: #a86747;
height: 500px;
}
.serv-det .p3-img {
height: 410px;
object-fit: cover;
margin-bottom: 15px;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
width: 100%;
}
.serv-det .p3-box h6 {
font-size: 20px;
color: #fff;
text-align: center;
margin: 0;
padding: 0 5px;
}.sticky {
position: fixed;
top: 0;
width: 100%;
background: #fff;
z-index: 999;
padding-top: 0;
box-shadow: 5px 10px 10px -8px rgba(0,0,0,0.05);
}
.sticky .header_menu_area > ul{
border-bottom: 0;
}
.sticky .header_menu_area > ul > li > a{
color: #000 !important;
}
.sticky .header_menu_area > .mob_nav > div {
background: #a75025;
}
.contact-full{
width: 100%;
float: left;
padding: 70px 0;
}
.ct-box:after{
position:absolute;
content:'';
}
.ct-box:before{
position:absolute;
content:'';
}
.ct-box:hover::after{
}.ct-box:hover::before{
}
.ct-box{
width: 100%;
float: left;
border: 1px solid #a86747;
padding: 30px;
margin-bottom: 30px;
border-radius: 10px;
position: relative;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
}
.ct-box h6{
position: absolute;
top: -9px;
z-index: 9;
background: #fff;
padding: 0 10px;
font-size: 16px;
font-family: 'Codec Cold';
letter-spacing: 2px;
}
.ct-box h5{
font-family: 'Codec Cold';
font-size: 15px;
line-height: 28px;
}
.ct-box img{
width: 50px;
height: 50px;
float: left;
margin-right: 30px;
margin-bottom: 57px;
filter: invert(1);
background: #5798b8;
padding: 13px;
border-radius: 10px;
}
.ct-box:hover{
}
.form-sec{
width: 100%;
float: left;
background: #ffe7db;
padding: 30px;
border-radius: 10px;
}
.form-sec h1{
font-size: 30px;
color: #000;
margin-bottom: 20px;
}.form-sec .contact-field textarea{
width: 100%;
float: left;
padding: 10px;
border: 0;
font-family: 'Codec Cold';
border-radius: 5px;
height: 78px;
font-size: 15px;
}
.form-sec form{
width: 100%;
float: left;
}
.form-sec .contact-field{
width: 100%;
float: left;
margin-bottom: 20px;
}
.contact-field input{
width: 100%;
float: left;
padding: 10px;
font-family: 'Codec Cold';
border: 0;
font-size: 15px;
border-radius: 5px;
} .contact-field label{
font-family: 'Codec Cold';
font-size: 15px;
width: 100%;
float: left;
}
.form-sec form button{background: transparent;cursor: pointer;width: 211px;float: none;display: block;z-index: 99;font-family: 'Codec Cold';height: 56px;border: 1px solid #a86747;border-radius: 30px;color: #000;font-size: 17px;padding: 15px 30px;margin-top: 6px;transform: perspective(0) translateZ(0);position: relative;display: table;overflow: hidden;margin: auto;}
.form-sec form button:hover{
color:#fff;
}.form-sec form button:before{
content: '';
position: absolute;
background: #a86747;
width: 0;
height: 50%;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
left: auto;
right: 0;
bottom: 0;
z-index: -3;
color: #fff;
}
.form-sec form button:hover::after{
width: 100%;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
right: 0;
left: auto;
}
.form-sec form button:hover::before{
width: 100%;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
left: 0;
right: auto;
}
.form-sec form button:after{
content: '';
position: absolute;
background: #a86747;
left: 0;
width: 0;
top: 0;
height: 50%;
right: auto;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
z-index: -2;
color: #fff;
}
.form-sec h1 span{
color: #a75025;
}
.why-travel{
width: 100%;
float: left;
padding: 70px 0;
}
.why-img{
object-fit: cover;
width: 410px;
float: right;
height: 470px;
border-bottom-left-radius: 80px;
margin-left: 40px;
}
.why-travel h1{
font-size: 50px;
color: #000;
margin-bottom: 20px;
}
.why-travel h1 span{
color: #a75025;
}
.why-travel p{
font-family: 'Codec Cold';
font-size: 15px;
color: #000;
line-height: 200%;
}
.why2{
background: #a86747;
width: 100%;
float: left;
padding: 80px 0;
}
.why-logo{
filter: brightness(111);
width: 300px;
float: left;
margin-right: 40px;
margin-bottom: 50px;
margin-top: 20px;
}
.why2 h1{
font-size: 50px;
color: #fff;
margin-bottom: 20px;
}
.why2 h1 span{
}
.why2 p{
15px:
c;
font-family: 'Codec Cold';
font-size: 15px;
color: #fff;
line-height: 200%;
}
.why2 h5{
color: #fff;
font-size: 30px;
width: 100%;
float: left;
margin-top: 20px;
margin-bottom: 30px;
}
.why2 h6{
font-family: 'Codec Cold';
font-size: 15px;
color: #fff;
float: left;
width: 50%;
line-height: 200%;
position: relative;
padding-left: 30px;
}
.why2 h6:after{
position: absolute;
content: '';
/* background-image: url(../images/sec-2-point.webp); */
width: 12px;
height: 12px;
background-color: #fff;
left: 0;
top: 8px;
border-radius: 100%;
filter: brightness(11);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.why3{
width: 100%;
float: left;
padding: 80px 0;
}
.why3 h1{
font-size: 40px;
color: #000;
margin-bottom: 20px;
padding-top: 30px;
}
.why3 h1 span{
color: #a16344;
}
.e1{
width: 400px;
float: right;
margin-left: 40px;
height: 330px;
object-fit: cover;
border-bottom-left-radius: 80px;
}
.why3 p{
font-size: 15px;
font-family: 'Codec Cold';
color: #000;
line-height: 200%;
}
.why4{
width: 100%;
float: left;
padding-bottom: 80px;
}
.e2{
width: 400px;
float: left;object-fit: cover;
height: 480px;
margin-right: 40px;
border-bottom-left-radius: 80px;
}
.why4 h1{
font-size: 38px;
color: #000;
margin-bottom: 20px;
}
.why4 h1 span{
color: #a75025;
}
.why4 p{
font-size: 15px;
font-family: 'Codec Cold';
color: #000;
line-height: 200%;
}
.why5{
width: 100%;
float: left;
padding-bottom: 80px;
}
.e3{
width: 400px;
float: right;
border-bottom-left-radius: 80px;
height: 600px;
object-fit: cover;
margin-left: 40px;
}
.why5 h1{
font-size: 40px;
color: #000;
margin-bottom: 20px;
}
.why5 h1 span{
color: #a75025;
}
.why5 p{
font-size: 15px;
font-family: 'Codec Cold';
color: #000;
line-height: 200%;
}
.trip-sec{
width: 100%;
float: left;
padding: 80px 0;
}
.cel{
width: 430px;
float: right;
height: 550px;
object-fit: cover;
border-top-right-radius: 90px;
margin-left: 40px;
}
.trip-sec h1{
font-size: 40px;
color: #000;
margin-bottom: 20px;
}
.trip-sec h1 span{color: #a75025;}
.trip-sec p{
font-family: 'Codec Cold';
font-size: 15px;
color: #000;
line-height: 200%;
}
.trip-sec h2{
font-size: 27px;
color: #000;
margin-bottom: 10px;
margin-top: 30px;
}
.trip-sec2{
width: 100%;
float: left;
padding-bottom: 80px;
}
.trip-sec2 h1{
font-size: 40px;
color: #000;
margin-bottom: 20px;
}
.trip-sec2 h1 span{
color: #a75025;
}
.trip-sec2 p{
font-family: 'Codec Cold';
font-size: 15px;
color: #000;
line-height: 200%;
}
.cel2{
width: 400px;
float: left;
margin-right: 40px;
height: 380px;
object-fit: cover;
border-top-left-radius: 90px;
}.simien-sec h2{
font-size: 23px;
color: #a75025;
width: 100%;
float: left;
margin-top: 20px;
font-weight: 600;
}
.simien-sec{
width: 100%;
float: left;
background: #ffece3;
padding: 80px 0;
}
.simien-sec h1{
font-size: 40px;
color: #000;
margin-bottom: 20px;
}
.simien-sec h1 span{
color: #a75025;
}
.simien-sec p{
font-family: 'Codec Cold';
font-size: 15px;
color: #000;
line-height: 200%;
margin: 0;
}
.si-img{
float: left;
width: 400px;
border-top-left-radius: 80px;
margin-right: 40px;
height: 210px;
object-fit: cover;
margin-bottom: 20px;
}
.bale{
width: 100%;
float: left;
background: #f5c4ab;
padding: 80px 0;
}
.bale-img{
float: right;
width: 400px;
border-top-left-radius: 80px;
margin-left: 40px;
height: 210px;
object-fit: cover;
margin-bottom: 20px;
}
.bale h1{
font-size: 40px;
color: #000;
margin-bottom: 20px;
}
.bale h1 span{
color: #a75025;
}
.bale p{
font-family: 'Codec Cold';
font-size: 15px;
color: #000;
line-height: 200%;
margin: 0;
}
.bale h2{
font-size: 23px;
color: #a75025;
width: 100%;
float: left;
margin-top: 20px;
font-weight: 600;
}
.tribe-sec{
width: 100%;
float: left;
padding: 80px 0;
}
.tribe-img{
width: 450px;
float: left;
margin-right: 40px;
height: 470px;
object-fit: cover;
border-top-left-radius: 80px;
margin-bottom: 20px;
}
.tribe-sec h1{
font-size: 40px;
color: #000;
margin-bottom: 20px;
}
.tribe-sec h1 span{
color: #a75025;
}
.tribe-sec p{
font-family: 'Codec Cold';
font-size: 15px;
color: #000;
line-height: 200%;
}
.tribe-sec h2{
font-size: 27px;
color: #000;
}
.tribe-sec h4{
font-size: 27px;
color: #a75025;
font-weight: 600;
margin-bottom: 10px;
margin-top: 20px;
}
.history-sec{
width: 100%;
float: left;
padding: 80px 0;
}.history-sec h2{
font-size: 27px;
color: #000;
margin-top: 30px;
margin-bottom: 15px;
}
.history{ object-fit: cover;
height: 400px;width: 450px;float: left;margin-right: 40px;border-top-left-radius: 80px;margin-bottom: 20px;}
.history-sec h1{
font-size: 40px;
color: #000;
margin-bottom: 20px;
}
.history-sec h1 span{
color: #a75025;
}
.history-sec p{
font-family: 'Codec Cold';
font-size: 15px;
color: #000;
line-height: 200%;
}
.history-sec h4{
font-size: 27px;
color: #a75025;
font-weight: 600;
margin-bottom: 10px;
}
.innerban{
width: 100%;
float: left;
background: #a86747;
position: relative;
padding: 56px 0;
margin-top: 30px;
}
.innerban img{
position: absolute;
right: 0;
top: 0;
}
.innerban h1{
margin: 0;
font-size: 40px;
color: #fff;
}
.ind-class .header_menu_area > ul > li > a{
color:#fff;
/* padding-left: 10px; */
}
.un-sec{
width: 100%;
float: left;
padding: 80px 0;
}
.un-sec img{
object-fit: cover;
width: 400px;
float: left;
margin-right: 40px;
border-top-left-radius: 80px;
height: 226px;
}
.un-sec h1{
font-size: 40px;
color: #000;
margin-bottom: 15px;
}
.un-sec h1 span{
color: #a75025;
}
.un-sec p{
font-family: 'Codec Cold';
font-size: 15px;
color: #000;
line-height: 200%;
}
.att-un h2{
font-size: 27px;
color: #000;
margin-bottom: 20px;
margin-top: 20px;
}
.att-un h6{
position: relative;
font-family: 'Codec Cold';
font-size: 15px;
color: #000;
line-height: 200%;
float: left;
padding-left: 30px;
width: 50%;
}
.att-un h6:after{
position: absolute;
content: '';
/* background-image: url(../images/sec-2-point.webp); */
width: 10px;
height: 10px;
left: 0;
top: 9px;
background-color: #a75025;
border-radius: 100%;
}
.att-un{
width: 100%;
float: left;
background: #ffebe2;
padding: 70px 0;
}
.heart-sec{
width: 100%;
float: left;
padding: 80px 0;
}
.heart-sec img{
width: 400px;
object-fit: cover;
float: left;
margin-right: 40px;
border-top-left-radius: 80px;
height: 270px;
}
.heart-sec h1{
font-size: 40px;
margin-bottom: 20px;
color: #000;
}
.heart-sec h1 span{
color: #a75025;
}
.heart-sec p{
font-family: 'Codec Cold';
font-size: 15px;
line-height: 200%;
color: #000;
}
.heart-sec2{
width: 100%;
float: left;
padding: 70px 0;
background: #ffe2d4;
}
.heart-sec2 h2{
font-size: 27px;
color: #000;
margin-bottom: 10px;
}
.heart-sec2 h6{
position: relative;
font-size: 24px;
margin-top: 20px;
color: #a75025;
padding-left: 60px;
}
.heart-sec2 h6:after{
content: '';
position: absolute;
background-image: url(../images/i2.png);
width: 55px;
height: 23px;
left: 0;
top: 2px;
}
.heart-sec2 p{
font-family: 'Codec Cold';
font-size: 15px;
line-height: 200%;
color: #000;
}.ind-class .book:after{
position: absolute;
content: '';
background: url('../images/right-arrow-black.webp');
width: 21px;
height: 14px;
filter: invert(1);
right: -28px;
top: 3px;
}
.ind-class .book:before{
position: absolute;
content: '';
background: #fff;
width: 1px;
height: 12px;
left: -9px;
top: 4px;
}
.book:after{
position: absolute;
content: '';
background: url('../images/right-arrow-black.webp');
width: 21px;
height: 14px;
right: -28px;
top: 3px;transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
}
.book:before{
position: absolute;
content: '';
background: #000;
width: 1px;
height: 12px;
left: -9px;
top: 4px;
}
/* WebKit styles */
progress[value]::-webkit-progress-bar {
background-color: whiteSmoke;
border-radius: 3px;
box-shadow: 0 2px 3px rgba(0, 0, 0,.25) inset;
}
progress[value]::-webkit-progress-value {
background-image: linear-gradient(
to right,
#ff8a00, #e52e71
);
border-radius: 3px;
position: relative;
transition: width 1s linear;
}
.progress{
position: absolute;
}
.progress:after{
position: absolute;
content: '';
}
@media(min-width: 1440px){
.baner-hed{
padding-left: 13% !important;
}
}
.pre-sec{
width: 100%;
float: left;
padding: 80px 0;
}
.pre-sec img{float: right;width: 400px;height: 370px;border-bottom-left-radius: 80px;object-fit: cover;margin-left: 40px;}
.pre-sec h1{
color: #a75025;
font-size: 40px;
}
.pre-sec p{
font-family: 'Codec Cold';
font-size: 15px;
line-height: 200%;
padding-top: 10px;
}
.pre-sec h2{
color: #a75025;
font-size: 40px;
margin-top: 25px;
}
.ct-sec{
width: 300px;
margin-right: 20px;
float: left;
background: #ffdac7;
padding: 20px;
}
.ct-sec h5{
font-size: 20px;
font-weight: 600;
color: #a75025;
}
.ct-sec span{
font-family: 'Codec Cold';
font-size: 15px;
line-height: 200%;
padding-top: 10px;
}
.ct-sec b{
float: left;
width: 100%;
}
.pre-sec2{
width: 100%;
float: left;
padding: 70px 0;
background: #f5d1bf;
}
.pre-sec2 h1{
color: #a75025;
font-size: 40px;
margin-bottom: 30px;
float: left;
width: 100%;
}.card-header a:hover{
text-decoration:none;
}
.pre-sec2 .card {
background: #ffffff;
margin-top: 20px;
}
.pre-sec2 .card-header {
height: 69px;
padding: 23px 20px;
background: #fff;
}
.pre-sec2 h5 {
font-size: 19px;
color: #a75025;
margin: 0;
}
.pre-sec2 h5 svg {
fill: #000;
transform: rotate(-270deg);
}
.pre-sec2 p{
font-family: 'Codec Cold';
font-size: 15px;
line-height: 200%;
padding-top: 10px;
}
.p1{
width: 100%;
float: left;
background-image: url(../images/p1.webp);
/* background-attachment: fixed; */
background-size: cover;
height: 400px;
}.p2{
width: 100%;
float: left;
background-image: url(../images/p2.webp);
/* background-attachment: fixed; */
background-size: cover;
height: 400px;
}.p3{
width: 100%;
float: left;
background-image: url(../images/p3.webp);
/* background-attachment: fixed; */
background-size: cover;
height: 400px;
}.p4{
width: 100%;
float: left;
background-image: url(../images/p4.webp);
/* background-attachment: fixed; */
background-size: cover;
height: 400px;
}.p5{
width: 100%;
float: left;
background-image: url(../images/p5.webp);
/* background-attachment: fixed; */
background-size: cover;
height: 400px;
}.p6{
width: 100%;
float: left;
background-image: url(../images/p6.webp);
/* background-attachment: fixed; */
background-size: cover;
height: 310px;
}.p7{
width: 100%;
float: left;
background-image: url(../images/p7.webp);
/* background-attachment: fixed; */
background-size: cover;
height: 400px;
}.p8{
width: 100%;
float: left;
background-image: url(../images/p8.webp);
/* background-attachment: fixed; */
background-size: cover;
height: 400px;
}.p9{
width: 100%;
float: left;
background-image: url(../images/p9.webp);
/* background-attachment: fixed; */
background-size: cover;
height: 400px;
}.p10{
width: 100%;
float: left;
background-image: url(../images/p10.webp);
/* background-attachment: fixed; */
background-size: cover;
height: 400px;
}.p11{
width: 100%;
float: left;
background-image: url(../images/p11.webp);
/* background-attachment: fixed; */
background-size: cover;
height: 400px;
}.p12{
width: 100%;
float: left;
background-image: url(../images/p12.webp);
/* background-attachment: fixed; */
background-size: cover;
height: 400px;
}
.pre-sec2 ul{
padding: 0;
}
.pre-sec2 ul li{position: relative;list-style: none;font-size: 15px;font-family: 'Codec Cold';padding-left: 30px;line-height: 200%;}
.pre-sec2 li:after{
content: '';
position: absolute;
background-image: url(../images/sec-2-point.webp);
width: 19px;
height: 20px;
left: 0;
top: 3px;
}
.book:hover::after{
transform: rotate(180deg);
}
.progress-bar {
position: absolute;
width: 250px;
height: 4px;
background-color: #ffffff61;
border-radius: 0;
z-index: 99;
transform: rotate(90deg);
right: 0%;
top: 50%;overflow:hidden !important;
}
.progress1 {
position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: #ffffff;
/* border-radius: 5px; */
width: 0;
z-index: 999;
}
.duration-left,
.duration-right {
position: absolute;
top: -20px;
font-size: 12px;
color: #333;
}
.duration-left {
left: 0;
}
.duration-right {
right: 0;
}
.form-group {
display: block;
margin-bottom: 5px !important;
}
.form-group input {
padding: 0;
height: initial;
width: initial;
margin-bottom: 0;
display: none;
cursor: pointer;
}
.form-group label {
position: relative;
cursor: pointer;
font-family: 'Codec Cold';
font-size: 15px;
}
.form-group label:before {
content:'';
-webkit-appearance: none;
background-color: transparent;
border: 2px solid #464646;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 7px;
display: inline-block;
position: relative;
vertical-align: middle;
cursor: pointer;
margin-right: 15px;
border-radius: 5px;
}
.form-group input:checked + label:after {
content: '';
display: block;
position: absolute;
top: 4px;
left: 6px;
width: 6px;
height: 10px;
border: solid #a75025;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.package-full{
width: 100%;
float: left;
padding: 70px 0;
}
.package-full h6{
font-size: 17px;
font-family: 'Codec Cold';
color: #a75025;
}
.fil-sec{
width: 100%;
float: left;
background: #fff;
}
.fil-box{
width: 100%;
float: left;
}
.fil-box h1{
font-size: 23px;
color: #000;
margin-bottom: 20px;
margin-top: 30px;
}
.package-box h4{
position: absolute;
top: 23px;
right: 0;
background: #9f6243;
font-size: 14px;
padding: 6px;
color: #fff;
}
.package-box{
width: 100%;
float: left;
margin-bottom: 30px;
border: 1px solid #cecece;
padding-bottom: 30px;
position: relative;
}
.pack-img{
width: 100%;
float: left;
height: 250px;
object-fit: cover;
}
.package-box h1{
font-size: 24px;
color: #a75025;
padding: 30px 30px 0px;
float: left;
font-family: 'Codec Cold';
line-height: 145%;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.package-box p{
}
.package-box p{
font-family: 'Codec Cold';
float: left;
width: 100%;
font-size: 15px;
color: #000;
/*height: 60px;*/
/*display: -webkit-box;*/
/*-webkit-line-clamp: 2;*/
/*-webkit-box-orient: vertical;*/
overflow: hidden;
line-height: 200%;
padding: 0 30px 0;
}
.package-box h5{
font-size: 20px;
color: #a75025;
padding: 0px 30px 0px;
float: left;
font-family: 'Codec Cold';
line-height: 145%;
}
.package-box-a{
font-family: 'Codec Cold';
float: left;
width: auto;
font-size: 15px;
color: #000;
line-height: 200%;
padding: 8px 30px 0;
}
.package-box-a img{
margin-left: 10px;
margin-top: -1px;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
}
.package-box-a:hover{
color: #a75025;
text-decoration: none;
}
.package-box-a:hover img{
margin-left: 15px;
}
@media(max-width:767px){
.med-wd{
width:100% !important;
}
.filter-mob h5 img {
width: 30px;
height: 30px;
object-fit: contain;
float: left;
margin-right: 15px;
}
.fil-sec {
border-radius: 0;
margin-top: -320px;
height: 100vh;
overflow-y: scroll;
padding: 0 15px 35px;
}
.med-hide{
height: 0;
/* display: none; */
position: absolute;
visibility: hidden;
width: 0;
left: 0;
transform: translate3d(-100%,0,0);
transition: all ease-in-out .6s;
/* transition: visibility 0s .6s,transform .5s cubic-bezier(.19,1,.22,1); */
z-index: 9999;
PADDING: 0;
}.med-new {
visibility: visible !important;
transform: translatex(0) !important;
transition: visibility 0s 0s,transform .7s cubic-bezier(.19,1,.22,1) !important;
}.med-wd {
width: 100% !important;
}.mob-fil-new {
width: 100%;
float: left;
height: 36px;
position: fixed;-webkit-backface-visibility: hidden;
background: #fff;
margin-bottom: 22px;
border-bottom: 1px solid #cecece;
left: 0;
padding-left: 15px;
padding-top: 3px;
z-index: 999;
}.mob-fil-new h1 {
margin-top: 0;
font-size: 20px;
font-weight: 600;
padding-left: 15px;
}.filter-close img {
width: 33px;
height: 33px;
background: #ac6f50;
float: right;
padding: 7px;
border-radius: 100%;
position: absolute;
right: 25px;
top: -6px;
}
.package-full .container {
width: 100%;
padding-right: 0px !important;
padding-left: 0px !important;
}
.filter-mob{
margin-bottom: 20px;
float: left;
width: 100%;
}
.filter-mob h5{
font-size: 20px;
color: #000;
padding-left: 15px;
}
.package-full .container {
max-width: 100% !important;
}
}
@media(min-width:768px){
.filter-mob{
display:none;
}
.mob-fil-new{ display:none;
}
}
.det-img{
width: 633px;
height: 403px;
float: left;
/* margin-right: 40px; */
border-top-right-radius: 40px;
}
.pack-det{
width: 100%;
float: left;
padding: 70px 0;
}
.pack-det h5{
position: relative;
font-size: 25px;
color: #000;
}
.pack-det h1{
font-size: 50px;
color: #000;
line-height: 140%;
margin-top: 15px;
margin-bottom: 25px;
}
.pack-det h1 span{
color: #a85329;
}
.pack-det a:hover:before{
width: 100%;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
left: 0;
right: auto;
}
.pack-det a:hover:after{
width: 100%;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
right: 0;
left: auto;
}
.pack-det a{
font-family: 'Codec Cold';
width: 249px;
/* float: right; */
z-index: 99;
height: 56px;
border: 1px solid #000;
border-radius: 30px;
color: #000;
font-size: 15px;
padding: 16px 30px;
margin-top: 28px;
transform: perspective(0) translateZ(0);
position: relative;
display: inline-block;
overflow: hidden;
}
.pack-det a img{
float: right;
margin-top: 2px;
}
.pack-det a:after{
content: '';
position: absolute;
background: #000;
left: 0;
width: 0;
top: 0;
height: 50%;
right: auto;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
z-index: -2;
color: #fff;
}.pack-det a:before{
content: '';
position: absolute;
background: #000;
width: 0;
height: 50%;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
left: auto;
right: 0;
bottom: 0;
z-index: -3;
color: #fff;
}
.pack-det a:hover{
text-decoration: none;
color: #fff;
}
.days{display: inline;margin-right: 40px;}
.days img{
width: 25px;
height: 25px;
}
.days span{
font-family: 'Codec Cold';
font-size: 20px;
margin-left: 10px;
}
.pack-det h5 img{
margin-right: 19px;
width: 55px;
}
.pack-det h2{
font-size: 50px;
color: #000;
margin-top: 40px;
margin-bottom: 20px;
}.pack-det p{
font-family: 'Codec Cold';
font-size: 15px;
color: #000;
line-height: 200%;
margin: 0;
}
.it-sec{
width: 45%;
float: left;
padding-right: 5%;
margin-top: 15px;
}.it-sec:after{
position:absolute;
content:'';
height: 25px;
width: 2px;
right: -50px;
background: #cccccc3b;
}
.it-img{
width: 25px;
float: left;
margin-right: 10px;
}
.check-circle{
width: 25px;
float: right;
}
.cross-circle{
width: 25px;
float: right;
}.it-sec2 span{
font-size: 20px;
font-family: 'Codec Cold';
}
.it-sec span{
font-size: 20px;
font-family: 'Codec Cold';
}
.it-sec2{
float:right;
padding-right:0;
width: 45%;
padding-left: 5%;
margin-top: 10px;
}.it-sec2:after{
display:none;
}
.ovr{
position: absolute;
width: 306px;
background: #EAEDF5;
bottom: 0;
right: 0;
padding: 25px 50px;
}
.ovr h4{
font-size: 15px;
color: #a86747;
float: left;
width: 100%;
line-height: 34PX;
}
.ovr h4 span{
font-size: 35px;
color: #000;
/* float: left; */
width: 100%;
}
.img-det2{
position: relative;
width: 633px;
height: 403px;object-fit:cover;
margin-right: 60px;
float: left;
}
.pack-det .card {
background: #EAEDF5;
margin-top: 20px;
border: 0;
}
.pack-det .card-header {
height: 90px;
padding: 30px 20px;
border: 0;
background-color: #EAEDF5;
}.pack-det .card-header h6{
font-size: 20px;
color: #000;
}
.pack-det .card h5{
font-size: 20px;
color: #000;
margin: 0;
font-weight: 500;
cursor: pointer;
}
.pack-det h5 svg{
fill: #000;
transform: rotate(-270deg);
}
.pack-det .card-body{width: 100%;float: left;border-top: 2px solid #fff;}
.day-ct{
width: 100%;
float: left;
padding-left: 50px;
padding-right: 15px;
}
.day-ct h3{
font-size: 20px;
color: #000;
font-family: 'Codec Cold';
margin-top: 20px;
margin-bottom: 20px;
position: relative;
}
.day-ct h3:after{
position:absolute;
content:'';
background-image: url(../images/sec-2-point.webp);
width: 19px;
height: 20px;
left: -50px;
bottom: 2px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}.day-ct p{
margin-bottom: 30px;
float: left;
width: 100%;
position: relative;
}.day-ct p:after{
position:absolute;
content:'';
width: 1px;
background: #ccc;
height: 110%;
left: -40px;
top: 0;
}
.pack-det .accordion{
width: 100%;
float: left;
margin-top: 30px;
}
.faq-sec{
width: 100%;
float: left;
padding: 0 0 70px;
}
.faq-sec h1{
font-size: 50px;
color: #000;
margin-bottom: 30px;
}
.faq-sec .card{
border: 0;
margin-bottom: 20px;
}
.faq-sec .card h5{
font-size: 25px;
cursor: pointer;
font-family: 'Codec Cold';
}.faq-sec .card h5 svg{
transform: rotate(90deg);
}
.faq-sec .card-header{
background-color: transparent;
padding-left: 0;
height: 62px;
}.faq-sec .card-body {
padding-left: 0;
border-bottom: 1px solid #cecece;
}
.faq-sec .card-body p{
font-size: 25px;
font-family: 'Codec Cold';
font-size: 15px;
line-height: 200%;
}
.faq-sec p{
font-family: 'Codec Cold';
font-size: 15px;
line-height: 200%;
}
h5:not(.collapsed) .rotate-icon {
-webkit-transform: rotate(270deg) !important;
transform: rotate(270deg) !important;
}
.book-full{
width: 100%;
float: left;
padding: 70px 0;
}
.book-full h1{
font-size: 50px;
color: #000;
}
.book-full h1 span{
color: #a75025;
}
.book-full p{
font-size: 15px;
font-family: 'Codec Cold';
line-height: 200%;
}
.book-full form{
width: 100%;
float: left;
margin-top: 20px;
}
.book-field{
width: 96%;
float: left;
margin-bottom: 20px;
}.row .book-field:nth-child(2n+1) {
/* float:right; */
}
.book-field label{
font-size: 15px;
font-family: 'Codec Cold';
width: 100%;
margin-bottom: 10px;
color: #000;
}.book-field select{
width: 100%;
float: left;
border: 1px solid #cecece;
padding: 12px; background: transparent;
height: 41px;
color: #000;
font-family: 'Codec Cold';
font-size: 15px;
}
.book-field input{
width: 100%;
float: left;
border: 1px solid #cecece;
padding: 12px;
color: #000;
font-family: 'Codec Cold';
font-size: 15px;
}
[type="radio"]:checked,
[type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
position: relative;
padding-left: 33px;
cursor: pointer;
line-height: 20px;
display: inline-block;
padding-top: 4px;
float: left;
/* color: #666; */
width: auto;
margin-right: 30px;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
border: 2px solid #a75025;
border-radius: 5px;
background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
content: '';
width: 6px;
height: 10px;
position: absolute;
border: solid #a75025;
transform: rotate(45deg);
border-width: 0 2px 2px 0;
top: 6px;
left: 9px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
[type="radio"]:checked + label:after {
opacity: 1;
/* -webkit-transform: scale(1); */
/* transform: scale(1); */
}
.sub-book{
font-family: 'Codec Cold';
width: 242px;
float: none;
text-align: left;
display: block;
z-index: 99;
height: 56px;
border: 1px solid #000;
border-radius: 30px;
background: transparent;
color: #000;
font-size: 15px;
cursor: pointer;
padding: 16px 30px;
margin: 20px auto 0;
transform: perspective(0) translateZ(0);
position: relative;
display: block;
overflow: hidden;
}
.sub-book img{
float: right;
margin-top: 2px;
}
.sub-book:hover{
text-decoration: none;
color: #fff;
}
.sub-book:after{
content: '';
position: absolute;
background: #000;
left: 0;
width: 0;
top: 0;
height: 50%;
right: auto;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
z-index: -2;
color: #fff;
}
.sub-book:before{
content: '';
position: absolute;
background: #000;
width: 0;
height: 50%;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
left: auto;
right: 0;
bottom: 0;
z-index: -3;
color: #fff;
}
.sub-book:hover:before{
width: 100%;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
left: 0;
right: auto;
}.sub-book:hover:after{
width: 100%;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
right: 0;
left: auto;
}
.sub-book:hover img{
filter: invert(1);
}
.fxd-btn{
position: fixed;
bottom: 0;
left: 5%;
font-size: 16px;
width: 90%;
background: #a86747;
text-align: center;
color: #fff;
padding: 20px 0;
z-index: 999;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
@media(min-width:576px){
.fxd-btn{
display:none;
}
}
.fxd-btn img{
margin-left: 10px;
filter: invert(1);
margin-top: 2px;
}
.fxd-btn:hover{
text-decoration:none;color:#fff;
}
.progress-bar {
position: absolute;
width: 250px;
height: 4px;
background-color: #ffffff61 !important;
border-radius: 0;
z-index: 99;
transform: rotate(90deg);
right: 0%;
top: 50%;overflow:hidden !important;
}
.progress1 {
position: absolute;
top: 0;
left: 0;
height: 100%;
background-color: #ffffff;
/* border-radius: 5px; */
width: 0;
z-index: 999;
}
.duration-left,
.duration-right {
position: absolute;
top: -20px;
font-size: 12px;
color: #333;
}
.duration-left {
left: 0;
}
.duration-right {
right: 0;
}
.fade {
animation-name: fade;
animation-duration: 1.5s;
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}
#slider{
margin:0 auto;
width:80%;
overflow:hidden;
}
.slides{
overflow:hidden;
animation-name:fade;
animation-duration:1s;
display:none;
}
#dot{
margin:0 auto;
text-align:center;
}
.dot{
display:inline-block;
border-radius:50%;
background:#d3d3d3;
padding:8px;
margin:10px 5px;
}
.slides img{
width:100%; height: 745px;object-fit:cover;
} #slider{
width:100%;
}
@media (max-width:567px){
#slider{
width:100%;
}
}
.hidden-input-field {
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 0;
width: 0;
z-index: -1;
}
.grecaptcha-badge {
visibility: hidden;
}
.activeli{
color: #fbbfa1 !important;
}
/* HTML: */
.loader {
width: 48px;
height: 48px;
border: 5px solid #FFF;
border-bottom-color: transparent;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.news-let{
width: 100%;
float: left;
margin-top: -30px;
}
.news-let h1{
font-family: 'Codec Cold';
color: #fff;
font-size: 15px;
margin-bottom: 4px;
font-weight: 400;
}
.news-let input{
width: 70%;
float: left;
font-size: 15px;
color: #000;
font-family: 'Codec Cold';
height: 50px;
border: 0;
padding: 11px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}.news-let input:focus{
outline:none;
}
.news-let form{
width: 87%;
float: left;
margin-top: 10px;
}
.news-let button{
width: 30%;
float: left;
border: 0;
background: #020202;
height: 51px;
position: relative;
color: #fff;
font-size: 15px;
padding: 10px 0;
z-index: 9;
cursor: pointer;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.news-let button:hover::before{
width: 100%;
border-bottom-right-radius: 7px;
/* border-bottom-right-radius: 30px; */
left: 0;
right: auto;
/* z-index: 0; */
}.news-let button:hover::after{
width: 100%;
border-top-right-radius: 7px;
/* border-bottom-right-radius: 30px; */
right: 0;
left: auto;
/* z-index: 0; */
}
.news-let button:before{
content: '';
position: absolute;
background: #a65025;
width: 0;
height: 50%;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
left: auto;
right: 0;
bottom: 0;
z-index: -3;
color: #fff;
}
.news-let button:after{
content: '';
position: absolute;
background: #a65025;
left: 0;
width: 0;
top: 0;
height: 50%;
right: auto;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
z-index: -2;
color: #fff;
}
.trip-det{
width: 100%;
float: left;
padding: 80px 0;
}
.trip-det h1{
font-size: 40px;
margin-bottom: 20px;
color: #000;
}
.trip-box{
width: 100%;
height: 400px;
float: left;
overflow: hidden;
position: relative;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}.trip-over{
position: absolute;
background: linear-gradient(180deg, rgb(255 255 255 / 40%) 5%, rgb(0 0 0 / 67%) 76%);
/* background: #3b343170; */
bottom: 0;
height: 100%;
width: 100%;
z-index: 99;
padding: 20px;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}
.trip-box img{
width: 100%;
float: left;
height: 400px;
object-fit: cover;
transition: all ease-in-out .5s;
-webkit-transition: all ease-in-out .5s;
-moz-transition: all ease-in-out .5s;
}.trip-box a{
position: absolute;
bottom: 30px;
font-size: 15px;
font-family: 'Codec Cold';
width: 164px;
/* float: left; */
z-index: 99;
height: 50px;
background: white;
text-align: center;
border: 0;
border-radius: 30px;
color: #000;
font-size: 15px;
padding: 15px 30px;
margin-top: 30px;
transform: perspective(0) translateZ(0);
/* position: relative; */
display: inline-block;
overflow: hidden;
}.trip-box h6{
font-size: 20px;
color: #fff;
position: absolute;
bottom: 90px;
width: 90%;
}.trip-box a:hover{
}
.trip-box:hover img{
transform: scale(1.1);
}
.trip-arrow{
}
.trip-box:hover .trip-over{
background: linear-gradient(180deg, rgb(255 255 255 / 2%) 5%, rgb(0 0 0 / 15%) 76%);
}
.trip-box a:before{
content: '';
position: absolute;
background: #a75025;
width: 0;
height: 50%;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
left: auto;
right: 0;
bottom: 0;
z-index: -3;
color: #fff;
}
.trip-box a:after{
content: '';
position: absolute;
background: #a75025;
left: 0;
width: 0;
top: 0;
height: 50%;
right: auto;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
z-index: -2;
color: #fff;
}
.trip-box:hover::after{
}.trip-box a:hover{
text-decoration:none;
color: #fff;
}
.trip-box a:hover::before{
width: 100%;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
left: 0;
right: auto;
}
.trip-box a:hover::after{
width: 100%;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
right: 0;
left: auto;
}
.p1-img-new {
position: absolute;
top: 0;
right: 0;
}
.blog-sec{
width: 100%;
float: left;
padding: 80px 0;
}
.blog-box{
width: 100%;
float: left;
margin-bottom:30px;
/* border: 1px solid #cccccc9e; */
background: #ffeee7;
padding: 15px;
border-bottom-left-radius: 60px;
height: 590px;
}.blog-box img{
width: 100%;
height: 250px;
object-fit: cover;
/* border-bottom-left-radius: 100px; */
margin-bottom: 20px;
}
.blog-box h5{
font-size: 15px;
color: #707070;
font-family: 'Codec Cold';
}.blog-box p{
font-family: 'Codec Cold';
font-size: 15px;
color: #000;
line-height: 200%;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}.blog-box h2{
font-size: 22px;
color: #000;
margin-bottom: 10px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-box a{
position: relative;
font-family: 'Codec Cold';
width: 164px;
float: left;
z-index: 99;
background: #a75025;
height: 54px;
border: 0;
text-align: center;
border-radius: 30px;
color: #fff;
font-size: 15px;
padding: 17px 30px;
/* margin-top: 30px; */
transform: perspective(0) translateZ(0);
position: relative;
display: inline-block;
overflow: hidden;
}.blog-box a:hover{
color: #fff;
text-decoration: none;
}.blog-box a:after{
content: '';
position: absolute;
background: #000;
left: 0;
width: 0;
top: 0;
height: 50%;
right: auto;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
z-index: -2;
color: #fff;
}.blog-box a:before{
content: '';
position: absolute;
background: #000;
width: 0;
height: 50%;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
left: auto;
right: 0;
bottom: 0;
z-index: -3;
color: #fff;
}.blog-box a:hover::after{
width: 100%;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
right: 0;
left: auto;
}.blog-box a:hover::before{
width: 100%;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
left: 0;
right: auto;
}
.blog-det{
width: 100%;
float: left;
padding: 80px 0;
}
.blog-det h5{
font-size: 15px;
color: #707070;
font-family: 'Codec Cold';
}
.blog-det h2{
font-size: 32px;
color: #000;
margin-bottom: 10px;
}
.blog-det p{font-family: 'Codec Cold';font-size: 15px;color: #000;line-height: 200%;}
.blog-det img{
width: 100%;
height: 400px;
object-fit: cover;
border-bottom-left-radius: 70px;
margin-bottom: 20px;
}
.blog-right{
width: 100%;
float: left;
background: #ffe8df;
/* padding: 20px; */
}
.blog-right a{
width: 100%;
float: left;
/* margin-bottom: 10px; */
border-bottom: 3px solid #fff;
padding: 15px;
}
.blog-right a:hover{
text-decoration: none;
background: #ffdac7;
}
.blog-right a img{
width: 50px;
height: 50px;
border-radius: 0;
float: left;
margin-bottom: 0;
margin-right: 20px;
}
.blog-right a h6{
font-size: 16px;
color: #000;
padding-top: 4px;
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.blog-right h3{
background: #a75025;
padding: 15px;
margin: 0;
font-size: 22px;
color: #fff;
}
.ab-img{
border-bottom-left-radius: 90px;
height: 640px;
object-fit: cover;
}
.cta1{
width: 100%;
float: left;
background: #a86747;
padding: 60px 0;
}
.cta1 a{
width: 205px;
float: left;
z-index: 99;
height: 56px;
border: 1px solid #fff;
font-family: 'Codec Cold';
border-radius: 30px;
color: #fff;
overflow: hidden;
font-size: 15px;
padding: 16px 30px;
/* margin-top: 30px; */
transform: perspective(0) translateZ(0);
position: relative;
display: inline-block;
}
.cta1 a:after{
position: absolute;
content:'';
background: #fff;
left: 0;
width: 0;
top: 0;
height: 50%;
right: auto;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
z-index: -2;
color: #000;
}
.cta1 a:before{
position: absolute;
content:'';
background: #fff;
width: 0;
height: 50%;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
left: auto;
right: 0;
bottom: 0;
z-index: -3;
color: #000;
}
.cta1 a:hover{
color: #000;text-decoration: none;
}
.cta1 a:hover::after{
width: 100%;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
right: 0;
left: auto;
}.cta1 a:hover::before{
width: 100%;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
left: 0;
right: auto;
}
.cta1 h1{
margin-bottom: 0;
font-size: 30px;
float: left;
color: #fff;
width: 80%;
margin-top: 10px;
}
.cta1 a:hover img{
filter: invert(1);
}
.cta1 a img{
width: auto !important;float: right;margin-top: 2px;
}
.book-package{
width: 131px;
float: right;
z-index: 99;
height: 47px;
border: 1px solid #a75025;
font-family: 'Codec Cold';
border-radius: 30px;
color: #fff;
margin-right: 25px;
background: #a75025;
overflow: hidden;
font-size: 15px;
padding: 13px 0;
/* margin-top: 30px; */
transform: perspective(0) translateZ(0);
position: relative;
display: inline-block;
}
.book-package a{
color: #fff;
font-size: 15px;
}
.book-package:hover{
}
.book-package a:hover{
}
.book-package:after{
position: absolute;
content:'';
background: #fff;
left: 0;
width: 0;
top: 0;
height: 50%;
right: auto;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
z-index: -2;
color: #000;
}
.book-package:before{
position: absolute;
content:'';
background: #fff;
width: 0;
height: 50%;
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
left: auto;
right: 0;
bottom: 0;
z-index: -3;
color: #000;
}
.book-package:hover::after{
width: 100%;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
right: 0;
left: auto;
}
.book-package:hover::before{
width: 100%;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
left: 0;
right: auto;
}
.adwa{
width: 100%;
float: left;
padding: 80px 0;
}.adwa h1 span{
color:#a75025;
}
.adwa h1{
font-size: 40px;
margin-bottom: 20px;
color: #000;
}
.adwa p{
font-family: 'Codec Cold';
font-size: 15px;
line-height: 200%;
color: #000;
}
.adwa img{
width: 400px;
height: 520px;
object-fit: cover;
float: right;
margin-left: 40px;
border-top-right-radius: 80px;
}
.book-package:hover a{
color: #000;
text-decoration: none;
}
.p4-img-test{
position: absolute;
width: auto;
right: 0;
top: 0;
}