@import "font-awesome-sprockets";
@import "font-awesome";

body{ margin: 0px; padding: 0px ; width: 100%; height: 100%; font-weight:normal; font-size: 18px; }
a:hover{text-decoration: none;}
input:focus, button:focus, select:focus, textarea:focus {box-shadow: none !important;}

.searchEngineBoxNew{margin-top:4.5rem}


.abo-ayo {
    margin-top: 0rem;
    background-color: #f6f5fb;
    padding-top: 9rem;
    padding-bottom: 4rem;
}
.abou-1 h2{ font-size:28px;font-weight:700;color:#09304f;padding-top: 1rem;}
.abou-2 {text-align: end}
.abou-2 img{width: 100%;border-radius: 15px}
.explore { background-color:#f6f5fb;padding:3rem}
.searchEngineBox {
    box-shadow: 2px 2px 4px rgba(94, 94, 94, 0.3)!important;
    border-radius: 10px 10px 0 0!important;
    padding-top: 25px!important;
}

.slick-dots {
    bottom: -35px !important
}
.border-dark {
  border-color: #3e3c56 !important;
}

.border-dark{border-color: #cecece!important}
.bord-tp{ border-top-width: 0!important;}

.dtr-border-2px{border: 2px solid #ccc;border-bottom-width: 0;}
.dtr-border-bot2px{border: 2px solid #ccc;border-top-width: 0;}
.dtr-pb-30, .dtr-py-30{padding-bottom: 30px !important;padding-top: 30px !important;}

@media (min-width: 1200px) {
  .d-xl-block {
    display: block !important;
  }
}

.card-img-top {
  width: 100%;
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
}

.fest{padding-top: 2rem;text-align: center;}
.fest h3{font-size: 22px;font-weight: 700;color: red;padding-bottom: 1rem}
.fest h5 {font-size: 16px!important;font-weight: 600;color: #09304f}


.explore h2 {font-size: 28px; font-weight: 700;text-align: center;color: #09304f}
.explore p{font-size: 18px; text-align: center;margin-bottom: 2rem}

.ayod-exp{background-color: #ffffff;padding: 0!important;height: 550px;border-radius: 15px;max-width: 55%!important;margin: auto;
margin-bottom:2rem }
.ayod-exp img {border-radius: 15px 15px 0 0; width: 100%; height: 60%}
.ayod-exp h5 {font-size: 22px; font-weight: 700;padding: 1rem 2rem;padding-bottom: 0;color: #09304f}
.ayod-exp p {font-size: 16px;padding: 0 2rem;text-align: left;margin-bottom: 0}

.ayod-exp-1{background-color: #ffffff;padding: 0!important;height: 550px;border-radius: 15px;max-width: 40%!important;margin:auto;
margin-bottom:2rem}
.ayod-exp-1 img {border-radius: 15px 15px 0 0; width: 100%; height: 60%}
.ayod-exp-1 h5 {font-size: 22px; font-weight: 700;padding: 1rem 2rem;padding-bottom: 0;color: #09304f}
.ayod-exp-1 p {font-size: 16px;padding: 0 2rem;text-align: left;margin-bottom: 0}

.top-rout{margin: 4rem }
.top-rout h2{font-size: 28px;font-weight: 700;color: #09304f;margin-bottom: 2rem}

.rout h5{font-size: 22px;font-weight: 700;color: #09304f}
.rout p{font-size: 14px;font-weight: 400}



footer.footer { background: #001d50; padding: 50px 0 0; border-top: 2px solid #DDD; } 
footer.footer h5{color: #fff;font-weight: 700;font-size: 18px;margin-bottom: 1rem}
footer.footer ul li a{color: #fff;font-size: 14px;font-weight: 400;display:inline-block;padding:8px 0}
footer.footer ul li::marker{color: #fff!important;line-height: 2.5;}



footer a {
  color: #fff;
  font-size: 14px;
  transition-duration: 0.2s;
}


.copy {
  font-size: 12px;
  padding: 10px;
  border-top: 1px solid #FFFFFF;
}

.footer-middle {
  padding-top: 2em;
  color: white;
}

.footm{margin: auto;}
.footer-pad h5{font-size: 16px!important;font-weight: 600!important}

/*SOCİAL İCONS*/

/* footer social icons */

ul.social-network {
  list-style: none;
  display: inline;
  margin-left: 0 !important;
  padding: 0;
}

ul.social-network li {
  display: inline;
  margin: 0 5px;
}


 img {
    max-width: 100%;
    height: auto;
}

 ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }
.contact-area {
    border-bottom: 1px solid #1C3768;
}

.contact-content p {
    font-size: 15px;
    margin: 30px 0 30px;
    position: relative;
}

/*.contact-content p::after {
    background: #353C46;
    bottom: -30px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 80%;
}*/

.contact-content h6 {
    color: #8b9199;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
}

.contact-content span {
    color: #353c47;
    margin: 0 10px;
}

.contact-social {
    margin-top: 30px;
}

.contact-social > ul {
    display: inline-flex;
}

.contact-social ul li a {
    border: 1px solid #8b9199;
    color: #8b9199;
    display: inline-block;
    height: 40px;
    margin: 0 10px;
    padding-top: 7px;
    transition: all 0.4s ease 0s;
    width: 40px;
}

.contact-social ul li a:hover {
    border: 1px solid #FAB702;
    color: #FAB702;
}

.contact-content a img {
    width: 50%;
}

section, footer {
    background: #001D50;
    color: #fff;
}

footer p {

    text-align: center;
}

footer img {
    width: 44px;
}





.whatsapp-floater {
    width: 50px;
    height: 50px;
    background: #25d366;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 20px;
    right: 20px;
    transition: all 0.4s ease-in-out;
    animation-duration: 2s;
    animation-name: scale;
    animation-iteration-count: infinite;
}

    .whatsapp-floater:hover {
        transform: scale(1.05);
    }

    .whatsapp-floater svg {
        fill: #ffffff;
        width: 25px;
        flex: 0 0 25px;
        height: auto;
    }


@keyframes scale {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}




.btn-call-fixed {
    display: none;
    position: fixed;
    z-index: 2;
    left: 20px;
    bottom: 20px;
}

    .btn-call-fixed .icon-wrap {
        float: left;
        position: relative;
        z-index: 1;
        width: 50px;
        height: 50px;
    }

        .btn-call-fixed .icon-wrap i.fa {
            font-size: 25px;
            color: #fff;
            background: #0dd2ff;
            width: 50px;
            height: 50px;
            position: absolute;
            z-index: 1;
            top: 0;
            left: 0;
            border-radius: 50%;
            text-align: center;
            line-height: 50px;
            animation: icon-luc-lac 1.2s infinite ease-in-out;
        }










@media screen and (max-width: 480px) {
  .logo {width: 60%;  }
    .btn-call-fixed{display:block}

    h5 {
        font-size: 20px !important
    }


.logo a img{width: 100%!important}


.tic-top-img{background-image: url(../images/ticket-to-ayodhya-top-mobile.jpg)!important;margin-bottom: 3rem!important;display:inline-block}

.tic-top-hp{padding-top: 3rem!important}

    .searchEngineBoxNew {
        position: relative;
        display: inline-block;
        margin-top: 15rem;
    }
.tic-top-img img{padding-top: 11.5rem!important;padding-left: 2rem!important;padding-right: 2rem!important;}
.abo-ayo{padding: 2rem 0.5rem;margin-top:22rem!important}
.abou-2 img{padding-top: 2rem!important;display:none}
.explore{padding: 2rem 1rem}
.ayod-exp{max-width: 100%!important;width: 100%!important;height: auto!important;}
.ayod-exp-1{max-width: 100%!important;width: 100%!important;height: auto!important;}
.ayod-exp p{font-size: 16px;padding-bottom: 2rem}

.ayod-exp img{height: auto;}

.ayod-exp-1 img{height: auto;}
.ayod-exp-1 p{font-size: 16px;padding-bottom: 2rem}

.top-rout {margin: 2rem 1rem;}
.rout{margin-bottom: 1.5rem}
.footm{margin: 0}


.contact-content p{margin: 15px 0 15px}
.hrmob{width: 80%!important}

    ul.tripType li input[type="radio"]:checked + label{border-radius:0!important}

}