@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');


body {
    color: #666666;
    font-size: 14px;
    line-height: 1.80857;
    font-weight: normal;
    font-family: 'Poppins', sans-serif;
}
#spinner {
	opacity: 0;
	transition: opacity .5s ease-out, visibility 0s linear .5s;
    visibility: hidden;
	background: #fff;
    z-index: 99999;
}
#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}
.ring{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width:250px;
	height: 250px;
	background: #fff;
	border: 3px solid rgb(102, 45, 145);
	border-radius: 50%;
	text-align: center;
	box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}
.ring img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.ring::before{
	content: '';
	position: absolute;
	top: -3px;
	left:-3px;
	width: 250px;
	height: 250px;
	border: 3px solid transparent;
	border-top: 3px solid #0092d6;
	border-right: 3px solid #0092d6;
	border-radius: 50%;
	/* box-shadow: 0 0 10px #0092d6; */
	animation: animateCircle 2s linear infinite;
}
@keyframes animateCircle{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}

.back-to-top{
    position: fixed;
    width: 50px;
    height: 50px;
    bottom: 40px;
    right: 40px;
    background: rgb(102, 45, 145);
    text-decoration: none;
    text-align: center;
    line-height: 50px;
    color: #fff;
    border-radius: 50%;
    font-size: 30px;
    font-weight: 800;
}


.navbar {
    /* background: #0066b2; */

    background: #fff;
    filter: drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5));
}

.navbar-nav .nav-item a {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    padding-left: 1rem;
    padding-right: 1rem;
}

.navbar-nav .nav-item :hover {
    background: rgb(174, 50, 137);
    background: linear-gradient(91deg, rgba(174, 50, 137, 1) 0%, rgba(220, 49, 131, 1) 100%);
    border-radius: 2rem;
}

.collapse .d-flex {
    margin: 0;
    padding: 0;
    align-items: center;
}

.collapse .d-flex li {
    list-style: none;
    padding: 0 0.5rem;
}

.collapse .d-flex li .fb {
    color: #00458a;
}
.collapse .d-flex li .fb i{
    font-size: 23px;
}


.collapse .d-flex li .wa {
    color: #1fcc6d;
}

.collapse .d-flex li .insta {
    color: #C13584
}

.collapse .d-flex li .mail {
    color: #c73712
}

.collapse .d-flex li .ld {
    color: #0071bd;
}

.collapse .d-flex li a i {
    font-size: 24px;
    transition: 0.8s linear;
    transition-delay: 0.1s;
}

.collapse .d-flex li a i:hover {
    font-size: 25px;
}

.carousel-inner .carousel-item img {
    min-height: 600px;
    max-height: 980px;
    width: 100%;
    object-fit: cover;
}

@media (max-width: 1920px) {
    .carousel-caption {
        top: 24.5rem;
    }
}
@media (max-width: 1366px) {
    .carousel-caption {
        top: 15rem;
    }
}

@media (max-width: 1024px) {
    .carousel-caption {
        top: 13.3rem;
    }
}

@media (max-width: 768px) {
    .carousel-caption {
        top: 13.3rem;
    }
}

.carousel-caption h1 {
    text-transform: uppercase;
}

.carousel-caption p {
    font-size: 20px;
    font-family: "Kaushan Script", cursive;
}

