hjkhhjhjol;io;ioio;ioiio;ioreererereio;;iooi;i;o;oii;o;ioo;iio;oi;
bnmbnmbnmnbmbio;io;irererereeo;o;oi;;oi;oioi;oi;oio;;oovn
/
home
/
u174022924
/
domains
/
rockonwheelstravels.in
/
public_html
/
css
/
Upload FileeE
HOME
ul.breadcrumb { padding: 0px; list-style: none; background-color: transparent; } ul.breadcrumb li { display: inline; font-size: 16px; } ul.breadcrumb li+li:before { padding: 0px; color: white; content: "/\00a0"; } ul.breadcrumb li a { color: #0275d8; text-decoration: none; } ul.breadcrumb li a:hover { color: #01447e; text-decoration: underline; } #hd { border: 1px solid #ed1b24; width: 8%; margin: auto; margin-top: -22px; } @media only screen and (min-width: 768px) { #blc-top { margin-left: auto; margin-top: 13px; } } .site-footer .footer-widget .link-lists li+li { margin-top: 18px !important; } .contact-infos li { margin-top: 13px; } @media only screen and (max-width: 600px) { .trend-item2>a{ height: 300px!important; } .inner-banner { margin-top: 0 !important; } .roundedbox { margin-top: 0px !important; } .tablink { font-size: 13px; } .inp-m { margin-top: 15px !important; } .main-bg { height: 45vh !important; background: white !important; } } .roundedbox { /* margin-top: 70px;*/ border-radius: 0px !important; } .cont { position: relative; left: 50%; top: 55%; transform: translate(-50%, -50%); } .main-bg { background-image: url(images/slider/slider-1-2.jpg); } .new { position: relative; margin-bottom: 25px; } .new::after { content: ''; position: absolute; top: 100%; left: calc(50% - 10px); background: #61B134; width: 10px; height: 10px; clip-path: polygon(0 0, 100% 0, 50% 100%); } .new:hover { background: black; } .detail { color: #dc9f00; font-weight: 600; list-style: none; display: flex; justify-content: center; } .detail .list { border: 2px solid #dc9f00; margin-left: 5px; border-radius: 4px; width: 100%; text-transform: capitalize; } .list, .f_list { padding: 8px 4px; } /*.owl-nav, .owl-dots { display: none; }*/ @media only screen and (max-width: 600px) { .item .card-img { } } s { text-decoration: none; position: relative; color: #dc3545; } s::before { top: 50%; background: #dc3545; opacity: .7; content: ''; width: 110%; position: absolute; height: .1em; border-radius: .1em; left: -5%; white-space: nowrap; display: block; transform: rotate(-15deg); } .flag-discount { border-radius: 6px 0 0 6px; color: #fff; display: block; display: flex; float: left; padding: 4px 12px; background: #dc3545; font-size: 20px; font-weight: 400; position: relative; } .flag-discount::before, .flag-discount::after { content: ""; position: absolute; left: 100%; width: 0; height: 0; border-style: solid; display: block; } .flag-discount::before { top: 0; border-width: 22px 15px 0 0; border-color: #dc3545 transparent transparent transparent; } .flag-discount::after { bottom: 0; border-width: 0 15px 22px 0; border-color: transparent transparent #dc3545 transparent; } .detail img { width: 25px; } .include_tax { color: black; text-align: left; margin-top: 10px; font-size: 15px; } .fa-check { color: #ed1b24; } @media only screen and (min-width: 768px) { .discount { padding-top: 50px; } #selectcab { padding-top: 40px; } #view_more { margin-top: 80px; } } @media only screen and (max-width: 600px) { #view_more { margin-top: 10px; } } .btn-search{ background-color: #ed1b24!important; color: #ffffff!important; width: 100%; } .theme_color{ color: #ed1b24; } @media only screen and (max-width: 600px) { .roundedbox { margin-top: 0px !important; } .tablink { font-size: 13px; } .inp-m { margin-top: 15px !important; } } .roundedbox { border-radius: 0px !important; } .tablink { background-color: #ed1b24; color: white; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; font-size: 17px; width: 33.33%; } .tablink:hover { background-color: #ed1b24; } .btn.btn-theme:active, .btn.btn-theme:focus, .btn.btn-theme:hover { background: #ed1b24!important; color: #fff!important; } /*=========form==========*/ /*.select2-container--default .select2-selection--single{ border: none!important; height: 45px!important; } .select2-container--default .select2-selection--single .select2-selection__arrow{ top: 9px!important; } #select2-search-container{ line-height: 45px; } .form-control,#select2-search-container { font-size: 14px!important; border: none!important; margin: 0!important; background: #f2f2f2!important; border-radius: 5px!important; height: 45px!important; } .form-control:focus { box-shadow: none; border-bottom: 1px solid #ed1b24; } .search_form label { font-weight: 600; }*/ /* ====================*/ .tab_form{ width: 100%; border: 1px solid #ed1b24; border-radius: 20px; } .top_head{ padding: 10px; } .tab_form h4{ background: #ed1b24; color: #fff; text-align: center; padding: 5px; margin-bottom: 0; border-radius: 19px 19px 0 0; } .tab_form .nav-tabs a{ background: #ed1b24; width: 100%; } #main_tab,#second_tab{ justify-content: space-between; text-align: center; border: none; } #main_tab .nav-item{ width: 33%; } #second_tab .nav-item{ width: 49%; margin-bottom: 15px; } .tab_form .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{ background-color: #ed1b24; border-color: #ed1b24; color: #fff; } .tab_form form{ margin-top: 20px; } .search_cabs{ background: #ed1b24!important; color: #fff!important; width: 100%!important; border-radius: 10px!important; height: 45px!important; } #secondPageSearchBarid .close{ position: absolute; right: -10px; background: #000; opacity: 1; color: #fff; padding: 5.5px 13px; border-top-right-radius: 20px; } #secondPageSearchBarid .modal-content,.edit_modal .modal-content{ border-radius: 21px!important; left: 0!important; right: 0!important; transform: translate(0)!important; } .modal-open .modal,.edit_modal .modal-content{ overflow: hidden; } .card-blog ul{ text-align: left; } /*FOOTER*/ .dark-black-bg { background-color: #1C231F; border-top: 2px solid #ed1b24; } .mb-40 { margin-bottom: 40px; } .about-company-widget > p { margin-bottom: 30px; margin-top: 30px; } ul.social-link li { -webkit-margin-end: 5px; margin-inline-end: 5px; } ul.social-link li { -webkit-margin-end: 5px; margin-inline-end: 5px; } ul.social-link li { display: inline-block; } ul.social-link li a { background-color: rgba(255, 255, 255, 0.1); color: #fff!important; border: 1px solid #ed1b24; } ul.social-link li a:hover{ background-color: #ed1b24; color: #fff; } ul.social-link li a { width: 45px; height: 45px; border-radius: 50%; border: 1px solid rgba(0, 0, 0, 0.1); color: #484848; font-size: 17px; } ul.social-link li a{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer-widget .widget-title { font-size: 22px; margin-bottom: 28px; } .footer-widget .widget-title { position: relative; padding-bottom: 10px; } .footer-widget .widget-title:before, .footer-widget .widget-title:after { content: ''; height: 1px; width: 60px; background-color: #ed1b24; position: absolute; bottom: 0; left: 0; } .footer-widget .widget-title:after { bottom: -3px; width: 50px; } .footer-nav-widget .footer-nav-content ul.footer-nav li { font-weight: 400; } .footer-nav li a { border-bottom: 1px dotted #bcc5d0; padding: 5px 0; width: 100%; color: #fff; } .footer-nav li a:before { content: "\e5c8"; font-family: 'Material Icons'; font-weight: 600; left: 0; top: 3px; background-color: transparent; border: none; color: inherit; transition: 0.4s linear; position: relative; padding-right: 5px; color: #ed1b24; } .footer-nav-widget .footer-nav-content ul.footer-nav li a:hover{ color: #ed1b24; } .socialIcon { width: 38px; height: 38px; background: #ed1b24; border-radius: 50%; font-size: 20px; color: #fff; text-align: center; } i, span, a { display: inline-block; } .socialIcon i { color: #fff!important; padding-top: 10px; } #local_data li, #onewaydata_from li, #rounddata_from li, #onewaydata_to li, #rounddata_to li { cursor: pointer; padding: 3px 0.25rem !important; font-size: 15px; } #local_data, #onewaydata_from, #rounddata_from, #onewaydata_to, #rounddata_to { position: absolute; width: 90%; top: 78px; background: #fff; display: none; z-index: 1000; border: 1px solid #b7b7b770; max-height: 133px; overflow-y: auto; border-radius: 4px; } /*float buttons*/ .float{ position:fixed; width:60px; height:60px; bottom:40px; right:40px; border: 10px solid #25d366; background-color:#fff; color:#FFF; border-radius:50px; text-align:center; font-size:30px; z-index:100; line-height: 39px; z-index: 100000; } .float-call{ border: 10px solid #ed1b24; left: 40px; } .my-float{ margin-top:5px; color: #25d366; } .my-call{ margin-top:5px; color: #ed1b24; } ul.tagcloud li a { background: #282e3a; border: none; padding: 5px 10px; color: #fff; } ul.tagcloud li a { border: 1px solid #ebebeb; display: inline-block; padding: 5px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } ul.tagcloud { margin-bottom: -10px; display: inline-block; } ul { list-style: none; padding-left: 0px; } ul.tagcloud li { padding: 0; } ul.tagcloud li { float: left; margin-right: 6px; margin-bottom: 10px; } ul.tagcloud li a:hover{ background: #ed1b24; } #services { border-bottom: 1px solid #ed1b24; display: flex; flex-wrap: wrap; z-index: 1; position: relative; margin-bottom: 20px; align-items: center; } #services span{ margin-bottom: 10px; } .fw-bold { font-weight: 700!important; } #services a { border: 1px solid #ed1b24; margin-bottom: 10px; margin-left: 5px; border-radius: 4px; padding: 3px 5px; font-weight: 400; text-transform: uppercase; color: #fff; } #services a:hover { background-color: #ed1b24; } .contact-info-box a{ color: #fff; } .contact-info-box a:hover{ color: #ed1b24; } .footer-bottom { clear: both; padding: 20px 0; background-color: #ed1b24; text-align: center; } /*TESTIMONIALS*/ .google-reviews { border-radius: 4px!important; box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important; margin: 10px 0; padding: 30px 10px; } .google-reviews ul { margin: 5px 0; } ul.ratings li { display: inline-block; } .google-reviews ul li strong { color: #f5af02; font-size: 20px; font-weight: 600; } ul.ratings li i{ color: #f5af02; } .google-reviews p { font-size: 15px; margin-bottom: 10px; } .google-reviews .powered_by_google { margin-bottom: 15px; width: 50%; } .wp-google-wr a { color: #fff!important; padding: 4px 20px 6px!important; border-radius: 27px!important; background: #427fed!important; white-space: nowrap!important; text-shadow: 1px 1px 0 #888!important; box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important; user-select: none!important; transition: all .2s ease-in-out!important; } .wp-google-wr a svg { display: inline-block; padding: 1px; margin: 0 0 0 4px; background: #fff; border-radius: 50%; } .testimonial-content{ border-radius: 4px!important; box-shadow: 0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24)!important; margin: 10px; padding: 20px; height: 260px; } .testimonial-content .author-title-thumb { text-align: center; } .author-title-thumb { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .author-title-thumb .author-thumb { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 70px; height: 70px; } .author-title-thumb .author-title .title { font-size: 16px; } .author-title-thumb .author-title p.position { font-size: 14px; } .testimonial-content > p { font-size: 16px; line-height: 165%; height: 100px; overflow-y: auto; } .testimonial-content > p::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } .testimonial-content > p::-webkit-scrollbar { width: 3px; background-color: #F5F5F5; } .testimonial-content > p::-webkit-scrollbar-thumb { background-color: #000000; border: 2px solid #555555; } /* Testimonial Item */ /*.author-title-thumb { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .author-title-thumb .author-thumb { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: 70px; height: 70px; } .author-title-thumb .author-title h3.title { font-size: 16px; } .author-title-thumb .author-title p.position { font-size: 14px; } .single-testimonial-item .testimonial-content .author-title-thumb { text-align: center; } .single-testimonial-item .testimonial-content > p { font-size: 14px; line-height: 165%; height: 100px; overflow-y: auto; } .single-testimonial-item .testimonial-content > p::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; } .single-testimonial-item .testimonial-content > p::-webkit-scrollbar { width: 3px; background-color: #F5F5F5; } .single-testimonial-item .testimonial-content > p::-webkit-scrollbar-thumb { background-color: #000000; border: 2px solid #555555; }*/ /*WHY CHOOSE US*/ /*** ==================================================================== Why Section ==================================================================== ***/ .why-section{ position: relative; padding: 50px 0; } .why-section.extra-padd{ padding-top: 210px; } .why-section .floated-icon{ position: absolute; } .why-section .floated-icon.left{ left: 35px; bottom: 112px; } .why-section .floated-icon.right{ right: 30px; top: 120px; } .why-section .left-col{ position: relative; order: 0; } .why-section .right-col{ position: relative; order: 12; } .why-section .image-col{ position: relative; text-align: center; margin-bottom: 30px; } .why-section .image-col .inner{ position: relative; display: block; padding-top: 30px; } .why-block{ position: relative; margin-bottom: 30px; } .why-block .inner-box{ position: relative; display: block; } .why-block .icon-box{ position: relative; display: block; margin-bottom: 10px; display:inline-block; transition: all 600ms ease; -moz-transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; } .why-block .icon-box i{ font-size: 40px; color: #ed1b24; } .why-block .inner-box:hover .icon-box{ -webkit-transform: scale(-1) rotate(180deg); -moz-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); -o-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg); } .why-block .h4{ position: relative; color: #10221B; font-weight: 700; margin-bottom: 12px; } .why-block .text{ position: relative; font-size: 20px; } .why-section .image-col .inner .image-box{ animation-name: float_up_down; animation-duration: 5s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: float_up_down; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; } @keyframes float_up_down { 0% { transform: translateY(0px); transform: translateY(0px); opacity: 1; } 50% { transform: translateY(50px); transform: translateY(50px); opacity: 1; } 100% { transform: translateY(0px); transform: translateY(0px); opacity: 1; } } /*BLOGS*/ .single-blog-post .post-thumbnail img { width: 100%; height: 200px; object-fit: cover; border-radius: 15px; } .single-blog-post .entry-content { padding: 0 15px 0; } .single-blog-post .entry-content .cat-btn { -webkit-transform: rotate(-6.08deg) translate(20px, -25px); transform: rotate(-6.08deg) translate(20px, -25px); } .cat-btn { font: 500 18px "Prompt", sans-serif; line-height: 28px; padding: 6px 20px; background-color: #ed1b24; color: #fff; } .single-blog-post .entry-content .post-meta span { margin-bottom: 7px; } .post-meta span { font-weight: 400; text-transform: uppercase; } .post-meta span i { margin-right: 10px; } .single-blog-post .entry-content h3.title { margin-bottom: 30px; } .post-meta span { margin-bottom: 10px; font-weight: 400; text-transform: uppercase; } .main-btn.filled-btn { padding: 2px 3px 2px 40px; background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.1); color: #1C231F; } .main-btn{ margin-top: 20px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 3px 3px 3px 40px; font: 600 16px "Prompt", sans-serif; text-transform: capitalize; border-radius: 28px; line-height: 20px; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; } .main-btn.filled-btn i{ background-color: #ed1b24; color: #fff; } .main-btn.filled-btn:hover{ background-color: #ed1b24; color: #fff; } .main-btn.filled-btn:hover i, .main-btn i{ background-color: #fff; } .main-btn.filled-btn:hover i{ color: #1C231F; } .main-btn i { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-left: 20px; width: 50px; height: 50px; border-radius: 50%; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #myBtn:hover{ background-color: #ed1b24!important; } input[type='radio'] { accent-color: #ed1b24; } /*============FAQ SECTION===============*/ .faq-section .mb-0 > a { display: block; position: relative; color: #000; } .faq-section .mb-0 > a:after { content: "\f107"; font-family: "FontAwesome"; position: absolute; right: 0; font-weight: 600; } .faq-section .mb-0 > a[aria-expanded="true"]:after { content: "\f106"; font-family: "FontAwesome"; font-weight: 600; } #accordion .card{ margin-bottom: 20px; } /*==============cab fare=============*/ .listing-item { position: relative; background: #ffffff; border-radius: 10px; margin: 0 0 24px 0; padding: 20px; } .listing-item .listing-img { position: relative; overflow: hidden; border-radius: 10px; margin: 0 0 10px; } .listing-item .listing-img img { border-radius: 10px; width: 100%; height: 200px; object-fit: cover; transform: translateZ(0); transition: all 2000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; } .listing-item .listing-content { margin-top: 15px; } .listing-item .listing-content .listing-features { position: relative; border-bottom: 1px solid #F4F4F4; margin: 0 0 15px; /* padding: 0 0 15px;*/ } .listing-item .listing-content .listing-features .listing-title { margin-bottom: 5px; font-size: 20px; } .rental-car-item .listing-title { margin: 5px 0 0; font-weight: 600; color: #201F1D; } .listing-item .listing-content .listing-features .listing-title a { font-weight: 600; color: #201F1D; } .listing-item .listing-content .listing-features .cab_name { font-size: 15px; color: #787878; font-weight: 400; } .listing-item .listing-content .listing-button .btn-order { background: #201F1D; position: relative; border-radius: 5px; font-weight: 600; font-size: 16px; color: #ffffff; text-align: center; padding: 10px; width: 100%; } .listing-item:hover { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .listing-item:hover .btn-order { background-color: #ed1b24!important; } /*owl carousal*/ .owl-nav button { position: absolute; top: 50%; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; height: 55px; width: 55px; line-height: 46px; background: #ffffff !important; margin: auto 0; border-radius: 50%; } .owl-nav button.owl-prev { left: 0; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .owl-nav button.owl-next { right: 0; -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); } .owl-dots { text-align: center; padding-top: 15px; } .owl-dots button.owl-dot { width: 15px; height: 15px; border-radius: 50%; display: inline-block; background: #ccc; margin: 0 3px; } .owl-dots button.owl-dot.active { background-color: #000; } .owl-dots button.owl-dot:focus { outline: none; } .owl-nav span { font-size: 45px; position: relative; color: #2F2F2F; } .owl-nav button:focus { outline: none; } .owl-carousel .owl-prev span { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } .owl-carousel .owl-next span { -webkit-transition: all 0.7s; -moz-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; } /*slider caption*/ .slider-caption{ position: absolute; top: 30%; /* left: 50%; */ transform: translateY(-50%); text-align: center; margin: auto; width: 100%; } .slider-caption .slider-headind{ font-size: 112px; font-weight: 100; color: #FFFFFF; text-transform: uppercase; font-family: fantasy!important; letter-spacing: 5px; } .slider-caption p{ font-family: 'Dancing Script', cursive!important; font-size: 100px; color: #FFFFFF; margin-top: -55px; } /*====================tour packages===============*/ .trend-full{ padding: 20px; margin-bottom: 20px; border-radius: 10px; position: relative; z-index: 1; } .trend-item2 { position: relative; transition: all ease-in-out .5s; height: 100%; overflow: hidden; } .trend-item2>a { background-size: cover; height: 100%; width: 100%; background-position: center; display: inline-block; transition: all ease-in-out .5s; } .color-overlay { top: inherit; bottom: 0; background: linear-gradient(to bottom,transparent,#000000); height: 50%; opacity: .6; } .rating span { color: #ffbc00; display: inline; font-size: 14px; } .theme { color: #ed1b24; } .box-shadow{ box-shadow: 0 0 15px #cccccc37; } .theme-btn { position: relative; z-index: 2; overflow: hidden; vertical-align: middle; display: inline-block; border: none; text-transform: uppercase; text-align: center; background-color: #000; color: #fff!important; font-size: 14px; font-weight: 600; line-height: 1; padding: 15px 29px; /* min-width: 160px; */ border-radius: 5px; -webkit-transition: 1s ease; transition: 1s ease; } .theme-btn:before { content: ""; position: absolute; height: 0%; left: 50%; top: 50%; width: 100%; background-color: #ed1b24; -webkit-transform: translateX(-50%) translateY(-50%) rotate(60deg); transform: translateX(-50%) translateY(-50%) rotate(180deg); z-index: -1; -webkit-transition: 1s ease; transition: 1s ease; } .theme-btn:hover, .theme-btn.active { color: #fff; } .theme-btn:hover::before, .theme-btn.active::before { height: 560%; } .top-img{ top: 10px; left: 0; } .bottom-img{ bottom: 10px; right: 0; } /*==========our services=================*/ .about-choose__list li .icon i { font-size: 30px; color: #ed1b24; } .our-services .text h4{ color: #000!important; } .our-services .text p{ margin-bottom: 20px!important; color: #687179!important; } /*===========chardham============ */ .item-inner { box-shadow: 0 0 20px 0 rgba(0,0,0,.07); border-radius: 4px; position: relative; display: block; border-radius: 4px; background: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,.07); overflow: hidden; height: 100%; } .thumbnail-location { height: 343px; position: relative; overflow: hidden; display: block; } .thumbnail-location img { aspect-ratio: .8823529412; width: 100%; height: 100%; object-fit: cover; z-index: 1; -ms-transition: all .25s ease; -o-transition: all .25s ease; -moz-transition: all .25s ease; -webkit-transition: all .25s ease; transition: all .25s ease; -ms-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); } .content-location { padding: 0 30px 20px; text-align: center; position: relative; z-index: 10; } .location-name { color: #ed1b24; font-weight: 400; margin-top: 20px; margin-bottom: 10px; } .content-location .location-description { color: #585c63; margin: 0 0 25px; } .item-inner:hover .thumbnail-location img { -ms-transform: scale(1.05); -o-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); } .btn-primary{ padding: 8px 30px; } .btn-primary:hover{ background-color: #000!important; } /*banner-section*/ .banner-section .owl-nav button.owl-prev{ transform: translate(30px, -50%); } .banner-section .owl-nav button.owl-next{ transform: translate(-30px, -50%); } .banner-section .owl-nav span{ top: -10px; } #banner-slider img{ width: 100%; height: 300px; object-fit: cover; object-position: top; filter: brightness(0.4); } #banner-slider .item{ position: relative; } #banner-slider .banner-caption{ position: absolute; top: 50%; left: 100px; transform: translateY(-50%); border-left: 3px solid #ed1b24; padding-left: 20px; } #banner-slider h2{ color: #fff; } /*custom button*/ .custom-btn{ background-color: #ed1b24; color: #fff; border-radius: 23px; padding: 10px 40px; margin-top: 20px; text-transform: uppercase; } .custom-btn i{ padding-left: 10px; } .custom-btn:hover{ background-color: #000; color: #fff; } #Outstation{ padding: 30px 20px; } .forum-details .about-choose__list{ box-shadow: 0px 6px 30px rgba(7, 36, 95, 0.08); padding: 20px; } .forum-details .about-choose__list li .text{ margin-left: 10px; } /*blog*/ .blog_image img{ width: 100%; } .image-block img{ /* height: 550px;*/ } /*about section*/ .why-choose, .about-choose__container { position: relative; display: block; } .about-choose__container { width: 100%; overflow: hidden; } .about-choose__left { position: relative; display: block; float: left; width: 47%; } .about-choose__left-bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-size: cover; /* background-position: 50%;*/ min-height: 764px; } .about-choose__toggle { position: absolute; top: 100px; right: 100px; height: 171px; width: 171px; background-color: #ed1b24; box-shadow: 0 20px 20px 0 rgba(21, 29, 42, 0.1); display: flex; align-items: center; justify-content: center; border-radius: 50%; -webkit-animation: fa-spin 5s ease infinite; animation: fa-spin 5s ease infinite; z-index: 1; } .about-choose__toggle p { font-size: 22px; color: #fff; margin: 0; line-height: 26px; text-align: center; font-family: 'Mukta', sans-serif !important; position: relative; top: 0px; } .about-choose__right { position: relative; display: block; float: right; width: 53%; background-color: #313041; padding: 28px 0 28px 120px; } .about-choose__right-map { position: absolute; bottom: 0; right: 0; height: 500px; width: 434px; opacity: 0.1; } .about-choose__right:before { position: absolute; top: 120px; bottom: 120px; background-color: #ed1b24; width: 12px; left: 0; border-top-right-radius: 8px; border-bottom-right-radius: 8px; content: ""; } .about-choose__right-content { position: relative; display: block; max-width: 520px; width: 100%; } .about-choose__right .section-title { margin-bottom: 9px; } .about-choose__right .section-title__title { color: #fff; } .about-choose__right-text { color: #a9a8b6; margin: 0; } .about-choose__list { position: relative; display: block; margin-top: 20px; } .about-choose__list li { position: relative; display: flex; } .about-choose__list li+li { margin-top: 40px; } .about-choose__list li .icon { position: relative; top: 8px; display: inline-block; transition: all 0.5s ease; } .about-choose__list li:hover .icon { transform: rotateY(180deg); } .about-choose__list li .icon span { font-size: 50px; color: #ed1b24; } .about-choose__list li .text { margin-left: 40px; } .about-choose__list li .text .h4 { font-size: 20px; font-weight: 700; line-height: 30px; margin-bottom: 11px; color: #fff; } .about-choose__list li .text p { font-size: 16px; color: #a9a8b6; font-weight: 500; margin: 0; } .section-title__tagline { display: block; color: #fff; font-size: 20px; align-items: center; line-height: 30px; font-weight: 400; } .section-title__title { margin: 0; font-weight: 700; font-size: 50px; line-height: 60px; letter-spacing: -.02em; } @media only screen and (max-width: 767px) { .about-choose__left { width: 100%; float: none; min-height: 500px; } .about-choose__right { float: none; width: 100%; padding-left: 30px; } .section-title__title { font-size: 35px; line-height: 45px; } .about-choose__list li .text { padding-top: 20px; } } /*select 2*/ .select2-container--default .select2-search--dropdown .select2-search__field{ outline: none; } /*home form*/ .mainForm .material-icons{ position: absolute; top: 55px; left: 12px; color: #ed1b24; } #Outstation form .material-icons{ top: 50px; } #Round form .material-icons{ top: 50px; } /*===============RENTAL CAB PAGE=============*/ #rental_cab{ background-color: #F1F6FF; } #rental_cab .card{ border: 0; border-radius: 10px; padding: 15px; } #rental_cab .card img{ border-radius: 10px; width: 100%; height: 300px; object-fit: cover; } #rental_cab .card h5{ text-align: center; margin-top: 20px; } /*header navigation bar*/ #sub-menu{ background-color: #000; } #sub-menu li a{ padding: 5px 10px; color: #fff; width: 100%; border-bottom: 1px solid rgb(255 255 255 / 17%); transition: 0.3s linear; } #sub-menu li a:hover{ background-color: #ed1b24; } /*==============SHARING BUTTON===========*/ .share-wrapper { float: right; margin: 0 20px; position: relative; } .share-wrapper .share { width: 53px; height: 53px; border-radius: 50%; color: #FFF; background-color: #ed1b24; text-align: center; line-height: 2.1; font-size: 25px; cursor: pointer; transition: background-color 0.4s; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.28); } .share-wrapper .share.active { background-color: #000; } .share-wrapper .share.active:before { content: ""; } .share-wrapper .share.active + .social li { transform: scale(1); } .share-wrapper .share.active + .social li:hover { transform: scale(1.1); } .share-wrapper ul.social { opacity: 0; position: absolute; visibility: hidden; list-style-type: none; padding: 0; margin: 0; margin-top: 10px; transform: translate(-3rem, 3rem); transition: visibility 0.4s, opacity 0.4s, -webkit-transform 0.4s; } .share-wrapper ul.social.active { opacity: 1; visibility: visible; transform: translate(0); } .share-wrapper ul.social li { width: 53px; height: 53px; border-radius: 50%; color: #FFF; background-color: #FFF; text-align: center; line-height: 2.1; font-size: 25px; cursor: pointer; margin-bottom: 15px; box-shadow: 0.5px 0.87px 4px 0 rgba(0, 0, 0, 0.3); transition: all 0.4s; transform: scale(0.4); } .share-wrapper ul.social li .facebook { color: #3A589E; } .share-wrapper ul.social li .twitter { color: #5FA9DD; } .share-wrapper ul.social li .linkedin { color: #0D77B7; } .share-wrapper ul.social li .google { color: #DF4B38; } .share-wrapper ul.social li .pinterest { color: #CD2129; } .share-wrapper ul.social li .youtube { color: #CF2227; } .share-wrapper ul.social li .instagram { color: #305C85; } .share-wrapper ul.social li .whatsapp { color: #25D366; } .cab-fare-page ul{ list-style: disc; padding-left: 20px; font-size: 18px; } /*============================================================== =====================Phone media query========================== ===============================================================*/ @media only screen and (max-width: 768px) { .slider-caption .slider-headind{ font-size:35px; } .slider-caption p{ font-size:30px; margin-top: -12px; } .about-choose__list li .icon{ top: 20px; } #navbarSupportedContent .navbar-nav .nav-link{ width: 100%; } .main_menu .nav-link i{ float: right; } .navbar-collapse.show{ height: 100vh; } /*share button*/ .share-wrapper{ float: none; } .share-wrapper .share{ top: -50px; position: absolute; right: 0px; } .share-wrapper ul.social{ display: flex; gap: 26px; margin-top: 20px; } .forum-main-image img{ height: auto!important; } .banner-box h2{ font-size: 20px!important; } } /*============================================================== =====================Destop media query========================== ===============================================================*/ @media only screen and (min-width: 768px) { #sub-menu{ position: absolute; top: 40px; width: 287px; } .main_menu{ position: relative; cursor: pointer; } .main_menu:hover #sub-menu{ display: block; } }