*{ margin: 0; padding: 0; } body{ box-sizing: border-box; margin: 0; padding: 0; } .whatsapp-float{ position: fixed; width: 45px; height: 45px; bottom: 20px; right: 30px; z-index: 9900; } .whatsapp-float img{ width: 45px; height: 45px; margin-left: 1px; margin-top: -15px; } .call-icon-fixed{ position: fixed; bottom: 40px; left: 20px; z-index: 999; } header{ border-top: 5px solid #2a2a2a; padding: 10px 20px; box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px; } .call-number p{ margin-bottom: 0px; font-size: 18px; color: #fff; } @media screen and (max-width:500px) { .call-number p{ margin-bottom: 0px; font-size: 14px; color: #fff; } .logo img{ width: 160px; } .call a{ background-color: #0057af; padding: 10px 10px; font-weight: 600; border-radius: 50px; font-style: normal; } } .call a{ color: black; text-decoration: none; display: flex; align-items: center; gap: 5px; } .button-admission .btn{ background-color: #2783f0; color: #fff; padding: 7px 20px; border-radius: 50px; font-style: normal; } .call-admmision{ display: flex; gap: 20px; justify-content: space-between; width: 65%; } .header-content{ display: flex; justify-content: space-between; align-items: center; } .happy-traveller{ display: flex; align-items: center; gap: 5px; } .happy-text h5{ margin-bottom: 0px; font-size: 16px; font-weight: 700; } .happy-text p{ font-size: 14px; font-weight: 500; margin-bottom: 0px; } .call a{ background-color: #0057af; padding: 10px 20px; font-weight: 600; border-radius: 50px; font-style: normal; } .discount span{ display: flex; height: 100px; width: 100px; background-color: rgba(255, 204, 0, 0.8); align-items: center; justify-content: center; border-radius: 50%; font-weight: 700; border: 2px solid #fff; font-size: 16px; padding: 5px; line-height: 22px; text-align: center; } .places-img{ position: relative; border-radius: 10px; overflow: hidden; border: 2px solid #fff; } .discount{ position: absolute; top: 30px; right: 10px; } .banner{ position: relative; } .banner-bottom-places{ position: absolute; bottom: -80px; width: 100%; left: 0; right: 0; } .places-img img{ transition: all ease 0.3s; } .places-img:hover img{ transform: scale(1.1); } .discount:hover span{ background-color: #ffcb00; } .heading h2{ font-size: 40px; font-weight: 700; } .heading p{ padding-left: 50px; padding-right: 50px; font-size: 14px; font-weight: 500; } .package-box{ border-radius: 8px; overflow: hidden; box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em; } .package-date span{ font-size: 14px; padding: 3px 10px; border-radius: 2px; background-color: #fff; font-weight: 700; } .package-img{ position: relative; } .package-date{ position: absolute; bottom: 10px; left: 10px; } .package-text{ padding: 10px; } .package-text h6{ font-size: 15px; font-weight: 500; color: #717171; } .package-text h4{ font-size: 17px; font-weight: 700; } .package-inclusion h5{ font-size: 16px; color: #e20508; } .package-inclusion ul{ list-style: none; padding-left: 0px; margin-bottom: 10px; } .package-inclusion ul li{ font-size: 13px; display: flex; align-items: center; gap: 5px; } .package-inclusion ul li::before{ margin-top: 4px; content: url(../img/icons/checked.png); } .pack-price p{ margin-bottom: 3px; font-size: 12px; font-weight: 500; color: #717171; } .pack-price h5{ font-weight: 700; font-size: 17px; } .pack-in-icon h6{ font-size: 14px; display: flex; gap: 10px; margin-bottom: 0px; text-align: center; justify-content: center; } .pack-in-icon h6 i{ color: #fff; } .pack-in-icon{ padding: 5px 10px; background-color: #e20508; border-radius: 10px; } .pack-in-icon p{ color: #fff; margin-top: 5px; font-weight: 500; font-size: 12px; margin-bottom: 0px; } .pack-price-inclusion{ display: flex; justify-content: space-between; } .btn-whatsapp a{ color: #2ab318; text-decoration: none; font-size: 25px; font-weight: 700; } .btn-whatsapp a span{ display: flex; align-items: center; justify-content: center; width: 35px; height: 35px; background-color: #e6e6e6; } .btn-call .btn{ border: 1px solid #e20508; font-size: 13px; color: #e20508; font-weight: 700; padding: 3px 8px; } .btn-call .btn:hover{ background-color: #e20508; color: #fff; } .btn-enquiry .btn{ border: 1px solid #505050; font-size: 13px; color: #505050; padding: 3px 8px; font-weight: 700; } .btn-enquiry .btn:hover{ background-color: #292929; color: #fff; } .pack-btns{ display: flex; justify-content: space-between; align-items: center; } .package-img{ overflow: hidden; } .package-img img{ transition: all ease 0.5s; } .package-box:hover img{ transform: scale(1.1); } #more { display: none; } #more1 { display: none; } #more2 { display: none; } #more3 { display: none; } #more4 { display: none; } #more5 { display: none; } #more6 { display: none; } #more7 { display: none; } #more8 { display: none; } #more9 { display: none; } .read-morebtn { border: none; color: #0081de; background: white; font-weight: 500; } #myBtn { margin-bottom: 2px; margin-top: 8px; } #myBtn1 { margin-bottom: 2px; margin-top: 8px; } #myBtn2 { margin-bottom: 2px; } #myBtn3 { margin-bottom: 2px; margin-top: 0px; } #myBtn4 { margin-bottom: 2px; margin-top: 0px; } #myBtn5 { margin-bottom: 2px; margin-top: 0px; } #myBtn6 { margin-bottom: 2px; margin-top: 0px; } #myBtn7 { margin-bottom: 2px; margin-top: 0px; } #myBtn8 { margin-bottom: 2px; margin-top: 0px; } #myBtn9 { margin-bottom: 2px; margin-top: 0px; } .package-form { background-color: #cd0104; border-radius: 20px; } .form-head{ text-align: center; padding: 10px 10px; color: #fff; } .form-head h4{ font-size: 25px; } .form-head h6{ font-size: 15px; margin-bottom: 2px; } .form-head h6 span{ color: #ffbb11; font-size: 25px; } hr { opacity: 1; } .form form input{ border-radius: 0px; height: 35px; } .form form input::placeholder{ font-size: 14px; font-weight: 500; } .form form textarea::placeholder{ font-size: 14px; font-weight: 500; } .form form textarea{ border-radius: 0px; } .form form label{ color: #fff; font-size: 14px; } .form form button{ display: block; margin: auto; margin-top: 20px; border-radius: 5px; background-color: #ffbb11; border-color: #fff; font-size: 14px; color: #2a2a2a; font-weight: 500; padding: 10px 20px; text-transform: uppercase; } .package-form { background-color: #cd0104; border-radius: 20px; position: sticky; top: 10px; } .relative-form{ height: 100%; position: relative; } .package-chardham{ position: relative; } .dham h4{ text-align: center; font-size: 25px; font-weight: 700; } .dham-inner{ background-color: #e6e6e6; display: flex; gap: 10px; align-items: center; } .dham-text h5{ font-size: 18px; font-weight: 700; } .dham-text p{ font-size: 14px; margin-bottom: 0px; } .dham-img{ background-color: #fbc12e; } .features{ background-color: #e6e6e6; } .feature-head h4{ font-size: 35px; font-weight: 700; color: #b40306; } .feature-head h4 span{ padding-bottom: 5px; border-bottom: 7px solid #b40306; } .feature-img{ margin-top: 10px; } .feature-img img{ display: block; margin: auto; } .feature-img{ display: flex; justify-content: center; } .feature-img span{ border: 2px dotted #b40306; border-radius: 50%; padding: 10px; display: flex; height: 60px; width: 60px; align-items: center; justify-content: center; } .feature-box{ background-color: #fff; width: 20%; padding: 10px; } .featres-boxes{ display:flex ; gap: 10px; } .features-text{ margin-top: 20px; } .features-text h6{ font-size: 16px; text-align: center; font-weight: 700; color: #0081de; } .features-text ul{ list-style: none; padding-left: 0px; } .features-text ul li{ font-size: 12px; margin-bottom: 5px; } .features-text ul li span i{ color: #2ab318; } footer{ background-color: #000000; } .footer-links p{ color: #fff; font-weight: 500; display: flex; gap: 10px; } .footer-links p a{ text-decoration: none; color: #e6e6e6; } .footer-address p{ font-weight: 500; color: #e6e6e6; } .copy-right p{ margin-bottom: 0px; color: #fff; } .social-icons { display: flex; gap: 20px; } .social-icons span a { color: #e6e6e6; font-size: 25px; } .follow-us h5{ color: #e6e6e6; } .payment h5{ color: #fff; } .footer-content-right{ display: flex; justify-content: space-between; } .modal-body .package-form{ border-radius: 0px; } .modal-header{ padding: 0px; } .modal-header button{ position: absolute; right: 0; top: 0; background-color: #ffbb11; opacity: 1; z-index: 1; } .banner-img a { width: 100%; } .banner-privacy{ background-color: #202020; padding-top: 30px; padding-bottom: 30px; } .banner-content-privacy h1{ color: #fff; text-align: center; text-transform: uppercase; font-weight: 700; } .banner-content-privacy a span{ font-size: 17px; padding: 5px 20px; color: #e26105; background-color: #ffe7d5; font-weight: 500; border-radius: 20px; } .banner-content-privacy p{ text-decoration: none; text-align: center; margin-top: 20px; } .banner-content-privacy a { text-decoration: none; } .banner-privacy .row{ justify-content: center; } .term-content h5{ font-weight: 700; } .copy-right p a{ font-size: 18px; text-decoration: none; color: #fff; }