.carousel-caption button {
    color: #fff;
    font-size: 20px;
    background: rgb(102, 45, 145);
    background: linear-gradient(91deg, rgba(102, 45, 145, 1) 0%, rgba(131, 41, 144, 1) 36%);
    border-radius: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.carousel-caption a:hover {
    color: #fff;
    background: rgb(174, 50, 137);
    background: linear-gradient(91deg, rgba(174, 50, 137, 1) 0%, rgba(220, 49, 131, 1) 100%);
}



.sm {
    margin-bottom: 5rem;
}

.mbt {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/* home about */

.about .desc {
    align-content: center;
}

.about p {
    text-align: justify;
}

.img-col img {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12);
}

.bt {
    color: #fff;
    background: rgb(102, 45, 145);
    background: linear-gradient(91deg, rgba(102, 45, 145, 1) 0%, rgba(131, 41, 144, 1) 100%);
    border-radius: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.bt:hover {
    background: rgb(174, 50, 137);
    background: linear-gradient(91deg, rgba(174, 50, 137, 1) 0%, rgba(220, 49, 131, 1) 100%);
    color: #fff;
}

/* home tours */
.t-lable {
    position: absolute;
    align-self: center;
    padding: 1rem;
    margin-top: -0.5rem;
    color: #fff;
    font-weight: 600;
    background: rgb(102, 45, 145);
    background: linear-gradient(91deg, rgba(102, 45, 145, 1) 0%, rgba(131, 41, 144, 1) 100%);
    border-radius: 0.2rem;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 6px 8px rgba(0, 0, 0, 0.11), 0 8px 16px rgba(0, 0, 0, 0.11);
}

.tour .card {
    border: none;
}

.tour .card .card-body {
    margin-top: 1rem;
    /* border: 0.6px solid #9e9e9e; */
    border-radius: 5px;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.24);

}
.tour .card img{
    height: 250px;
    width: 100%;
    object-fit: cover;
}

/* home destination */
.desbg {
    padding: 4rem 0;
    background: url(../img/perahara.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.desbg .card {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}

.desbg .card img {
    height: 250px;
    width: 100%;
    object-fit: cover;

}

.destibt {
    margin-bottom: 5rem;
}

/* home img section */
.home-img {
    background: url(../img/homebg.png);
    background-repeat: no-repeat;
    width: 100%;
    height: 400px;
    background-position: center;
    align-content: center;
}

.home-img-des {
    color: #fff;
}

.home-img-des p {
    font-size: 16px;
}

.home-img-des .btn {
    font-size: 18px;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 2rem;
    padding: 0.5rem 1.5rem;
}

.home-img-des .btn:hover {
    color: #b9b9b9;
    border: 2px solid #b9b9b9;
}

/* inquiry */
.inq-form{
    background: #fff;
    padding: 2rem 1rem;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2);
}

/* review */
.review .card {
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.2);
    padding: 2rem;
}

.review .card .card-body p {
    padding: 1rem;
    border: 1px solid #ec008c;
    border-radius: 2rem;
}

.review .card .client-img {
    align-content: center;
}

.review .card .client-img p {
    color: #ec008c;
}


/* footer */
.footer {
    background: url(../img/footer.png);
    background-repeat: no-repeat;

}

.footer .container .row {
    padding-top: 4rem;
    color: #fff;
}

.footer p {
    text-align: justify;
}

footer .copy p {
    margin: 0;
    color: #fff;
    padding: 0.5rem 0;
}

footer .copy {
    background: rgb(174, 50, 137);
    background: linear-gradient(91deg, rgba(174, 50, 137, 1) 0%, rgba(220, 49, 131, 1) 100%);
}

.footer .link ul {
    padding: 0;
    margin: 0;
}

.footer .link ul li {
    list-style: none;
    color: #fff;
}

.footer .link ul li a:hover{
    color: rgb(174, 50, 137);
}

.footer .link ul li::before {
    position: relative;
    content: ">";
    padding: 5px;
    font-size: 18px;
    align-self: center;
}

.footer .link ul li a {
    text-decoration: none;
    color: #fff;
}

.footer .c-info ul {
    padding: 0;
    margin: 0;
}

.footer .c-info ul li {
    list-style: none;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
}

.footer .c-info ul .addr::before {
    position: relative;
    content: "\f3c5";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 5px;
    font-size: 20px;
    margin-right: 10px;
}

.footer .c-info ul .phone::before {
    position: relative;
    content: "\f879";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 5px;
    font-size: 18px;
    margin-right: 10px;
}

.footer .c-info ul .mail::before {
    position: relative;
    content: "\f1d8";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 5px;
    font-size: 18px;
    margin-right: 10px;
}

.footer .c-info ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
}

.footer .social .d-flex {
    padding: 0;
    margin: 0;
}

.footer .social .d-flex li {
    list-style: none;
    padding: 1rem;
}

