@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Roboto", sans-serif;
}

:root {
    --primary-font: "Roboto", sans-serif;
    --secondry-font: "Oswald", sans-serif;
    --primary-color: #FF8C00;
    --secondary-color: #FF8C00;
    --third-color: #ffa436;
    --four-color: #FF8C00;
}

body {
    overflow-x: hidden;
}

body::-webkit-scrollbar {
    width: 5px;
    background: #000;
}

body::-webkit-scrollbar-thumb {
    background: #eee;
}

a {
    text-decoration: none;
    color: #000;
    display: block;
}

ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

.toptitle {
    color: #FFFFFF;
    font-family: var(--secondry-font);
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.3em;
    letter-spacing: 2.5px;
    background: var(--four-color);
    padding: 10px 15px 10px 15px;
    display: inline-block;
    margin: 0 0 10px;
}

.breadcrumb-wrapper {
    position: relative;
    z-index: 1;
    padding: 230px 60px 100px;
    background-position: center !important;
}

.breadcrumb-wrapper:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #023047bd;
    background: linear-gradient(45deg, #ff8c00b8, #ff8c0038, #02304721);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    /*background: var(--secondary-color);*/
}

.breadcrumb-wrapper:before {
    background: linear-gradient(45deg, #ff8c00b8, #ff8c0038, #02304721);
}

.breadcrumb-title {}

.breadcrumb-title .imgbox {
    position: absolute;
    box-shadow: 0 3px 10px rgb(0 0 0 / 15%);
}

.breadcrumb-title .imgbox img {
    width: 100%;
    border-radius: 10px;
}

.breadcrumb-title .imgbox:nth-child(1) {
    width: 35%;
    top: -50px;
    left: 50px;
}

.breadcrumb-title .imgbox:nth-child(2) {
    top: 60%;
    left: 45%;
    width: 25%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.breadcrumb-title .imgbox:nth-child(3) {
    width: 30%;
    right: 15%;
    top: -22%;
}

.breadcrumb-title .imgbox:nth-child(4) {
    bottom: 0;
    right: 0;
    width: 30%;
}

.breadcrumb-wrapper:is(.our-gallery, .about-us, .contact-us, .destination) .breadcrumb-title .imgbox {
    display: none;
}

.breadcrumb-title .overlay {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.breadcrumb-title .overlay h3 {
    color: #fff;
    font-size: 40px;
    font-family: var(--secondry-font);
    flex-basis: 50%;
    position: relative;
    z-index: 1;
}

.breadcrumb-title .overlay h3 span {
    font-family: var(--secondry-font);
    color: var(--secondary-color);
}

.breadcrumb-title .overlay p {
    flex-basis: 50%;
    color: #fff;
    text-align: end;
    font-size: 18px;
}


header {
    background: #ffe9ce;
    width: 100%;
    position: relative;
    z-index: 9;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 15%);
    transition: postion .3s linear;
    padding: 0 70px;
}

.header-right {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 100px;
    padding: 25px 0 0;
}

.header-right .contactheader {
    display: flex;
    align-items: center;
    gap: 5px;
}

.header-right .contactheader.admission a {
    transition: .2s linear;
    padding: 8px 10px 8px 10px;
    background: var(--primary-color);
    color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.header-right .contactheader.admission a img {
    width: 40px;
    filter: drop-shadow(0px 1px 1px #777);
}

.header-right .contactheader.admission {
    width: 45%;
}

.header-right .contactheader.admission a .box {}

.header-right .contactheader.admission a .box span {
    color: #fff;
}

.header-right .contactheader.admission a .box p {
    text-transform: lowercase;
    font-weight: 400;
    font-size: 14px;
    margin: 1px 0 0;
}

.header-right .contactheader.contact {}

.header-right .contactheader i {
    font-size: 36px;
    line-height: 1;
    color: #000;
    padding: 5px 0;
    padding-right: 10px;
}

.header-right .contactheader span {
    font-family: var(--secondry-font);
    line-height: 1;
    font-size: 15px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0.5px;
}

.header-right .contactheader span a {
    text-transform: lowercase;
    font-weight: 400;
    margin: 5px 0 0;
    font-size: 16px;
    color: #000;
}

header .websitelogo {
    display: block;
    margin: 20px 0 0;
}

header .websitelogo img {
    width: 30%;
    /* background: #fff; */
}

header .websitelogo span {
    font-family: var(--secondry-font);
    font-size: 40px;
    color: #fff;
    line-height: 1;
    font-weight: 700;
}

.menuheader {
    margin: 20px 0 0;
}

header .menu {
    background: var(--secondary-color);
    /* border: 1px solid #fff; */
    /* border-bottom: unset; */
}

header .menu>ul {
    display: flex;
    gap: 10px;
}

header .menu>ul>li {
    position: relative;
    z-index: 1;
}

header .menu>ul>li>a {
    color: #000;
    letter-spacing: 0.5px;
    font-size: 16px;
    position: relative;
    padding: 30px 20px;
    transition: .3s linear;
    font-weight: 500;
    line-height: 1;
    display: flex;
    height: 100%;
    align-items: center;
}

header .menu>ul>li>a:before {
    content: "";
    width: 100%;
    height: 3px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: .3s linear;
    opacity: 0;
    visibility: hidden;
}

header .menu>ul>li>a.active:before,
header .menu>ul>li>a:hover:before {
    opacity: 1;
    visibility: visible;
}

header .menu>ul>li:last-child {
    background: #fff;
    margin-left: auto;
    transition: all .3s ease;
}

header .menu>ul>li:last-child:hover {
    background: #fff;
}

header .menu>ul>li:last-child>a {
    color: var(--primary-color);
}

header .menu>ul>li:last-child>a>i {
    margin-right: 10px;
    color: var(--primary-color);
}

header .menu>ul>li:last-child>a:hover i,
header .menu>ul>li:last-child>a:hover {
    color: var(--primary-color);
}

header .menu>ul>li>a.active,
header .menu>ul>li a:hover {
    color: #fff;
}

header .menu ul li a i {
    font-size: 22px;
    color: #000;
}

header .menu>ul>li a:hover i {
    color: #fff;
}

header .menu>ul>li .sublist {
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    margin: 40px 0 0;
    visibility: hidden;
    opacity: 0;
    transition: .2s linear;
    z-index: 99999;
    background: #fff;
    text-align: left;
    box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
}

header .menu>ul>li .sublist li {
    display: block;
}

header .menu>ul>li .sublist li a {
    color: #000000;
    padding: 20px;
    transition: .2s linear;
    font-weight: 400;
    letter-spacing: 0.5px;
    font-size: 15px
}

header .menu>ul>li .sublist li a:hover {
    color: #fff;
    background: var(--secondary-color);
}

header .menu>ul>li:hover .sublist {
    margin: 0;
    visibility: visible;
    opacity: 1;
}

header .menu>ul>li.gettouch {}

header .menu>ul>li.gettouch a {}

header .menu>ul>li .submenu {}

header .menu>ul>li .submenu li {}

header .menu>ul>li .submenu li a {}

header .menu>ul>li.mobmenuhead {
    display: none;
}

.bannersection {
    overflow-x: hidden;
}

.bannersection .bannerimg {}

.bannersection .bannerimg img {
    width: 100%;
}

.slider-section {
    background: url('../assets/sliderbg.webp');
    position: relative;
    z-index: 1;
    padding: 100px 0;
    overflow-x: hidden;
}

.slider-section:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #005f7296;
    z-index: -1;
}

.slider-content {
    width: 80%;
    margin: auto;
}

.slider-content h2 {
    color: #fff;
    text-align: center;
    font-size: 60px;
    font-family: var(--secondry-font);
    padding: 0 30px;
    margin: 0 auto 40px;
    font-weight: 500;
}

.slider-content h2 span {
    font-size: 60px;
    display: inline-block;
    font-family: var(--secondry-font);
    color: var(--secondary-color);
}

.slider-content p {
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.slider-content p span {
    font-weight: 600;
}

.slider-other-content {
    width: 80%;
    margin: auto;
    padding: 60px 0 0;
    display: flex;
    align-items: center;
    gap: 30px;
}

.slider-other-content .firstbox {
    display: flex;
    align-items: center;
}

.slider-other-content .firstbox span {
    font-size: 70px;
    font-weight: 600;
    color: var(--secondary-color);
}

.slider-other-content .firstbox i {
    font-size: 40px;
    color: #fff;
    line-height: 1;
}

.slider-other-content .secondbox {}

.slider-other-content .secondbox h4 {
    padding: 0 0 10px;
    color: #fff;
    font-size: 18px;
}

.slider-other-content .secondbox p {
    color: #bbb;
    font-size: 16px;
}

.enjoyholidays {
    position: relative;
    z-index: 1;
    margin: -100px 0 0;
    padding: 0 60px;
}

.enjoyholidays .enjoyholidays-row:before,
.enjoyholidays .enjoyholidays-row:after {
    content: "";
    width: 100px;
    height: 100px;
    background: transparent;
    position: absolute;
}

.enjoyholidays .enjoyholidays-row:before {
    border-left: 4px solid var(--secondary-color);
    border-top: 4px solid var(--secondary-color);
    top: -15px;
    left: 45px;
}

.enjoyholidays .enjoyholidays-row:after {
    border-bottom: 4px solid var(--secondary-color);
    border-right: 4px solid var(--secondary-color);
    bottom: -15px;
    right: 45px;
}

.enjoyholidays-row {
    background: var(--third-color);
    width: 100%;
    margin: 0 auto 0;
}

.enjoybox {
    position: relative;
    z-index: 1;
    height: 100%;
}

.enjoybox:not(.firstbox):before {
    content: "";
    width: 100%;
    height: 100%;
    background: #00000042;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.enjoybox h3 {
    color: #fff;
    font-size: 50px;
    font-family: var(--secondry-font);
}

.enjoybox p {
    color: #fff;
    padding: 15px 0;
}

.enjoybox a {
    background: #fff;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    transition: .3s linear;
    font-weight: 500;
    color: var(--third-color);
    margin: 20px 0 0;
}

.enjoybox a:hover {
    background: var(--secondary-color);
    color: #fff;
    transform: translateY(-10px);
}

.enjoybox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.enjoybox .overlay {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    padding: 30px;
    z-index: 2;
}

.enjoybox .overlay i {
    position: absolute;
    top: 25px;
    left: 30px;
    color: var(--secondary-color);
    font-size: 30px
}

.enjoybox .overlay h4 {
    color: #fff;
    padding-left: 40px;
}

.enjoybox .overlay p {
    padding: 10px 0;
    padding-left: 40px;
}

.enjoybox .overlay a {
    background: var(--secondary-color);
    color: #fff;
}

.enjoybox .overlay a:hover {
    background: #fff;
    color: var(--primary-color);
}

.aboutus {
    padding: 70px 60px;
    overflow-x: hidden;
}

.aboutus-img {
    padding: 70px 0 0;
}

.aboutus-img img {
    width: 90%;
}

.aboutus-content {}

.aboutus-content .toptitle {}

.aboutus-content h3 {
    font-family: var(--secondry-font);
    font-size: 46px;
    color: #000;
    padding: 0 0 20px;
}

.aboutus-content p {
    color: #666;
    font-size: 18px;
    font-weight: 400;
}

.aboutus-content p span {}

.aboutus-content .wrapperbox {
    margin: 30px 0 0;
    background: #eee;
    padding: 40px;
    border-left: 7px solid var(--secondary-color);
}

.aboutus-content .wrapperbox i {
    font-size: 50px;
    line-height: 1;
    color: #999;
}

.aboutus-content .wrapperbox p {
    color: #000;
    padding: 0 0 10px;
}

.aboutus-content .wrapperbox span {
    color: var(--secondary-color);
    font-weight: 500;
    font-size: 18px;
    font-family: var(--secondry-font);
    letter-spacing: 1px;
}

.aboutus-other {
    background: var(--third-color);
    margin: 50px 0 0;
    display: flex;
    padding: 50px 30px;
}

.aboutus-other .boxes {
    flex-basis: 50%;
    position: relative;
    z-index: 1;
    padding-left: 50px;
    padding-right: 50px;
}

.aboutus-other .boxes i {
    color: #fff;
    font-size: 40px;
    position: absolute;
    top: 0;
    left: 0;
}

.aboutus-other .boxes h3 {
    color: #fff;
    font-size: 28px;
    font-family: var(--secondry-font);
    padding: 0 0 10px;
}

.aboutus-other .boxes p {
    color: #fff;
    font-size: 17px;
}


.widget-four {
    padding: 0 60px 50px;
    overflow-x: hidden;
}

.widgetfour-left {
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
    padding: 40px;
}

.widgetfour-left h3 {
    text-align: center;
    font-family: var(--secondry-font);
    font-size: 48px;
}

.widgetfour-left form {
    padding: 40px 0 0;
}

.widgetfour-left form .fields {
    padding: 0 0 20px;
}

.widgetfour-left form .fields label {}

.widgetfour-left form .fields select,
.widgetfour-left form .fields input {
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    outline: none;
}

.widgetfour-left form .fields-btn {}

.widgetfour-left form .fields-btn button {
    background: var(--third-color);
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    outline: none;
    border: none;
}

.widgetfour-left form .fields-btn button:hover {}

.widgetfour-right {}

.widgetfour-right .innerbox {
    text-align: end;
    position: relative;
    z-index: 1;
    margin: 0 0 20px;
}

.widgetfour-right .innerbox img {
    width: 50%;
    margin: auto;
}

.widgetfour-right .innerbox .overlay-wrapper {
    background: var(--third-color);
    padding: 50px;
    width: 70%;
    position: absolute;
    top: 50%;
    left: 10%;
    text-align: start;
    transform: translateY(-50%);
}

.widgetfour-right .innerbox .overlay-wrapper:after,
.widgetfour-right .innerbox .overlay-wrapper:before {
    content: "";
    width: 100px;
    height: 100px;
    position: absolute;
}

.widgetfour-right .innerbox .overlay-wrapper:before {
    top: -20px;
    left: -20px;
    border-top: 3px solid var(--secondary-color);
    border-left: 3px solid var(--secondary-color);
}

.widgetfour-right .innerbox .overlay-wrapper:after {
    bottom: -20px;
    right: -20px;
    border-bottom: 3px solid var(--secondary-color);
    border-right: 3px solid var(--secondary-color);
}

.widgetfour-right .innerbox .overlay-wrapper h3 {
    color: #fff;
    font-family: var(--secondry-font);
    font-weight: 600;
    padding: 0 0 10px;
}

.widgetfour-right .innerbox .overlay-wrapper p {
    color: #fff;
    font-size: 18px;
}


.widget-five {
    background: url('../assets/packages/packagesbg.webp');
    background-size: cover;
    background-position: 0 30%;
    position: relative;
    z-index: 1;
    padding: 50px 60px;
    overflow-x: hidden;
}

.widget-five:before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #ff8c0052 0%, #dda35c 80%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

.widgetfive-box {
    border: 10px solid #fff;
    height: 650px;
    position: relative;
    z-index: 1;
}

.widgetfive-box img {
    width: 100%;
    height: 100%;
}

.widgetfive-box .overlay-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    background: linear-gradient(239deg, #ff8c006b 0%, #402504 78%);
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    padding: 40px;
}

.widgetfive-box h3 {
    color: #fff;
    font-family: var(--secondry-font);
    font-size: 36px;
    padding: 0 0 20px;
    font-weight: 600;
}

.widgetfive-box p {
    height: 310px;
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
}

.widgetfive-box .overlay-wrapper a {
    background: var(--secondary-color);
    display: inline-block;
    width: fit-content;
    padding: 10px 30px;
    border-radius: 5px;
    font-family: var(--secondry-font);
    font-size: 16px;
    letter-spacing: 2px;
    color: #fff;
    transition: .3s linear;
}

.widgetfive-box .overlay-wrapper a:hover {
    color: var(--third-color);
    background: #fff;
    transform: translateY(-10px);
}

.widgetfive-box.other {
    padding: 0;
    border: none;
}

.widgetfive-box.other h3 {
    font-size: 40px;
}

.widgetfive-box.other p {
    height: auto;
}

.widgetfive-box.other .packages-offer {
    display: flex;
    align-items: start;
    gap: 20px;
    padding: 50px 0 0;
}

.widgetfive-box.other .packages-offer .offerbox {
    flex: 1;
}

.widgetfive-box.other .packages-offer .offerbox span {
    color: var(--primary-color);
    font-size: 40px;
    font-family: var(--secondry-font);
    font-weight: 600;
    padding: 0 0 20px;
    display: inline-block;
}

.widgetfive-box.other .packages-offer .offerbox h3 {
    font-size: 24px;
    padding: 0 0 10px;
}

.widgetfive-box.other .packages-offer .offerbox p {
    font-size: 17px;
    color: #ddd;
}


.chooseus {
    padding: 50px 60px;
    overflow-x: hidden;
}

.chooseus-left {}

.chooseus-left .toptitle {}

.chooseus-left h3 {
    font-size: 50px;
    font-weight: 500;
    font-family: var(--secondry-font);
    color: #000;
    padding-right: 12%;
    padding-bottom: 20px;
}

.chooseus-left p {
    font-size: 18px;
    color: #666;
}

.chooseus-left ul {
    padding: 15px 0 0;
}

.chooseus-left ul li {
    color: #666;
    font-size: 18px;
}

.chooseus-left ul li:before {
    content: "\f271";
    font-family: 'bootstrap-icons';
    color: var(--secondary-color);
    margin-right: 5px;
}

.chooseus-right {
    position: relative;
    z-index: 1;
}

.chooseus-right .chooseusimgbox {
    position: relative;
    z-index: 1;
    padding: 20px;
    margin: 20px 0;
}

.chooseus-right .chooseusimgbox:before,
.chooseus-right .chooseusimgbox:after {
    content: "";
    width: 100px;
    height: 100px;
    background: transparent;
    position: absolute;
}

.chooseus-right .chooseusimgbox:before {
    border-left: 4px solid var(--secondary-color);
    border-top: 4px solid var(--secondary-color);
    top: -10px;
    left: -10px;
}

.chooseus-right .chooseusimgbox:after {
    border-bottom: 4px solid var(--secondary-color);
    border-right: 4px solid var(--secondary-color);
    bottom: -10px;
    left: 50%;
}

.chooseus-right img {
    width: 60%;
}

.chooseus-right .rightboxes {
    position: absolute;
    top: 10%;
    left: 50%;
    background: var(--third-color);
    padding: 30px;
    border-left: 10px solid #fff;
    padding-left: 80px;
    width: 50%;
    z-index: 2;
}

.chooseus-right .rightboxes:nth-child(2) {}

.chooseus-right .rightboxes:nth-child(3) {
    top: 35%;
}

.chooseus-right .rightboxes:nth-child(4) {
    top: 65%;
}

.chooseus-right .rightboxes i {
    color: #fff;
    position: absolute;
    top: 22%;
    left: 6%;
    font-size: 30px;
}

.chooseus-right .rightboxes h4 {
    color: #fff;
    font-size: 27px;
    font-family: var(--secondry-font);
    padding: 0 0 10px;
}

.chooseus-right .rightboxes p {
    color: #fff;
    font-size: 17px;
}

.reservation-process {
    padding: 50px 60px;
    overflow-x: hidden;
}

.reservation-process .maintitle {
    text-align: center;
}

.reservation-process .maintitle h3 {
    font-family: var(--secondry-font);
    font-size: 50px;
    color: #000;
    padding: 0 0 30px;
}

.reservation-process .processboxes {
    box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
    padding: 20px;
    text-align: center;
}

.reservation-process .processboxes img {}

.reservation-process .processboxes h4 {
    font-size: 24px;
    font-family: var(--secondry-font);
    padding: 0 0 10px;
}

.reservation-process .processboxes p {
    color: #666;
    font-size: 18px;
}

.discover-agency {
    padding: 50px 60px;
    overflow-x: hidden;
}

.discoveragency-left {
    text-align: center;
}

.discoveragency-left .toptitle {
    margin: 0 0 20px;
}

.discoveragency-left h3 {
    font-family: var(--secondry-font);
    font-size: 50px;
    color: #000;
    padding: 0 0 20px;
}

.discoveragency-left p {
    font-size: 19px;
    color: #666;
    padding: 0 0 20px;
}

.discoveragency-left a {
    background: var(--third-color);
    color: #fff;
    font-family: var(--secondry-font);
    font-size: 20px;
    letter-spacing: 1px;
    padding: 10px 20px;
    display: inline-block;
    transition: .3s linear;
    margin: 30px 0 0;
}

.discoveragency-left a:hover {
    background: var(--secondary-color);
    transform: translateY(-10px);
}

.discoveragency-right {
    display: flex;
    align-items: start;
    gap: 30px;
    margin: 0 0 20px;
}

.discoveragency-right .imagebox {
    width: 50%;
    box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.discoveragency-right .imagebox h3 {
    position: absolute;
    bottom: 0;
    background: #00000040;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 5px 0;
    font-size: 20px;
    font-weight: 400;
}

.discoveragency-right .imagebox img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: center;
}

.discoveragency-right .imagebox:nth-child(1) {}

.discoveragency-right .imagebox:nth-child(2) {}

.discoveragency-otherboxes {
    overflow: hidden;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}

.discoveragency-otherboxes img {
    width: 100%;
}

.discoveragency-otherboxes h3 {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    font-size: 36px;
    white-space: nowrap;
}

.testimonial {
    padding: 50px 60px;
}

.testimonial .maintitle {
    text-align: center;
    padding: 0 0 30px;
}

.testimonial .maintitle .toptitle {
    margin: 0 0 20px;
}

.testimonial .maintitle h3 {
    width: 50%;
    margin: auto;
    font-family: var(--secondry-font);
    font-size: 50px;
    line-height: 1.3;
    color: #000;
}

.testimonial-slide-wrapper {
    position: relative;
    z-index: 1;
}

.testimonial-slide-wrapper:after,
.testimonial-slide-wrapper:before {
    content: "";
    width: 100px;
    height: 100px;
    position: absolute;
}

.testimonial-slide-wrapper .inner-slide {
    text-align: center;
    width: 100%;
    margin: auto;
    padding: 50px 0;
}

.testimonial-slide-wrapper .inner-slide img {
    width: 60px;
    margin: 0 0 20px;
}

.testimonial-slide-wrapper .inner-slide p {
    font-size: 18px;
    color: #666;
    font-weight: 400;
}

.testimonial-slide-wrapper .inner-slide h4 {
    padding: 20px 0 0;
    font-family: var(--secondry-font);
    font-size: 28px;
    font-style: italic;
}

.testimonial-slide-wrapper .inner-slide span {
    color: var(--secondary-color);
    font-family: var(--secondry-font);
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 500;
    font-style: italic;
}

footer {
    background: url('../assets/footerbg.webp');
    padding: 50px 50px 20px;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
}

footer:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 69%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

footer .footerbox {}

footer .footerbox.useful-link {
    text-align: center;
}

footer .footerbox h3 {
    color: var(--secondary-color);
    font-size: 22px;
    padding: 0 0 10px;
}

footer .footerbox .footerlogo {
    color: #fff;
    font-size: 50px;
    font-family: var(--secondry-font);
    padding: 0 0 10px;
}
footer .footerbox .footerlogo img {
    width: 50%;
    /* background: #fff; */
    margin: 0 0 10px;
}
footer .footerbox p {
    color: #fff;
}

.socialmedia {
    padding: 0;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    margin: 20px 0 0;
}

.socialmedia .sociallinks {
    width: 30px;
    height: 30px;
    border-radius: 50px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    transition: .3s linear;
    display: inline-block;
    font-size: 18px;
}

.socialmedia .sociallinks:hover {
    transform: scale(1.05);
}

.socialmedia .sociallinks.ri-facebook-line {
    background: #3B5998;
}

.socialmedia .sociallinks.ri-instagram-line {
    background: #f00073;
}

.socialmedia .sociallinks.ri-youtube-line {
    background: #FF0000;
}

.socialmedia .sociallinks.ri-linkedin-line {
    background: #55ACEE;
}

.socialmedia .sociallinks.ri-twitter-line {
    background: #55ACEE;
}

.socialmedia .sociallinks.ri-pinterest-line {
    background: #E60023;
    display: none;
}

footer .footerbox ul {
    text-align: center;
}

footer .footerbox ul li {
    padding: 0 0 15px;
}

footer .footerbox ul li a {
    color: #fff;
}

footer .footerbox ul li a:hover {}

footer .footerbox .footer-continfo {
    color: #fff;
    font-size: 18px;
    margin: 0 0 20px;
}

footer .footerbox .footer-continfo span {
    color: var(--secondary-color);
    display: flex;
    align-items: center;
    gap: 5px;
}

footer .footerbox .footer-continfo span:before {}

footer .copyright {
    padding: 30px 0 0;
    text-align: center;
}

footer .copyright p {
    font-size: 18px;
    display: block;
    text-align: center;
    color: #fff;
    font-weight: 300;
    letter-spacing: 1px;
    font-family: var(--secondry-font);
}

footer .copyright p a {
    color: var(--secondary-color);
    font-weight: 400;
    display: inline-block;
    font-family: var(--secondry-font);
    transition: .3s linear;
}

footer .copyright p a:hover {
    color: var(--primary-color);
}


.contact-page {
    padding: 60px;
}

.contactpage-left {}

.contactpage-left .toptitle {}

.contactpage-left h3 {
    color: #000000;
    font-family: var(--secondry-font);
    font-size: 45px;
    font-weight: 600;
    line-height: 59px;
    padding: 20px 0;
}

.contactpage-left p {
    font-size: 15px;
    color: #666;
    line-height: 1.8;
}

.contactpage-left .continfo {
    padding: 40px 0 0;
}

.contactpage-left .continfo .link {
    padding-left: 50px;
    position: relative;
    z-index: 1;
    margin: 0 0 20px;
    font-size: 15px;
    color: #444;
}

.contactpage-left .continfo .link i {
    font-size: 30px;
    color: var(--secondary-color);
    position: absolute;
    top: 0;
    left: 0;
}

.contactpage-left .continfo .link span {
    font-family: var(--secondry-font);
    font-size: 26px;
    font-weight: 600;
    line-height: 33px;
    display: block;
    margin: 0 0 5px;
    color: #000;
}

.contactpage-right {
    position: relative;
    z-index: 1;
    padding-right: 70px;
}

.contactpage-right:after,
.contactpage-right:before {
    content: "";
    width: 100px;
    height: 100px;
    position: absolute;
}

.contactpage-right:after {
    border-bottom: 2px solid var(--secondary-color);
    border-right: 2px solid var(--secondary-color);
    bottom: -40px;
    right: 0px;
}

.contactpage-right:before {
    top: -30px;
    left: 0;
    border-top: 2px solid var(--secondary-color);
    border-left: 2px solid var(--secondary-color);
}

.contactpage-right h3 {
    font-family: var(--secondry-font);
    font-size: 34px;
    text-align: center;
    padding: 0 110px 20px;
}

.contactpage-right p {
    font-size: 15px;
    color: #666;
}

.contactpage-right form {
    display: flex;
    flex-wrap: wrap;
    gap: 4%;
    padding: 25px 0 0;
}

.contactpage-right form .fields {
    padding: 0 0 20px;
    width: 48%;
}

.contactpage-right form .fields:nth-child(5) {
    width: 100%;
}

.contactpage-right form .fields label {
    font-size: 15px;
    font-weight: 400;
    padding: 0 0 5px;
}

.contactpage-right form .fields textarea,
.contactpage-right form .fields select,
.contactpage-right form .fields input {
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    outline: none;
}

.contactpage-right form .fields-btn {
    flex-basis: 100%;
}

.contactpage-right form .fields-btn input[type=submit] {
    background: var(--third-color);
    color: #fff;
    padding: 10px 20px;
    border-radius: 2px;
    border: none;
    width: 100%;
    transition: .3s linear;
}

.contactpage-right form .fields-btn button:hover {
    background: var(--secondary-color);
}

.contmap {
    padding: 60px 0 0;
}

.contmap iframe {
    width: 100%;
    height: 400px;
}



.gallerypage {
    padding: 60px;
}

.gallery-left {}

.gallery-left .toptitle {}

.gallery-left h3 {
    color: #000000;
    font-family: var(--secondry-font);
    font-size: 45px;
    font-weight: 600;
    line-height: 59px;
    padding: 20px 0;
}

.gallery-left p {
    color: #666;
    font-size: 15px;
    padding: 0 0 15px;
}

.gallery-right {
    display: flex;
    align-items: start;
    gap: 30px;
    margin: 0 0 20px;
}

.gallery-right .imagebox {
    width: 50%;
    box-shadow: 0 2px 10px rgb(0 0 0 / 15%);
    border-radius: 10px;
    overflow: hidden;
}

.gallery-right .imagebox img {
    width: 100%;
}

.gallery-right .imagebox:nth-child(1) {}

.gallery-right .imagebox:nth-child(2) {}

.gallery-collection {
    padding: 30px 0;
    background: var(--third-color);
}

.gallery-collection .maintitle {
    text-align: center;
    padding: 0 0 20px;
    width: 70%;
    margin: auto;
}

.gallery-collection .maintitle h3 {
    font-family: var(--secondry-font);
    font-size: 36px;
    font-weight: 600;
    line-height: 59px;
    padding: 0 0 10px;
    color: #fff;
}

.gallery-collection .maintitle p {
    font-size: 15px;
    color: #fff;
}

.collection-img {
    margin: 0 0 20px;
}

.collection-img img {
    width: 100%;
}

.aboutpage {
    padding: 60px;
}

.aboutpage-center {
    text-align: center;
    width: 80%;
    margin: auto;
    padding: 0 0 100px;
}

.aboutpage-center .toptitle {}

.aboutpage-center h3 {
    font-family: var(--secondry-font);
    font-size: 45px;
    font-weight: 600;
    line-height: 59px;
    padding: 0 0 10px;
    color: #000;
    padding: 10px 200px 30px;
}

.aboutpage-center p {
    font-size: 16px;
    color: #666;
    padding: 0 0 15px;
}

.aboutpage-center p span {
    font-weight: 600;
}

.aboutpage-left {}

.aboutpage-left .toptitle {
    margin: 0 0 20px;
}

.aboutpage-left h3 {
    font-family: var(--secondry-font);
    font-size: 45px;
    font-weight: 600;
    line-height: 59px;
    padding: 0 0 20px;
    color: #000;
}

.aboutpage-left p {
    font-size: 16px;
}

.aboutpage-left p span {
    font-weight: 600;
}

.aboutpage-left-other {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 30px 0 0;
}

.aboutpage-left-other .otherboxes {
    flex: 1;
}

.aboutpage-left-other .otherboxes.vision {
    background: var(--third-color);
    padding: 50px 40px;
}

.aboutpage-left-other .otherboxes h4 {
    color: #fff;
    font-family: var(--secondry-font);
    font-size: 26px;
    padding: 0 0 20px;
}

.aboutpage-left-other .otherboxes p {}

.aboutpage-left-other .otherboxes.vision p {
    color: #fff;
    font-weight: 400;
}

.aboutpage-left-other .otherboxes ul {
    padding: 20px 0 0;
}

.aboutpage-left-other .otherboxes ul li {
    font-size: 15px;
    color: #444;
}

.aboutpage-left-other .otherboxes ul li:before {
    content: "\f271";
    font-family: 'bootstrap-icons';
    color: var(--secondary-color);
    margin-right: 5px;
}

.aboutpage-right {}

.aboutpage-right p {
    color: #666;
    padding: 0 0 15px;
}

.aboutpage-right-imgs {
    display: flex;
    gap: 20px;
}

.aboutpage-right-imgs .imgbox {
    flex: 1;
}

.aboutpage-right-imgs .imgbox img {
    width: 100%;
}


.errorpage {
    background: #fff;
    padding: 50px 15px;
    text-align: center;
}

.errorpage h1 {
    font-size: 80px;
    margin: 0;
    color: #ff6f00;
}

.errorpage h2 {
    margin: 10px 0;
    font-size: 24px;
}

.errorpage p {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}

.errorpage .spiritual {
    font-style: italic;
    color: #888;
    margin-bottom: 25px;
}

.errorpage a {
    background: var(--secondary-color);
    display: inline-block;
    width: fit-content;
    padding: 10px 30px;
    border-radius: 5px;
    font-family: var(--secondry-font);
    font-size: 16px;
    letter-spacing: 2px;
    color: #fff;
    transition: .3s linear;
}

.errorpage a:hover {
    color: var(--third-color);
    background: #fff;
    transform: translateY(-10px);
}

.destination-page {
    padding: 50px 60px;
}

.destination-left {}

.destination-left .toptitle {}

.destination-left h3 {
    font-family: var(--secondry-font);
    font-size: 45px;
    font-weight: 600;
    line-height: 59px;
    padding: 0 0 10px;
    color: #000;
    padding: 15px 0;
}

.destination-left p {
    color: #444;
    padding: 0 0 15px;
}

.destination-right {}

.destination-right img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 3px 15px rgb(0 0 0 / 30%);
}


.destination-content {
    padding: 40px 0 0;
}

.destination-content p {
    color: #444;
    padding: 0 0 15px;
}

.destination-content p span {
    text-decoration: underline;
}



.packages-page {
    padding: 50px 60px;
}

.packagespage-left {}
.packagespage-left p.price {
    margin: -10px 0 0;
    font-size: 24px;
    font-weight: 600;
    color: var(--primary-color);
}
.packagespage-left p.price span {
    font-size: 14px;
    color: #3c3c3c;
}
.packagespage-left p {
    color: #444;
    padding: 0 0 10px;
    position: relative;
    z-index: 1;
}

.packagespage-left .firstbox {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    gap: 10px 30px;
    background: var(--four-color);
    padding: 20px;
    margin: 0 0 30px;
}

.packagespage-left .firstbox>li {
    flex: 46%;
    color: #fff;
}

.packagespage-left .firstbox>li>i {}

.packagespage-left .firstbox>li>span {}

.packagespage-left h3 {
    font-family: var(--secondry-font);
    font-size: 32px;
    color: #000;
    padding: 0 0 20px;
}

.packagespage-left .secondbox {}

.packagespage-left .secondbox>li {
    color: #444;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--secondary-color);
    margin: 0 0 15px;
    position: relative;
    z-index: 1;
    padding-left: 30px;
}

.packagespage-left .secondbox>li:before {
    content: "\f26A";
    font-family: 'bootstrap-icons';
    margin-right: 8px;
    color: var(--secondary-color);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.packagespage-left .question {
    padding: 30px 0 0;
}

.packagespage-left .question h4 {
    font-family: var(--secondry-font);
    padding: 0 0 10px;
}

.packagespage-left .question .box {
    background: #005f7221;
    padding: 20px 20px 10px;
}

.packagespage-left .question .box p {
    color: var(--primary-color);
    padding: 0 0 10px;
}

.packagespage-left .question .box p i {}
.destination-page .packagespage-right {
    padding-left: 0px;
}
.packagespage-right {
    padding-left: 40px;
}

.packagespage-right h3 {
    font-family: var(--secondry-font);
    padding: 0 0 10px;
}
.packagespage-right ul {
    list-style: disc;
    margin: 0 0 0 30px;
}
.packagespage-right ul li {
    color: #444;
}
.packagespage-right p {
    color: #444;
}

.packagespage-right form {
    margin: 40px 0 0;
    border: 1px solid var(--primary-color);
    border-radius: 10px;
    padding: 30px;
}

.packagespage-right form h3 {
    padding: 0 0 20px;
}

.packagespage-right form .fields {}

.packagespage-right form .fields {
    padding: 0 0 20px;
}

.packagespage-right form .fields label {}

.packagespage-right form .fields select,
.packagespage-right form .fields input {
    display: block;
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    outline: none;
}

.packagespage-right form .fields-btn {}

.packagespage-right form .fields-btn input[type=submit] {
    background: var(--third-color);
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    border: none;
}

.packagespage-right form .fields-btn input[type=submit]:hover {}

.packages-content {
    padding: 30px 0 0;
}

.packages-content .packagecancelationbox h3 {
    font-family: var(--secondry-font);
    font-size: 32px;
    color: #000;
    margin: 10px 0 10px;
}

.packages-content .packagecancelationbox ul {
    padding: 5px 0 5px;
    list-style: disc;
    margin: 0 0 0 30px;
}

.packages-content .packagecancelationbox ul li {
    color: #444;
    padding: 0 0 20px;
}
.packages-content .packagecancelationbox p {
    color: #444;
}
.packages-content .packages-content-box h3 {
    font-family: var(--secondry-font);
    font-size: 32px;
    color: #000;
    padding: 0 0 30px;
    text-align: center;
}

.packages-content .packages-content-box>ul {
    display: flex;
    align-items: center;
}

.packages-content .packages-content-box>ul li {
    flex: 1;
    background: #eee;
    padding: 10px;
    text-align: center;
    font-family: var(--secondry-font);
    font-size: 14px;
    letter-spacing: .5px;
    font-weight: 500;
    transition: .3s linear;
    cursor: pointer;
}

.packages-content .packages-content-box>ul li:hover,
.packages-content .packages-content-box>ul li.active {
    background: var(--secondary-color);
    color: #fff;
}

.packages-content .packages-content-box ul li i {}
.packages-content .packages-content-box ul li i.bi-check2-all {
    color: green;
}
.packages-content .packages-content-box ul li i.bi-x-lg {
    color: red;
}
.itinerary-wrapper {}


.itinerary-wrapper .innerbox {
    display: none;
}
.itinerary-wrapper .innerbox h3 {
    font-family: var(--secondry-font);
    font-size: 22px;
    color: var(--secondary-color);
    padding: 10px 0 20px;
}

.itinerary-wrapper .innerbox.active {
    display: block;
}

.itinerary-wrapper .innerbox table {
    margin: 20px 0;
}

.itinerary-wrapper .innerbox ul {
    padding: 15px 0 0;
    list-style: disc;
    margin: 0 0 0 30px;
}

.itinerary-wrapper .innerbox ul li {
    color: #444;
    padding: 0 0 20px;
}

.itinerary-wrapper .innerbox ul li span {
    font-weight: 600;
}

.itinerary-wrapper .innerbox p {
    color: #444;
}

.packages-content .ratebox h3 {
    font-family: var(--secondry-font);
    font-size: 32px;
    color: #000;
    padding: 0 0 30px;
    text-align: center;
}

.packages-content .ratebox>ul {
    display: flex;
    align-items: center;
}

.packages-content .ratebox>ul li {
    flex: 1;
    background: #eee;
    padding: 10px;
    text-align: center;
    font-family: var(--secondry-font);
    font-size: 14px;
    letter-spacing: .5px;
    font-weight: 500;
    transition: .3s linear;
    cursor: pointer;
}

.packages-content .ratebox>ul li:hover,
.packages-content .ratebox>ul li.active {
    background: var(--secondary-color);
    color: #fff;
}

.packages-content .ratebox ul li i {}
.packages-content .ratebox ul li i.bi-check2-all {
    color: green;
}
.packages-content .ratebox ul li i.bi-x-lg {
    color: red;
}
.rate-wrapper {}


.rate-wrapper .innerbox {
    display: none;
}

.rate-wrapper .innerbox.active {
    display: block;
}

.rate-wrapper .innerbox table {
    margin: 20px 0;
}

.rate-wrapper .innerbox ul {
    padding: 15px 0 0;
    list-style: disc;
    margin: 0 0 0 30px;
}

.rate-wrapper .innerbox ul li {
    color: #444;
    padding: 0 0 20px;
}

.rate-wrapper .innerbox ul li span {
    font-weight: 600;
}

.rate-wrapper .innerbox p {
    color: #444;
}

.mobilemenurightbox {
    display: none;
    align-items: center;
    justify-content: space-between;
    margin-right: auto;
    background: var(--third-color);
}

.mobilemenurightbox .menu-anchor {
    background: #fff;
    width: 75%;
    padding: 20px;
    color: var(--primary-color);
    letter-spacing: 0.5px;
    font-size: 16px;
    position: relative;
    font-weight: 500;
    line-height: 1;
    display: flex;
    height: 100%;
    align-items: center;
    padding: 20px 20px;
    transition: 0.3s linear;
    gap: 10px;
}

.mobilemenurightbox .menu-anchor i {}

.mobilemenurightbox a.mobtoggle {
    width: 25%;
}

.mobilemenurightbox a.mobtoggle span {
    position: relative;
    display: flex;
    flex-direction: column;
}

.mobilemenurightbox .mobtoggle {
    color: #000;
    width: 25px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobilemenurightbox .mobtoggle i {
    color: #fff;
    font-size: 37px;
}



.mobilemenu {
    background: #fff;
    transition: all .3s ease;
    height: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    overflow: hidden;
    width: 95%;
    margin: 0 auto;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
}

.mobilemenu .mobilemenubox {
    padding: 0;
    margin: 0;
}

.mobilemenu .mobilemenubox ul {
    padding: 0px 0px;
}

.mobilemenu .mobilemenubox ul li {
}

.mobilemenu .mobilemenubox ul li a {
    padding: 15px 15px;
    color: #000;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all .3s ease;
}
.mobilemenu .mobilemenubox ul li a:hover {
    color: #fff;
    background: var(--primary-color);
}
.mobilemenu .mobilemenubox ul li .dropdown-btn {}

.mobilemenu .mobilemenubox ul li .dropdown-btn span {
    color: #000;
}
.mobilemenu .mobilemenubox ul li a:hover .dropdown-btn span {
    color: #fff;
}
.mobilemenu.show {
    overflow: auto;
    opacity: 1;
    visibility: visible;
    height: auto;
}

.mobilemenu .mobilemenubox ul li:hover {
}

.mob-menu-open span.bar:last-child {
    margin: 0;
}
.mobilemenu .mobilemenubox ul li .drop-down {
    background: var(--primary-color);
    padding: 0 0px;
}

.mobilemenu .mobilemenubox ul li .drop-down ul li a {
    color: #fff;
}

.mobilemenu .mobilemenubox ul li .drop-down ul li a:hover {
    background: var(--third-color);
}

.mobilemenu .mobilemenubox ul li .drop-down ul {
    margin: 0;
    padding: 0;
}

.popupbox {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    transition: all .3s ease;
}

.popupbox.show {
    display: flex;
}

.popupbox .packagespage-right {
    padding: 0;
    width: 40%;
}

.popupbox .packagespage-right form {
    background: #fff;
    width: 100%;
    position: relative;
}
.popupbox .packagespage-right form h3 {
    text-align: center;
}
.close-popup {
    position: absolute;
    right: -10px;
    top: -10px;
    background: var(--primary-color);
    color: #fff;
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.enjoyholidays.destinationpage {
    margin: 0;
    margin: 50px 0;
}

.visitcount {
    position: fixed;
    bottom: 40px;
    background: var(--primary-color);
    color: #fff;
    padding: 5px 15px;
    right: 40px;
    z-index: 999;
    text-transform: capitalize;
    font-weight: 500;
    border-radius: 5px;
}

.packagesection {
    background: url('../assets/packages/packagesbg.webp');
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    padding: 50px 60px;
    overflow-x: hidden;
}

.packagesection:before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #ff8c0052 0%, #dda35c 80%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}


.packagesection .maintitle {
    text-align: center;
    padding: 0 0 20px;
    width: 70%;
    margin: auto;
}

.packagesection .maintitle h3 {
    font-family: var(--secondry-font);
    font-size: 36px;
    font-weight: 600;
    line-height: 59px;
    padding: 0 0 10px;
    color: #fff;
}

.packagesection .maintitle p {
    font-size: 15px;
    color: #fff;
}

.packagesection .packagesectionbox {
    margin: 30px 0 0;
}

.packagesection .packagesectionbox .packagesbox {
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
}

.packagesection .packagesectionbox .packagesbox a {}

.packagesection .packagesectionbox .packagesbox a .packagesimg {}

.packagesection .packagesectionbox .packagesbox a .packagesimg img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: center;
}

.packagesection .packagesectionbox .packagesbox a .packagesdetails {
    padding: 10px;
    min-height: 140px;
}

.packagesection .packagesectionbox .packagesbox a .packagesdetails h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: var(--primary-font);
    color: #222222;
    margin: 0 0 0px;
}

.packagesection .packagesectionbox .packagesbox a .packagesdetails p {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 3px;
    color: #3c3c3c;
}

.packagesection .packagesectionbox .packagesbox a .packagesdetails .price {
    font-size: 24px;
    font-weight: 500;
    color: var(--primary-color);
    margin: 0px 0 4px;
}

.packagesection .packagesectionbox .packagesbox a .packagesdetails .price span {
    font-size: 14px;
    color: #3c3c3c;
}

.packagesection .packagesectionbox .packagesbox a .packagesdetails .viewmorebtn {
    background: #ffe1bd;
    padding: 5px 20px;
    text-align: center;
    width: max-content;
    color: var(--primary-color);
    border-radius: 5px;
    font-weight: 500;
}
.successmessage {
    display: inline-flex;
    padding: 0px 10px;
    background: #309100;
    border-radius: 20px;
    color: #fff;
    font-weight: 600;
    align-items: center;
    gap: 10px;
    border-radius: 5px;
}

.successmessage p {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
}

.pagemessage .success .view-cart a {
    padding: 2px 15px;
    font-weight: 500;
    line-height: 1.7;
    margin: 10px 0px;
    white-space: nowrap;
    background: #fff;
    border-radius: 50px;
    color: #000;
}


.pagemessage {
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%);
    bottom: 5%;
    border-radius: 20px;
}

.pagemessage .warning {
    background: #ff0000;
    color: #fff;
    padding: 7px 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    font-weight: 600;
    text-transform: capitalize;
}
 .scroll-marq {
    width: 100%;
    /*color: #fff700;*/
    /*color: #fd7e14;*/
    color: black;
    font-size: 16px;
    /*text-shadow: 1px 1px 1px black;*/
    text-shadow: 0px 0px 0px #000000;
    position: absolute !important;
    z-index: 1;
    /*background-color: #1b2024;*/
    background-color: yellow;
    font-weight: 400;
}

.whatsappicon {
    width: 50px;
    height: 50px;
    display: inline-block;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9;
}

.whatsappicon img {
    width: 100%;
}