.footer .social .d-flex li a {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
}

.footer .social .d-flex li a:hover {
    color: rgb(174, 50, 137);
}


/* breadcrumb other pages */
/* .breadcrumb {
    background: url(../img/breadcrumb.png);
    width: 100%;
    height: 400px;
    object-fit: cover;
    align-content: center;
} */

.banner-img img{
    min-height: 400px;
    object-fit: cover;
}

/* @media (max-width: 1024px) {
    .banner-img img{
        width: 100%;
        object-fit: cover;
    }
} */

.breadcrumb .breadcrumb-item a {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    text-decoration: none;
}

.breadcrumb .breadcrumb-item::before {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
}

.breadcrumb .active {
    color: #666666;
    font-size: 30px;
    font-weight: 600;
    text-decoration: none;
}

/* destination */
.dpc img {
    height: 200px;
    width: 100%;
    object-fit: cover;

}

/* tour details */
.td .desc {
    align-content: center;
}

.td .desc h6 {
    color: #C13584;
}

.td .desc p {
    text-align: justify;
}

.tddh {
    background: rgb(102, 45, 145);
    background: linear-gradient(91deg, rgba(102, 45, 145, 1) 0%, rgba(131, 41, 144, 1) 100%);
    color: #fff;
    padding: 0.5rem;
    border-radius: 3rem;
}

.iti .iti-head h4 {
    background: rgb(174, 50, 137);
    background: linear-gradient(91deg, rgba(174, 50, 137, 1) 0%, rgba(220, 49, 131, 1) 100%);
    padding: 0.4rem;
    color: #000;
    font-weight: 600;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 6px 8px rgba(0, 0, 0, 0.11), 0 8px 16px rgba(0, 0, 0, 0.11);
}

.iti .iti-head .it-des {
    text-align: justify;
    border: 2px solid rgb(102, 45, 145);
    border-radius: 1rem;
    padding: 0.4rem;
    margin-bottom: 1rem;
}
.it-des ul{
    padding-left: 0;
    
}
.it-des ul li{
    list-style: none;
    display: flex;
    align-items: center;
}
.it-des ul li::before{
    position: relative;
    content: "\f5b0";
    color: rgb(102, 45, 145);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 5px;
    font-size: 20px;
    margin-right: 10px;
}

.inex ul {
    padding-left: 0;
}

.inex ul li {
    list-style: none;
    display: flex;
    align-items: center;
}

.inex .in li::before {
    position: relative;
    content: "\f058";
    color: #1fcc6d;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 5px;
    font-size: 20px;
    margin-right: 10px;
}

.inex .ex li::before {
    position: relative;
    content: "\f057";
    color: #fc4343;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 5px;
    font-size: 20px;
    margin-right: 10px;
}

  


/* destination details */
.des-dis p {
    text-align: justify;
}

.rel-des ul li {
    list-style: none;
    padding: 0.1rem;
}

.rel-des ul li a {
    text-decoration: none;
    color: #666666;
}

.rel-des ul li a:hover {
    color: #C13584;
}

.rel-des ul li a span {
    padding-left: 10px;
    font-size: 16px;
    font-weight: 600;
}


/* contact */

.con-add ul {
    margin: 0;
    padding: 0;
}

.con-add ul li {
    list-style: none;
    display: flex;
    height: 130px;
    margin: 20px 0;
    padding: 1rem;
    font-size: 18px;
    font-weight: 600;
    align-items: center;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 0.5rem;
}

.con-add ul .adr::before {
    position: relative;
    content: "\f3c5";
    color: rgb(102, 45, 145);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 5px;
    font-size: 34px;
    margin-right: 10px;
}

.con-add ul .ph::before {
    position: relative;
    content: "\f879";
    color: rgb(102, 45, 145);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 5px;
    font-size: 32px;
    margin-right: 10px;
}

.con-add ul .ml::before {
    position: relative;
    content: "\f1d8";
    color: rgb(102, 45, 145);
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding: 5px;
    font-size: 32px;
    margin-right: 10px;
}