body{font-family: 'Circular Std Book' !important;font-size: 15px !important;color: #444444;} body{background-color: #fff !important;} p{line-height: 24px; font-family: 'Circular Std Book'; color: #444444; } a{text-decoration: none !important;} @font-face { font-family: CircularStd; src: url(../../fonts/CircularStd-Medium.woff2) format("woff2"), url(../../fonts/CircularStd-Medium.woff) format("woff"), url(../../fonts/CircularStd-Medium.ttf) format("truetype"); font-weight: 500; font-style: normal; font-display: swap } @font-face { font-family: CircularStd; src: url(../../fonts/CircularStd-Bold.woff2) format("woff2"), url(../../fonts/CircularStd-Bold.woff) format("woff"), url(../../fonts/CircularStd-Bold.ttf) format("truetype"); font-weight: 700; font-style: normal; font-display: swap } @font-face { font-family: "Circular Std Book"; src: url(../../fonts/CircularStd-Book.woff2) format("woff2"), url(../../fonts/CircularStd-Book.woff) format("woff"), url(../../fonts/CircularStd-Book.ttf) format("truetype"); font-weight: 500; font-style: normal; font-display: swap } h1,h2,h3,h5,h6,li,p,ul{padding:0;margin:0;font-family: "Circular Std Book";} body{color:#444;font-family: "Circular Std Book" !important;} /*--------------- change-css start ---------------*/ /*--------------- change-css end ---------------*/ /* change1 css start */ /* Tab Navigation (Vertical) */ .single-grid-box { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } .tab-nav { list-style-type: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 5px } /* .top-ten-sec { position: relative; padding: 130px 0 0 0; } */ .top-ten-sec .header-main{padding: 40px 0 ;} .ct-page-image{width: 100%; max-height: 500px; object-fit: cover;} .rome-1-image img{width: 100%;height: 100%;} .tab-nav-item { padding: 15px; cursor: pointer; font-size: 16px; font-weight: bold; transition: background-color 0.3s; border: 1px solid #ddd; border-radius: 10px; text-align: left; color: #444444; } .tab-nav-item:hover { background-color: #f1f1f1; } .tab-nav-item.active { background-color: #e9ecef; } .tab-content { background-color: #f9f9f9; border: 1px solid #ddd; border-top: none; } .tab-content.active { display: block; } .tab-content img{max-height: 350px;width: 100%;height: 100%;object-fit: cover;} .tab-content h3{padding: 40px 0 20px 0;margin: 0;} /* .tab-content h3 {padding: 30px 0 0 0 ;} */ .tab-nav-item { display: flex; align-items: center; justify-content: space-between; padding: 10px; cursor: pointer; border: 1px solid #EAEBEC; } .tab-nav-item .tab-title { margin-right: 10px; color: #444444 !important; font-weight: 300; } .tab-icon { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; } .tab-icon .icon { width: 20px; height: 20px; } /* Responsive for smaller screens */ @media (max-width: 768px) { .single-grid-box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .tab-nav { display: flex; flex-direction: column; } .tab-nav-item { flex: 1; /* text-align: center; */ } .col-md-3 { order: 2; /* Content comes first on small screens */ } .col-md-9 { order: 1; /* Tab navigation comes second on small screens */ } .rome-1-image{width: 60%;height: 100%;margin: 0 auto;padding: 30px 0 0 0;} .rome-1-image img{width: 100%;} } @media (max-width: 767px) { .single-grid-box { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .single-grid-box .sg-img { border-radius: 10px; height: 150px;} .tab-content p{padding: 20px;} .ct-page-image { max-height: 400px;} .tab-content h3{padding-left: 20px;} .item {margin: 25px 0 0 0; } } /* change1 css end */ /* formating css */ .featured_view_tour .sap-md-heading { padding: 0; } button.owl-prev {margin: 0;position: absolute;left: 6px; color: #fff;} button.owl-next{margin: 0;position: absolute;right: 6px;} .colosseum_image .featured_view_tour { position: absolute;;position: absolute;bottom: 0;display: flex;align-items: center;justify-content: space-between;width: 100%; padding:8px 15px;border-bottom-left-radius: 15px;border-bottom-right-radius: 15px;} .hero-sec-mobile { position: relative; overflow: hidden; } .hero-sec-mobile::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 1; } .rome_italy_banner_image img { width: 100%; object-fit: cover; } .colosseum_image img { width: 100%; } .rome_italy_banner_image img { width: 100%; } .colosseum_image img { width: 100%; } button.btn.btn-secondary { position: absolute; top: -40px; } img.banner_image { width: 100%; } .part_sec_inner {flex-wrap: nowrap !important;} /* formating css */ .navbar {background-color: #fff !important;position: fixed;width: 100%;top: 0;left: 0;z-index: 99999;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); border-bottom: 1px solid #e3e3e3;} .dropdown-menu { border-top: 5px solid var(--dark-color); background-clip: padding-box;font-size: .9375rem;} .dropdown-item:hover {background-color: var(--dark-color);color: white;} .navbar .hd-logo {max-width: 84px;min-height: 70px;} .navbar .hd-logo img {width: 100%;height: 100%;object-fit: cover;} .navbar-toggler:focus { box-shadow: none;} .sap-sm-heading {font-size: 20px;line-height: 27px;font-weight: 600 ;letter-spacing: -2px;} .sap-md-heading {font-size: 24px;line-height: 42px;font-weight: 600;color: #444444; text-align: center; margin: 0; padding: 0 0 20px 0;} .home-dual-info-sec-inner .sap-md-heading{text-align: left;} .home-dual-info-sec-inner .home_information2024 {text-align: center !important;} .sap-lg-heading {font-size: 48px;line-height: 52px;font-weight: 600;letter-spacing: -2px;color: #444444;} .hero-heading {font-size: 67px;line-height: 74px;font-weight: 800;letter-spacing: -4px;} section {padding: 20px 0;} .grey-back .home-dual-info-sec-inner p, .grey-back .home-dual-info-sec-inner li, .home_useful_info .acc_texth5 p, .home_asked p, .plan-visitfot_home .text-para, .cat_sec_page p, .cat_sec_page li{text-align: justify;} .sap-btn-light button, .sap-btn-light a, .sap-btn-dark button, .sap-btn-dark a, .sap-btn-dark-o button, .sap-btn-dark-o a, .header-btn {border-radius: 8px;line-height: normal; min-height: 45px;min-width: 120px;display: flex;align-items: center;justify-content: center;text-transform: uppercase;color: #fff;letter-spacing: 0.3px; transition:all 0.3s ease-in-out;font-size:12px;font-weight:700;} .sap-btn-dark button, .sap-btn-dark a, .header-btn{background-color: var(--dark-color);border: 2px solid var(--dark-color);} .sap-btn-light button, .sap-btn-light a {background-color: #fff;border: 2px solid var(--dark-color);color:var(--dark-color);;} .sap-btn-dark-o button, .sap-btn-dark-o a {background-color:var(--dark-color);border: 2px solid var(--dark-color);color:#ffffff; font-size: 14px; letter-spacing: 0.02em; line-height: 20.75px; font-weight: 500;} .sap-btn-dark button:hover, .sap-btn-dark a:hover, .header-btn:hover, .ais-InfiniteHits-loadMore:hover{background-color: var(--dark-color) !important;border: 2px solid var(--dark-color);color:#fff;} .sap-btn-light button:hover, .sap-btn-light a:hover {background-color: var(--dark-color);border: 2px solid var(--dark-color);color:#fff;} .sap-btn-dark-o button:hover, .sap-btn-dark-o a:hover {background-color: var(--dark-color);border: 2px solid var(--dark-color);color:#fff} .sap-btn-dark-togle button, .sap-btn-dark-togle a { min-width: 100px;background-color: transparent;border: 2px solid #888;color: #444444;font-size: 15px;font-weight: 500; text-transform: capitalize;} .sap-btn-dark-togle button:hover, .sap-btn-dark-togle a:hover { background-color: transparent; border: 2px solid #888888;; color: #888888;} .sap-btn-dark-togle i {padding-right: 7px;} .sap-togle-filter button, .sap-togle-filter a {min-width: 120px;} .font-16{color: #303030;font-size: 16px;font-weight: 400;line-height: 26px;} .font-16 p{font-size:16px;} .font-16b{color: #303030;font-size: 16px;font-weight: 700;line-height: 21px;} .p-last {margin: 0;} .hero-sec {position: relative;overflow: hidden;height: calc(100vh - 99px);margin: 99px 0 0;padding-top: 0px;} .hero-sec-inner {position: relative;z-index:1;display: flex;align-items: center;justify-content: space-between;height: 100%;} .hero-trio-head {display: flex;gap: 15px;justify-content: end;} .hero-trio-inner-img {max-width: 252px;width:100%;flex-basis: 100%;border-radius: 20px;margin-bottom: 15px;position: relative;} #hero-trio-4 { height: 179px;} #hero-trio-5 {height: 198px;} #hero-trio-6 {height: 131px;} #hero-trio-8 {height: 160px;} .hero-trio-inner {display: table;} .trio-mid {display: table-cell;vertical-align: middle;} #hero-trio-1 {margin-top: 35px;} .trio-last {display: table-cell;vertical-align: bottom;} .hero-left .hero-heading {color: #fff;} .hero-left .text-para {color: #242424;width: 100%;max-width: 420px;padding: 12px 0 24px;} .hero-trio-inner-img img {height: 100%;width: 100%;object-fit: cover;border-radius: 10px;position: relative;} .hero-right {width: 100%;flex-basis: 100%;max-width: 630px;} .hero-left {width: 100%;flex-basis: 100%;max-width: 481px;position: relative;} .hero-left .floating-arrow {position: absolute;bottom: 10px;left: 130px;} nav .nav-link:not(.nav-link.header-btn) {text-transform: capitalize;color: #3F3F3F;font-size: 15px;padding: 0 0 0 20px;transition: all .3s ease-in-out; font-family: 'Circular Std Book';} .navbar-expand-lg .navbar-collapse { justify-content: space-between !important; max-width: 980px;} .navbar-nav {align-items: center;} nav .header-btn {margin: 0 0 0 40px;color: #fff !important;} .hero-sec .sap-btn-dark .header-btn {max-width: 133px;} .grid-date{margin-left:5px !important;} .tour-deatiling-list-box a {text-decoration: none;color: #242424;} .container{max-width:1320px !important;} .select2-container--default .select2-selection--single {border: 1px solid var(--Gray-5, var(--dark-color));padding: 6px 11px;height: 45px;border-radius: 23px;} .select2-container--default .select2-selection--single .select2-selection__arrow {height: 38px;width: 26px;} .select2-container--default .select2-selection--single .select2-selection__rendered {color: #444;} .select2-container, #country_code {margin: 0 5px 0 0;} /******************************/ /**************index-page****************/ /****tour-grid*****/ .grid_parent {display:flex;margin: 0 0 40px 0;} .grid_parent .parent_left {max-width: 65%;width: 100%;margin: 0 10px 0 0;} .grid_parent .parent_mid{max-width: 50%;width:100%; margin: 0 10px 0 0;} .grid_parent .parent_right {max-width: 35%;width: 100%;} .grid_parent .parent_left img{height: 400px; object-fit: cover;border-top-left-radius: 5px;border-bottom-left-radius: 5px;overflow: hidden;} .grid_parent .parent_mid img{height: 400px;object-fit: cover;} .grid_parent .parent_right .right_one img{height: 195px;object-fit: cover;border-top-right-radius: 5px;overflow: hidden;} .grid_parent .parent_right .right_one{margin: 0 0 10px 0;} .grid_parent .parent_right .right_two img{height: 195px;object-fit: cover;border-bottom-right-radius: 5px;overflow: hidden;} .grid_parent .parent_right .right_two{position: relative;display: flex;gap: 12px;} .right_two .show_btns{position: absolute;bottom: 15px;right: 15px;} .right_two .show_btns button{background: rgba(25, 27, 32, .4);color: #fff;border: 2px solid #fff;border-radius: 20px;} .swiper-container {width: 100%;height: 100%;overflow: auto;margin: 0 0 40px 0;} .swiper-wrapper{padding-left: initial;margin: 0;} .swiper-slide {width: 30%; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .swiper-slide img{width: 100%;object-fit:cover;} .swiper-slide .swiper_img img{height: 280px;width: 100%;} .swiper-slide .swiper_img-2 img{height: 136px;width: 100%;} .swiper-slide {margin: 0 10px 0 0;} .swiper-slide .swiper_img-2:first-child{margin: 0 0 10px 0;} .tour-grid-head {display: grid; grid-template-columns: repeat(4, 1fr);grid-gap: 20px;} .tgrid-img {overflow: hidden;border-radius: 20px;width: 100%;height: 180px;display: flex;} .tgrid-img img {height: 100%;width: 100%;object-fit: cover;} .tgrid-primary {display: flex;justify-content: space-between;align-items: center;line-height: normal;padding: 8px 0 0;} .tour-grid-head .rating {display: flex;align-items: center;} .tgrid-title {line-height: 21px;font-size: 15px;font-weight: 600;letter-spacing: 0.5px;color: #444444;padding: 8px 0 0;text-align: left;height: auto;} .tour-grid-inner a {color: #242424;text-decoration: none;} .tgrid-badges {display: flex;flex-wrap: wrap;gap: 5px; padding: 10px 0 0 0;} .badges {border-radius: 5px;line-height: normal;display: flex;align-items: center;justify-content: center;min-height: 25px;font-size: 12px;font-weight: 500;color: rgba(36, 36, 36, 0.80);margin: 0px;padding: 0 8px;} .fam-badge {background-color: #C3B2E6;} .smgroup-badge {background-color: #E6B2B2;} .prioracc-badge {background-color: #B2E6D3;} .tour-grid-head .duration, .tour-grid-head .rating-comments-num, .tour-grid-head .caption-text {font-size: 12px;font-weight: 700;color: #888888;line-height: normal;} .tour-grid-head .duration svg {position: relative;top: -1px;} .tour-grid-head .rating .fa-star {color: #E5CA44;padding: 0 3px 0;} .tour-grid-head .rating-count {font-weight: 700;color: #888;font-size: 16px;} .tour-grid-head .price {font-size: 16px;font-weight: 700;color: #242424;} .tgrid-price { padding: 24px 0 0;} /****top-categories-grid*****/ .scmi-head{display:grid;grid-gap:20px;grid-template-columns:repeat(4,1fr);} .scmi-img{overflow:hidden;border-radius:20px;position:relative;height: 100%;} .scmi-img img{width:100%;height:100%;object-fit:cover} .scmi-inner{position:relative} .scmi-img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / 40%)} .scmi-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;color:#fff;font-size:16px;width:100%;padding:0 8px;text-align:center;line-height:normal} #scmi-head1 #scmi1 {grid-column: 1 / span 1;grid-row: 1 / span 2;} #scmi-head1 #scmi4 {grid-column: 4 / span 1;grid-row: 1 / span 2;} #scmi-head2 #scmi2 {grid-column: 2 / span 1;grid-row: 1 / span 2;} #scmi-head2 #scmi3 {grid-column: 3 / span 1;grid-row: 1 / span 2;} /**********info-ban*************/ .ibti-icon svg path {fill: var(--dark-color);} .info-ban-tri-head {max-width: 820px;margin: 0 auto;text-align: center;display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 20px;} .info-ban-tri-inner .sap-sm-heading { padding: 12px 0 6px;} .info-ban-sec-inner { display: flex; align-items: center; position: relative;} .info-ban-sec { overflow: hidden;} /**********home-dual-info*************/ .hd-info-img { width: 170px; min-width: 170px; height: 226px; margin: 0 15px 0 0px;} .hd-info-img img { height: 100%; width: 100%; object-fit: cover; border-radius: 20px;} .hd-info-inner { display: flex; width: 100%; flex-basis: 100%; max-width: 50%; padding: 0 12px 19px 0px;} .hd-info-con .text-para {padding: 6px 0px 24px 0;width: 100%;max-width: 340px;} .hd-info-head {display: flex;flex-wrap: wrap;} .home-dual-info-sec {padding-bottom: 13px;} /**********home-faq-sec*************/ .accordion-item { margin: 5px 0 4px;border: 0; border-radius: 0px !important;} .accordion-header .accordion-button {font-size: 16px;font-weight: 600;color: #444444 !important;text-decoration: none !important;box-shadow: 0 0 !important;border-radius: 20px !important;} .accordion-button::after {display: none;} .home-faq-sec ul li a{color:#000;text-decoration:none;} .home-faq-sec ul li a:hover{color:var(--dark-color);text-decoration:none;} /************get-insp-rome ***********/ .get-insp-rome .tgrid-title { text-transform: capitalize; } /*********home-dual-card-ban**************/ .home-dual-card-ban-inner {display: flex;align-items: center;flex-wrap: wrap;border-radius: 20px;padding: 0;} .hdci-left, .hdci-right-img {width: 100%;flex-basis: 100%;max-width: 50%;} .hdci-right-img img {width: 100%;height: 100%;object-fit: cover;border-radius: 20px;} .hdci-left {padding: 53px 30px; border-radius: 20px 0px 0px 20px;} .hdci-left p:last-child {margin-bottom: 0px;} /*********plan-visit-sec**************/ .pyvisit-head {display: flex;flex-wrap: wrap;background-color: #fff;padding: 30px;border-radius: 20px;} .pyvisit-img {width: 100%;flex-basis: 100%;max-width: 477px;overflow: hidden;border-radius: 20px;height: 303px;} .pyvisit-right {width: 100%;flex-basis: 100%;max-width: calc(100% - 572px);padding: 0 0 0 30px;} .pyvisit-img img {height: 100%;width: 100%;object-fit: cover;} .accordion-item:last-child {margin-bottom: 0;border-radius: 10px !important;} .nav-tabs .nav-link {font-size: 15px;background-color: transparent !important;display: block;padding: 9px 20px;text-decoration: none !important;position: relative;margin-right: 0;cursor: pointer;color: #444444;font-weight: 700;line-height: 21px;border: 1px solid #3D3D3D !important;border-radius: 8px;} /* .plan-visitfot_home .nav-tabs .nav-item{ margin-bottom: 10px !important; margin-right: 10px !important;} */ .nav-tabs .nav-link.active {color: #ffffff; background-color: #2D3134 !important;} .plan-visit-sec-inner .nav-tabs {border-bottom: 0;margin: 0px 0 24px;padding: 30px 0 0px; display: flex; justify-content: start; gap: 10px;} /**************index-page end****************/ /*********tour-listing-page**************/ .tour-listing-page, .tour-listing-grid-page, .single-tour-page {margin: 99px 0 0;} .tour-listing-ctr-btn {display: flex;justify-content: center;padding: 10px 0px 0px;} .tour-listing-ctr-btn .sap-btn-dark button { min-width: 170px;} button.ais-InfiniteHits-loadMore {min-width: 170px;background-color: var(--dark-color) !important;border: 2px solid var(--dark-color);border-radius: 8px;line-height: normal;min-height: 45px;display: flex;align-items: center; justify-content: center; text-transform: capitalize;color: #fff;letter-spacing: 0.3px;transition: all 0.3s ease-in-out; background-image: none;} .ais-InfiniteHits-loadMore:hover {background-image: none !important;} .tour-list-content {padding-top: 30px;} .tl-pck-list {display: flex;border-radius: 10px;justify-content: space-between;border: 1px solid #E0E0E0;background: #FFF;align-items: center;padding: 10px 13px 10px 13px;margin: 0px 0px 7px;} .tl-pck-list .img-rt {width: 100%;max-width: 60px;height: 50px;} .tl-pck-list .img-rt img {object-fit: contain;width: 100%;height: 100%;} .tl-ls-hd {color: #242424;font-size: 14px;font-style: normal;font-weight: 700;line-height: 17px;letter-spacing: 0.14px;} .owl-nav.disabled, .owl-nav{display: block !important;text-align:center;} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {font-size: 38px !important;color: var(--dark-color) !important;} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {font-size: 35px !important;color: var(--dark-color) !important;margin: 0px 24px!important;} .carousel-indicators {margin: 0 auto;bottom: 15px;} .foot-cpy-lf {color: #fff !important;} .tour-listing-action {display: flex;justify-content: space-between;align-items: center;padding: 0px 0px 30px 0px;} .btn-togle-view { display: flex; justify-content: end;} .combo-btn-list-grid {display: flex;} /* change ajay */ /* .sap-btn-dark-togle {margin-right: 8px;} */ /* change ajay */ .sap-btn-dark-togle.active button { background: var(--dark-color);color: #fff; border: 2px solid var(--dark-color);} .show-ratings .star-rt label { width: 50px;height: 46px;border: 1px solid var(--Gray-5, #E0E0E0); display: flex;align-items: center;justify-content: center; transition: all .3s ease-in-out;font-size: 16px !important;} .show-ratings .star-rt input {display: none;} .show-ratings .star-rt input[type="radio"]:checked + label {border-color: var(--dark-color); border:1px solid var(--dark-color)} .show-ratings .form-check.star-rt i {color: #E5CA44;padding-left: 2px;} .search-tour-box {border-radius: 6px;border: 1px solid #E0E0E0;background: #FCFCFC;padding: 28px 18px;margin:0px 0px 40px;} .form-control {background-color: transparent!important;color: #242424!important;border-radius: 34px !important;min-height: 45px;font-size: 14px;font-weight: 400; box-shadow: 0 0!important; width: 259px !important;border: 1px solid var(--dark-color);padding: 11px 12px 12px 16px;} .form-control::placeholder{ color: #000 !important;font-weight: 400;line-height: 140%; } .input-group .btn { position: absolute; border-radius: 50px; background: var(--dark-color); border: 2px solid var(--dark-color); width: 45px; height: 45px; justify-content: center;align-items: center;right: -2px;top: 0;} input.form-control.set-icn { padding-left: 38px;} .fa-icon i {position: absolute;top: 15px;left: 15px;} .checkout-template .form-control{ width:470px !important} .filter-hd p {color: #242424;font-size: 18px;font-weight: 700;margin-bottom: 8px;} .filter-subhd {color: #fff;font-size: 16px;font-weight: 600;border-radius: 6px 6px 0px 0px;border: 1px solid var(--Gray-5, #E0E0E0); background: var(--dark-color);padding: 18px;} .checked-filter-tours {padding: 12px 18px;} .search-filter-box {border-radius: 6px;border: 1px solid #E0E0E0;background: #FCFCFC;margin: 0px 0px 40px;} .form-check-input[type=checkbox] {border-radius: 5px;border: 1px solid var(--Gray-4, #BDBDBD);background: #FFF;width: 20px;height: 20px;margin-right:8px;} input[type="checkbox"]:checked { box-shadow: 0 0 0 2px var(--dark-color);background: var(--dark-color);color:var(--dark-color);} .ais-RefinementList-item.ais-RefinementList-item--selected {position: relative;} .ais-RefinementList-item.ais-RefinementList-item--selected:before {position: absolute;content: "\f00c";font-family: FontAwesome;top: 0px;color: #fff;font-size: 14px;left: 1px;/* right: 0; */} .ais-ClearRefinements .ais-ClearRefinements-button {border: none;color: var(--dark-color) !important;margin: 0 0 5px 0;display: flex;justify-content: end;font-weight: 600;font-size: 15px;margin: 0 0 20px;} .ais-ClearRefinements .ais-ClearRefinements-button:hover{background-image:none;} .ais-ClearRefinements .ais-ClearRefinements-button:focus{box-shadow: none; outline:0;} /*.clr-fil-box {border: 1px solid var(--Gray-5, #E0E0E0);background: #FCFCFC;padding: 0 0 20px;margin: 0 0 25px;border-radius: 6px;}*/ #current-refinements {margin-bottom: 30px;} .ais-ClearRefinements .ais-ClearRefinements-button i {padding: 0 5px;font-size: 16px;} .form-check label {color: #242424;font-size: 14px;font-weight: 600;line-height: 31px;} .checked-filter-tours p {font-weight: 600;margin-bottom: 5px;padding-top: 6px;} .show-ratings { display: flex; justify-content: center;} .show-ratings .form-check.star-rt {padding: 0;border: 1px solid var(--Gray-5, #E0E0E0);} .show-ratings .form-check.star-rt:first-child {border-radius: 5px 0 0 5px;} .show-ratings .form-check.star-rt:last-child {border-radius: 0 5px 5px 0;} .tour-pl {padding: 0px 0px 12px 0px;} .tour-dtl-carausel {height: auto;align-self: center;width: 100%;flex-basis: 100%;overflow: hidden;border-top-right-radius: 0px;} .tour-dtl-carausel img {height: 100%;width: 100%;object-fit: cover;} .tour-listing-list-head {display: flex;justify-content: space-between;} .search-filter-listing {max-width: 295px;width:100%;flex-basis:100%;} .tour-detail-head {max-width: calc(100% - 315px);width: 100%;flex-basis: 100%;} .tour-detail-list-box { border-radius: 15px; border: 1px solid var(--Gray-5, #E0E0E0); background: #FCFCFC; padding: 20px; margin: 0px 0px 20px 0px;} .tour-detail-list-box .tgrid-badges {flex-wrap: nowrap;} /* .tour-dtl-desc {height: 100%;} */ .list-rating {display: flex;align-items: center;} .tour-dtl-rating {padding: 0 0 0;} /* .rating_slider{display: flex;justify-content: space-between; align-items: center;} */ .list-rating-count {color: #242424;font-size: 16px;font-weight: 600;line-height: 23px;} .list-rating i {color: #E5CA44;font-size: 14px;} .list-rating-comments-num { color: #888; font-size: 16px;font-weight: 400;line-height: 26px;} .tour-dtl-price .caption-text {color: #242424;font-size: 14px;font-weight: 400;line-height: normal;} .tour-dtl-price .price {color: #242424;font-size: 20px;font-weight: 700;} .tour-dtl-carausel .carousel-control-next:focus, .tour-dtl-carausel .carousel-control-next:hover, .tour-dtl-carausel .carousel-control-prev:focus, .tour-dtl-carausel .carousel-control-prev:hover{opacity:1 !important;} .tour-dtl-carausel .carousel-control-next, .tour-dtl-carausel .carousel-control-prev{opacity:1 !important;} .tour-dtl-carausel .carousel-indicators [data-bs-target] {width: 6px;height: 6px;transition: opacity .6s ease; border-radius: 20px !important;overflow: hidden;border: 2px solid #fff;opacity:1;} .tour-dtl-carausel .carousel-indicators .active {opacity: 1;background: var(--dark-color);} .carousel-control-next-icon, .carousel-control-prev-icon{width:23px; height:23px;} .tour-dtl-carausel .carousel-item {height: 200px;width:100%;} .tour-dtl-rating { display: flex; justify-content: space-between; /* padding: 40px 0 0; */ } .tour-listing-grid-search {display: flex;flex-wrap: wrap;align-items:center;} .tour-listing-grid-search .tour-pl { padding: 0;margin: 0px 12px 0px 0px;display:flex; } .tour-deatiling-list-box{border-radius: 15px;/* box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);background: #FCFCFC; */padding: 0px;margin: 0px 0px 20px 0px;} .combo-carausel-desc { display: flex;justify-content: start;} /* .tour-desc-box {padding: 10px 15px;} */ .combo-carausel-desc .carausel-box {max-width: 285px;} /* .tour-rating-box {display: flex;justify-content: end;min-width:150px; padding: 10px 15px;} */ .input-group.grid-sch .btn { right: 0px;top: 0px;} .grid-view {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;border-radius: 15px;border: 1px solid var(--Gray-5, #E0E0E0); background: #FCFCFC;padding: 20px;margin: 0px 0px 20px 0px;} .grid-loop .combo-carausel-desc { } section.popular-tours .tour-dtl-rating {padding: 10px 0;} .grid-loop .combo-carausel-desc {flex-direction: column;} .grid-loop .tour-dtl-carausel .carousel-item { height: 170px; width: 100%; max-width: 100%; overflow: hidden;} .grid-loop .tour-deatiling-list-box {flex-direction: column; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); } .grid-loop .tour-dtl-rating {flex-direction: row;} .grid-loop .tour-rating-box {flex-direction: column;} .grid-loop .list-rating-comments-num {padding: 0;} .grid-loop .tour-desc-box {padding: 0px 15px;} .grid-loop .tour-dtl-carausel {border-radius: 15px 15px 0px 0px;} .grid-loop .combo-carausel-desc .carausel-box { max-width: 100%;} .grid-loop .ais-InfiniteHits-list {display: grid;grid-template-columns: repeat(4,1fr);gap: 20px;} /* .grid-loop .tour-dtl-price {flex-direction: column;display: flex;} */ .grid-loop .tour-detail-head {max-width: calc(100% - 0px) !important;} .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 8 8'%3E%3Cpath d='m5.25 0-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E"); } .carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 8 8'%3E%3Cpath d='m2.75 0-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E"); } .grid-loop .modal-dialog {margin-right: 0;margin-top: 100px;} .grid-loop .modal-header {justify-content: end;} .grid-loop .modal-header button {background: transparent;border: none;font-size: 30px;color: var(--dark-color);} .grid-loop a {text-decoration: none;color: #242424;} .input-group .fa-icon {position: relative;z-index: 1;} .ais-SearchBox input {padding-left: 39px !important;} .sap-btn-dark-togle button:hover{background-color: transparent;border: 2px solid var(--dark-color);color: var(--dark-color);} .ais-SearchBox-input:focus {border-color: var(--dark-color) !important;} .tour-tags {position: absolute;top: 10px;left:10px;z-index: 1;} .tour-dtl-carausel {position: relative;} .tour-list-content .ctm-refine {display: flex;align-items: center;padding-bottom: 20px;justify-content:space-between;} .tour-tags span {border-radius: 6px; background: #2F80ED;display: inline-flex; padding: 5px 10px; justify-content: center;align-items: center; color: #fff;font-size: 12px;} .carousel-indicators li { border: 0; height: 12px;width: 12px;border-radius:20px;background:#fff !important;margin: 0 4px 0;} .carousel-indicators li.active{background:var(--dark-color) !important;} #stats-right {padding: 0 0 20px 0;} .home-dual-info-sec .sap-btn-dark a { max-width: 120px;text-decoration: none;} .tl-listing-carausel {padding: 30px 0;} .tl-listing-carausel .owl-dots {display: none;} .ais-InfiniteHits-item {box-shadow: none!important; margin: 0!important; display: block !important;padding:0 !important;} input.ais-SearchBox-input {background-color: #fcfcfc!important;color: #242424!important;border-radius: 34px !important;min-height: 45px;font-size: 14px;font-weight: 400;box-shadow: 0 0!important;width: 259px !important;border: 1px solid var(--dark-color);padding: 11px 55px 12px 16px;} .ais-SearchBox-form {position: relative;} .ais-SearchBox-form:before {display: none;} .ais-CurrentRefinements-category.badge.badge-orange {color: #242424;border-radius: 20px;display: flex;justify-content: center;align-items: center;border: 1px solid var(--dark-color);white-space: pre-wrap; line-height: 16px;} .ais-CurrentRefinements-delete.badge-delete {color: var(--dark-color);} .ais-RefinementList-count, .ais-RatingMenu-count {background: rgb(253 112 20 / 15%) !important;border: 1px solid var(--dark-color) !important;color: var(--dark-color) !important;font-weight: 700 !important;} .ais-RatingMenu-starIcon { fill: #fc0 !important;} .ais-RatingMenu-label:hover{color: #242424 !important} .stars { --percent: calc(var(--rating) / 5 * 100%);display: inline-block;font-size: 15px;line-height: 1;} .stars::before {content: "★";letter-spacing: 1px;font-size:16px; linear-gradient(90deg,#fc0 var(--percent),#fff var(--percent));-webkit-background-clip: text;-webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #fc0;} .tour-dt.grid-date {position: relative;} .tour-dt.grid-date.mrgl-0 {margin-left: 0px !important;} .cal-input .form-control {padding:0 28px;} .cal-icn { position: absolute;top: 11px;left: 10px;} .cal-icn i { color: #242424 !important;} #searchbox {width: 100%;} button.filter-mob {min-width: 80px; border-radius: 25px; font-size: 24px; border: 2px solid var(--Gray-5, #E0E0E0);display: none;} .btn-filter.filter-desk {display: block;} /*********category-page**************/ .category-hero-sec {position: relative;overflow: hidden;height: 500px;margin: 99px 0 0;padding-bottom: 0px } .category-hero-sec:before {content:"";background-image: url(../images/catg-ban.png);background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .category-hero-sec:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 40%);} .category-hero-con {border-radius: 15px;border: 1px solid var(--Gray-5, #E0E0E0);background: #FCFCFC;padding:20px;} .category-hero-left .sap-lg-heading {color: #fff;padding: 0 0 24px;} .category-hero-con .text-para {font-weight: 600;padding: 0 0 6px;} .hero-combo-con-catg{display:flex;} .hero-combo-con-catg .sap-btn-dark button,.hero-combo-con-catg .sap-btn-dark a {min-width: 160px;} .category-hero-left {width: 100%;flex-basis: 100%;max-width: 458px;position:relative;} .category-hero-left .text-para {color: #242424; width: 100%;max-width: 420px;} .hero-combo-con-catg .tour-dt { margin: 0 8px 0 0;} .hero-combo-con-catg .form-control {width: 250px !important;} .best-colosseum-tours-sec {background: #F9F9F9;} .category-highlights-box {display: flex;flex-wrap: wrap;background-color: #fff;} .cat-left { width: 100%;flex-basis: 100%;max-width: 770px;padding: 0 20px 0 0;} .cat-right {width: 100%;flex-basis: 100%;max-width: calc(100% - 770px);padding: 20px 20px 0 20px;border-radius: 20px;background: #F9F9F9;} .cat-img{width: 100%;flex-basis: 100%;max-width: 770px;border-radius: 20px;height: 450px;overflow: hidden;margin:0px 0px 24px 0px;} .cat-img img{width: 100%;height:100%;object-fit: cover;} .cat-left .sap-md-heading, .cat-right .sap-sm-heading {padding: 0 0 12px;} .cat-left-inner-box, .cat-right-inner-box{padding-bottom:30px;} .cat-list{padding-top:7px;padding-bottom: 10px;} .cat-list ul {margin-bottom: 0px;} .cat-list li{padding-bottom: 15px;} .tp-categories .owl-nav {padding: 24px 0px 0px;} .ctm-refine.filter-bar-top #stats-right {padding-bottom: 0;padding-right:15px;} .ctm-refine.filter-bar-top button.ais-ClearRefinements-button {margin: 0;} .ctm-refine.filter-bar-top {padding: 0 0 40px;} #current-refinements-right {margin: 0px 5px;} /*********single-tour-page**************/ .explore_sec img { width: 80%; object-fit: cover; max-height: 480px; height: 100%;position: relative;} .uncover_rome img{ width: 80%; object-fit: cover;} /*********footer************/ #shadow-host-companion {padding: 0;} footer {background-color: #242424;padding: 60px 0 0;} .foot-logo {height: 65px;width: 140px;} .foot-logo img {width: 100%;height: 100%;object-fit: cover;} .foot-links {list-style-type: none;padding: 8px 0 60px;margin: 0;} .footer-outer-box {display: flex;justify-content: space-between;} .foot-links li a {font-size: 15px;font-weight: 400;line-height: 19px;text-align: left; text-transform: capitalize;color: #fff;text-decoration: none;transition: all .3s ease-in-out;} .foot-cpy-rt .foot-links li a{text-transform: uppercase;font-size: 13px;font-weight: 500;line-height: 16px;letter-spacing: 0em; text-align: right;padding: 0 30px 0 0;} .foot-copy-inner {display: flex;align-items: center;justify-content: space-between;text-align: center;list-style-type: none;padding: 30px 0 30px; font-size: 13px;font-weight: 500;line-height: 16px;letter-spacing: 0em;text-align: left;} .footer-left {width: 100%;flex-basis: 100%;max-width: 24%;} .footer-right {width: 100%;flex-basis: 100%;max-width: 70%;display: grid;grid-template-columns: repeat(4,1fr);} .foot-hd {font-size: 18px; font-weight: 800; line-height: 27px; text-align: left; color: #FFFFFF;} #foot2 .foot-links {padding: 36px 0 0;} .foot-cpy-rt .foot-links {display: flex;padding: 0;} .foot-copy {border-top: 1px solid #fff;width: 100%;color: #fff;text-align: center;font-size: 12px;text-transform: uppercase;} .foot-links li a:hover{color: var(--dark-color);} nav .nav-link:hover:not(.nav-link.header-btn) {color: var(--dark-color);} .hero-sec{height:auto;} .hero-left .floating-arrow {display: none;} .navbar-toggler {background-color: transparent;border: 1px solid transparent;border-radius: 0.25rem;font-size: 2.25rem;line-height: 1;padding: 0.25rem 0.75rem!important;color:var(--dark-color);} .sg-inner {position: relative;} .sg-img {overflow: hidden;border-radius: 20px;position: relative;height: 100%;} /* .sg-img:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 40%);} */ .sg-img img, .sg-img iframe { width: 100%; height: 100%; object-fit: cover;} #sg2 .sg-img,#sg3 .sg-img, #sg5 .sg-img, #sg6 .sg-img, #sg7 .sg-img, #sg10 .sg-img, #sg11 .sg-img, #sg12 .sg-img{height:180px;} #sg1 .sg-img, #sg4 .sg-img, #sg8 .sg-img, #sg9 .sg-img{height:380px;} #sg1 {grid-column: 1 / span 1;grid-row: 1/ span 2;} #sg2 {grid-column: 2 / span 1;grid-row: 1 / span 1;} #sg3 {grid-column: 3 / span 1;grid-row: 1 / span 1;} #sg4 {grid-column: 4 / span 1;grid-row: 1 / span 2;} #sg5 {grid-column: 2 / span 1;grid-row: 2 / span 1;} #sg6 {grid-column: 3 / span 1;grid-row: 2 / span 1;} #sg7 {grid-column: 1 / span 1;grid-row: 3 / span 1;} #sg8 { grid-column: 2 / span 1; grid-row: 3 / span 2;} #sg9 { grid-column: 3 / span 1; grid-row: 3 / span 2;} #sg10 { grid-column: 4 / span 1; grid-row: 3 / span 1;} #sg11 {grid-column: 1 / span 1;grid-row: 4 / span 1;} #sg12 {grid-column: 4 / span 1;grid-row: 4 / span 1;} .sg-btn {position: absolute;bottom: 15px;right: 15px;z-index: 1;} .sg-btn button,.sg-btn a {background: #fff;border: none;} .scat-title.scat-title {position: absolute;top: auto;left: 0px;font-weight: 700;color: #fff;font-size: 16px;width: 100%;padding: 10px 15px;line-height: normal;text-transform: capitalize;bottom: 0px; background: rgb(0 0 0 / 50%); border-bottom-left-radius: 9px; border-bottom-right-radius: 9px;} .Family-Friendly-badge{background-color: #C3B2E6;} .Small-Group-badge{background-color: #E6B2B2;} .Priority-Access-badge{background-color: #B2E6D3;} .Semi-Private-badge{background-color: #B2D3E6;} .Arena-Floor-badge{background-color: #EFA0C6;} .Skip-The-Line-badge{background-color: #F1DB8C;} .Fast-Track-badge{background-color: #3E3E3E;color: #fff;} .Audio-Guides-badge{background-color: #8CD88A;} .Gladiator-Entrance-badge{background-color: #C8A3A3;} .Colosseum-Underground-badge{background-color: #9EE9E4;} .Ancient-Rome-badge{background-color: #B6C86E;} .Private-Tour-badge{background-color: #7D7D7D;color: #fff;} .Valid-1-Day-badge{background-color: #80A3D8;color: #fff;} .Valid-2-Days-badge{background-color: #7190BE;color: #fff;} .Valid-3-Days-badge{background-color: #5B77A0;color: #fff;} /* Location Tags */ .cities-badge {background-color: #1299FF;} .country-badge {background-color: #50A8EF;} .region-badge {background-color: #2154CC;} /* Duration Tags */ .short-badge {background-color: #7ED321;} .half-day-badge {background-color: #6AB017;} .day-trip-badge {background-color: #588E14;} .multi-day-badge {background-color: #457B10;color: #fff;} /* Time of Day Tags */ .morning-badge {background-color: #F8E71C;} .afternoon-badge {background-color: #DAD017;} .evening-badge {background-color: #B1AA14;} .night-badge {background-color: #89840F;color: #fff;} /* Audience Tags */ .family-friendly-badge {background-color: #D0021B;} .couples-badge {background-color: #B60118;} .solo-travelers-badge {background-color: #A10015;} .groups-badge {background-color: #8C0013;} .kids-badge {background-color: #770010;} .teenagers-badge {background-color: #62000D;} .adults-badge {background-color: #4E000A;} .seniors-badge {background-color: #3A0008;} /* Features Tags */ .skip-the-line-badge {background-color: #9013FE;color: #fff;} .fast-track-badge {background-color: #7A0EC8;color: #fff;} .self-guided-badge {background-color: #4F0883;color: #fff;} .all-inclusive-badge {background-color: #3A0666;color: #fff;} .meal-included-badge {background-color: #2C054D;color: #fff;} .hotel-pickup-badge {background-color: #1E0333;color: #fff;} .mobile-ticket-badge {background-color: #10021A;color: #fff;} .audio-guide-badge {background-color: #320250;color: #fff;} .private-tour-badge {background-color: #430268; color: #fff;} .small-group-badge {background-color: #550280;color: #fff;} .semi-private-badge {background-color: #660297;color: #fff;} .entry-ticket-badge {background-color: #7702AD;color: #fff;} .live-show-badge {background-color: #8802C4;color: #fff;} .exhibition-badge {background-color: #9902DA;color: #fff;} /* Accessibility Tags */ .wheelchair-accessible-badge {background-color: #50E3C2;} .hearing-assistance-badge {background-color: #43C1A9;} .visual-assistance-badge {background-color: #36A193;} .stroller-friendly-badge {background-color: #28847E; color: #fff;} .service-animal-friendly-badge {background-color: #1B696A; color: #fff;} .easy-access-badge {background-color: #0D4D56; color: #fff;} /* Seasonal Tags */ .spring-badge {background-color: #F5A623;} .summer-badge {background-color: #D18C1D;} .autumn-fall-badge {background-color: #B07717;} .winter-badge {background-color: #8D6211; color: #fff;} .christmas-badge {background-color: #6A4D0B; color: #fff;} .halloween-badge {background-color: #473806; color: #fff;} .new-year-badge {background-color: #241A00;color: #fff;} .easter-badge {background-color: #FFC055;} /* Price Range Tags */ .budget-badge {background-color: #FF0080;} .mid-range-badge {background-color: #D6006E;} .luxury-badge {background-color: #B1005C;} .free-badge {background-color: #8C004A;} /* Ratings Tags */ .one-star-up-badge {background-color: #00C0FF;} .two-stars-up-badge {background-color: #00A0D6;} .three-stars-up-badge {background-color: #0080AD;} .four-stars-up-badge {background-color: #006A87; color: #fff;} .five-stars-badge {background-color: #005462; color: #fff;} /* Popularity Tags */ .trending-badge {background-color: #8BFF00;} .top-rated-badge {background-color: #7AD600;} .best-seller-badge {background-color: #68AD00;} .new-badge {background-color: #569400;} /* Availability Tags */ .instant-confirmation-badge {background-color: #8B572A; color: #fff;} .free-cancellation-badge {background-color: #7A4D25; color: #fff;} .limited-availability-badge {background-color: #69431F; color: #fff;} .flexible-dates-badge {background-color: #59391A; color: #fff;} .book-now-pay-later-badge {background-color: #492F14; color: #fff;} .tour-detail-head .ais-InfiniteHits-loadMore:focus {background: var(--dark-color) !important;border-color: var(--dark-color) !important;box-shadow: none !important;} .mod_head button:focus {outline: none !important;outline: none !important;} .feature-image-container{position: relative;} .feature-image-containers:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 30%);} .feature-image-container .main-title, .feature-image-container .main-title *{color: #fff;} .bravo-more-book-mobile { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; z-index: 11; display: none; border-top: 1px solid #ddd;height:80px;} .check_aval_bottom .left-avail { text-align: left; float: left;} .check_aval_bottom .sap_red_btn {float: right;padding-top: 15px;} .check_aval_bottom { width: 100%;} /* Style the search field */ form.search-home{margin:auto;max-width:300px;padding-top: 30px;} form.search-home input[type=text] {padding: 10px;font-size: 14px;border: 1px solid var(--dark-color);float: left;width: 80%;background: #fff;border-top-left-radius: 10px;border-bottom-left-radius: 10px;} /* Style the submit button */ form.search-home button {float: left;width: 20%;padding: 10px;background: var(--dark-color);color: #fff;font-size: 17px;border: 1px solid var(--dark-color);border-left: none; /* Prevent double borders */cursor: pointer;border-top-right-radius: 10px;border-bottom-right-radius: 10px;} /* Clear floats */ form.search-home::after {content: "";clear: both;display: table;} form.search-home input[type="text"] {outline: none;} .select2-dropdown.select2-dropdown--below, .select2-dropdown.select2-dropdown--above {width: 235px !important;} .ais-InfiniteHits-list .carousel-item{transition: unset;} .img-rt img{height:40px !important;} section.explore_sec{width: 100%; object-fit: cover;} .uncover_rome img{width: 80%; object-fit: contain;} /********************media query***********************************/ @media(max-width:1199px){ .sap-sm-heading {font-size: 19px;line-height: 23px;font-weight: 800;letter-spacing: -2px;} .sap-md-heading {font-size: 21px;line-height: 26px;font-weight: 800;letter-spacing: 0px;} .sap-lg-heading {font-size: 32px;line-height: 42px;font-weight: 800;letter-spacing: -2px;} .hero-sec-mobile .sap-lg-heading {text-align: center;color:#fff;background-color: #0000003b;} .hero-heading {font-size: 42px;line-height: 39px;font-weight: 800;letter-spacing: -4px;} .grid-view {grid-template-columns: repeat(2, 1fr);} .tour-detail-inner.list-view .combo-carausel-desc { gap: 15px;} .grid-loop .ais-InfiniteHits-list { grid-template-columns: repeat(3,1fr); } .hero-trio-h{height:70px} #hero-trio-4{height:110px;margin-bottom:7px} #hero-trio-5{height:100px} #hero-trio-6{height:90px;margin-bottom:7px} #hero-trio-8{height:90px} .hero-trio-h{margin-bottom:7px} .hero-trio-inner-img img{border-radius:7px} .hero-trio-head{gap:7px} } @media(max-width:991px) { .explore_sec img{bottom: -31px;} .scmi-head{display:flex;flex-direction:column;flex-wrap: wrap;} .scmi-img{height:250px} .scmi-inner{max-width:100%;} nav .nav-link:not(.nav-link.header-btn) {padding: 0 0 15px 0;} nav .header-btn {margin: 0 0 12px 0;} .tour-grid-head {grid-template-columns: repeat(2, 1fr);} .hd-info-inner {flex-direction: column;} .hd-info-img { width: 100%; min-width: 100%;padding: 0 0 12px 0;} .pyvisit-head {flex-direction: column;padding: 10px 0;} .pyvisit-right {padding: 0; max-width: calc(100% - 0px);} .accordion-header .accordion-button {padding: 15px 15px;} .accordion-body {padding: 15px;} .accordion-item {margin: 15px;} .cat-right { max-width: calc(100% - 0px);} .hd-info-inner {padding: 0 12px 30px 0px;} .grid-view {grid-template-columns: repeat(1, 1fr);} .combo-carausel-desc {flex-direction: column;} .tour-deatiling-list-box {flex-direction: column;} .tour-detail-inner.list-view .combo-carausel-desc .carausel-box {max-width: 100%;} .tour-detail-inner.list-view .tour-dtl-carausel .carousel-item { max-width: 100%;} .tour-listing-action {flex-direction: column; } .tour-listing-grid-search {margin: 0 0 15px 0;} .tour-listing-action.top_list_act {flex-direction: row;} .tour-dtl-rating {flex-direction: row;width: 100%;} .list-rating-comments-num {padding-left: 0px;} .combo-carausel-desc .carausel-box {max-width: 100%;} .tour-dtl-carausel .carousel-item {max-width: 100%;} .grid-loop .ais-InfiniteHits-list {grid-template-columns: repeat(2,1fr);} ol.ais-InfiniteHits-list { padding-left: inherit; padding-right: 10px; } .sg-inner{max-width:100%;} /* .tour-list-content .ctm-refine {flex-direction: column;padding-bottom: 20px;} */ .tour-desc-box { padding: 0px 15px;} .hero-sec{padding-bottom: 0;padding-top: 40px;margin: 21px 0 0; display:none;} .hero-sec .hero-left {max-width: 100%;} .hero-sec .hero-left .text-para {max-width: 100%; display: none;} .hero-sec .hero-right {display: none;} .bravo-more-book-mobile { display:block} .check_aval{display:none} /* .frm-mobile { z-index: 1; position: relative;} */ .br-bot .sap-md-heading {padding-top: 30px !important; text-align: center !important;} .frm-mobile form.search-home {padding-top: 0 !important;} .popular-tours .sap-md-heading {text-align: center;} } @media(max-width:768px){ .colosseum_image .featured_view_tour{flex-direction: column; padding: 8px 0; gap: 10px;} .explore_sec img { width: 100%;max-height: 530px; object-fit: cover; margin-top: 20px;position: relative; bottom:-30px;} .uncover_rome img{position: relative; bottom: -30px;} .select-participants{flex-wrap: nowrap;flex-direction: column;justify-content: center;} .accordion-body {border-bottom: 1px solid rgb(223 226 235);padding: 24px !important;} .footer-right{gap: 10px;} } @media(max-width:767px) { .view_tour-link{text-align: center;} .did-you-sec .owl-item { height: 280px!important; } .frm-mobile { bottom: 80px;} form.search-home button {padding: 7.5px;} /* .scat-title{bottom:10px !important} */ .rome_italy_banner_image img {width: 100%;} /* .colosseum_image .view_tour-link { position: relative; top: -6px; right: 0; left: 0; margin: 0 auto; text-align: center; } */ .colosseum_image img {width: 100%;} .explore_sec img {height: 480px; width: 100%; object-fit: cover;} section.explore_sec {padding-bottom: 0 !important;} .home-dual-info-sec-inner .rightside .acc_border_rad {margin-left:0px !important;} .explore_sec img {height: 480px;width: 100%;} /* .grid_parent{flex-direction: column;} .grid_parent .parent_left{max-width: 100%;margin: 0 0 10px 0;} .grid_parent .parent_mid{max-width: 100%;margin: 0 0 10px 0;} .grid_parent .parent_right{max-width: 100%;} .grid_parent .parent_left img {height: 250px;} .grid_parent .parent_mid img {height: 250px;} .grid_parent .parent_left img {height: 250px;} .grid_parent .parent_right .right_two img {border-bottom-right-radius: 0;} .grid_parent .parent_right .right_one img {border-top-right-radius: 0 } .grid_parent .parent_left img {border-top-left-radius: 0;border-bottom-left-radius: 0;} */ ul.swiper-wrapper li:first-child {width: 100%;display: block;} ul.swiper-wrapper {display: block;} ul.swiper-wrapper li {display: none;} ul.swiper-wrapper li:nth-child(2) {display: flex;flex-direction: row-reverse;width: 100%;gap: 10px;margin: 10px 0 0;} .swiper-wrapper .swiper-slide {width: 50%;} .swiper_img .carousel-indicators li {width: 8px !important;display: block !important;margin: 0 4px 0 4px !important;} .swiper-slide .swiper_img-2:first-child {margin: 0 0 0px 0;} .vat_right_cont ul li svg {height: 30px; width: 37px; margin: 0 10px 0 0;} .inner-content .col-md-4{margin-top:60px} .hero-left {max-width: 100%;} .hero-sec-inner {flex-direction: column-reverse;} .hero-right {max-width: 100%; padding: 0 0 15px 0;} .hero-left{padding: 0 0 20px 0;} .tour-grid-head {grid-template-columns: repeat(1, 1fr);padding: 0;} .hd-info-head {flex-direction: column;} .info-ban-tri-head {grid-template-columns: repeat(1,1fr);} .info-ban-sec {padding: 0 0 20px 0;} .hd-info-inner {max-width: 100%;} .hdci-left{max-width: 100%;} .hdci-right-img {max-width: 100%;padding: 0 0 12px 0;} .home-dual-card-ban-inner {flex-direction: column-reverse;padding: 0 15px;} .hdci-left {padding: 0;} .foot-links {flex-wrap: wrap;} .grey-back .tour-grid-head {grid-gap: 10px;} .hero-combo-con-catg {flex-direction: column;} .hero-combo-con-catg .tour-dt {margin: 0 0 8px 0;} .info-ban-tri-head {grid-gap: 30px;} .nav-tabs .nav-link {font-size: 14px;} .hd-info-inner {padding: 0 0 30px 0;} .tour-listing-list-head {flex-direction: column;} .search-filter-listing {max-width: 100%;} .tour-detail-head {max-width: calc(100% - 0px);} .tour-listing-grid-search .tour-pl {width: 100%;} .tour-listing-grid-search .tour-dt {width: 100%;} .tour-listing-grid-search .tour-pl {margin: 0px 0px 4px 0px;} .tour-listing-grid-search .tour-dt input {} .btn_filt {flex-direction: column;align-items: center;} .sap-btn-dark-togle {margin-top: 8px; } .form-control {width: 100% !important;} .checkout-template .form-control { width: 100% !important;} .grid-loop .ais-InfiniteHits-list {grid-template-columns: repeat(1,1fr);} .combo-btn-list-grid {display: none;} .tour-listing-action {flex-direction:row;align-items:center; } .footer-outer-box {flex-direction: column;} .foot-cpy-rt {padding: 20px 0 0;} .foot-copy-inner {flex-direction: column;align-items: center;} #foot2 .foot-links {padding: 36px 0 0;} .tour-listing-grid-search {margin: 0 0 0px 0;} .btn-filter .sap-togle-filter {margin: 0;} .tour-list-content-inner input.ais-SearchBox-input {width: 227px !important;} #hero-trio-2, #hero-trio-5, #hero-trio-8 {margin-bottom: 0;} .hero-right {padding: 0 0 24px;} button.filter-mob {display: block;} .btn-filter.filter-desk {display: none;} .ctm-refine.filter-bar-top { padding: 0 0 20px;} .ctm-category .justify-content-start {padding-top: 0px !important;} .ais-SearchBox-form {flex-direction: column;} .tour-listing-grid-search .tour-pl {flex-direction: row;gap: 15px; width: 100%; max-width: 100%;} .tour-list-content .ctm-refine {flex-wrap: wrap;} .tour-listing-grid-search {width: 100%;} .searchbox.grid-srch { width: 100%;} .tour-list-content-inner input.ais-SearchBox-input { width: 100% !important;} .tour-dt.grid-date { margin-left: 0 !important;} footer { padding: 60px 0 55px;} .ais-CurrentRefinements .ais-CurrentRefinements-list {display: grid;gap: 1rem;grid-auto-flow: revert;grid-template-columns: repeat(2,1fr);gap: 0;} /* formating css */ .sel_parti .user_icon { bottom: 15px;} .align_icon .user_icon{bottom: 30px;} .dropdown_select2_icon {position: absolute; right: 0; top: 32px; bottom: 0; right: 12px;} .dropdown_select_icon {position: absolute; right: 0; top: 10px; bottom: 0; right: 12px;} /* formating css */ } @media (max-width:475px){ .footer-left { padding: 0 0 30px; max-width: 100%;} #foot1 {padding: 0;} #foot2 {margin-top: 0px;} .foot-copy-inner { flex-direction: column; align-items: self-start;} .footer-con {padding: 0 0 0px;} .foot-cpy-rt .foot-links {flex-direction: column;padding: 10px 0px 0px ;} .foot-cpy-rt .foot-links li a {padding: 8px 30px 8px 0;display: inline-block;} .foot-links {flex-wrap: nowrap;} .foot-links { padding: 8px 0 10px;} #foot2 .foot-links { padding: 8px 0 10px;} } @media (max-width:499px){ .tour-listing-action { flex-direction: column;} .tour-listing-action.ctm-grid-row .btn-filter {padding: 14px 0px;} } @media (max-width:374px) { .tour-list-content-inner input.ais-SearchBox-input {width: 165px ;} } @media(min-width:500px) and (max-width:767px) { .scmi-head{flex-direction:row;} .scmi-inner{max-width: calc(50% - 10px);} .footer-right {grid-template-columns: repeat(2,1fr);} .footer-outer-box {flex-direction: row;} .footer-left {padding: 0 0 30px; max-width: 40%;} #foot1 {padding: 0;} #foot2 {margin-top: -17px;} .foot-links { padding: 8px 0 10px;} .footer-con {padding: 0 0 30px;} .sg-inner{max-width: calc(50% - 10px);} } @media(min-width:768px) and (max-width:991px) { .scmi-head{flex-direction:row;} .scmi-inner{max-width: calc(33.3% - 14px);} .hero-left {padding: 0 12px 0 0;} .hd-info-inner {padding: 0 12px 40px 0px;} .tgrid-title {min-height: 30px;} .tour-grid-head {padding: 0;} .footer-outer-box {flex-direction: row;} .footer-right {grid-template-columns: repeat(2,1fr);} .ctm-category .main-title-container-form .check_avail {width: 100%;max-width: max-content;} .container {max-width:100%;} .hero-sec-inner {height: 68%;} .home_asked .acc_border_rad .accordion-button.acco_text_heading {padding: 18px 25px;} .home_asked .acc_border_rad .accordion-collapse .acco_text_text { padding: 0 25px;} .free_wifi_images {max-width: 100% !important;} .acc_texth5 {max-width: 100% !important;} .home_useful_info .acc_texth5 button.accordion-button {padding: 18px 25px;} .acc_texth5 .accordion-collapse {padding: 0px 25px;} } @media (min-width:768px) and (max-width:1023px) { container{ max-width: 100% !important; } .general_template .w-100 {padding: 30px 10px 0px 10px !important;} footer {padding: 60px 10px 0;} } @media (min-width:1366px) { .card { min-height: 565px; height: 100%; } } @media(min-width:992px) and (max-width:1199px) { .hero-sec{margin-top: 95px;padding: 60px 0;} nav .nav-link:not(.nav-link.header-btn) {padding: 0 0 0 25px;font-size: 15px;} nav .header-btn {margin: 0 0 0 24px;} } @media(max-width:1024px){ .badges{padding: 0 4px;} section.explore_sec {padding: 50px;} .uncover_rome img{padding: 50px 0 0 0;} .footer-right{gap: 10px;} } @media(max-width:991px) { \ .sg-inner,.pyvisit-img {max-width:100%;} } @media(min-width:500px) and (max-width:767px) { .sg-inner{max-width: calc(50% - 10px);} .search-container.mobile-view.searchopened .closebtn { z-index: 0; right: -150px !important; top: 0 !important; font-size: 33px; background: #fff; width: 30px; position: absolute; text-align: center; display: block; } } @media (min-width: 768px) and (max-width: 991px){ #sg2 .sg-img,#sg3 .sg-img, #sg5 .sg-img, #sg6 .sg-img,#sg7 .sg-img, #sg10 .sg-img, #sg11 .sg-img, #sg12 .sg-img {height:180px !important;} #sg1 .sg-img, #sg4 .sg-img, #sg8 .sg-img, #sg9 .sg-img {height:100% !important;} .toptenroon_attrection { margin-right: 16px !important; } } .general_template .w-100 { padding: 10px 0px;} .general_template .w-100 .orange-title {text-transform: capitalize;} .general_template .w-100.bg-light {background: transparent !important;} .general-title-bg {background: rgba(0, 0, 0, 0.5); position: relative; /* margin: 99px 0 0; */ } .ctm-voucher{margin: 120px 0;} .daterangepicker {position: absolute;color: inherit;background-color: #fff;border-radius: 4px;border: 1px solid #ddd;width: 300px !important;max-width: none; padding: 0;margin-top: 7px;top: 100px;left: 20px;z-index: 3001;display: none;font-size: 15px;line-height: 1em;} .daterangepicker td.active, .daterangepicker td.active:hover {background-color: var(--dark-color) !important; border-color: transparent;color: #fff;} button.applyBtn.btn.btn-sm.btn-primary {background: var(--dark-color) !important;border: var(--dark-color) !important;} .daterangepicker select.monthselect {margin-right: 2%;width: 56%;border: none;} .daterangepicker select.yearselect { width: 40%;border: none;} .form-control:focus {color: #212529;background-color: #fff;border-color: var(--dark-color) !important;outline: 0;box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);} .daterangepicker.single .drp-calendar {float: none !important;} .daterangepicker .drp-calendar.right {display: none !important;max-width: none !important;} .daterangepicker.single .drp-calendar.left {max-width: none !important;} .card-body button {background: var(--dark-color);color: #fff;padding: 8px 12px;font-size: 14px;font-weight: 700;} .card-body button:hover{background:#fff;color:var(--dark-color);border:1px solid var(--dark-color)} .ctm-printvoc a {background: var(--dark-color);color: #fff;padding: 8px 12px;font-size: 14px;font-weight: 700;} .ctm-printvoc a:hover{background:#fff;color:var(--dark-color);border:1px solid var(--dark-color)} .home-faq-sec-inner .text-para ul li a {color: var(--dark-color);} #search-carousel .search-category-wrapper { position: relative; height: 180px !important; background-position: center;background-size: cover; color: white;font-weight: bold; text-decoration: none; border-radius: 1rem;} #search-carousel .search-category-card { position: absolute; height: 100%; width: 100%;top: 0; background-color: rgba(0, 0, 0, 0.3); border-radius: 1rem;} #search-carousel .search-category-wrapper:hover {color: white;text-decoration: none;} #search-carousel {padding: 30px 0 0px;} .text-orange {color: #444444;} #search-carousel .search-category-card span {backdrop-filter: none;position:absolute;bottom:10px;left: 0;right: 0;} #navbarNavAltMarkup .dropdown-menu li {position: relative;} #navbarNavAltMarkup .dropdown-menu li:hover .sub-menu {display: block;transition: all 5s ease-in-out;} #navbarNavAltMarkup .sub-menu {border-top: 5px solid var(--dark-color);background-clip: padding-box;background: #fff;font-size: .9375rem;position: absolute;left: auto; top: 0;padding: 0;right: 100%; border-radius: 5px;width: 170px;display: none;min-width:280px;} #navbarNavAltMarkup .sub-menu li {list-style-type: none;} #navbarNavAltMarkup .sub-menu li .sub_item {text-decoration: none;list-style-type: none;color: #212529;padding: 4px 16px;display: block;width: 100%;} #navbarNavAltMarkup .sub-menu li .sub_item:hover {color: #fff;background: var(--dark-color);padding: 4px 16px;display: block;width: 100%;} .ctm-category { margin-top: 72px;padding-top: 0 !important;} .ctm-category img { position: absolute ;} .ctm-category .justify-content-start { z-index: 9;} .ctm-blog { padding: 0 !important; margin-bottom: 120px;} .ctm-blog img { position: absolute; top: 90px; padding: 0 !important; border-radius: 20px;} .ctm-blog:before {top: 90px;} .ctm-blog .text-center { position: relative; z-index: 9; height: 100%;top: 90px;} .ctm-blog .general-title { height: 100%; display: flex; align-items: center;justify-content: center; } .navbar .navbar-toggler{font-size: 22px;} @media (max-width:767px) { .ctm-blog img {top: 0px; height: 350px !important;} .ctm-blog:before {top: 0px;height: 350px !important;} .ctm-blog { height: 350px; margin-bottom: 0;} .ctm-blog .text-center { top: 0;} .plan-visitfot_home .nav-tabs .nav-item{margin-right: 0 !important;} .navbar .search-container {margin: 0px 0px 6px !important;} .get_inspired_home .tour-grid-head .tour-grid-inner a{text-align: center; display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-size:16px;line-height: 20px;} .plan-visitfot_home .text-para{text-align: center;} .navbar .search-container .button i {margin-top: 14px;} .popular-tours .tour-deatiling-list-box, .best-rmt-tours .tour-deatiling-list-box{margin-bottom: 0;} .home_reviews-sec .card {margin: 0;} .featured_attrection_sec .colosseum_image{margin-bottom: 20px;position: relative;} .featured_view_tour { position: absolute; bottom: 10px; left: 0; right: 0; } .searchopened .showsearch {width: 95%;position: relative;padding: 0;} .view_tour-link a { text-decoration: none; background-color: #fff; color: #444444; padding: 5px 10px; border-radius: 6px; display: inline-block; } .sap-md-heading{color: #ffff;} .navbar .mobile-view{position: absolute;right: 60px;top: 0px;} .navbar .navbar-toggler{ position: absolute;left: 0;top: 26px;} .beader_sh .container{justify-content: center;} .featured_attrection_sec .owl-carousel .owl-nav .owl-next, .featured_attrection_sec .owl-carousel .owl-nav .owl-prev{margin: 0px 40px !important;} .banner1{display: none;} .banner2{display: none;} .explaine_sec .card{ min-height: 500px; } } #sort-by .ais-SortBy-select {border-radius: 40px;} #sort-by { width: 100%; max-width: 345px; margin-left: auto; margin-bottom: 10px;} #sort-by .ais-SortBy-select:focus { border-color: var(--dark-color) !important; box-shadow: 0 0 0 ;} @media (max-width:991px) { #sort-by { margin: 0 auto 12px; max-width:530px;} .ctm-gallery-mb .swiper-container ul {padding: 0;display: inline;} .ctm-single-pro .vatican_sec {padding: 50px 0 0;} } @media (max-width:991px) { #sort-by { padding-right: 0px;} .form-inline {align-items: center;display: flex;flex-flow: row wrap;flex-direction: column;gap: 10px;} /* .plan-visit-sec-inner .nav-tabs {display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;} */ /* .plan-visit-sec-inner .nav-tabs {display:flex,} */ } .ctm-gallery .grid_parent { display: flex;margin: 0 0 40px 0;} .ctm-gallery .grid_parent .parent_left { max-width: 65%; width: 100%; margin: 0 10px 0 0;} .ctm-gallery .carousel-indicators { margin: 0 auto; bottom: 15px;} .ctm-gallery .swiper_img .carousel-inner, .grid_parent .carousel-inner { border-radius: 0px !important;} .ctm-gallery .carousel-item {position: relative; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform .6s ease-in-out;} .ctm-gallery .grid_parent .parent_left img { height: 400px; object-fit: cover; border-top-left-radius: 0px; border-bottom-left-radius: 0px; overflow: hidden;} .ctm-gallery .carousel-control-prev { left: 0;} .ctm-gallery .carousel-control-next { right: 0;} .ctm-gallery .grid_parent .parent_right { max-width: 35%; width: 100%;} .ctm-gallery .grid_parent .parent_right .right_one { margin: 0 0 10px 0;} .ctm-gallery .grid_parent .parent_right .right_one img { height: 195px; object-fit: cover; border-top-right-radius: 0px; overflow: hidden;} .ctm-gallery .grid_parent .parent_right .right_two {position: relative;display: flex; gap: 12px;} .ctm-gallery .grid_parent .parent_right .right_two img { height: 195px;object-fit: cover;border-bottom-right-radius: opx; overflow: hidden;} .ctm-gallery .right_two .show_btns { position: absolute; bottom: 15px; right: 15px;} .ctm-gallery .right_two .show_btns button { background: rgba(25, 27, 32, .4); color: #fff; border: 2px solid #fff; border-radius: 50px !important; font-size: 14px;} .ctm-single-img {width: 100%;height: 400px;} .ctm-single-img img { width: 100%;height: 100%;object-fit: cover;} .ctm-double-img{max-width:100% !important;} @media (max-width:767px) { .featured_attrection_sec .owl-carousel .owl-nav .owl-next, .featured_attrection_sec .owl-carousel .owl-nav .owl-prev{margin: 0px 40px !important; display: none !important;} .ctm-gallery-mb .swiper_img .carousel-inner,.ctm-gallery-mb .grid_parent .carousel-inner { border-radius: 0px !important;} .ctm-gallery-mb .swiper-container {width: 100%;height: 100%;overflow: auto;margin: 0 0 0px 0;} .plan-visit-sec-inner .nav-tabs {gap: 10px;} .ctm-gallery-mb .swiper-wrapper {display: block;} .ctm-gallery-mb .swiper-wrapper li:first-child {width: 100%;display: block;} .ctm-gallery-mb .carousel-indicators {margin: 0 auto;bottom: 15px;} .ctm-gallery-mb .swiper_img .carousel-indicators li {width: 8px !important;display: block !important;margin: 0 4px 0 4px !important;} .ctm-gallery-mb .swiper_img .carousel-indicators li {height: 8px !important;} .ctm-gallery-mb .carousel-inner {position: relative;width: 100%;overflow: hidden;} .ctm-gallery-mb .swiper_img .carousel-item img {border-radius: 0px !important;overflow: hidden;} .ctm-gallery-mb .swiper-slide img { width: 100%;object-fit: cover;} .ctm-gallery-mb .swiper-wrapper li:nth-child(2) {display: flex;flex-direction: row-reverse;width: 100%;gap: 10px;margin: 10px 0 0;} .ctm-gallery-mb .swiper-slide .swiper_img-2:first-child {margin: 0 0 0px 0;} .ctm-gallery-mb .swiper-wrapper .swiper-slide {width: 50%;} .ctm-gallery-mb .swiper-wrapper li {display: none;} .ctm-gallery-mb .swiper_img .carousel-item img {border-radius: 0px !important;overflow: hidden;} .ctm-gallery-mb .swiper-wrapper {padding: 0 10px !important;} .ctm-gallery-mb {margin-top: 40px;} .ctm-single-img {height: 250px;} .ctm-gallery-mb .carousel-item img {border-radius: 0 !important;} .ctm-gallery-mb .carousel-inner {border-radius: 0;} .form-inline {gap: 0} /* ---- Navbar css 18-04-2025 -------*/ body .navbar .navbar-toggler {top: 13px!important; position: absolute; left: 0px;padding: 0 0 0 0 !important;font-size: 13px;} .navbar .navbar-toggler span i {color: var(--dark-color) !important;font-size: 22px;} .navbar-toggler-icon {display: flex;justify-content: center;align-items: center;} .navbar .container {justify-content: center;align-items: center;} .navbar .navbar-brand {min-height: auto;padding: 0;margin: 0;} .search-container.mobile-view.searchopened {height: auto;padding: 20px 0 !important;} .navbar .search-container.searchopened #searchright{width:100%;left:0;right:0;top:0;opacity:1} .searchopened form{padding:0 15px;position:relative} .navbar .search-container #searchright{width:100%;opacity:0; transition: none;} .navbar .search-container.searchopened .button{margin-left:10px;position:absolute;right:18px;margin:0;top:2px;} .navbar .search-container .button{top:3px;right:0;} body .search-container.mobile-view.searchopened .closebtn{position:absolute;right:10px !important;top:-2px!important;} .hover-width-slider .modal{padding:0 15px;height:100%;align-items:center;justify-content:center} #foot1{display:none} .search-container form{width:90%!important;padding:0;transition:none} body .search-container.mobile-view.searchopened{padding:0!important;height:auto} body .search-container.mobile-view.searchopened .closebtn{right:-35px!important} .navbar .search-container.searchopened .button{right:3px;transition:none} .navbar .container{position:relative} .search-container.mobile-view{width:100%;left:0;margin:0!important} .navbar .navbar-brand{z-index:9} .navbar .navbar-brand img{height:43.88px!important;object-fit:contain;object-position:center} } .d-flex {display: flex!important;margin-bottom: 10px;} .add-fees-cst {display: flex;justify-content: space-between; flex-direction: row-reverse;} .category-template .main-title-container-form form .row { margin: 0;} .category-template .main-title-container-form form button.check_avail { margin-top: 15px !important;} .customer-faq button.btn-link , .customer-faq button.btn-link.collapsed {font-size: 14px;line-height: 20px;font-weight: 700;color: #000;display: flex;gap: 2px;background: transparent;border-radius: 8px;padding: 6px 10px;border: 0 ;} .customer-faq .btn-link.focus, .btn-link:focus {box-shadow: none;text-decoration: none;border: 0 !important;outline: none;} .customer-faq .accordion>.card .card-header { margin: 0;} .customer-faq .card-body { margin: 0; border-bottom: 1px solid rgb(227 227 227);} .customer-faq .btn-link:hover {color: #444;} .ais-Hits-item, .ais-InfiniteHits-item {background: rgb(255 255 255 / 0%)!important;} @media (min-width: 768px) { .left-sec-img .rounded {width: 100%; object-fit: cover;} /* .colosseum_image .view_tour-link {position: absolute;bottom: 9px;right: 4px;} */ } @media (min-width: 992px) {.left-sec-img .rounded {width: 100%;height: 100%;object-fit: cover;} } /*******************/ .latest-blog-inner .sap-md-heading {font-weight: 700;line-height: 39px;text-align: left;letter-spacing: 0em;} .latest-blog-inner .tour-grid-head {padding: 0 0 24px;} /*********supplier-page********************************************/ .supplier-hero-sec {position: relative;overflow: hidden;height: 500px;margin: 84px 0 0;padding-bottom: 0px;padding-top:0px; } .supplier-hero-sec:before {content:"";background-image: url(../images/banner.png);background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .supplier-hero-sec:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 40%);} .supplier-hero-left .sap-lg-heading {color: #fff;padding: 0 0 12px;} .supplier-hero-con .text-para {font-weight: 600;padding: 0 0 24px;} .combo-btn{display:flex;flex-wrap:wrap;} .combo-btn .sap-btn-dark-o button, .combo-btn .sap-btn-dark-o a,.combo-btn .sap-btn-light button, .combo-btn .sap-btn-light a {min-width: 155px;margin: 0 0 0 10px;} .supplier-hero-left {width: 100%;flex-basis: 100%;max-width: 448px;position:relative;} .supplier-hero-left .text-para {color: #fff; width: 100%;max-width: 443px;} /***********************/ .tech-img { margin: 0 30px;} .tech-img img {height: 100%;width: 100%; object-fit: cover;} .tech-partners {padding: 48px 0px;} .tech-partners .owl-carousel {padding: 24px 0px;position: relative;} .tech-part-hd {font-size: 14px;font-weight: 700;line-height: 19px;letter-spacing: 0.1em;text-align: center; color: #B6B6B6; text-transform: uppercase;} .tech-box {display: flex;background-color: #fff;justify-content: space-between;position: relative;} .tech-left { width: 100%;flex-basis: 100%;max-width: calc(100% - 420px);padding: 0 20px 0 0;} .tech-right {width: 100%;flex-basis: 100%;max-width: 385px;height: 450px;padding:30px; background: var(--dark-color); border-radius: 20px;position: absolute;right: 0; top: -378px;} .tri-list-inner {display: flex; justify-content: space-around; gap: 24px;} .tri-list-lf{background-image: linear-gradient(#242424 64%, rgba(255,255,255,0) 0%);background-position: center;background-size: 5px 23px; background-repeat: repeat-y;height: 380px;} .tri-count {font-size: 47px;font-weight: 800;line-height: 52px;letter-spacing: -0.06em;text-align: center;color: var(--dark-color);width: 90px;height: 90px; background: #242424; border-radius: 15px;display: flex;justify-content: center; align-items: center;margin: 0px 0 60px;position: relative;} .tri-duration {font-size: 14px;font-weight: 700;line-height: 16px;display: flex;align-items: center;} /* .tri-list-lf {position: relative;} */ /* .tri-list-lf:before {content: '';border: 2px dashed #ffff;position: absolute;left: -114px;top:225px;transform: rotate(90deg);right: 0;width: 100%;} */ .tri-con {padding: 18px 0 80px;} .tri-con .sap-sm-heading {padding: 0 0 8px;} .tri-duration i {padding: 0 6px 0 0;font-size: 20px;} /**********************/ .why-sell-grid {border: 1px solid #E0E0E0;padding: 40px;border-radius: 20px;margin: 24px 0 24px;background: var(--dark-color);} .why-sell-grid-box .sap-sm-heading {padding: 0 0 12px;} .why-sell-grid-inner {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;} .why-sell-inner .sap-btn-dark { display: flex; justify-content: center;} .features-lf, .features-rt {border: 1px solid #FFC05F; border-radius: 20px; background: #242424;padding: 40px;color: #fff;} .features-inner { display: flex; justify-content: space-between;gap:20px;} .features-lf {max-width: 64%;width: 100%;flex-basis: 100%;display: grid; grid-template-columns: repeat(2, 1fr);gap:24px;} .features-box {display: flex;gap: 12px;} .features-rt {max-width: 35%;width: 100%;flex-basis: 100%} .f-box-rt-hd {font-size: 14px; font-weight: 700; line-height: 16px; letter-spacing: 0em; text-align: left; padding: 0 0 5px;} .f-box-rt-para { font-weight: 400; line-height: 20px; font-size: 14px;} .features-rt .sap-sm-heading {padding: 0 0 24px;letter-spacing: -0.04em;} .features-rt .combo-btn .sap-btn-dark-o button, .features-rt .combo-btn .sap-btn-dark-o a {border: 2px solid #FFC05F;color: #242424;} .f-icon svg path {fill: var(--dark-color);} /**********************/ .easy-join-box {display: flex;justify-content: space-between; padding: 24px 0px 0px;gap: 40px;} .easy-join-box .sap-sm-heading { padding: 0 0 12px;} .easy-lf, .easy-rt {max-width: 50%;width: 100%;flex-basis: 100%} .easy-list li {padding: 0 0 12px;} /**********************/ .faq-inner .sap-md-heading {padding: 0 0 26px;} .plan-visit-rt .accordion-sec .accordion-button { font-size: 16px; font-weight: 700; line-height: 21px; background: #F9F9F9;} .plan-visit-rt .accordion-sec button.accordion-button.collapsed {border: 1px solid #242424;background: #fff;border-radius: 50px !important;} .plan-visit-rt .accordion-sec .accordion-header .accordion-button {font-size: 16px;font-weight: 700;text-decoration: none !important; box-shadow: 0 0 !important;padding: 27px 20px;box-shadow: 0 0 !important; padding: 27px 20px; border-top-left-radius: 20px;border-top-right-radius: 20px;color: #fff;background: #242424;/*border-radius: 50px !important*/;} .plan-visit-rt .accordion-collapse.collapse.show { color: #fff !important; background: #242424; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;} .plan-visit-rt .accordion-sec button.accordion-button.collapsed {color:#242424 !important ;background: #fff !important;} .plan-visit-rt .accordion-sec .accordion-header { margin-bottom: 0;} .plan-visit-rt .accordion-sec .accordion-item {margin: 0 0 15px; border: 0; background-color: #f9f9f9; border-radius: 20px !important;} .plan-visit-rt .accordion-sec .accordion-body { font-size: 14px; font-weight: 400; line-height: 26px;/*color: #242424;*/padding-top: 0;} .plan-visit-rt .accordion-sec .accordion-button::after {-webkit-filter: grayscale(1) invert(1);filter: grayscale(1) invert(1);} .plan-visit-rt .accordion-sec .accordion-button::after { background-image: url("data:image/svg+xml,") !important; } .plan-visit-rt .accordion-sec .accordion-button:not(.collapsed)::after { filter: grayscale(1) invert(0); } /*********creators-page********************************************/ .creator-hero-sec {position: relative;overflow: hidden;height: 500px;margin: 84px 0 0;padding-bottom: 0px;padding-top:0px; } .creator-hero-sec:before {content:"";background-image: url(../images/creator-banner.png);background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .creator-hero-sec:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 40%);} .creator-hero-left .sap-lg-heading {color: #fff;padding: 0 0 12px;} .creator-hero-left {width: 100%;flex-basis: 100%;max-width: 475px;position:relative;} .partner-inner {display: flex;padding:0 15px 60px;gap: 40px;border-bottom: 1px solid rgb(0 0 0 / 15%);} .partner-left { max-width: 580px; width: 100%;flex-basis: 100%;} .pl-img { max-width: 580px;height: 100%; width: 100%; overflow: hidden; border-radius: 20px; position: relative;} .pl-img img{height: 100%; width: 100%; object-fit: cover;} .partner-right {max-width: 685px;width: 100%;flex-basis: 100%;} .partner-right .sap-lg-heading {padding: 8px 0px 12px;} /**********************/ .grow-social-inner {display: flex;gap: 20px;} .grow-social-right .sap-sm-heading { padding: 8px 0px 12px;} .grow-social-left { max-width:460px; width: 100%;flex-basis: 100%;} .gsl-img { max-width: 460px;height: auto; width: 100%;} .gsl-img img{height: 100%; width: 100%; object-fit: cover;} .grow-social-right {max-width: 685px;width: 100%;flex-basis: 100%;} .grow-list {font-size: 16px; font-weight: 400;line-height: 26px;margin: 0;} .grow-list li {padding: 0 0 12px;} /**********************/ .make-money-inner .sap-md-heading { text-align: center;} .mm-grid {padding: 20px;border-radius: 20px;margin: 0 0 24px;background: #242424;} .mm-grid-inner {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;color: #fff;} .make-money-inner .sap-btn-dark { display: flex; justify-content: center;} /**********************/ .example-inner { display: flex; justify-content: space-between; gap: 20px;align-items: center;} .example-lf { max-width: 35%;width: 100%;flex-basis: 100%;} .example-rt{max-width: 64%;width: 100%;flex-basis: 100%;border: 1px solid var(--dark-color);border-radius: 20px;background: rgb(255 202 0 / 15%); padding: 8px 20px; } .creator-box { display: flex;justify-content: space-between;font-size: 14px;font-weight: 700;line-height: 16px; border-bottom: 1px solid rgb(0 0 0 / 15%);padding: 12px 0;gap: 20px;} .combo-creator {display: flex;} .creator-box:last-child { border: none;} .creator-def {padding: 0 0 0 20px;} /**********************/ .how-it-work-inner .sap-md-heading { text-align: center;} .hw-grid {border: 1px solid var(--dark-color);;padding: 30px;border-radius: 20px;margin: 12px 0 30px;background: var(--dark-color);} .hw-grid-inner {display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;} .hw-grid-inner .sap-btn-dark { display: flex; justify-content: center;} .hw-grid-inner .tri-count {margin: 0;} .hw-grid-inner .features-box {align-items: center;gap: 24px } .hw-box {display: flex;justify-content: space-between;padding: 30px 0px 0px;gap: 40px;} .hw-box .sap-sm-heading {padding: 0 0 12px;} .hw-lf, .hw-rt {max-width: 50%;width: 100%;flex-basis: 100%;} .hw-rt .sap-btn-dark button {min-width: 180px;} .hw-box .font-16 {padding: 0 0 24px;} /****************footer-home*****************/ /*********footer-supplier-creator************/ /*************dropdown*******************/ .navbar .has-megamenu button.nav-link {background: transparent;border: none;} .navbar .has-megamenu{position:static!important;} .nav-item {list-style-type: none;} .dropdown-menu.megamenu.show { position: absolute; overflow-y: auto; outline: none; left: 0; right: 0; top: 100%; box-shadow: 0 0.5rem 1rem rgba(0,0,0,.175); cursor: auto; margin: 0 auto; padding:0; background: #242424; border-radius: 0px 0px 20px 20px;} .set-white .dropdown-toggle::after {transform: rotate(274deg);margin-left: 44px;} .set-white a {color: #fff !important;text-transform: none !important;} .custom-dropbox-outer { padding: 20px 0;} .cutom-drop-lf { position: relative;} .cutom-drop-lf:before {position: absolute;content: '';height: 100%;border-left: 1px solid rgb(255 255 255 / 30%);right: 0;} .cutom-drop-lf li {padding: 14px 20px 10px 14px;} .cutom-drop-lf li a {position: relative;text-decoration: none;color: #fff;font-size: 16px; font-weight: 600;letter-spacing: 0.02em;} .cutom-drop-lf li a.active{color:#FF3D57;} .cutom-drop-lf li a:after{display: inline-block;margin-left: 0.255em;vertical-align: 0.255em;content: "";border-top: 0.3em solid #fff; border-right: 0.3em solid transparent;border-bottom: 0;border-left: 0.3em solid transparent;transform: rotate(274deg); margin-left: 44px;} .custom-drop-rt li a {color: #fff;text-decoration: none;font-size: 14px;line-height: 19px;font-weight:500;letter-spacing: 0.02em;padding-left: 40px;padding-right: 40px;} .custom-drop-box {display: flex;align-items: baseline;} .custom-drop-rt {display: flex;} .mob-view{display: none;} /***********************************/ .grid-container { display: grid;grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } .grid-container2 {display: grid;grid-template-columns: repeat(3, 1fr); grid-gap: 20px;} .grid-container .item {margin-bottom:20px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;} .grid-container2 .item{padding:5px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;} .popular-destination-inner .sap-md-heading{padding-bottom:30px;} .mobile-only{display:none;} .desktop-only{display:block;} #loom-companion-mv3 section { padding: 0 !important;} .homepage .fa-icon i { top: 19px; } .homepage input.ais-SearchBox-input:focus-visible {outline: none;} .searchbox .ais-SearchBox-input { filter: drop-shadow(0px 15px 30px rgba(0,0,0,0.25)); padding: 6px 50px; width:100% !important; -webkit-filter: drop-shadow(0px 15px 30px rgba(0,0,0,0.25)); } .homepage .input-group.grid-sch .btn {top: 0;right: 0;} .homepage .fa-icon i {line-height: normal;top: 16px;} .product-review { margin-top: 105px; } /********************media query***********************************/ @media(max-width:1199px){ .local-exp-home-page .sap-sm-heading {font-size: 19px;line-height: 23px;font-weight: 500;} .local-exp-home-page .sap-md-heading {font-size: 23px;line-height: 27px;font-weight: 500;padding: 0 0 12px;} .sap-lg-heading {font-size: 32px;line-height: 42px;font-weight: 800;} .sap-hero-heading {font-size: 42px;line-height: 39px;font-weight: 800;letter-spacing: -4px;} .ta-rt-img { height: 100%;} .plan-visit-img{ height: 100%;} } @media(max-width:991px) { nav .nav-link:not(.nav-link.header-btn) {/*padding: 0 0 15px 0;*/padding: 0 15px 15px 20px;} .navbar-nav .dropdown-menu {position: absolute;} nav .header-btn {margin: 0 0 12px 0;} .navbar-nav { padding: 20px 0 12px;} .accordion-header .accordion-button {padding: 15px 0;} .accordion-body{padding: 0;} .accordion-item {margin: 0 ;} .cat-right { max-width: calc(100% - 0px);} .hw-grid-inner { grid-template-columns: repeat(2, 1fr);} .mm-inner { flex-direction: column;} .mm-left{max-width: 100%;} .mm-right{margin:35px auto 0;padding-left: 0;} .mm-poly-icon { left: 29px;} .homepage-hero-sec .hero-sec-inner {flex-direction: column-reverse;} .plan-visit-rt .accordion-sec .accordion-body { padding: 0px 20px 22px;} .tour-grid-head { grid-template-columns: repeat(2, 1fr);} .owl-carousel.pop-destination, .owl-carousel.owl-best-attraction {margin: 0 !important;} .make-memories-sec {padding-top: 0 !important;} .top-attractions-sec {padding-top: 0 !important;} .latest-blog-sec {padding-top: 0 !important;} .desktop-view{display: none;} .mob-view{display: block;} } .creator-hero-sec .hero-sec-inner, .supplier-hero-sec .hero-sec-inner { flex-direction: unset;} .f-links {flex-wrap: wrap;flex-direction: column;} .nav-tabs .nav-link {font-size: 14px;} .f-cpy-rt{padding: 20px 0 0;} .f-cpy-inner {flex-direction: column;align-items: center;} .features-rt {max-width: 100%;} .features-lf {grid-template-columns: repeat(1, 1fr);max-width: 100%;} .why-sell-grid-inner {grid-template-columns: repeat(1, 1fr);} .features-inner { flex-direction: column;} /* .combo-btn {flex-wrap: nowrap;} */ .combo-btn .sap-btn-dark-o button, .combo-btn .sap-btn-dark-o a {min-width: 126px;} .easy-join-box { flex-direction: column;} .easy-lf, .easy-rt {max-width: 100%;} /* .accordion-sec .accordion-header .accordion-button {padding: 20px 17px;} */ .accordion-sec .accordion-body {padding: 0px 24px 22px;} .plan-visit-rt .accordion-sec {padding: 30px 0;} .features-rt .sap-sm-heading {line-height: 27px;} .mm-grid-inner {grid-template-columns: repeat(1, 1fr);} .tour-grid-head {grid-template-columns: repeat(4, 1fr);padding: 0;} .plan-visit-inner,.mm-inner,.top-attractions-box { flex-direction: column;} .plan-visit-lt, .plan-visit-rt, .mm-left, .mm-right, .ta-lf,.ta-rt,.hw-lf, .hw-rt, .example-lf, .example-rt,.grow-social-left, .grow-social-right, .partner-left, .partner-left,.partner-right{max-width: 100%;} .plan-visit-rt {padding: 0px;} .top-attractions-inner .sap-hero-heading {line-height: 28px;} .hero-testi-img-inner { width: 51px; height: 50px;} .f-copy-inner {flex-direction: column;} .ftr-inner {padding: 40px 20px 0;} .tech-box {flex-direction: column;} .tech-right {top: 0;position: relative;margin: 0 auto;} .tech-left { max-width: 100%;} .popular-destination-inner .item {padding: 0 0 30px;} .best-img {height: 230px;width: 100%;} .homepage-hero-sec {height: 510px;} .home-hero-left {padding: 0 0 40px;text-align: center;} .homepage-hero-sec .tour-listing-action {justify-content: center;padding-bottom:0px!important;} .circle-first, .circle-last {width: 125px;height: 125px;} .circle-middle { width: 132px; height: 132px;} .circle-box {margin: 44px 0 0;} .home-tri-icon svg {width: 35px;height:29px;} .home-poly-icon{ top: 8px;} .home-poly-icon svg {width: 31px;height: 31px;} .home-arc-icon {bottom: -5px;} .home-arc-icon svg {width: 30px;height: 30px;} .ta-rt-img {margin: 30px 0px 0;} .top-attractions-inner {padding: 40px 20px 0 20px;} .attrac-second-block {padding: 38px 0px 0px;} .best-attraction-inner .sap-btn-dark {padding: 30px 0 0;} .attrac-arc-icon { right: -10px; top:23px;} .attrac-arc-icon svg {width: 39px;height: 39px;} .attrac-tri-icon svg {width: 39px;height:39px;} .attrac-poly-icon {left: 0;} .attrac-poly-icon svg {width: 31px;height: 31px;} .plan-poly-icon {top: 35px;} .plan-poly-icon svg {width: 31px;height: 31px;} .plan-arc-icon { bottom: 20px;top: auto;} .plan-arc-icon svg {width: 39px;height: 39px;} .plan-tri-icon { top: 72px;left: 0;} .plan-tri-icon svg {width: 25px;height:25px;} .mm-arc-icon svg {width: 82px;height: 44px;} .mm-tri-icon { left: 0px;} .mm-tri-icon svg {width: 51px;height:35px;} .hero-grid-txt { font-size: 14px;line-height: 19px;} .hero-bottom-grid-inner {padding: 10px 15px;} .owl-nav { text-align: center; display:none;} .hw-grid-inner {grid-template-columns: repeat(1, 1fr);} .home-hero-left .sap-lg-heading { padding: 32px 0 12px;} .hero-bottom-grid-inner {width: 384px;} .hero-bottom-grid-inner:after {height: 27px;width: 27px;right: -26px;} .hero-bottom-grid-inner:before { height: 27px; width: 27px; left: -26px;} .img-top svg {width: 27px;height: 27px;} .hero-grid-txt {font-size: 12px;line-height: 16px;text-align: center;} .circle-first, .circle-last {filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.15));} .circle-middle { filter: drop-shadow(0 25px 30px rgba(0, 0, 0, 0.15));} .best-attraction-inner button.owl-next:after {top:99px;right: -6px;width:30px;height:30px;} .best-attraction-inner button.owl-prev:before {top:99px;left: -6px;width:30px;height:30px;} .popular-destination-inner button.owl-next:after {width:30px;height:30px;right: 47px;} .popular-destination-inner button.owl-prev:before {width:30px;height:30px;left:47px;} .mm-left .sap-hero-heading {font-size: 63px;line-height: 67px;padding-left: 43px;} } @media(min-width:500px) and (max-width:767px) { .f-links { padding: 30px 0 27px;} .circle-first, .circle-last {width: 187px;height: 187px;} .circle-middle { width: 187px; height: 187px;} .general_template .w-100 { padding: 30px 10px 0px 10px !important; } .feature-image-container { height: 315px; } .banner_text_attrection { width: 84% !important; } .toptenroon_attrection{ margin-right: 0 !important; } .attr_space_remove { padding: 0; } } @media(min-width:375px) and (max-width:499px){ .circle-first, .circle-last {width: 157px;height: 157px;} .circle-middle { width: 157px; height: 157px;} .homepage-hero-sec {height: 500px;} .home-arc-icon { right: 35px;} } @media(min-width:768px) and (max-width:991px) { .tech-box {flex-direction: column;} .tech-right {top: 0;position: relative;margin: 40px auto;} .tech-left { max-width: 100%;} .tour-grid-head { padding: 0;grid-template-columns: repeat(2, 1fr);} .features-rt button { width: 172px; margin: 0 0 10px !important;} .hero-testi-img-inner {height: 64px;width: 63px;} .sap-hero-heading {font-size: 66px;line-height: 55px; padding-left: 100px;} .mm-tri-icon {left: 28px;} .top-attractions-inner .sap-hero-heading { line-height: 39px;font-size: 56px;} .plan-arc-icon {top: 130px;} .plan-visit-rt .text-para p { padding: 0 0 35px;} .plan-tri-icon {left: -30px;} .hero-bottom-grid-inner {width: 485px;} .hero-bottom-grid-inner:after {right: -37px;} .hero-bottom-grid-inner:before {left: -37px;} .homepage-hero-sec .hero-sec-inner { margin-top:68px;} .home-hero-left .sap-lg-heading {padding: 85px 0 12px;} .homepage-hero-sec { height: auto;} .home-hero-left { padding: 0 0 50px;max-width: 576px;} .best-attraction-inner button.owl-next:after {right: -19px;} .best-attraction-inner button.owl-prev:before {left: -19px;} .destinaton-img { height: 332px; width: 332px;} .popular-destination-inner button.owl-prev:before, .popular-destination-inner button.owl-next:after {top: 155px;} .f-cpy-rt .f-links li a {padding-right: 0aa;} .bot-text { font-size: 12px;} /*.img-top svg {width: 27px;height: 27px;} .hero-grid-txt {font-size: 12px;line-height: 16px;text-align: center;} */ } @media(min-width:992px) and (max-width:1199px){ nav .nav-link:not(.nav-link.header-btn) { padding: 0 0 0 19px;} .features-rt button { min-width: 116px !important; margin: 0 3px 10px !important; font-size: 12px;} .sap-hero-heading {font-size: 66px;line-height: 68px;padding-left: 50px;} .mm-tri-icon {left: -15px;} .mm-poly-icon { bottom: 11px; left: 51px;} .mm-right-img {min-width: 440px;height: 246px;} .grid-container { display: grid;grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } .grid-container2 {display: grid;grid-template-columns: repeat(3, 1fr); grid-gap: 20px;} } @media (max-width:475px){ .f-cpy-inner { flex-direction: column; align-items: self-start;} .f-cpy-rt .f-links {flex-direction: column;padding: 10px 0px 0px ;} .f-cpy-rt .f-links li a {padding: 8px 0px 8px 0;display: inline-block;} /* .f-links {flex-wrap: nowrap;} */ .f-links { padding: 30px 0 27px;} .navbar .hd-logo { max-width: 233px;} .navbar .hd-logo img { object-fit: contain;} .tri-list-inner { gap: 18px;} .tri-con { padding: 26px 0 69px;} .footer-box { flex-direction: column;} #ftr1 {padding: 0;} .ftr-con {padding: 0 0 30px;} #ftr2 { margin-top: -17px;} #ftr2 .ftr-links { padding: 8px 0 10px;} .ftr-links {padding: 8px 0 10px;} .mm-right-img { min-width: 262px; height: 220px;} .mm-poly-icon svg {width: 44px;height: 38px;} .mm-poly-icon { left: 5px;} .hero-bottom-grid-inner {width: 309px;} .hero-bottom-grid-inner:after {height: 27px;width: 27px;right: -26px;} .hero-bottom-grid-inner:before { height: 27px; width: 27px; left: -26px;} .img-top svg {width: 27px;height: 27px;} .hero-grid-txt {font-size: 12px;line-height: 16px;text-align: center;} .popular-destination-inner button.owl-prev:before {left: 47px;} .popular-destination-inner button.owl-next:after { right: 47px;} .mm-left .sap-hero-heading {font-size: 52px;line-height: 53px;padding-left: 43px;} .plan-visit-lt .sap-hero-heading {font-size: 62px;line-height: 55px;} .plan-tri-icon { top: 103px; } } @media(max-width:375px){ .attrac-tri-icon {right: 5%;} .hero-bottom-grid-inner {width: 260px;} .hero-bottom-grid-inner:after {height: 28px;width: 28px;right: -24px;} .hero-bottom-grid-inner:before { height: 28px; width: 28px; left: -24px;} .img-top svg {width: 27px;height: 27px;} .hero-grid-txt {font-size: 12px;line-height: 16px;text-align: center;} .destinaton-img { height: 242px; width: 242px;} .popular-destination-inner button.owl-prev:before { left: 27px;top: 103px;} .popular-destination-inner button.owl-next:after { top: 103px; right: 27px;} .mm-left .sap-hero-heading {font-size: 41px;line-height: 42px;padding-left: 43px;} .plan-visit-lt .sap-hero-heading {font-size: 42px;line-height: 39px;} .plan-tri-icon {top: 72px;left: 0;} .feature-image-container { height: 100% !important; } } @media (max-width:374px) { .homepage-hero-sec { height: 475px;} } @media(min-width:320px) and (max-width:445px){ .top-attractions-inner .sap-hero-heading {font-size: 36px;padding-left: 0;margin-left: -13px;} .attrac-tri-icon svg {width: 39px;} } @media(max-width:330px){ .popular-destination-inner button.owl-prev:before { left: 6px;top: 103px;} .popular-destination-inner button.owl-next:after { top: 103px; right: 6px;} } @media(min-width:475px) and (max-width:991px){ .footer-box {display: grid;grid-template-columns: repeat(2, 1fr);} } @media(max-width:424px){ .features-rt button {width: 172px;margin: 0 0 10px !important;} .mm-right-img { min-width: 262px; height: 186px;} .featured_attrection_sec .owl-nav .owl-prev i { font-size: 19px; } .featured_attrection_sec .owl-nav .owl-next i { font-size: 19px; } .featured_attrection_sec .featured_attrection_slider .item{ display: inherit; text-align: left; } } @media (min-width:991px){ .combo-creator {gap: 20px;} } @media (min-width:1320px){ .popular-destination-inner{ max-width:1140px;} .best-attraction-inner{ max-width:1140px;} } @media(min-width:1400px){ .mm-right {max-width: 606px; padding-left:0} .mm-inner { display: flex;justify-content: space-between;} .destinaton-img {height: 418px;width: 418px;} } @media(min-width:1699px){ .mm-right {max-width: 606px;} .mm-left {max-width: 770px;} } @media(min-width:1200px) { .searchbox .ais-SearchBox-input {padding: 10px 50px;min-height: 50px;width: 100% !important;} .homepage .input-group.grid-sch .btn {top: 0;min-width: 50px;min-height: 50px;} .homepage .fa-icon i {top: 18px;} .destinaton-img {height: 358px;width: 358px;} } /*********tour-listing-page**************/ .tour-listing-page, .tour-listing-grid-page, .single-tour-page {margin: 99px 0 0;} .tour-listing-ctr-btn {display: flex;justify-content: center;padding: 10px 0px 0px;} .tour-listing-ctr-btn .sap-btn-dark button { min-width: 170px;} button.ais-InfiniteHits-loadMore {letter-spacing: 0.3px; font-weight: 700; font-size: 14px;min-width: 170px;background-color: var(--dark-color) !important;border: 2px solid var(--dark-color);border-radius: 8px;line-height: normal;min-height: 45px;display: flex;align-items: center; justify-content: center;text-transform: capitalize;color: #fff;letter-spacing: 0.3px;transition: all 0.3s ease-in-out; background-image: none;} .ais-InfiniteHits-loadMore:hover {background-image: none !important;} .tl-pck-list {display: flex;border-radius: 10px;justify-content: space-between;border: 1px solid #E0E0E0;background: #FFF;align-items: center;padding: 10px 13px 10px 13px;margin: 0px 0px 7px;} .tl-pck-list .img-rt {width: 100%;max-width: 60px;height: 50px;} .tl-pck-list .img-rt img {object-fit: contain;width: 100%;height: 100%;} .tl-ls-hd {color: #242424;font-size: 14px;font-style: normal;font-weight: 700;line-height: 17px;letter-spacing: 0.14px;} .owl-nav.disabled, .owl-nav{display: block !important;text-align:center;} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {font-size: 38px !important;color: var(--dark-color) !important;} .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {font-size: 35px !important;color: var(--dark-color) !important;margin: 0px 24px!important;} .tour-listing-action {display: flex;justify-content: space-between;align-items: center;padding: 0px 0px 30px 0px;} .btn-togle-view { display: flex; justify-content: end;gap: 8px;} .combo-btn-list-grid {display: flex;gap: 8px;} .sap-btn-dark-togle.active button { background: var(--dark-color); border: 2px solid var(--dark-color);color: #242424; } .sap-btn-dark-togle.active button { background: var(--dark-color); border: 1px solid var(--dark-color); color: #242424;} .sap-togle-filter button, .sap-togle-filter a { min-width: 120px !important;} .sap-btn-dark-togle button, .sap-btn-dark-togle a {min-width: 100px;background-color: transparent!important;border: 1px solid #e0e0e0;color: #242424;} .sap-btn-dark-togle i {padding-right: 7px;} .sap-btn-dark-togle button:hover{background-color: transparent; border: 2px solid var(--dark-color);color: var(--dark-color);} .show-ratings .star-rt label { width: 50px;height: 46px;border: 1px solid var(--Gray-5, #E0E0E0); display: flex;align-items: center;justify-content: center; transition: all .3s ease-in-out;font-size: 16px !important;} .show-ratings .star-rt input {display: none;} .show-ratings .star-rt input[type="radio"]:checked + label {border-color: var(--dark-color); border:1px solid var(--dark-color)} .show-ratings .form-check.star-rt i {color: #E5CA44;padding-left: 2px;} .search-tour-box {border-radius: 20px;border: 1px solid #E0E0E0;background: #FCFCFC;padding: 28px 18px;margin:0px 0px 40px;} .form-control {background-color: transparent!important;color: #242424!important;border-radius: 8px !important;min-height: 45px;font-size: 14px;font-weight: 400; box-shadow: 0 0!important; width: 259px !important;border: 1px solid var(--Gray-5, #E0E0E0);padding: 11px 12px 12px 16px;} .form-control::placeholder{ color: #242424;font-weight: 400;line-height: 140%; } .input-group .btn { position: absolute; border-radius: 0px 8px 8px 0; background: var(--dark-color); border: 2px solid var(--dark-color); width: 45px; height: 45px; display: flex; justify-content: center;align-items: center;right: -2px;top: 0;} input.form-control.set-icn { padding-left: 38px;} .fa-icon i {position: absolute;top: 15px;left: 15px;} .checkout-template .form-control{ width:470px !important} .filter-hd p {color: #242424;font-size: 18px;font-weight: 700;margin-bottom: 8px;} .filter-subhd {color: #242424;font-size: 16px;font-weight: 700 !important;line-height: 19px;font-weight: 600;border-radius: 20px 20px 0px 0px;background: var(--dark-color); border: 2px solid var(--dark-color);padding: 18px;} .checked-filter-tours {padding: 12px 18px;} .search-filter-box {border-radius: 20px;border: 1px solid #E0E0E0;background: #FCFCFC;margin: 0px 0px 40px;} .form-check-input[type=checkbox] {border-radius: 5px;border: 1px solid var(--Gray-4, #BDBDBD);background: #FFF;width: 20px;height: 20px; margin-right:8px;} input[type="checkbox"]:checked { box-shadow: 0 0 0 2px var(--dark-color);background: var(--dark-color);color:var(--dark-color);} .ais-RefinementList-checkbox {box-shadow: none !important;} .ais-RefinementList-labelText {font-size: 14px;font-weight: 600 !important;} .ais-RefinementList-item {padding-bottom: 7px;} .ais-RefinementList-item.ais-RefinementList-item--selected {position: relative;} .ais-RefinementList-item.ais-RefinementList-item--selected:before {position: absolute;content: "\f00c";font-family: FontAwesome;top: 0px;color: #fff;font-size: 14px;left: 1px;/* right: 0; */} .ais-ClearRefinements .ais-ClearRefinements-button {border: none;color: var(--dark-color) !important;margin: 0 0 5px 0;display: flex;justify-content: end;font-weight: 600;font-size: 15px;margin: 0 0 20px;} .ais-ClearRefinements .ais-ClearRefinements-button:hover{background-image:none;} .ais-ClearRefinements .ais-ClearRefinements-button:focus{box-shadow: none; outline:0;} /*.clr-fil-box {border: 1px solid var(--Gray-5, #E0E0E0);background: #FCFCFC;padding: 0 0 20px;margin: 0 0 25px;border-radius: 6px;}*/ #current-refinements {margin-bottom: 30px;} .ais-ClearRefinements .ais-ClearRefinements-button i {padding: 0 5px;font-size: 16px;} .form-check label {color: #242424;font-size: 14px;font-weight: 600;line-height: 31px;} .checked-filter-tours p {font-weight: 600;margin-bottom: 5px;padding-top: 6px;} .show-ratings { display: flex; justify-content: center;} .show-ratings .form-check.star-rt {padding: 0;border: 1px solid var(--Gray-5, #E0E0E0);} .show-ratings .form-check.star-rt:first-child {border-radius: 5px 0 0 5px;} .show-ratings .form-check.star-rt:last-child {border-radius: 0 5px 5px 0;} .tour-pl {padding: 0px 0px 12px 0px;} .tour-dtl-carausel {height: auto;align-self: center;width: 100%;flex-basis: 100%;overflow: hidden;border-radius: 15px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;} .tour-dtl-carausel img {height: 100%;width: 100%;object-fit: cover;transition: transform 0.5s ease;} .tour-listing-list-head {display: flex;justify-content: space-between;} .search-filter-listing {max-width: 295px;width:100%;flex-basis:100%;} .tour-detail-head {max-width: calc(100% - 315px);width: 100%;flex-basis: 100%;} .tour-detail-list-box { border-radius: 15px; border: 1px solid var(--Gray-5, #E0E0E0); background: #FCFCFC; padding: 20px; margin: 0px 0px 20px 0px;} .tour-detail-list-box .tgrid-badges {flex-wrap: nowrap;} /* .tour-dtl-desc {height: 100%;} */ .list-rating {display: flex;align-items: center;gap: 2px;} .tour-dtl-rating {display: flex; padding:0 15px 10px;} /* .list-rating-count {color: #242424;font-size: 16px;font-weight: 700;line-height: 23px;padding: 0 5px 0 0;} */ .list-rating i {color: #E5CA44;font-size: 14px;} /* .list-rating-comments-num { color: #888; font-size: 12px;font-weight: 600;line-height: 26px;padding-left: 22px;} */ .tour-dtl-price .caption-text {color: #888888;font-size: 16px;font-weight: 400;line-height: normal;} .tour-dtl-price .price {font-size: 18px;font-weight: 700;} .tour-dtl-carausel .carousel-control-next:focus, .tour-dtl-carausel .carousel-control-next:hover, .tour-dtl-carausel .carousel-control-prev:focus, .tour-dtl-carausel .carousel-control-prev:hover{opacity:1 !important;} .tour-dtl-carausel .carousel-control-next, .tour-dtl-carausel .carousel-control-prev{opacity:1 !important;} .tour-dtl-carausel .carousel-indicators [data-bs-target] {width: 6px;height: 6px; transition: opacity .6s ease; border-radius: 20px !important;overflow: hidden;border: 2px solid #fff;opacity:1;} .tour-dtl-carausel .carousel-indicators .active {opacity: 1;background: var(--dark-color) !important;border: 2px solid var(--dark-color) !important;} .carousel-control-next-icon, .carousel-control-prev-icon{width:23px; height:23px;} .tour-dtl-carausel .carousel-item {height: 200px;width:100%;} .tour-listing-grid-search {display: flex;flex-wrap: wrap;align-items:center;} .tour-listing-grid-search .tour-pl { padding: 0;margin: 0px 12px 0px 0px;display:flex; } .tour-deatiling-list-box{border-radius: 15px;padding: 0px;margin: 0px;margin-bottom: 0px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);height: 100%;} .combo-carausel-desc { display: flex;justify-content: start;} .tour-desc-box { width: 100%; padding: 0 15px; /* height: 100%; */ } .combo-carausel-desc .carausel-box {max-width: 285px;} /* .tour-rating-box {display: flex;justify-content: end;min-width:150px; padding: 10px 15px; } */ .input-group.grid-sch .btn { right: 0px;top: 0px;} .grid-view {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;border-radius: 15px;border: 1px solid var(--Gray-5, #E0E0E0); background: #FCFCFC;padding: 20px;margin: 0px 0px 20px 0px;} .grid-loop .combo-carausel-desc { } .grid-loop .combo-carausel-desc {flex-direction: column;} .grid-loop .tour-dtl-carausel .carousel-item {height: 200px;width: 100%;max-width: 100%;} .grid-loop .tour-deatiling-list-box {flex-direction: column;background: #fff; } .grid-loop .tour-dtl-rating {flex-direction: row;} .grid-loop .tour-rating-box {flex-direction: column;padding: 0px;} .grid-loop .list-rating-comments-num {padding: 0;} .grid-loop .tour-desc-box {padding: 0px 15px;} .grid-loop .tour-dtl-carausel {border-radius: 15px 15px 0px 0px;} .grid-loop .combo-carausel-desc .carausel-box { max-width: 100%;} .grid-loop .ais-InfiniteHits-list { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; } /* .grid-loop .tour-dtl-price { flex-direction: column; display: flex; } */ .grid-loop .tour-detail-head { max-width: calc(100% - 0px) !important; } /* .carousel-control-prev-icon { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 8 8'%3E%3Cpath d='m5.25 0-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3E%3C/svg%3E"); } */ .carousel-control-next-icon {background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 8 8'%3E%3Cpath d='m2.75 0-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3E%3C/svg%3E");} .grid-loop .modal-dialog {margin-right: 0;margin-top: 100px;} .grid-loop .modal-header {justify-content: end;} .grid-loop .modal-header button {background: transparent;border: none;font-size: 30px;color: var(--dark-color);} .grid-loop a {text-decoration: none;color: #242424;} .input-group .fa-icon {position: relative;z-index: 1;} .ais-SearchBox input {padding-left: 39px !important;} .ais-SearchBox-input:focus {border-color: var(--dark-color) !important;} .tour-tags {position: absolute;top: 10px;left:10px;z-index: 1;} .tour-dtl-carausel {position: relative;} /*.tour-list-content .ctm-refine {display: flex;align-items: center;padding-bottom: 20px;justify-content:space-between;}*/ .tour-tags span {border-radius: 6px; background: #2F80ED;display: inline-flex; padding: 5px 10px; justify-content: center;align-items: center; color: #fff;font-size: 12px;} .carousel-indicators li { border: 0; height: 12px;width: 12px;border-radius:20px;background:#fff !important;margin: 0 4px 0;} .carousel-indicators li.active{background: var(--dark-color) !important;} #stats-right {padding: 0 0 20px 0;} .home-dual-info-sec .sap-btn-dark a { max-width: 120px;text-decoration: none;} .tl-listing-carausel {padding: 30px 0;} .tl-listing-carausel .owl-dots {display: none;} .ais-InfiniteHits-item {box-shadow: none!important; margin: 0!important; display: block !important;padding:0 !important;} input.ais-SearchBox-input {background-color: #fcfcfc!important;color: #242424!important;border-radius: 8px !important;min-height: 45px;font-size: 14px;font-weight: 400;box-shadow: 0 0!important;width: 259px !important;border: 1px solid var(--Gray-5, #E0E0E0);padding: 11px 34px 12px 16px;} .tour-listing-page input.ais-SearchBox-input{width: 259px !important;min-height: 45px;filter: none;} .tour-listing-page input.ais-SearchBox-input::placeholder{color: #444444; font-size: 15px;} .ais-SearchBox-form {position: relative;} .ais-SearchBox-form:before {display: none;} .ais-CurrentRefinements-category.badge.badge-orange {color: #242424;border-radius: 20px;display: flex;justify-content: center;align-items: center;border: 1px solid var(--dark-color);white-space: pre-wrap; line-height: 16px;} .ais-CurrentRefinements-delete.badge-delete {color: var(--dark-color);} .ais-RefinementList-count, .ais-RatingMenu-count {background: rgb(253 112 20 / 15%) !important;border: 1px solid var(--dark-color) !important;color: var(--dark-color) !important;font-weight: 700 !important;} .ais-RatingMenu-starIcon { fill: #fc0 !important;} .ais-RatingMenu-label:hover{color: #242424 !important} .stars { --percent: calc(var(--rating) / 5 * 100%);display: inline-block;font-size: 15px;line-height: 1;} .stars::before {content: "★";letter-spacing: 1px;background: linear-gradient(90deg,#fc0 var(--percent),#fff var(--percent));-webkit-background-clip: text;-webkit-text-fill-color: transparent; -webkit-text-stroke: 1px #fc0;} .tour-dt.grid-date {position: relative;margin-left: 12px;} .tour-dt.grid-date.mrgl-0 {margin-left: 0px !important;} .cal-input .form-control {padding:0 28px;border-radius: 8px !important;} .cal-icn { position: absolute;top: 11px;left: 10px;} .cal-icn i { color: #242424 !important;} #searchbox {width: 100%;} button.filter-mob {min-width: 80px; border-radius: 25px; font-size: 24px; border: 2px solid var(--Gray-5, #E0E0E0);display: none;} .btn-filter.filter-desk {display: block;} /*********category-page**************/ .category-hero-sec {position: relative;overflow: hidden;height: 500px;margin: 99px 0 0;padding-bottom: 0px } .category-hero-sec:before {content:"";background-image: url(../images/catg-ban.png);background-size: cover;background-repeat: no-repeat;background-position: center;position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .category-hero-sec:after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 40%);} .category-hero-con {border-radius: 15px;border: 1px solid var(--Gray-5, #E0E0E0);background: #FCFCFC;padding:20px;} .category-hero-left .sap-lg-heading {color: #fff;padding: 0 0 24px;} .category-hero-con .text-para {font-weight: 600;padding: 0 0 6px;} .hero-combo-con-catg{display:flex;} .hero-combo-con-catg .sap-btn-dark button,.hero-combo-con-catg .sap-btn-dark a {min-width: 160px;} .category-hero-left {width: 100%;flex-basis: 100%;max-width: 458px;position:relative;} .category-hero-left .text-para {color: #242424; width: 100%;max-width: 420px;} .hero-combo-con-catg .tour-dt { margin: 0 8px 0 0;} .hero-combo-con-catg .form-control {width: 250px !important;} .best-colosseum-tours-sec {background: #F9F9F9;} .category-highlights-box {display: flex;flex-wrap: wrap;background-color: #fff;} .cat-left { width: 100%;flex-basis: 100%;max-width: 770px;padding: 0 20px 0 0;} .cat-right {width: 100%;flex-basis: 100%;max-width: calc(100% - 770px);padding: 20px 20px 0 20px;border-radius: 20px;background: #F9F9F9;} .cat-img{width: 100%;flex-basis: 100%;max-width: 770px;border-radius: 20px;height: 450px;overflow: hidden;margin:0px 0px 24px 0px;} .cat-img img{width: 100%;height:100%;object-fit: cover;} .cat-left .sap-md-heading, .cat-right .sap-sm-heading {padding: 0 0 12px;} .cat-left-inner-box, .cat-right-inner-box{padding-bottom:30px;} .cat-list{padding-top:7px;padding-bottom: 10px;} .cat-list ul {margin-bottom: 0px;} .cat-list li{padding-bottom: 15px;} .tp-categories .owl-nav {padding: 24px 0px 0px;} .ctm-refine.filter-bar-top #stats-right {padding-bottom: 0;padding-right:15px;} .ctm-refine.filter-bar-top button.ais-ClearRefinements-button {margin: 0;} .ctm-refine.filter-bar-top {padding: 0 0 30px;} #current-refinements-right {margin: 0px 5px;} .navbar-toggler { background-color: transparent;border: 1px solid transparent;border-radius: 0.25rem;font-size: 1.25rem;line-height: 1;padding: 0.25rem 0.75rem;color:var(--dark-color);} .sg-inner {position: relative;} .sg-img {overflow: hidden;border-radius: 20px;position: relative;height: 100%;} /* .sg-img:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 40%);} */ .sg-img img, .sg-img iframe { width: 100%; height: 100%; object-fit: cover;} #sg2 .sg-img,#sg3 .sg-img, #sg5 .sg-img, #sg6 .sg-img, #sg7 .sg-img, #sg10 .sg-img, #sg11 .sg-img, #sg12 .sg-img{height:180px;} #sg1 .sg-img, #sg4 .sg-img, #sg8 .sg-img, #sg9 .sg-img{height:380px;} #sg1 {grid-column: 1 / span 1;grid-row: 1/ span 2;} #sg2 {grid-column: 2 / span 1;grid-row: 1 / span 1;} #sg3 {grid-column: 3 / span 1;grid-row: 1 / span 1;} #sg4 {grid-column: 4 / span 1;grid-row: 1 / span 2;} #sg5 {grid-column: 2 / span 1;grid-row: 2 / span 1;} #sg6 {grid-column: 3 / span 1;grid-row: 2 / span 1;} #sg7 {grid-column: 1 / span 1;grid-row: 3 / span 1;} #sg8 { grid-column: 2 / span 1; grid-row: 3 / span 2;} #sg9 { grid-column: 3 / span 1; grid-row: 3 / span 2;} #sg10 { grid-column: 4 / span 1; grid-row: 3 / span 1;} #sg11 {grid-column: 1 / span 1;grid-row: 4 / span 1;} #sg12 {grid-column: 4 / span 1;grid-row: 4 / span 1;} .sg-btn {position: absolute;bottom: 15px;right: 15px;z-index: 1;} .sg-btn button,.sg-btn a {background: #fff;border: none;} .Family-Friendly-badge{background-color: #C3B2E6;} .Small-Group-badge{background-color: #E6B2B2;} .Priority-Access-badge{background-color: #B2E6D3;} .Semi-Private-badge{background-color: #B2D3E6;} .Arena-Floor-badge{background-color: #EFA0C6;} .Skip-The-Line-badge{background-color: #F1DB8C;} .Fast-Track-badge{background-color: #3E3E3E;color: #fff;} .Audio-Guides-badge{background-color: #8CD88A;} .Gladiator-Entrance-badge{background-color: #C8A3A3;} .Colosseum-Underground-badge{background-color: #9EE9E4;} .Ancient-Rome-badge{background-color: #B6C86E;} .Private-Tour-badge{background-color: #7D7D7D;color: #fff;} .Valid-1-Day-badge{background-color: #80A3D8;color: #fff;} .Valid-2-Days-badge{background-color: #7190BE;color: #fff;} .Valid-3-Days-badge{background-color: #5B77A0;color: #fff;} .cities-badge {background-color: #1299FF;color: #fff;} .country-badge {background-color: #50A8EF;color: #fff;} .region-badge {background-color: #2154CC;color: #fff;} .short-badge {background-color: #e9f8e4;color: #808f7b;} .half-day-badge {background-color: #479e4c30;color: #479e4c;} .day-trip-badge {background-color: #479e4c30;color: #479e4c;} .multi-day-badge {background-color: #479e4c30;color: #479e4c;} .morning-badge {background-color: #ffecf2;color: #a28d94;} .afternoon-badge {background-color: #b1aa1438;color: #676317;} .evening-badge { background-color: #b1aa1438;color: #676317;} .night-badge {background-color: #89840F;color: #fff;} .family-friendly-badge { background-color: #f3f5e0; color: #7b7d68 !important;} .couples-badge { background-color: #f5dbff; color: #9d72ad !important;} .solo-travelers-badge { background-color: #f0f3f3;color: #6f7272 !important;} .groups-badge {background-color: #ffecc5;color: #6f6042;} .kids-badge {background-color: #770010;color: #fff;} .teenagers-badge {background-color: #62000D;color: #fff;} .adults-badge {background-color: #4E000A;color: #fff;} .seniors-badge {background-color: #3A0008;color: #fff;} .skip-the-line-badge {background-color: #9013FE;color: #fff;} .fast-track-badge {background-color: #d7fff1;color: #5e9984;} .guided-badge { background-color: #d7fef2;color: #6b9286;} .self-guided-badge {background-color: #4f08832e;color: #4F0883 !important;} .all-inclusive-badge { background-color: #e6e6e6;color: #878787 !important} .meal-included-badge {background-color: #55028021;color: #550280 !important;} .hotel-pickup-badge { background-color: #eaffbc;color: #93af58 !important;} .mobile-ticket-badge {background-color: #10021a1c;color: #10021A;} .audio-guide-badge {background-color: #ffdcdf;color: #c26b74;} .private-tour-badge {background-color: #f0e3c8;color: #6f551f !important;} .small-group-badge { background-color: #eaf3f9; color: #6c6c6d !important;} .semi-private-badge {background-color: #b4c5c9;color: #5c6d71;} .entry-ticket-badge {background-color: #198fd51a;color: #198fd5 !important;} .live-show-badge {background-color: #fde6ba;color: #7e673b;} .exhibition-badge {background-color: #9902DA;color: #fff !important;} .wheelchair-accessible-badge {background-color: #50E3C2;} .hearing-assistance-badge {background-color: #43C1A9;} .visual-assistance-badge {background-color: #36A193;color: #fff;} .stroller-friendly-badge {background-color: #28847E;color: #fff;} .service-animal-friendly-badge {background-color: #1B696A;color: #fff;} .easy-access-badge {background-color: #0D4D56;color: #fff;} .spring-badge {background-color: #F5A623;color: #fff;} .summer-badge {background-color: #D18C1D;color: #fff;} .autumn-fall-badge {background-color: #B07717;color: #fff;} .winter-badge {background-color: #8D6211;color: #fff;} .christmas-badge {background-color: #6A4D0B;color: #fff;} .halloween-badge {background-color: #4738061c;color: #473806;} .new-year-badge {background-color: #241A00;color: #fff;} .easter-badge {background-color: #FFC055;color: #fff;} .budget-badge {background-color: #FF0080;color: #fff;} .mid-range-badge {background-color: #D6006E;color: #fff;} .luxury-badge {background-color: #B1005C;color: #fff;} .free-badge {background-color: #8C004A;color: #fff;} .one-star-up-badge {background-color: #00C0FF;color: #fff;} .two-stars-up-badge {background-color: #00A0D6; color: #fff;} .three-stars-up-badge {background-color: #0080AD;color: #fff;} .four-stars-up-badge {background-color: #006A87;color: #fff;} .five-stars-badge {background-color: #005462;color: #fff;} .trending-badge {background-color: #8BFF00;} .top-rated-badge { background-color: #479e4c30; color: #479e4c;} .best-seller-badge { background-color: #e6e6e6; color: #878787;} .new-badge {background-color: #569400;color: #fff;} .instant-confirmation-badge {background-color: #e6e6e6;color: #878787;} .free-cancellation-badge {background-color: #7a4d2521;color: #7A4D25;} .limited-availability-badge {background-color: #69431F;color: #fff;} .flexible-dates-badge {background-color: #59391A;color: #fff;} .book-now-pay-later-badge {background-color: #492F14;color: #fff;} .tour-detail-head .ais-InfiniteHits-loadMore:focus {background: var(--dark-color) !important;border-color: var(--dark-color) !important;box-shadow: none !important;} .mod_head button:focus {outline: none !important;outline: none !important;} .feature-image-container{position: relative;} .feature-image-container:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .feature-image-container .main-title, .feature-image-container .main-title *{color: #fff;} .bravo-more-book-mobile { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; z-index: 11; display: none; border-top: 1px solid #ddd;height:80px;} .check_aval_bottom .left-avail { text-align: left; float: left;} .check_aval_bottom .sap_red_btn {float: right;padding-top: 15px;} .check_aval_bottom { width: 100%;} /* Style the search field */ form.search-home{margin:auto;max-width:300px;padding-top: 30px;} form.search-home input[type=text] {padding: 10px;font-size: 14px;border: 1px solid var(--dark-color);float: left;width: 80%;background: #fff;border-top-left-radius: 10px;border-bottom-left-radius: 10px;} /* Style the submit button */ form.search-home button {float: left; width: 20%;padding: 8px;background: var(--dark-color);color: #fff;font-size: 17px;border: 1px solid var(--dark-color);border-left: none; /* Prevent double borders */ cursor: pointer;border-top-right-radius: 10px;border-bottom-right-radius: 10px;} form.search-home button:hover {background: #fff;} /* Clear floats */ form.search-home::after {content: "";clear: both;display: table;} form.search-home input[type="text"] {outline: none;} .local-exp-home-page .owl-carousel.owl-loaded {display: block;margin-top: 25px;} .ais-InfiniteHits-list .carousel-item{ transition: unset; overflow: hidden; -webkit-border-radius:; -moz-border-radius:; -ms-border-radius:; -o-border-radius:; -webkit-transition: unset; -moz-transition: unset; -ms-transition: unset; -o-transition: unset; } .datepicker td,th{text-align: center;padding: 8px 12px;font-size: 14px;} .general_template .w-100 {padding:0;} .general_template .w-100 .orange-title {font-size: 28px;line-height: 42px;font-weight: 600;letter-spacing: 0;} .attr_desc {margin-bottom: 34px;} .general-title-bg {background: rgba(0, 0, 0, 0.5);position: relative; /* margin: 99px 0 0; */} .general_template .container{padding: 0;} .general_template .container .col-md-8{padding: 0;} .pantheon_pages .orange-title{margin: 25px 0 24px 0;font-size: 28px;line-height: 42px;font-weight: 600;letter-spacing: -2px;} .contant_attr_m {padding: 10px 0;} .attrection_aside_sec {background-color: #FCFCFD;border: 1px solid #e1e1e1;padding: 23px;border-radius: 10px;} .attrection_aside_sec p { margin: 25px 0;} .toptenroon_attrection {margin-right: 40px;} .form-inline {column-gap: 5px;} .select2-container--default .select2-selection--single {background-color: #fff;border: 1px solid #d7d7d7;border-radius: 40px;height: 45px;display: flex;align-items: center;padding-left: 8px;} .select2-container--default .select2-selection--single .select2-selection__arrow {top: 9px;right: 5px;} /* new css start here */ .vatican_inner_sec h2{font-weight: 600;font-size: 24px;line-height: 24px;color: #444444;} .star{color: #242424;} .vat_right_cont span b {font-weight: 500;line-height: 20px;font-size: 16px;color: #777E90;} .accordion_list p {font-size: 15px;font-weight: 400;line-height: 21.79px;text-align: left;} section#part_sec .container, section#part_sec .col-md-12 {padding: 0;} .participants_box b {font-size: 16px;font-weight: 700;line-height: 22px;} .cal_icon input {width: 100% !important;font-size: 16px;font-weight: 400;line-height: 28px;color: #242424 !important;padding-left: 0;} .sel_parti button {font-size: 16px;font-weight: 400;line-height: 28px;color: #242424 !important;} .sel_lang select {font-size: 16px;font-weight: 400;line-height: 28px;color: #242424 !important;} .price{width: 100%;color: #242424; font-size: 16px;} .from_ {margin-top: 26px;display: flex;align-items: center;justify-content: space-between;} .star_head h4{line-height: 27px; font-weight: 600; font-size: 23px;} .star_head h4 span{color: #888888;} .star_head_main h2 {font-size: 24px;font-weight: 600;letter-spacing: normal;line-height: 32px;} .starcont svg { margin-bottom: 18px;} .starcont p {font-size: 15px !important;font-weight: 400;line-height: 26px !important;} .customer_right_sec h4 {font-size: 24px;font-weight: 600;letter-spacing: normal;line-height: 32px;} .attr_desc h3 {font-size: 24px !important;font-weight: 600 !important;line-height: 32px !important;color: #444444 !important;} .attrection_aside_sec h2 {font-size: 20px !important;font-weight: 900 !important;line-height: 32px !important;letter-spacing: 0 !important;} .description-container .description.short h3{font-weight: 900;font-size: 24px;color: #444444;} .reviews_thankyou {font-size: 14px;font-weight: 900;line-height: 24px;} /* .pro_you_might { font-size: 44px; font-weight: 700; line-height: 56px; letter-spacing: -0.02em; } */ /* new css end here */ .vatican_inner_sec{ margin-top: 29px; } /* 11/11/2024/ css start here */ .hour_head .tgrid-badges{ margin-left: 15px; } .vat_cont_main .sap_red_btn { width: 100%; } .vat_cont_main .check_aval .save_up_text { padding-left: 0; padding-right: 0; font-weight: 400; } .vat_cont_main .check_aval .header-btn,.sap_red_btn.sap_availability_btn button {font-weight: 400 !important;} .vat_cont_main .accordion-button:after { display: block; } .vat_right_cont{ border-top: 0; margin:0; } .vat_left_cont { padding: 0; } /* #single_acc_s { margin-bottom: 20px; } */ .accordion-item .accordion-header button{ font-size: 18px; font-weight:900; line-height: 32px; background-color: #fff !important; } .vat_cont_main .accordion-body{ padding: 0px 12px 12px; } .vat_cont_main .accordion-button{ padding:16px 12px !important; } .vat_cont_main .accordion-button::after{ right: 15px; } .vat_cont_main .accordion_list p { margin-bottom: 6px; } .sel_parti .user_icon { bottom: 12px; } .afr_icon p { position: relative; padding-left: 20px; } .afr_icon p::after { content: ""; background: #000; position: absolute; top: 9px; left: 0; right: 0; height: 5px; width: 5px; border-radius: 15px; } .dropdown_select_icon { position: absolute; top: 10px; right: 14px; } .dropdown_select2_icon { position: absolute; bottom: 25px; right: 14px; } /* .part_main.participants_box .sap_red_btn.sap_availability_btn button#availability-btn { font-weight: 500 !important; font-size: 14px !important; letter-spacing: 0.02em !important; } */ .part_main.participants_box .sap_availability_btn { width: 71%; padding: 0 17px 0 19px ; } .likely_right_cont{ border-bottom:none; } .rad_btns{ border-top:1px solid #D6D6D6; border-bottom:none; } .activity_pad { padding-bottom: 0 !important; } .likely_right_cont ul li { align-items: center; gap: 14px; } .price_breakdown_right .sap_red_btn { width: 100%; margin-top: 25px; display: flex; gap: 13px; } .likely_sec_inner .price_breakdown_right .cart_cont .sap_red_btn button#bookingNow-5{ font-weight: 700 !important; font-size: 14px !important; letter-spacing: 0.02em ; } /* 11/11/2024/ css end here */ /********************media query***********************************/ @media(max-width:1199px){ .sap-sm-heading {font-size: 19px;line-height: 23px;} .sap-md-heading {font-size: 23px;line-height: 27px;} .sap-lg-heading {font-size: 32px;line-height: 42px;font-weight: 800;letter-spacing: -2px;} .hero-sec-mobile .sap-lg-heading {text-align: center;color:#fff;background-color: #0000003b;} .hero-heading {font-size: 42px;line-height: 39px;font-weight: 800;letter-spacing: -4px;} .grid-view {grid-template-columns: repeat(2, 1fr);} .tour-detail-inner.list-view .combo-carausel-desc { gap: 15px;} .grid-loop .ais-InfiniteHits-list { grid-template-columns: repeat(3,1fr); } .hero-trio-h{height:70px} #hero-trio-4{height:110px;margin-bottom:7px} #hero-trio-5{height:100px} #hero-trio-6{height:90px;margin-bottom:7px} #hero-trio-8{height:90px} .hero-trio-h{margin-bottom:7px} .hero-trio-inner-img img{border-radius:7px} .hero-trio-head{gap:7px} } @media(max-width:991px) { .mobile-only{display:block;} .desktop-only{display:none;} .scmi-head{display:flex;flex-direction:column;flex-wrap: wrap;} .scmi-img{height:250px} .scmi-inner{max-width:100%;} nav .nav-link:not(.nav-link.header-btn) {padding: 0 0 15px 0;} nav .header-btn {margin: 0 0 12px 0;} .tour-grid-head {grid-template-columns: repeat(2, 1fr);} .hd-info-inner {flex-direction: column;} .hd-info-img { width: 100%; min-width: 100%;padding: 0 0 12px 0;} .pyvisit-head {flex-direction: column;padding: 10px 0;} .pyvisit-right {padding: 0; max-width: calc(100% - 0px);} .accordion-header .accordion-button {padding: 15px 0;} .accordion-body{padding: 0;} .accordion-item {margin: 0 ;} .cat-right { max-width: calc(100% - 0px);} .hd-info-inner {padding: 0 12px 30px 0px;} .grid-view {grid-template-columns: repeat(1, 1fr);} .combo-carausel-desc {flex-direction: column;} .tour-deatiling-list-box {flex-direction: column;} .tour-detail-inner.list-view .combo-carausel-desc .carausel-box {max-width: 100%;} .tour-detail-inner.list-view .tour-dtl-carausel .carousel-item { max-width: 100%;} .tour-listing-action {flex-direction: column; } .tour-listing-grid-search {margin: 0 0 15px 0;} .tour-listing-action.top_list_act {flex-direction: row;} .tour-dtl-rating {flex-direction: row;width: 100%;} .list-rating-comments-num {padding-left: 0px;} .combo-carausel-desc .carausel-box {max-width: 100%;} .tour-dtl-carausel .carousel-item {max-width: 100%;} .grid-loop .ais-InfiniteHits-list {grid-template-columns: repeat(2,1fr);} .sg-inner{max-width:100%;} /* .tour-list-content .ctm-refine {flex-direction: column;padding-bottom: 20px;} */ .tour-desc-box { padding: 0px 15px;} .hero-sec .hero-left {max-width: 100%;} .hero-sec .hero-left .text-para {max-width: 100%;} .hero-sec-mobile{margin: 60px 0 0;} .hero-sec-mobile .hero-sec-inner { justify-content: center;} .bravo-more-book-mobile { display:block} .check_aval{display:none} .frm-mobile { z-index: 1; position: relative;} } @media(max-width:767px) { .inner-content .col-md-4{margin-top:60px} .hero-left {max-width: 100%;} .hero-sec-inner {flex-direction: column-reverse;} .hero-right {max-width: 100%; padding: 0 0 15px 0;} .hero-left{padding: 0 0 20px 0;} .tour-grid-head {grid-template-columns: repeat(1, 1fr);padding: 0;} .hd-info-head {flex-direction: column;} .info-ban-tri-head {grid-template-columns: repeat(1,1fr);} .info-ban-sec {padding: 0 0 20px 0;} .hd-info-inner {max-width: 100%;} .hdci-left{max-width: 100%;} .hdci-right-img {max-width: 100%;padding: 0 0 12px 0;} .home-dual-card-ban-inner {flex-direction: column-reverse;padding: 0 15px;} .hdci-left {padding: 0;} .foot-links {flex-wrap: wrap;} .grey-back .tour-grid-head {grid-gap: 10px;} .hero-combo-con-catg {flex-direction: column;} .hero-combo-con-catg .tour-dt {margin: 0 0 8px 0;} .info-ban-tri-head {grid-gap: 30px;} .nav-tabs .nav-link {font-size: 14px;padding: 8px 22px;} .hd-info-inner {padding: 0 0 30px 0;} .tour-listing-list-head {flex-direction: column;} .search-filter-listing {max-width: 100%;} .tour-detail-head {max-width: calc(100% - 0px);} .tour-listing-grid-search .tour-pl {width: 100%;} .tour-listing-grid-search .tour-dt {width: 100%;} .tour-listing-grid-search .tour-pl {margin: 0px 0px 4px 0px;} .tour-listing-grid-search .tour-dt input { width: 100% !important;} .btn_filt {flex-direction: column;align-items: center;} .sap-btn-dark-togle {margin-top: 8px; } .form-control {width: 100% !important;} .checkout-template .form-control { width: 100% !important;} .grid-loop .ais-InfiniteHits-list {grid-template-columns: repeat(1,1fr);} .combo-btn-list-grid {display: none;} .tour-listing-action {flex-direction:row;align-items:center; } .footer-outer-box {flex-direction: column;} .foot-cpy-rt {padding: 20px 0 0;} .foot-copy-inner {flex-direction: column;align-items: center;} #foot2 .foot-links {padding: 36px 0 0;} .homepage.tour-listing-grid-search {margin: 22px 0 0 0 !important;} .tour-listing-grid-search {margin: 0 0 0px 0;} .btn-filter .sap-togle-filter {margin: 0;} .tour-list-content-inner input.ais-SearchBox-input {width: 100% !important;} #hero-trio-2, #hero-trio-5, #hero-trio-8 {margin-bottom: 0;} .hero-right {padding: 0 0 24px;} button.filter-mob {display: block;} .btn-filter.filter-desk {display: none;} .ctm-refine.filter-bar-top { padding: 0 0 20px;} .ais-CurrentRefinements-list {grid-auto-flow: row !important;} div#foot2{margin-top:30px;padding-left:20px} .foot-cpy-rt .foot-links,.foot-cpy-rt{padding-top:0;width:100%} .foot-copy-inner{padding:5px 0 0} .card-text_main li{display:none} .card-text_main.show li{display:list-item} .card-text_main li:first-child{display:block} .read-more-btn a{color:var(--dark-color);padding:10px 0 0;display:inline-block!important;margin-left:20px} .recomended-box{display:none} .get_inspired_home .sap-md-heading{font-weight:600} .featured_attrection_sec .tour_slider_images {height: 140px;} } .read-more-btn a { display: none; } @media (max-width:475px){ .footer-left { padding: 0 0 0px; max-width: 100%;} #foot1 {padding: 0;} #foot2 {margin-top: -17px;} .foot-copy-inner { flex-direction: column; align-items: self-start;} .footer-con {padding: 0 0 0px;} .foot-cpy-rt .foot-links {flex-direction: row;padding: 0px 0 10px 0px ; justify-content: space-between; width: 100%;} .foot-cpy-rt .foot-links li a {padding: 8px 0px 8px 0px;display: inline-block; text-align: center; font-size: 13px; text-transform: capitalize;} .foot-cpy-lf { font-size: 12px; text-transform: capitalize;text-align: center;width: 100%;} .foot-links {flex-wrap: nowrap;} .foot-links { padding: 8px 0 10px;} #foot2 .foot-links { padding: 8px 0 10px;} } @media (max-width:499px){ .tour-listing-action { flex-direction: column;} .tour-listing-action.ctm-grid-row .btn-filter {padding: 14px 0px;} } @media (max-width:374px) { .tour-list-content-inner input.ais-SearchBox-input {width: 100% !important;} } @media(min-width:500px) and (max-width:767px) { .scmi-head{flex-direction:row;} .scmi-inner{max-width: calc(50% - 10px);} .footer-right {grid-template-columns: repeat(2,1fr);} .footer-outer-box {flex-direction: row;} .footer-left {padding: 0 0 30px; max-width: 40%;} #foot1 {padding: 0;} #foot2 {margin-top: -17px;} .foot-links { padding: 8px 0 10px;} .footer-con {padding: 0 0 30px;} .sg-inner{max-width: calc(50% - 10px);} } @media(min-width:768px) and (max-width:991px) { .scmi-head{flex-direction:row;} .scmi-inner{max-width: calc(33.3% - 14px);} .hero-left {padding: 0 12px 0 0;} .hd-info-inner {padding: 0 12px 40px 0px;} .tgrid-title {min-height: 30px;} .tour-grid-head {padding: 0;} .footer-outer-box {flex-direction: row;} .footer-right,.ctm-single-pro .tour-grid-head {grid-template-columns: repeat(2,1fr);} } @media(min-width:992px) and (max-width:1199px) { .hero-sec{margin-top: 95px;padding: 60px 0;} nav .nav-link:not(.nav-link.header-btn) {padding: 0 0 0 25px;font-size: 15px;} nav .header-btn { margin: 0 0 0 24px; } } @media(max-width:991px) { .navbar-toggler-icon{ width: 1.5em; height: 1.5em; vertical-align: middle; background-image: none; background-repeat: no-repeat; background-position: center; background-size: 100%; color: black; } .sg-inner{max-width:100%;} section { padding: 30px 0 !important; } } @media(min-width:500px) and (max-width:767px) { .sg-inner{max-width: calc(50% - 10px);} } @media (min-width: 768px) and (max-width: 991px){ .single-grid-box img{width: 170px;} #sg2 .sg-img,#sg3 .sg-img, #sg5 .sg-img, #sg6 .sg-img,#sg7 .sg-img, #sg10 .sg-img, #sg11 .sg-img, #sg12 .sg-img {height:180px !important;} #sg1 .sg-img, #sg4 .sg-img, #sg8 .sg-img, #sg9 .sg-img {height:100% !important;} } /*@media(max-width:1199px){ button.btn.btn-link.slick-btn.slick-prev.slick-arrow .la-arrow-circle-left:before { left: 86px;} button.btn.btn-link.slick-btn.slick-next.slick-arrow .la-arrow-circle-right:after { right:86px;} } @media(min-width:768px) and (max-width:1040px){ button.btn.btn-link.slick-btn.slick-prev.slick-arrow .la-arrow-circle-left:before { left: 27px;} button.btn.btn-link.slick-btn.slick-next.slick-arrow .la-arrow-circle-right:after { right: 27px;} } @media(min-width:320px) and (max-width:575px){ button.btn.btn-link.slick-btn.slick-prev.slick-arrow .la-arrow-circle-left:before { left: 0px;} button.btn.btn-link.slick-btn.slick-next.slick-arrow .la-arrow-circle-right:after { right: 0px;} } @media(min-width:1200px){ button.btn.btn-link.slick-btn.slick-prev.slick-arrow .la-arrow-circle-left:before { left: 44px;} button.btn.btn-link.slick-btn.slick-next.slick-arrow .la-arrow-circle-right:after { right: 44px;} } */ .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 300px !important; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-size: 15px; line-height: 1em; } .daterangepicker td.active, .daterangepicker td.active:hover { background: linear-gradient(135deg,#FF91A0,#FFDF65) !important;border: 2px solid var(--dark-color) !important; border-color: transparent; color: #fff; } button.applyBtn.btn.btn-sm.btn-primary { background: linear-gradient(135deg,#FF91A0,#FFDF65) !important;border: 2px solid var(--dark-color) !important; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; border: none; } .daterangepicker select.yearselect { width: 40%; border: none; } .form-control:focus { color: #212529; background-color: #fff; border-color: #FF91A0 !important; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25); } @media (max-width:767px) { .ctm-single-pro .part_main .sap_red_btn { margin: 0 auto !important; } } #sort-by .ais-SortBy-select {border-radius: 8px;} #sort-by { width: 100%; max-width: 240px; margin-left: auto; margin-bottom: 10px;} #sort-by .ais-SortBy-select:focus { border-color: var(--dark-color) !important; box-shadow: 0 0 0 ;} @media (max-width:991px) { #sort-by { margin: 0 auto 12px; max-width:530px;} } @media (max-width:991px) { #sort-by { padding-right: 0px;} } .ctm-gallery .grid_parent { display: flex;margin: 0 0 40px 0;} .ctm-gallery .grid_parent .parent_left { max-width: 65%; width: 100%; margin: 0 10px 0 0;} .ctm-gallery .carousel-indicators { margin: 0 auto; bottom: 15px;} .ctm-gallery .swiper_img .carousel-inner, .grid_parent .carousel-inner { border-radius: 0px !important;} .ctm-gallery .carousel-item {position: relative; float: left; width: 100%; margin-right: -100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform .6s ease-in-out;} .ctm-gallery .grid_parent .parent_left img { height: 400px; object-fit: cover; border-top-left-radius: 0px; border-bottom-left-radius: 0px; overflow: hidden;} .ctm-gallery .carousel-control-prev { left: 0;} .ctm-gallery .carousel-control-next { right: 0;} .ctm-gallery .grid_parent .parent_right { max-width: 35%; width: 100%;} .ctm-gallery .grid_parent .parent_right .right_one { margin: 0 0 10px 0;} .ctm-gallery .grid_parent .parent_right .right_one img { height: 195px; object-fit: cover; border-top-right-radius: 0px; overflow: hidden;} .ctm-gallery .grid_parent .parent_right .right_two {position: relative;display: flex; gap: 12px;} .ctm-gallery .grid_parent .parent_right .right_two img { height: 195px;object-fit: cover;border-bottom-right-radius: opx; overflow: hidden;} .ctm-gallery .right_two .show_btns { position: absolute; bottom: 15px; right: 15px;} /* .ctm-gallery .right_two .show_btns button { background: rgba(25, 27, 32, .4); color: #fff; border: 2px solid #fff; border-radius: 20px; font-size: 14px;} */ .ctm-gallery .right_two .show_btns button {background: rgba(25, 27, 32, .4);color: #fff;border: 2px solid #fff;font-size: 10px;width: 94px;height: 36px;padding: 0;font-weight: 700; line-height: 21px; } .ctm-single-img { width: 100%; height: 400px; } .ctm-single-img img { width: 100%; height: 100%; object-fit: cover; } .ctm-double-img{ max-width:100% !important; } .vat_right_cont ul { border: 1px solid #E6E8EC; border-right: 0; border-left: 0; padding: 28px 0 18px 0; } /* svg.product_language_icon path { fill: #777E90; } */ /* new css start here */ .ctm-gallery .grid_parent .parent_right .right_two img { border-radius: 10px; } .ctm-gallery .grid_parent .parent_right .right_one img{ border-radius: 10px; } .ctm-gallery .grid_parent .parent_left img { border-radius: 10px; } .carousel-indicators li.active { background: var(--dark-color) !important; } .save_up_text{ display: flex; align-items: center; justify-content: space-between; padding: 25px 11px; } /* .vat_left_cont p { font-size: 16px !important; line-height: 26px !important; color: #242424; } */ .check_aval { background: none !important; border: 1px solid var(--dark-color) !important; border-radius: 20px; padding: 20px 20px; width: 90%; margin-left: auto; padding: 0; } .check_availabilit { background: var(--dark-color) !important; border: 2px solid var(--dark-color) !important; color: #fff !important; min-width:160px; } .save_box{ border-bottom: 1px solid var(--dark-color); background: #FFEADC; padding: 11px; border-top-right-radius: 20px; border-top-left-radius: 20px; } .save_box h6{ font-size: 12px; font-weight: 700; line-height: 19.07px; text-align: right; color: var(--dark-color); text-transform: uppercase; margin-bottom: 0; } .pr_pers { color: var(--dark-color); padding: 0 0 8px 0; } .per_person{ color: #242424; font-size: 14px; font-weight: 400; line-height: 19.07px; text-align: left; } .cancellation{ border: 1px solid var(--dark-color) !important; width: 90%; margin-left: auto; background: #FFEADC; font-size: 15px; font-weight: 400; line-height: 22px; text-align: left; } .icon-sec-t ul{ display: flex; justify-content: space-between; flex-wrap: wrap; } .vat_right_cont ul li svg { height: 23px; width: 24px; margin: 7px 8px 0 0; } .live_tour_guide{ font-size: 14px; line-height: 20px; color: #888888; } .acccordion_heading{ font-size: 16px; font-weight: 700; line-height: 26px; text-align: left; } .likely{ background: #F6D532; font-size: 12px !important; font-weight: 700; line-height: 26px; text-align: center; display: inline-block; padding: 1px 13px; border-radius: 50px; text-transform: uppercase; color: #5C5C5C; margin-right: 40px; min-width: 150px; } /* .language_english h3{ font-family: Open Sans; font-size: 16px; font-weight: 700; line-height: 24px; } */ /* .language_english h3 span{ font-family: Open Sans; font-size: 16px; font-weight: 400; line-height: 24px; color: #888888; margin-left: 43px; } */ .duration_time { display: flex; align-items: center; justify-content: space-between; } .text_bdr{ border-bottom: 1px solid #E0E0E0; padding-bottom: 30px; } .basilica h2{ font-size: 16px; font-weight: 700; line-height: 16px; text-align: left; } .sap_availability_btn { width: 224px; margin: 0 auto; } /* .sap_availability_btn button{ font-family: Oswald; } */ .participants_box { background: var(--dark-color)26 !important; border: 1px solid var(--dark-color) !important; padding: 20px 20px; margin-top: 20px; } .dropdown .btn-block { text-align: center; padding-left: 0; } .cal_icon input { text-align: center; } .sel_lang select { text-align: center; } .price_breakdown_right { width: 32%; border-left: 1px solid #e0e0e0b8; padding-left: 10px; } .price_breakdown_left{ width: 68%; } .likely_sec_inner { display: flex; } .check-sec input[type="radio"]:checked ~ label { background: #2D3134 !important; color: #fff; border: 1px solid #2D3134 !important; padding: 10px 24px !important; } .check-sec label{ padding: 10px 24px !important; } .cart_cont { background: none !important; padding: 20px 0 !important; margin: 0 !important; display: block !important; } /* .price-breakdown{ color: #000 !important; font-family: Open Sans; font-size: 16px; font-weight: 700; line-height: 16px; text-align: left; } */ .sap_red_btn button { /* padding: 6px 8px !important; */ /* background-color: var(--dark-color) !important; border: 2px solid var(--dark-color) !important; */ } .sap_red_btn button .add_to_cart_bg{ background-color: transparent !important; color:var(--dark-color) !important; } .total_cl{ color: #444444 !important; font-size: 28px !important; padding: 4px 0 8px 0; } button#addToCart-7 { background: transparent !important; color: var(--dark-color) !important; border: 2px solid var(--dark-color) !important; } .header-btn { background: var(--dark-color) !important; border: 2px solid var(--dark-color) !important; /* font-family: Oswald; */ font-size: 14px; font-weight: 700; line-height:16.8px; text-transform:capitalize; } .attractions_in_rome ul li a { background: #FCFCFC !important; border: 1px solid #E0E0E0 !important; color: #888888 !important; } .image_tour img{ width :100%; border-radius: 8px; } .hours_tour { display: flex; align-items: center; justify-content: space-between; } .hours_tour .star_tour p { font-size: 12px !important; font-weight: 700; line-height: 26px !important; text-align: left; color: #888888; display: flex; align-items: center; gap: 6px; margin: 8px 0 3px 0; } .hours_tour .star_tour p span{ font-size: 16px; font-weight: 700; line-height: 23px; text-align: left; } .image_tour h2{ font-size: 16px; font-weight: 700; line-height: 21px; text-align: left; } .Family_friendly p{ display: inline-block; background: #C3B2E6; width: 110px; height: 25px; border-radius: 20px ; font-size: 12px !important; font-weight: 700 !important; line-height: 16.34px !important; text-align: center !important; margin-right: 6px; } .from_ p{ font-size: 16px !important; font-weight: 600; line-height: 16.34px; text-align: left; color: #242424; margin: 0; } .price_product_pages .price { font-size: 18px !important; font-weight: 700; color: #242424; } .rev_text { color: #888; font-size: 12px; font-weight: 600; line-height: 26px; } .price_product_pages .caption-text { color: #888888 !important; font-size: 16px !important; font-weight: 400 !important; } .tour-deatiling-list-box svg{ color: #fff; } .from_ h4{ font-size: 16px; font-weight: 700; line-height: 21px; text-align: left; color: #BDBDBD; } .from_ h4 span{ color: var(--dark-color); } .small_group{ background: #E6B2B2 !important; } .priority_access{ background: #A9DAAE !important; } .banner_single_image img{ display: none; } .banner_single_image img { width: 100%; } .september_reviews h2{ font-size: 16px; font-weight: 700; line-height: 26px; } .september_reviews p{ line-height: 26px; } .cristina_switzerland h4{ font-size: 14px; font-weight: 700; line-height: 21px; color: #242424; } .cristina_switzerland { display: flex; align-items: center; justify-content: space-between; } .cristina_bott { border-bottom: 1px solid #24242426; padding-bottom: 18px; margin-bottom: 18px; } .customer_reviews_tesktop_remove{ display: none; } .desktop_hide{ display: none; } button#addToCart-15 { background: transparent !important; color: #FD7010 !important; } .hide_family_group{ } .slider_box_text{ padding: 10px; padding-top: 0; } .slider_box_text h2{ font-size: 15px; font-weight: 600; line-height: 21px; text-align: left; color: #444444; } /* h2.slider_heading_text { min-height: 100% !important; height: 41px; } */ h2.slider_heading_text { min-height: 100% !important; height: 41px; overflow: hidden; } .spcg { padding: 0; } .sap_red_btn .add_to_cart_bg { background: transparent !important; color: var(--dark-color) !important; } .nextDateSpan { padding: 6px 8px !important; background-color: var(--dark-color) !important; border: 2px solid var(--dark-color) !important; display: block; color: #fff; border-radius: 6px; } .likely_right_cont ul li div { font-size: 16px !important; font-weight: 500; line-height: 24px !important; color: #23262F; } .likely_right_cont ul li div span{ font-weight: 700 !important; color: #777E90 !important; } .sel_time{ color: #242424; margin: 16px 0 31px 0; font-size: 18px; font-weight: 600; line-height: 32px; } .price-breakdown b{ font-size: 18px; font-weight: 900; line-height: 32px; color: #444444; } .adult_align span{ font-size: 14px; font-weight: 900; line-height: 24px; color: #777E90; } span.ais-Stats-text b { font-size: 24px; line-height: 42px; font-weight: 600; padding: 0 0 26px; text-transform: capitalize; } /* new css end here */ .skip_the_line { display: flex; flex-direction: column; align-items: start; } /* home page css 13/11/2024/ start here*/ .hero-sec .hero-sec-inner .sap-btn-dark a{ font-weight: 700; font-size: 16px; line-height: 26px; text-transform: capitalize; } section.popular-tours { padding-top: 53px; padding-bottom: 20px; } .info-ban-sec { padding-top: 3px; margin-bottom: 15px; } .general_template_content { padding-top: 65px !important; } .home_asked .acc_border_rad .collapsed{ font-weight: 400; /* background-color: #e7f1ff !important; */ padding: 18px 25px; } .home_asked .acc_border_rad{ border: 1px solid #E8EBED !important; border-radius: 10px !important; background-color: #EFF2F7; margin-bottom: 20px; } .home_asked .acco_text_heading:after{ display: block; filter: brightness(0) grayscale(94%); } .home_asked .acco_text_text{ padding-top: 0; } .home_asked .acco_text_text ul{ padding-left: 17px; } .home_asked .acco_text_text ul li a{ color: #242424; } .home_asked { padding: 0px 0 16px 0; } .home_useful_info { padding: 0; background-color: transparent; } .plan_img_text { padding: 0 !important; } .acc_texth5{ max-width: 50%; } .free_wifi_images{ max-width: 50%; } .tab-content{ background: transparent; box-shadow: none; border: 0; } .acc_texth5 .accordion-item{ /* background-color: #e7f1ff; */ border-bottom: 1px solid #00000030; border-radius: 0 !important; } .acc_texth5 .accordion-item .accordion-button.collapsed { /* background-color: #e7f1ff; */ padding: 18px 25px; border-color: #00000030; font-weight: 400; } .acc_texth5 .accordion-button:after { display: block; filter: brightness(0) grayscale(100%); } .home_asked .accordion-header .accordion-button{background: #eff2f7 !important; font-size: 16px;padding: 10px 12px;background: #fff; font-weight: 500;} .home_asked .acco_text_text {padding: 0 11px 11px 11px;} /* home page css 13/11/2024/ end here*/ /* new media start here */ @media (max-width: 767px) { .home_asked .acc_border_rad{margin-bottom: 8px !important;} .wonder-banner { display: none; } .swiper-container{ display: none; } .banner_single_image img{ display:block; border-radius: 8px; margin-top: -18px; } .tour-rating-box{ padding: 0; } .icon-sec-t ul{ flex-wrap: wrap; } .select-participants { flex-wrap: wrap; } .likely_sec_inner { display: block; } .likely_right_cont ul { flex-wrap: nowrap; } .price_breakdown_right { width: 100%; text-align: center; } .cart_inner_two { width: 100%; } .price { text-align: center; } .price_breakdown_left { width: 100% !important; } .price.price-breakdown { color: #000; } } @media (max-width: 575px) { .cancellation { display: none; } .ctm-single-pro .vat_right_cont ul li { max-width: 156px; } .image_tour { margin-bottom: 35px; } .vatican_inner_sec_mobile { position: relative; /* padding-top: 50px; */ } /* .tour-dtl-rating-reviews { position: absolute; top: 15px; left: 0; } */ /* .list-rating { display: inline-block; } */ .list-rating-count { display: inline-block; } /* .list-rating-comments-num { display: inline-block; } */ /* .tour-dtl-price { display: none; } */ .price.price-breakdown { width: 100%; } .customer_reviews_tesktop_remove{ display: block; } .customer_left_sec { display: none; } .desktop_hide{ display: block; } .mobile_hide { display: none; } /* new media 30/10/2024 */ .vatican_inner_sec_mobile h2 { font-size: 20px; font-weight: 600; } .vat_left_cont p { font-size: 14px !important; color: #242424; } .vat_right_cont span b{ font-size: 16px; } .accordion-item .accordion-header button { font-size: 16px; } .accordion_list p{ font-size: 14px !important; } #priority_access_colosseum .accordion-body P{ font-size: 14px !important; } #priority_access_colosseum .accordion-item { margin: 15px 0; } .customer_reviews_tesktop_remove .accordion-item { margin: 15px 0; } .september_reviews h4 { font-size: 14px; font-weight: 600; line-height: 26px; margin-bottom: -16px; } .september_reviews p { font-size: 14px !important; } .popular-tours-inner .sap-md-heading{ font-size: 22px; } .sap_red_btn button{ padding: 6px 20px !important; } img.banner_image { width: 100%; border-radius: 10px; margin-bottom: 26px; } span.list-rating i { color: #E5CA44 !important; } .vatican_inner_sec_mobile{ padding: 0; } .toptenroon_attrection { margin: 0 !important; } /* 12/11/2024 @media css start here */ .tour-rating-box { min-height: 50px; } .part_main.participants_box .sap_availability_btn { width: 100% !important; } .form-control.main-input{ border-radius: 6px !important; } .select_field.sel_parti button { border-radius: 6px; } .participants_box b{ font-weight: 600; } .ctm-single-pro .tgrid-badges{ padding: 5px 0 0px; } .bravo-more-book-mobile .sap_red_btn a{ min-width: 196px; } .likely_left_cont p { padding: 0 0 25px 0; } .rad_btns{ padding: 25px 0; border-bottom: 1px solid #D6D6D6; } /* .price { margin: 25px 0 12px 0; } */ .adult_align { justify-content: center; } .cart_cont { padding: 0px 0 20px !important; } .price_breakdown_right .sap_red_btn { margin-top: 0px; } .pr_pers span { font-size: 14px; font-weight: 400; line-height: 19.07px; color: #242424; } .part_sec { padding: 0 !important; } section.likely_sec { padding: 0 !important; } div#option-container { padding: 0 !important; } .form-group{ margin-bottom: 0 !important; } .align_icon .user_icon { bottom: 10px; } .dropdown_select2_icon { bottom: 10px; } /* 12/11/2024 @media css end here*/ /* 14/11/2024 @media css start here*/ .hero-sec-mobile .sap-lg-heading{background: transparent; font-size: 24px; letter-spacing: 1px;line-height: 30px;} .info-ban-sec { margin-bottom: 25px; } .home_asked { padding: 6px 0 15px 0; } .home_asked .acc_border_rad .accordion-button.acco_text_heading { padding: 18px 25px; } .home_asked .acc_border_rad .accordion-collapse .acco_text_text{ padding: 0 25px; } .free_wifi_images { max-width: 100%; } .acc_texth5 { max-width: 100%; } .home_useful_info .acc_texth5 button.accordion-button { padding: 18px 25px; } .acc_texth5 .accordion-collapse{ padding:0px 25px; } /* 14/11/2024 @media css end here*/ /* 18/11/2024 attrection @media start here */ .feature-image-container { height: 325px; } .banner_text_attrection div { font-size: 32px !important; } .banner_text_attrection { padding: 0px 13px !important; width: 99% !important; background: #00000082 !important; border-radius: 10px !important; margin-right: 53px !important; } .toptenroon_attrection { margin: 0 15px !important; } .general_template .w-100 .orange-title{ font-size: 22px; } span.ais-Stats-text b { font-size: 22px; font-weight: 700; } /* 18/11/2024 attrection @media start here */ } /* new media end here */ /* attrection page css start here */ .attrection_pages_banner_image { margin-top: 115px; border-radius: 10px; overflow: hidden; } /* .banner_text_attrection { padding: 10px 26px; width: 50%; margin-left: 53px !important; background: #000000BF; border-radius: 20px; } */ .banner_text_attrection div{ font-size: 47px; font-weight: 700; padding: 15px 0; } .banner_text_attrection p { color: #fff; font-size: 16px !important; font-weight: 450; line-height: 24px; } .atimg img { height: 315px; width: 100%; object-fit: cover; object-position: top; } /* attrection page css end here */ @media (max-width:767px) { .ctm-gallery-mb .swiper_img .carousel-inner,.ctm-gallery-mb .grid_parent .carousel-inner { border-radius: 0px !important;} .ctm-gallery-mb .swiper-container { width: 100%; height: 100%; overflow: auto; margin: 0 0 0px 0; } .ctm-gallery-mb .swiper-wrapper { display: block; } .ctm-gallery-mb .swiper-wrapper li:first-child { width: 100%; display: block; } .ctm-gallery-mb .carousel-indicators { margin: 0 auto; bottom: 15px; } .ctm-gallery-mb .swiper_img .carousel-indicators li { width: 8px !important; display: block !important; margin: 0 4px 0 4px !important; } .ctm-gallery-mb .swiper_img .carousel-indicators li { height: 8px !important; } .ctm-gallery-mb .carousel-inner { position: relative; width: 100%; overflow: hidden; } .ctm-gallery-mb .swiper_img .carousel-item img { border-radius: 0px !important; overflow: hidden; } .ctm-gallery-mb .swiper-slide img { width: 100%; object-fit: cover; } .ctm-gallery-mb .swiper-wrapper li:nth-child(2) { display: flex; flex-direction: row-reverse; width: 100%; gap: 10px; margin: 10px 0 0; } .ctm-gallery-mb .swiper-slide .swiper_img-2:first-child { margin: 0 0 0px 0; } .ctm-gallery-mb .swiper-wrapper .swiper-slide { width: 50%; } .ctm-gallery-mb .swiper-wrapper li { display: none; } .ctm-gallery-mb .swiper_img .carousel-item img { border-radius: 0px !important; overflow: hidden; } .ctm-gallery-mb .swiper-wrapper { padding: 0 10px !important; } .ctm-gallery-mb { margin-top: 40px; } .ctm-single-img { height: 250px; } .ctm-gallery-mb .carousel-item img { border-radius: 0 !important; } .ctm-gallery-mb .carousel-inner { border-radius: 0; } .attrection_aside_sec { margin-bottom: 31px; } .attr_desc { margin-bottom: 45px; } footer { padding: 30px 0px 25px; margin: 30px 0 0 0; } } /* 10/12/2024 css start here */ .tour-listing-page .slick-prev { position: absolute; left: 0; bottom: 77px; } .tour-listing-page .slick-next{ position: absolute; bottom: 77px; right: 0; } .home_useful_info .acc_texth5 .accordion-body{padding-top: 0;} .beader_sh{box-shadow: none;} .hero-sec-inner .explore_banner{ background: #FFFFFF; box-shadow: 0 17px 8px 0 rgb(223 223 223 / 20%), 0 18px 39px 0 rgb(218 218 218 / 19%); display: inline-block; width: 183.6px; height: 51.06px; border-radius: 8px; font-size: 14px; font-weight: 700; line-height: 16.8px; display: flex; align-items: center; justify-content: center; color: var(--dark-color); margin-bottom: 45px; border: 1px solid #dbdbdb; } .hero-sec-inner .home_banner_text{ margin: 30px 0; } .hero-sec-inner .home_banner_text p{ font-size: 18px !important; font-weight: 400; line-height: 28.8px; color: #19182580; margin: 0; } .booking_sec_banner { display: flex; align-items: center; justify-content: space-between; border: 1px solid #dbdbdb; background: #FFFFFF; box-shadow: 0 17px 8px 0 rgb(223 223 223 / 20%), 0 18px 39px 0 rgb(218 218 218 / 19%); height: 72px; padding: 0 15px; border-radius: 6px; } .booking_sec_banner input{ padding: 7px 0; } .booking_sec_banner input:focus-visible{ outline: none; } .booking_sec_banner input, .booking_sec_banner select{ border: none; color: #999EA5; font-size: 14px; } .booking_sec_banner select{ background-image: none; padding-left: 0; margin-top: -15px; } .booking_sec_banner p { margin-top: -15px; margin-bottom: 0; } .booking_sec_banner .form-select:focus{ box-shadow: none; } .booking_sec_banner label{ color: #000000; font-weight: 700; font-size: 16px; } .home_banner_svg{ background-color: var(--dark-color); border-radius:8px; height: 45px; width: 48px; display: flex; align-items: center; justify-content: center; } .tour-list-content .tour-listing-action .tour-pl .grid-date .cal-input .flatpickr-input[readonly]{ font-size: 15px; color: #444444; } .home_banner_svg button{background-color: transparent;border: 0;} .grid-loop .tour-desc-box{} .home-dual-info-sec-inner img{border-radius: 10px;} .slick-btn .las{font-size: 29px !important;color: #fff;} .slick-btn .las:hover{ color: var(--dark-color); } .btn-secondary:not(:disabled):not(.disabled):active{ background: var(--dark-color) !important; border: 2px solid var(--dark-color) !important; } .flatpickr-calendar.animate.arrowTop.arrowLeft.open { margin: 5px 0 0; } .par_person_price{ line-height: 20px;} #single_acc_s .accordion-item, #priority_access_colosseum .accordion-item { border: 0 !important; border-bottom: 1px solid #00000030 !important; border-radius: 0 !important; } .vatican_wd span{ color: #444444; } .ctm-single-pro .caption-text{ display: inline; } .tour-deatiling-list-box:hover img{transform: scale(1.2);} .banner_search_bar{ width: 100%; } .banner_search_bar input { padding: 0 10px; width: 100% !important; } .banner_search_bar input::placeholder{ color: #888888 !important; } .ais-InfiniteHits .carausel-box .slide{ position: relative; } /* Initially hide the next and previous buttons */ .ais-InfiniteHits .carausel-box .slide .carousel-control-next-icon { position: absolute; bottom: 10px; visibility: hidden; transform: translateY(20px); transition: transform 0.5s ease, opacity 0.5s ease, visibility 0s 0.5s; /* Add delay to visibility change */ } .ais-InfiniteHits .carausel-box .slide .carousel-control-prev-icon { position: absolute; bottom: 10px; right: 0; left: 0; margin: 0 auto; visibility: hidden; transform: translateY(20px); transition: transform 0.5s ease, opacity 0.5s ease, visibility 0s 0.5s; /* Add delay to visibility change */ } .ais-InfiniteHits-item:hover .carausel-box .tour-dtl-carausel .carousel-control-prev-icon, .ais-InfiniteHits-item:hover .carausel-box .tour-dtl-carausel .carousel-control-next-icon { display: block; visibility: visible; transform: translateY(-20px); /* Move up on hover */ transition: transform 0.5s ease, opacity 0.5s ease, visibility 0s; } .tour-detail-head .tour-detail-inner .ais-InfiniteHits .combo-carausel-desc .carousel-control-next .carousel-control-next-icon{ background-image: none; } .tour-detail-head .tour-detail-inner .ais-InfiniteHits .combo-carausel-desc .carousel-control-prev .carousel-control-prev-icon{ background-image: none; } .tour-detail-head .tour-detail-inner .ais-InfiniteHits .combo-carausel-desc .carousel-control-next .carousel-control-next-icon svg{ font-size: 20px; color: #fff; } .tour-detail-head .tour-detail-inner .ais-InfiniteHits .combo-carausel-desc .carousel-control-prev .carousel-control-prev-icon svg{ font-size: 20px; color: #fff; } .tour-deatiling-list-box:hover .image-bg_color{ position: absolute; top: 0; height: 100%; width: 100%; border-image: fill 0 linear-gradient(#ffffff11, #00000070); left: 0; right: 0; bottom: 0; } .tour-deatiling-list-box a.carousel-control-prev { left: auto !important; right: 50px; } .popular-tours .carausel-box .carousel-control-prev .carousel-control-prev-icon, .best-rmt-tours .carousel-control-prev-icon, .best-rmt-tours .carousel-control-next-icon{ background-image: none; } .popular-tours .carausel-box .carousel-control-prev .carousel-control-prev-icon svg, .best-rmt-tours .carousel-control-prev-icon svg, .best-rmt-tours .carousel-control-next-icon svg, .Popular-sec_s .ais-InfiniteHits-list .combo-carausel-desc .carousel-control-next-icon svg, .Popular-sec_s .ais-InfiniteHits-list .combo-carausel-desc .carousel-control-prev-icon svg{ font-size: 20px; } .popular-tours .carausel-box .carousel-control-next .carousel-control-next-icon, .Popular-sec_s .ais-InfiniteHits-list .combo-carausel-desc .carousel-control-prev-icon, .Popular-sec_s .ais-InfiniteHits-list .combo-carausel-desc .carousel-control-next-icon{ background-image: none; } .popular-tours .carausel-box .carousel-control-next .carousel-control-next-icon svg{ font-size: 20px; } .popular-tours button.carousel-control-prev, .best-rmt-tours .tour-grid-head .carousel-control-prev { left: auto !important; right: 50px; } .popular-tours .carausel-box .carousel-control-prev .carousel-control-prev-icon, .best-rmt-tours .tour-grid-head .carousel-control-prev .carousel-control-prev-icon {background-image: none; position: absolute;bottom: 10px;left: 0;right: 0;visibility: hidden;opacity: 0;transform: translateY(10px);transition: transform 0.5s ease, opacity 0.5s ease, visibility 0s 0.5s; /* Add delay to visibility change */ } .popular-tours .carausel-box .carousel-control-next .carousel-control-next-icon, .best-rmt-tours .tour-grid-head .carousel-control-next .carousel-control-next-icon { position: absolute; bottom: 10px; left: 0; right: 0; margin: 0 auto; visibility: hidden; /* Initially hidden */ opacity: 0; /* Fully transparent */ transform: translateY(10px); transition: transform 0.5s ease, opacity 0.5s ease, visibility 0s 0.5s; /* Add delay to visibility change */ } .tour-deatiling-list-box:hover .carausel-box .carousel-control-prev .carousel-control-prev-icon, .tour-deatiling-list-box:hover .carausel-box .carousel-control-next .carousel-control-next-icon, .tour-deatiling-list-box:hover .tour-grid-head .carousel-control-next .carousel-control-next-icon { visibility: visible; /* Make visible */ opacity: 1; /* Make opaque */ transform: translateY(-15px); /* Move up on hover */ transition: transform 0.5s ease, opacity 0.5s ease, visibility 0s; /* Transition visibility immediately */ } .Popular-sec_s .ais-InfiniteHits-list .combo-carausel-desc .carousel-control-prev-icon svg path, .Popular-sec_s .ais-InfiniteHits-list .combo-carausel-desc .carousel-control-next-icon svg path{ color: #fff !important; } .home-dual-info-sec-inner .col-md-8 { padding: 0; } .faq_acc_sec { border-bottom: 1px solid #00000030; } .faq_acc_sec .btn-collapse{background: #fff; width: 100%;display: flex;align-items: center;border: none;border-radius: 0.3rem;font-size: 18px !important; padding: 16px 0;color: #444444;} .faq_acc_sec p{margin: 0;text-align: justify;} h2.sap-md-heading.pb-0.mb-3 {padding-left: 20px;} .sports-category-sec .owl-nav .owl-prev i{font-size: 18px;height: 30px;width: 30px;border: 1px solid var(--dark-color);display: flex;align-items: center;justify-content: center;border-radius: 23px;color: #444444;} .sports-category-sec .owl-nav .owl-next i{font-size: 18px;height: 30px;width: 30px;border: 1px solid var(--dark-color);display: flex;align-items: center;justify-content: center;border-radius: 23px;color: #444444;} .sports-category-sec .fa-chevron-left:before,.sports-category-sec .fa-chevron-right:before {color: var(--dark-color);} .sap_red_btn button{padding: 8px 11px;} .contant_attr_m h2{font-weight: 600;line-height: 52.8px;text-align: left;color: #444444;font-size: 24px;} .home-dual-info-sec-inner .rightside .acc_border_rad {box-shadow: 0px 64px 64px -48px #0F0F0F14;overflow: hidden; border:1.5px solid #E6E8EC;border-radius: 24px !important;margin-left: 36px;} .home-dual-info-sec-inner .rightside .acc_border_rad .accordion-header .acco_text_heading::after{display: block;filter: grayscale(100%) brightness(0%) contrast(100%);} .home-dual-info-sec-inner .rightside .visit_athen_acc .acc_border_rad .acco_text_text{padding: 0 !important;padding-right: 21px !important;} .ctm-single-pro .vatican_sec .ctm-gallery .left_img{max-height: 399px; width: 100%;height: 100%;} .ctm-single-pro .vatican_sec .ctm-gallery .left_img video{height: 100%;width: 100%;object-fit: cover;border-radius: 10px;} .home-dual-info-sec-inner .rightside .visit_athen_acc .acc_border_rad{margin-bottom: 27px;} .tour-list-content .tour-dtl-rating {display: flex;flex-direction: row;gap: 10px;align-items: center;} .tour-list-content .tour-rating-box{ height: 63% !important;} .general_template .attr_space_remove .attrection_aside_sec{padding: 0 23px !important;background-color: #ffffff;} .general_template .attr_space_remove .attrection_aside_sec .accordion-body{padding: 0;} .general_template .attr_space_remove .attrection_aside_sec .accordion-button{padding: 16px 0;} .general_template .attr_space_remove .attrection_aside_sec #attrection_aside_coll::after{display: block;filter: grayscale(100%) brightness(0%) contrast(1000%);} .faq_load_more{background: var(--dark-color);border: 2px solid var(--dark-color);min-height: 42px;min-width: 123px;color: #fff;align-items: center;justify-content: center;border-radius: 8px;} .faq_load_more:hover{background: var(--dark-color);color: #fff;} .faq_load_more:active, .faq_load_more:focus {background: var(--dark-color);color: #fff;border: 2px solid var(--dark-color);} .cat_sec_page .footer_acca .acc_border_rad{border: 1px solid #00000030 !important;border-radius: 10px !important;background-color: #EFF2F7;margin-bottom: 20px;} .cat_sec_page .footer_acca .acc_border_rad .acco_text_heading{background: #eff2f7 !important;padding: 10px 12px !important;} .likely_sec .price_breakdown_right .cart_cont {border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;} #option-container .likely_right_cont ul li div { display: flex; align-items: center; gap: 10px;} /* 24/12/2024 css start here */ .featured_product_image img{width: 100%;} .featured_attrection_sec .colosseum_image img{border-radius: 14px;width: 100%; height: 100%;object-fit: cover;} .featured_attrection_sec .colosseum_image{position: relative;max-height: 326px;height: 100%;} /* .colosseum_image .featured_view_tour { position: absolute; bottom: 0; left: 0; margin: 0 auto; right: 0; background: #00000080; overflow: hidden; border-radius: 0px 0 12px 12px; padding: 10px 0; } */ .colosseum_image .colosseum_text{ color:#fff; font-weight: 600; } /* .colosseum_image .view_tour-link { position: relative; top: -6px; right: 0; left: 0; margin: 0 auto; text-align: center; } */ .view_tour-link a { text-decoration: none; background-color: #fff; color: #444444; padding: 5px 10px; border-radius: 6px; display: inline-block; } .featured_product_sec{ height: 200px; width: 100%; max-width: 100%;} .featured_attrection_sec #featured_attrection_slider0 .owl-item ,.featured_attrection_sec #featured_attrection_slider1 .owl-item ,.featured_attrection_sec #featured_attrection_slider .owl-item, .featured_attrection_sec #featured_attrection_slider2 .owl-item, .featured_attrection_sec #featured_attrection_slider3 .owl-item, .featured_attrection_sec #featured_attrection_slider4 .owl-item{background: #fff; border-radius: 14px;margin: 0 0 8px 0;} /* .featured_attrection_sec #featured_attrection_slider .owl-item .item img{border-radius: 14px;border-radius: 14px;height: 200px;object-fit: cover; width: 100%;overflow: hidden;transition: transform 0.5s ease;} */ .rating_slider {display: flex;align-items: center;justify-content: space-between;padding: 10px 15px;} #featured_attrection_slider .list-rating-comments-num{ padding-left: 0 !important; } /* #featured_attrection_slider .tour-desc-box{ padding: 10px 0px !important;} */ .featured_attrection_sec a:hover{text-decoration: none;} .featured_attrection_sec #featured_attrection_slider .owl-item, .featured_attrection_sec #featured_attrection_slider2 .owl-item, .featured_attrection_sec #featured_attrection_slider3 .owl-item, .featured_attrection_sec #featured_attrection_slider4 .owl-item { position: relative; } .featured_attrection_sec .tour_slider_images{ height: 180px; width: 100%; max-width: 100%; overflow: hidden; position: relative; border-top-right-radius: 14px; border-top-left-radius: 14px; } /* .featured_attrection_sec .tour_slider_images .image-bg_color{ border-image: fill 0 linear-gradient(#ffffff11, #00000070); } */ .featured_attrection_sec #featured_attrection_slider0 .owl-item .item img,.featured_attrection_sec #featured_attrection_slider1 .owl-item .item img,.featured_attrection_sec #featured_attrection_slider4 .owl-item .item img, .featured_attrection_sec #featured_attrection_slider .owl-item .item img, .featured_attrection_sec #featured_attrection_slider2 .owl-item .item img , .featured_attrection_sec #featured_attrection_slider3 .owl-item .item img, .featured_attrection_sec #featured_attrection_slider4 .owl-item .item img { height: 100%; width: 100%; object-fit: cover; transition: transform 0.5s ease; } /* Zoom effect on hovering over the parent div (.owl-item) */ .featured_attrection_sec #featured_attrection_slider .owl-item:hover .item img, .featured_attrection_sec #featured_attrection_slider2 .owl-item:hover .item img, .featured_attrection_sec #featured_attrection_slider3 .owl-item:hover .item img, .featured_attrection_sec #featured_attrection_slider4 .owl-item:hover .item img { transform: scale(1.1); /* Zoom the image */ } .featured_attrection_sec button.owl-prev { position: absolute; top: 22%; left: -10px; } .featured_attrection_sec button.owl-next { position: absolute; top: 22%; right: -10px; } .featured_attrection_sec button.owl-next i, .featured_attrection_sec button.owl-prev i{font-size: 22px;} .featured_attrection_sec .home_reviews-sec .card-body { background: #f0f3f8; border-radius: 8px; } .home_reviews-sec .card{ border: none !important; background: #f0f3f8; border-radius: 14px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15); min-height: 285px; } .home_reviews-sec .list-rating-comments-num{padding-left: 0;font-size: 14px;} .home_reviews-sec .tgrid-title{ min-height: 0; } .home_reviews-sec .card svg{ margin: 10px -3px 17px; } .home_reviews-sec .sap-md-heading{ padding-bottom: 30px; } .rome-tourism_frequently_acc .butsliderhome{ font-size: 24px !important; padding: 15px 0; } .rome-tourism_frequently_acc .accordion-item{ border-top: 1px solid #ccc; border-radius: 0 !important; border-bottom: 1px solid #ccc; } .rome-tourism_frequently_acc button.accordion-button.butsliderhome.collapsed:after { display: block; } .rome-tourism_frequently_acc button.accordion-button.butsliderhome:after { display: block; filter: grayscale(100%) brightness(0%); } .inner_acc_text .acc_border_rad{border-radius: 8px !important;} .sports-category-sec .owl-item{ position: relative; } .sports-category-sec .owl-item .item { padding: 0; display: flex; justify-content: center; align-items: center; } .sports-category-sec .owl-item .item a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0 0 0 / 40%); border-radius: 20px; } .sports-category-sec p.category_title {position: absolute;left: 10px;bottom: 10px;color: #fff;text-align: left;font-size: 18px;line-height: 21px;} .rome-tourism_frequently_acc .rightside .acc_border_rad .acco_text_heading{justify-content: center;padding: 10px 18px;} .rome-tourism_frequently_acc .rightside .acc_border_rad .acco_text_heading::after{margin-left: 15px !important;} .banner1{background-repeat: repeat-x;background-image: url(https://www.localexperiences.tours/uploads/org-bg.jpg);} .explore_sec img{background-repeat: no-repeat; height: 100%; } section.explore_sec {padding-bottom: 0;margin: 12px 0 43px 0;} .banner2{background-repeat: repeat-x;background-image: url(https://www.localexperiences.tours/uploads/light-org-bg.jpg);} .uncover_rome img{height: 100%;background-repeat: no-repeat; width: 80%; object-fit: cover;} section.uncover_rome {padding-bottom: 0;margin: 0px 0 133px 0;} .rome_italy_banner_image img{width: 100%;} .featured_attrection_Categories .item{display: block;text-align: left;padding: 0;} .featured_attrection_Categories .tour-dtl-desc{height: auto;} .featured_attrection_Categories a{ text-decoration: none;} .featured_attrection_Categories .sap-md-heading{margin-bottom: 0;} .featured_attrection_Categories .fa-chevron-left:before{color: var(--dark-color);} .featured_attrection_Categories .fa-chevron-right:before{color: var(--dark-color);} /* @media(max-width:768px) { .explore_sec img{height: 400px;background-repeat: no-repeat; object-fit: contain;} } */ /* 24/12/2024 css end here */ @media (max-width:425px) { .colosseum_image .featured_view_tour {flex-direction: row;padding: 8px 15px;gap: 10px;} .sg-inner {max-width: 190px;width: 100%;} .nav-tabs .nav-link {padding: 8px 13px;} /* .plan-visit-sec-inner .nav-tabs {gap: 5px;} */ .featured_attrection_sec .owl-carousel .owl-item {margin-top: 20px;} .home_asked .acc_border_rad .accordion-button.acco_text_heading {padding: 7px 10px;} /* .plan-visit-sec-inner .nav-tabs {display: flex;gap: 20px;} */ .rome-tourism_frequently_acc .butsliderhome{font-size: 21px !important;} .visit_nav_tabs{gap: 12px;} /* .featured_attrection_Categories .sap-md-heading {margin-bottom: 29px;} */ } @media (max-width:375px) { .sg-inner {max-width: 167px;} .scat-title {font-weight: 600;font-size: 15px;} } @media (max-width:320px) { .sg-inner { max-width: 140px;} } /* add new css ................................start */ .vat_right_cont span b { font-weight: 600;} .vat_right_cont ul li svg path { stroke: var(--dark-color);} .vat_right_cont ul li:first-child svg path { fill: var(--dark-color);} .icon-sec-t ul .duration1 svg { width: 19px; height: 19px; margin: 2.8px 0 0 0 ;} .duration_align,.duration_align b,.confirmation_align b,.confirmation_align,.voucher_align b,.voucher_align { font-weight: 600; line-height: 18px;} .icon-sec-t ul { justify-content: space-between;gap: 20px;} .duration_2svg svg path { fill: var(--dark-color);} .vat_right_cont span b { color: #444444 !important;} .tabdate_cntets .tab-content { display: none;} .tabdate_cntets .tab-content.active { display: block;} .single-grid-box.categories_4 {display: grid; grid-gap: 20px; grid-template-columns: repeat(1,2fr);} .single-grid-box.categories_6 {display: grid; grid-gap: 20px; grid-template-columns: repeat(3,2fr);} .single-grid-box.categories_8 {display: grid; grid-gap: 20px; grid-template-columns: repeat(4,2fr);} .single-grid-box.categories_10 {display: grid; grid-gap: 20px; grid-template-columns: repeat(5,2fr);} .single-grid-box.categories_12 {display: grid; grid-gap: 20px; grid-template-columns: repeat(4,3fr);} .single-grid-box .sg-img { border-radius: 10px; height: 160px;} .colosseum_image .featured_view_tour { background: rgb(0 0 0 / 50%);} .sap-md-heading { font-size: 32px; line-height: 48px;} .colosseum_text { font-size: 24px; line-height: 32px;} #frequently_asked { display: flex; gap: 20px;} #frequently_asked .left { width: 50%;} #frequently_asked .right { width: 50%;} .planyourvisit_top .sap-md-heading {font-size: 48px;line-height: 54px; color: var(--dark-color); font-weight: 700; width: 30%; text-align: left;padding-bottom: 0;} .planyourvisit_top { display: flex; align-items: center;gap: 20px;position: relative;} .planyourvisit_top .text-para { width: 66%;position: relative;} .planyicon_s { width: 4%;} .plan-visitfot_home { padding: 80px 0 80px 0;background: var(--light-color);} .acc_texth5 { max-width: 60%;padding-left: 0;} .free_wifi_images { max-width: 35%;} .pyvisit-head {gap: 60px;} .plan-visitfot_home .acc_texth5 .accordion-item { background: transparent;} .plan-visitfot_home .accordion-header { background: transparent;} .plan-visitfot_home .accordion-item .accordion-header button { background: transparent !important;} .plan-visitfot_home .nav-tabs .nav-link { background: #fff !important;} .plan-visitfot_home .nav-tabs .nav-link.active { color: #ffffff;background-color: #2D3134 !important;} .plan-visitfot_home .accordion-header .accordion-button { font-weight: 500 !important; font-size: 24px !important; line-height: 30px !important;padding-left: 10px !important;} .plan-visitfot_home .acc_texth5 .accordion-body { padding-left: 10px;} .plan-visitfot_home .acc_texth5 .accordion-item:first-child { border-top: 1px solid #AAB4B5;} .plan-visitfot_home .acc_texth5 .accordion-item { border-color: #AAB4B5 !important;} .plan-visit-sec-inner .nav-tabs { padding: 60px 0 0px;} .tour_slider_images .carousel { height: 100%;} .tour_slider_images .carousel-inner { height: 100%;} .tour_slider_images .carousel-inner .carousel-item { height: 100%;} .featured_attrection_sec .tour_slider_images .carousel-control-next-icon svg { font-size: 20px; color: #fff;} .featured_attrection_sec .tour_slider_images .carousel-control-next-icon,.featured_attrection_sec .tour_slider_images .carousel-control-prev-icon { background-image: none;position: absolute; bottom: 0px; opacity: 0; transform: translateY(10px) !important; transition: transform 0.5s ease, opacity 0.5s ease, visibility 0s 0.5s;} .featured_attrection_sec .item:hover .tour_slider_images .carousel-control-prev-icon,.featured_attrection_sec .item:hover .tour_slider_images .carousel-control-next-icon {display: flex; transform: translateY(-15px) !important;opacity: 1; transform: translateY(10px); transition: transform 0.5s ease, opacity 0.5s ease, visibility 0s 0.5s;} .featured_attrection_sec .tour_slider_images .carousel-control-prev-icon svg { font-size: 20px;} .featured_attrection_sec .tour_slider_images .carousel-control-next, .carousel-control-prev { opacity: 1 !important;} .featured_attrection_sec .tour_slider_images .carousel-control-prev { left: auto;right: 50px;} .featured_attrection_sec .item:hover .tour_slider_images img { transform: scale(1.2);} .get-insp-rome-inner .tgrid-img { height: 320px;position: relative;} .get-insp-rome-inner .item {box-shadow: 0 0 0;position: relative;} .get-insp-rome-inner .owl-carousel .owl-nav button.owl-next,.get-insp-rome-inner .owl-carousel .owl-nav button.owl-prev { position: absolute; top: 45%; transform: translateY(-45%);} .get-insp-rome .tgrid-title { position: absolute; bottom: 20px; padding: 20px; text-align: center; width: 100%; font-size: 20px; line-height: 28px; color: #Fff;} .get-insp-rome-inner .tgrid-img::before { content: "";position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 30%);} .rome-tourism_frequently_acc .accordion-item { margin: 0;} .rome-tourism_frequently_acc .accordion-item:first-child { border-bottom: 0;} .rome-tourism_frequently_acc #frequently_asked .accordion-item { margin-bottom: 20px;} .get_inspired_home .sap-md-heading { padding-top: 30px;} .home_asked .accordion-header .accordion-button { background: #fff !important; font-weight: 500; color: #444444 !important;font-size: 16px; line-height: 26px;} .home_asked .acc_border_rad {background: #fff !important;} .home-dual-info-sec-inner img { height: 316px; object-fit: cover;} #frequently_asked .accord-active {border: 1px solid var(--dark-color) !important;} .home-dual-info-sec-inner .sap-md-heading {font-size: 18px; line-height: 28px;} .home-dual-info-sec-inner .rightside .visit_athen_acc .acc_border_rad { margin-bottom: 0; border: 0; border-top: 1px solid #AAB4B5; border-radius: 0 !important;} .rome-tourism_frequently_acc .rightside .acc_border_rad .acco_text_heading { justify-content: space-between;} .home_reviews-sec .card { box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.15);} .home-dual-info-sec-inner .rightside .visit_athen_acc .acc_border_rad:last-child { border-bottom: 1px solid #aab4b5;} .banner-info-in {background: #FFF4EE; padding: 24px; border-radius: 12px;} .banner_info_img { margin-left: 30px;} .ban_info-img { width: 100%; height: 100%;} .ban_info-img img { width: 100%; height: 100%;} .info-subheading {font-size: 28px; line-height: 30px; text-align: center; color: #242424;} .banner-info-in .sap-md-heading { font-size: 52px !important; line-height: 44px !important; color: var(--dark-color); text-align: center; padding-top: 24px;} .banner_info_img {border-top: 1px solid #aab4b5; padding-top: 20px;} .visit_athen_acc { height: max-content;} .ais-SortBy { display: flex;} #sort-by .ais-SortBy-select { border-radius: 8px; max-width: 180px;line-height: 40px;margin-left: auto;} .tourlist-heding {display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px;} .tourlist-heding .ctm-refine.filter-bar-top { padding: 0;} .tourlist-heding #sort-by { margin-bottom: 0;} .tourlist-heding .ais-Stats .ais-Stats-text b {padding-bottom: 0;} .checkout-template { margin-top: 80px !important;} .part_sec .select_field.sel_parti .dropdown .btn-block {padding-left: 50px !important;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; padding-right: 30px;} .search-header-cst { height: max-content; flex-direction: row-reverse; padding-left: 0; border-color: var(--dark-color); box-shadow: 0 0 0; border-radius: 8px;} .search-header-cst .home_banner_svg { background: transparent;} .search-header-cst .home_banner_svg svg g path { fill: #545454;} .navbar-expand-lg .navbar-collapse li {list-style: none;} @media (max-width:991px) { .vat_right_cont ul li { width: max-content;} .part_main .part_sec_inner { margin-top: 40px;} .rome-tourism_frequently_acc .accordion-body { padding: 0 !important;} .search-header-cst { margin-top: 20px;} #option-container .likely_right_cont ul li div {display: block;} .vat_cont_main #part_sec .accordion-body.activity_pad { padding: 0 !important;} .check_aval_bottom .left-avail { top: 10px; position: relative;} } @media (max-width:767px) { .single-grid-box.categories_4 {display: grid; grid-gap: 20px; grid-template-columns: repeat(2,1fr);} .single-grid-box.categories_6 {display: grid; grid-gap: 20px; grid-template-columns: repeat(2,1fr);} .single-grid-box.categories_8 {display: grid; grid-gap: 20px; grid-template-columns: repeat(2,1fr);} .single-grid-box.categories_10 {display: grid; grid-gap: 20px; grid-template-columns: repeat(2,1fr);} .single-grid-box.categories_12 {display: grid; grid-gap: 20px; grid-template-columns: repeat(2,1fr);} .sap-md-heading {color: #444;font-size: 24px;line-height: 32px;} .br-bot .sap-md-heading,.popular-tours .sap-md-heading {padding-top: 10px !important;} .planyourvisit_top {flex-direction: column; align-items: start; gap: 10px;} .planyourvisit_top .sap-md-heading { width: 100%; font-size: 32px; line-height: 42px; text-align: center;} .planyicon_s { display: none;} .planyourvisit_top .text-para { width: 100%;} .plan-visit-sec-inner .nav-tabs { padding-top: 40px;} .pyvisit-head .acc_texth5 { width: 100%;max-width: 100%;} .pyvisit-head { flex-direction: column;gap: 30px;} .pyvisit-head .free_wifi_images { width: 100%;max-width: 100%;} .acc_texth5 .accordion-collapse {padding: 0;} .plan-visitfot_home .acc_texth5 .accordion-body { padding: 0 !important;} .plan-visitfot_home .acc_texth5 .accordion-body p { padding-top: 0;padding-bottom: 0;} .vat_cont_main .icon-sec-t ul { gap: 10px;} .rome-tourism_frequently_acc .accordion-body { padding:0 10px 10px 10px !important;} .home-dual-info-sec-inner .mt-4 { margin-top: 0 !important;} .info-subheading {font-size: 24px; line-height: 26px;} .banner-info-in .sap-md-heading {font-size: 42px !important;line-height: 34px !important;padding-top: 20px;} .banner_info_img {margin-left: 0;} .home-dual-info-sec-inner .rightside { padding: 0;} #frequently_asked {gap: 0px; flex-direction: column;} #frequently_asked .left,#frequently_asked .right { width: 100%;} .get_inspired_home .sap-md-heading { padding-top: 10px; padding-bottom: 10px;} .home-dual-info-sec-inner img { height: 215px;} .tourlist-heding {flex-direction: column; width: 100%; gap: 20px;} .tourlist-heding .ctm-refine.filter-bar-top { width: 100%;} .item { margin: 25px 0 0 0;} .navbar-nav {margin-top: 0 !important;} .wonder-banner.py-5 { padding-top: 20px !important; padding-bottom: 20px !important;} .likely_sec .price_breakdown_right .cart_cont {border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;} /* ul.about_ticket ul li { display: none; } */ span#toggleReadMore { margin: 15px 0 0 18px; } ul.about_ticket ul li:nth-child(2n) { display: block; } .read-btn-listing { border: none; background: transparent; color: var(--dark-color); display: block!important; } button.read-btn-listing svg { width: 15px; height: 15px; stroke: var(--dark-color); } button.read-btn-listing svg path { stroke: var(--dark-color); } .colosseum_ticket .about_ticket { max-height: 110px; overflow: hidden; transition: all 0.3s ease-in-out; } .colosseum_ticket.expanded .about_ticket { max-height: none; overflow: visible; } body .desktop-slider {display: none;} body .mobile-only { display: block !important; } } .read-btn-listing { display:none; } .my-svg-container { color: var(--dark-color); } @media (min-width:992px) { .planyourvisit_top::before,.planyourvisit_top .text-para::after {content: ""; position: absolute; width: 58px; height: 53px; background-image: url("data:image/svg+xml,%3Csvg width='58' height='53' viewBox='0 0 58 53' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_50)'%3E%3Cpath d='M58 31.1113C58 43.2149 48.1215 53.0171 35.9236 53.0171C23.7257 53.0171 13.8472 43.2149 13.8472 31.1113C13.8472 19.0078 23.7429 9.20557 35.9236 9.20557C48.1043 9.20557 58 19.0078 58 31.1113Z' fill='currentColor' fill-opacity='0.5'/%3E%3Cpath d='M22.7638 42.6182C33.9125 42.6182 42.9504 33.6503 42.9504 22.5877C42.9504 11.5251 33.9125 2.55713 22.7638 2.55713C11.615 2.55713 2.57715 11.5251 2.57715 22.5877C2.57715 33.6503 11.615 42.6182 22.7638 42.6182Z' stroke='%23323232' stroke-width='3' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_50'%3E%3Crect width='58' height='53' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: center center; background-size: cover; } .planyourvisit_top::before {left: -80px; top: -20px;} .planyourvisit_top .text-para::after {right: 30px; bottom: -40px;width: 45px;height: 40px;} .plan-visit-sec-inner { position: relative;} .plan-visit-sec-inner::before {content: ""; position: absolute; bottom: -30px; background-image: url("data:image/svg+xml,%3Csvg width='65' height='59' viewBox='0 0 65 59' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_63)'%3E%3Cpath d='M64.4235 43.0034L25.0155 54.7099L34.0657 12.9749L64.4235 43.0034Z' fill='%23FD6F14' fill-opacity='0.5'/%3E%3Cpath d='M53.3774 41.7784L13.979 53.4821L23.0224 11.7595L53.3774 41.7784Z' stroke='%23323232' stroke-width='3' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_63'%3E%3Crect width='53.88' height='44.86' fill='white' transform='translate(0 15.3438) rotate(-16.5445)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat no-repeat; background-position: center center; background-size: cover; width: 54px; height: 45px; left: -50px;} .plan-visit-sec-inner::after {content: ""; position: absolute; right: -60px; background-repeat: no-repeat no-repeat; background-position: center center; width: 72px; height: 62px; bottom: 0; background-image: url("data:image/svg+xml,%3Csvg width='64' height='63' viewBox='0 0 64 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_56)'%3E%3Cpath d='M60.4519 25.7169L23.7754 12.7837L10.8455 49.4507L47.522 62.384L60.4519 25.7169Z' fill='%23FD6F14' fill-opacity='0.5'/%3E%3Cpath d='M53.6818 14.8468L17.0054 1.91357L4.07548 38.5806L40.752 51.5138L53.6818 14.8468Z' stroke='%23323232' stroke-width='3' stroke-miterlimit='10'/%3E%3Cpath d='M53.6818 14.8468L17.0054 1.91357L4.07548 38.5806L40.752 51.5138L53.6818 14.8468Z' stroke='%23323232' stroke-width='3' stroke-miterlimit='10'/%3E%3Cpath d='M53.6818 14.8468L17.0054 1.91357L4.07548 38.5806L40.752 51.5138L53.6818 14.8468Z' stroke='%23323232' stroke-width='3' stroke-miterlimit='10'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_56'%3E%3Crect width='50.39' height='48.38' fill='white' transform='translate(16.0894) rotate(19.4242)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");} .ais-Stats .ais-Stats-text b {font-size: 32px;} .likely_sec .price_breakdown_left .likely_right_cont ul li div br { display: none ;} } @media (min-width:768px) and (max-width:991px) { .tour_acc .accordion-item:first-of-type .accordion-button { align-items: start; justify-content: start; gap: 10px;flex-direction: column;} .part_sec .select_field.sel_parti .dropdown .btn-block {text-align: center;} .check_aval_bottom .sap_red_btn .header-btn {padding: 10px 20px;} } @media (min-width:768px) and (max-width:1449px) { .planyourvisit_top::before {left:-20px; top: -50px;} .plan-visit-sec-inner::before { bottom: -52px; left: 0;} .plan-visit-sec-inner::after { right: 0; bottom: -55px;} } /* ------- change css -------------- */ .accordion-btn:hover {background-color: #ccc;} .panel {display: none;background-color: #f9f9f9;} .panel.active {display: block;} /* 13-01-2025 */ .tour-list-content .tour-detail-head .ais-InfiniteHits .ais-InfiniteHits-list .tour-deatiling-list-box .carausel-box .carousel-indicators{display: none;} /* 13-01-2025 */ /* add new css. for headder. and 2 banners.......................start */ .radio-input { appearance: none;width: 14px;height: 14px; border: 2px solid var(--dark-color); border-radius: 50%; outline: none; margin-right: 8px; position: relative;} .radio-input:checked::before { content: ""; width: 8px; height: 8px; background-color: var(--dark-color); border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .travel-text { padding: 0 0 0 10px; display: grid; grid-template-columns: repeat(3,1fr); width: 100%;} .travel-tips { border-right: 1px solid #ebe2e2c3; width: 20% !important;} .travel-tips ul { padding: 0;} .travel-tips ul li a { font-size: 24px; font-weight: 500;line-height: 36px; color: #858995;} .travel-info { display: flex; align-items: center; cursor: pointer; margin-bottom: 20px;} .travel-info a { display: flex; align-items: center; text-decoration: none;} .travel-info img { margin-right: 10px;} .travel-info p { font-size: 16px; line-height: 28px; font-weight: 600 !important; color: #3f3f3f; font-weight: 600;} .radio-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column;} .radio-list li { display: flex; align-items: center; margin: 10px 0; cursor: pointer;} .radio-list .radio { width: 16px; height: 16px;border: 3px solid var(--dark-color);border-radius: 50%;margin-right: 10px; position: relative; background-color: transparent; visibility: hidden;transition: background-color 0.3s, border-color 0.3s;} .radio-list .radio::before { content: "";position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; border-radius: 50%; background-color: white;} .radio-list .radio::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: var(--dark-color);} .radio-list li.visible .radio { visibility: visible;} .radio-list .hovered .radio { visibility: visible;} .radio-list .hovered .radio { background-color: var(--dark-color); border-color: var(--dark-color);} .radio-list .hovered a { color: var(--dark-color); text-decoration: underline;} .radio-list a { text-decoration: none; color: #333; transition: color 0.3s;} .image-container { display: flex;flex-wrap: wrap; justify-content: space-between;gap: 10px; padding: 0 20px;} .image-container a { flex: 1 1 calc(12.5% - 10px); max-width: calc(12.5% - 10px); text-decoration: none; position: relative;} .image-wrapper { position: relative; width: 100%; overflow: hidden; border-radius: 10px;} .image-wrapper img { width: 100%; height: 160px; display: block; object-fit: cover; border-radius: 10px;} .image-wrapper h5 { position: absolute; bottom: 3px; left: 0; margin: 0; padding: 5px 10px; color: #fff; font-size: 18px; font-weight: 500;} .travel-1 { display: none;} .info-item { margin-bottom: 10px;} .info-item a { display: flex; align-items: center; color: #3f3f3f; font-size: 16px; font-weight: 500; gap: 10px;} .info-item a:hover {color: var(--dark-color);} .info-item p { margin: 00;} .info-item a img { width: 40px; height: 40px; border-radius: 50px; object-fit: cover;} .nav-item.dropdown.dropdonw_2 {position: static !important;} .dropdown-menu_cst.show {gap: 20px;display: grid !important; grid-template-columns: repeat(5,1fr);} .dropdown-menu_cst .dropdown-item { padding: 0;} .dropdown-menu_cst {width: 100%; max-width: 100%; padding: 20px;} .dropdonw_2 .dropdown-item:hover {background: transparent;} .dropdown-menu_cst .dropdown-item:hover img { transform: scale(1.1);} .dropdown-menu_cst .dropdown-item img {transition: .3s ease-in-out; border-radius: 10px;} .dropdowncstm .dropdown-menu_cst.show {display: block !important;} #content-1 {display: block;} @media (max-width: 1439px) { .image-container a {flex: 1 1 calc(20% - 10px); max-width: calc(20% - 10px);} .attr_sec .attr_main { padding: 0;} } @media (max-width: 1024px) { .image-container a {flex: 1 1 calc(12.5% - 10px);max-width: calc(12.5% - 10px);} } @media (max-width: 768px) { .image-container a {flex: 1 1 calc(50% - 10px); max-width: calc(50% - 10px);} .image-wrapper img { width: 100%; height: 160px; object-fit: cover;} } @media (max-width: 480px) { .image-container a { flex: 1 1 calc(100% - 10px); max-width: calc(100% - 10px);} .attr_sec .attr_main { padding: 0; justify-content: space-around;} } .travel-info a {display: block; margin-bottom: 15px; text-align: center;} .travel-info p { margin-top: 10px; font-size: 14px; font-weight: bold;} .image-wrapper::before { position: absolute;content: "";width: 100%;height: 100%;top: 0;left: 0;background: rgb(0 0 0 / 25%);} @media (max-width:991px) { .navbar-nav .dropdown-menu { position: relative;} .dropdown-menu_cst.show { grid-template-columns: repeat(4,1fr);margin-bottom: 20px;width: 100%;} .nav-item.dropdown { width: 100%} .navbar-nav li { width: 100%;} .navbar-nav li a { display: flex; justify-content: space-between; align-items: center;} .navbar-nav a {width: 100%;} .beader_sh .navbar-collapse .navbar-nav .nav-link:last-child {max-width: 400px; margin-left: 0;} .travel-tips { border-right: 0px solid #ebe2e2c3; width: 100% !important;} .navbar-nav .travel-tips-sec a{ display: flex; justify-content: start !important; align-items: center; gap: 10px;} .travel-text_txt { margin-top: 15px;} } @media (max-width:767px) { .dropdown-menu_cst.show { grid-template-columns: repeat(2,1fr);gap: 10px;overflow: auto;} #home_navbar div#navbarNavAltMarkup li ul.dropdown-menu_cst.show li a {padding: 0 !important;margin: 0 !important;} #home_navbar div#navbarNavAltMarkup li ul.dropdown-menu.show li:nth-child(1) a.dropdown-item:after, #home_navbar div#navbarNavAltMarkup li ul.dropdown-menu.show li:nth-child(2) a.dropdown-item:after { display: none !important;} .image-wrapper img { height: 120px;} #home_navbar div#navbarNavAltMarkup li ul.dropdown-menu_cst.show li a {padding: 0 !important;} #home_navbar div#navbarNavAltMarkup li ul.dropdown-menu_cst.show {padding: 15px 10px !important;} .image-wrapper h5 {font-size: 12px;} .info-item { margin-bottom: 8px;} .info-item a{margin: 0 !important;} .travel-text { grid-template-columns: repeat(1,1fr);} span.read-more-g { padding: 0 0 0 14px; color: var(--dark-color); display: block!important; } .guide-modal { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); } .guide-modal-content { background: #fff; margin: 10% auto; padding: 20px; width: 90%; max-width: 600px; border-radius: 10px; position: relative; margin-top: 100px; } .guide-close { position: absolute; top: 10px; right: 15px; font-size: 26px; font-weight: bold; cursor: pointer; } .exp_detail .show .recomended-box { display: block; } .exp_detail .show .card-text.flex-fill ul li {display: block;} span#toggleReadMore {display: block!important;} .get-insp-rome-inner .tgrid-img { height: 190px; } } span.read-more-g { display: none; } span#toggleReadMore {display: none;} @media (min-width:992px) { .dropdown-menu_cst.show {left: 50%; transform: translateX(-50%);width: 100%;max-width: 1320px;} } .holiday-text h4 { font-size: 40px; line-height: 52px; font-weight: 700; font-style: italic; color: #ffff; } .holiday-text h5 { font-size: 32px; line-height: 44px; font-weight: 500; color: #ffff; } .holiday-text h3 { font-size: 80px; line-height: 92px; font-weight: 700; color: #ffff; } .holiday-image { text-align: center; width: 236px;margin: 0 auto;} .holoiday-banner-main { background: var(--dark-color); height: 270px; border-radius: 10px; } .holiday-image { position: relative; top: -40px; } .holiday-text { padding: 30px; } .holoiday-banner { padding: 100px 0; } .wonder-main .wonder-image { text-align: right; } .wonder-main .wonder-image img { border-radius: 10px; width: 100%; } .wonder-main { border: 1px solid var(--dark-color); border-radius: 10px; overflow: hidden;} .wonder-main .wonder-text { padding: 30px; } .wonder-main .wonder-text h4 { font-size: 37px; line-height: 49px; color: #373737; } .wonder-main .wonder-text h3 { font-size: 60px; line-height: 72px; color: #373737; font-weight: 700; } .wonder-main .wonder-text h2 { font-size: 60px; line-height: 72px; color: var(--dark-color); font-family: "Merienda", serif; font-weight: 700; } .wonder-in-img { width: 580px; height: 580px; border-radius: 320px; overflow: hidden; position: absolute; top: -220px; display: flex; align-items: end; justify-content: end; margin-left: auto; right: -10px;} .wonder-in-img img { width: 100%; height: 100%; object-fit: cover;} .wonder-image .wondersvg { height: 349px;} @media (max-width: 1024px) { .holiday-text h4 { font-size: 36px; line-height: 48px; } .holiday-text h5 { font-size: 28px; line-height: 40px; } .holiday-text h3 { font-size: 60px; line-height: 72px; } .wonder-main .wonder-text h4 { font-size: 32px; line-height: 44px; } .wonder-main .wonder-text h3 { font-size: 48px; line-height: 60px; } .wonder-main .wonder-text h2 { font-size: 48px; line-height: 60px; } .wonder-main .wonder-text { padding: 20px 0; } .wonder-banner {padding-left: 12px !important; padding-right: 12px !important;} .wonder-in-img { width: 440px; height: 480px;} .wonder-image .wondersvg { height: 249px;} } @media (max-width: 768px) { .holiday-text h4 { font-size: 36px; line-height: 48px; } .holiday-text h5 { font-size: 28px; line-height: 40px; } .holiday-text h3 { font-size: 60px; line-height: 72px; } .holiday-image { top: -26px; } .holiday-text { padding: 17px; } .wonder-main .wonder-text h2 { font-size: 28px !important; line-height: 32px; } .wonder-main .wonder-text h3 { font-size: 38px; line-height: 50px; } .wonder-main .wonder-text h4 { font-size: 26px!important; line-height: 27px!important; } } @media (max-width: 625px) { .holoiday-banner-main { background: var(--dark-color); height: auto; border-radius: 10px; } .holiday-text { padding: 30px; } .holiday-text h3 { font-size: 40px; line-height: 54px; } .holiday-text h5 { font-size: 24px; line-height: 36px; } .holiday-text h4 { font-size: 30px; line-height: 42px; } .holoiday-banner, .wonder-banner { padding: 0 10px; } .wonder-in-img {width: 100%; height: 220px; border-radius: 10px; top: 0; margin-left: inherit; right: 0px;} .wonder-image {height: 200px;padding: 10px;} .wonder-banner { padding-left: 10px !important; padding-right: 10px !important;} .wonder-in-img { width: 100%; height: 220px; border-radius: 10px; top: 0; margin-left: inherit; right: 0px; } } /* add new css. for headder and 2 banners........................end */ /* css for mobiledropdown..................................start */ .mobile-menu-discover .btn-primary { background: #00000000;border: #fff;color: #3f3f3f; padding: 0; display: flex; align-items: center; justify-content: space-between; width: 100%;font-size: 15px;} .mobile-menu-discover .btn-primary:hover { color: #3f3f3f !important;} .mobile-menu-discover .btn-primary:focus,.mobile-menu-discover .btn:focus-visible {box-shadow: 0 0 0 !important;} .mobile-menu-discover .btn-primary:not(:disabled):not(.disabled):active {background: transparent;color: #3f3f3f;} .mobile-menu-discover .modal.show .modal-dialog { margin: 0;} #navbarNavAltMarkup .navbar-nav .nav-item .sun_menus-disc a {justify-content: start !important;} .menu-discv .main_menus a { font-size: 24px; font-weight: 500; line-height: 36px; color: var(--dark-color);} .main_menus .radio {width: 16px; height: 16px;border: 3px solid var(--dark-color); border-radius: 50%; margin-right: 10px; position: relative; transition: background-color 0.3s, border-color 0.3s; margin-bottom: 8px} .main_menus .radio::after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; background-color: var(--dark-color);} .main_menus .radio::before {content: "";position: absolute;top: -2px;left: -2px;right: -2px;bottom: -2px;border-radius: 50%;background-color: white;} .mobile-menu-discover .main_menus {display: flex; align-items: center;margin-bottom: 10px;} .mobile-menu-discover .menu-discv .main_menus a { padding: 0 !important; margin: 0 !important;} .mobile-menu-discover .btn-primary:after { border-bottom: 0; border-left: .3em solid transparent; border-right: .3em solid transparent; border-top: .3em solid; content: ""; display: inline-block; margin-left: .255em; vertical-align: .255em;} @media (max-width:991px) { #navbarNavAltMarkup .navbar-nav .dropdown-toggle:after { font-size: 16px !important;} .dropdowncstm {display: none;} .mobile-menu-discover { margin-bottom: 12px;} .mobile-menu-discover .btn-close:focus {box-shadow: 0 0 0 ;} .mobile-menu-discover .modal-content .modal-body { padding: 1rem !important ;} .mobile-menu-discover .modal-content .modal-header {position: relative; z-index: 9;right: 0; top: -1px; background: #fff;} } @media (min-width:992px) { .mobile-menu-discover {display: none;} } /* css for mobiledropdown..................................end */ .itly-inbanner-sec {position: relative;} .itlyin-backimg {position: absolute; width: 100%; height: 100%; z-index: -1;} .itlyin-backimg::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 50%);} .itlyin-backimg img {width: 100%; height: 100%; object-fit: cover;} .itly-inbanner-sec .itlybanners-inner {padding-top: 90px; padding-bottom: 90px;} .inbanner-heading {font-size: 42px;line-height: 52px;color: #fff;margin-bottom: 10px;font-style:italic;} .inbanner-cints p {font-size: 28px; line-height: 32px; font-weight: 400; color: #fff; margin-bottom: 0;} .inbanner-r_cnts {display: flex; align-items: center; justify-content: end; height: 100%;} .itlyin-btn {font-size: 14px; line-height: 17px; font-weight: 700; color: #fff; background: var(--dark-color); padding: 14px 32px; border-radius: 8px; display: block; width: max-content;} .inbanner-cints h3 { font-size: 62px; line-height: 62px; font-weight: 700; color: #fff; margin-top: 10px;} .border-line-bnner { width: 100%; max-width: 170px; background: rgb(255 255 255 / 35%); height: 4px; border-radius: 4px; margin-bottom: 20px;} @media (max-width: 767px) { .inbanner-heading {font-size: 35px; line-height: 40px;} .itly-inbanner-sec .itlybanners-inner {padding-top: 60px; padding-bottom: 60px; row-gap: 40px;} .inbanner-r_cnts {justify-content:center;} .itly-inbanner-sec {margin: 40px 0;} .wonder-image .wondersvg{display: none;} .wonder-in-img{top:20px;} .wonder-main .wonder-text {padding: 10px 0 0 0;} .footer-right {max-width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;} .ft-flex { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; } div#foot4 {width: 100%;} .ft-flex li { width: 50%; } ul.foot-links.ft-flex li:nth-child(even) { display: flex; justify-content: flex-end; } ul.foot-links.ft-flex li:nth-child(even) a { width: 85px; } .flex-fill h3 { padding: 0 0 10px; margin-top: 10px; } .visit-text { padding: 0 !important; padding-bottom: 0; } .visit-text li { display: none; } .visit-text li:nth-of-type(1), .visit-text li:nth-of-type(2) { display: none; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .featured_attrection_sec .colosseum_image { max-height: 195px !important; } } .tour-list-content .tour-dtl-rating {display: flex;flex-direction: row;gap: 10px;margin-top: 15px;} .tour-deatiling-list-box{border-radius: 15px;padding: 0px;margin: 0px;margin-bottom: 25px;box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.15);} @media (max-width:767px) { body .navbar .navbar-brand img { width: 130px!important; height: auto; } body .navbar .search-container .button { margin: 0; height: 40px; width: 40px; margin-left: 5px; } .search-container.mobile-view.searchopened .closebtn {right: -70px!important;} .ctm-category { margin-top: 72px;padding-top: 0 !important;} .navbar {padding: 8px 15px !important;} body .best-rmt-tours.best-rome-list.grid-loop1 { padding-top: 75px !important; } .pompeii span i {color: var(--dark-color) !important;} .ruins-sec,.did-you-sec { padding: 40px 0 !important; } .did-you-sec { margin: 30px 0; } .exp_detail .flex-fill { flex: 0 1 auto !important; } } .ruins-sec{background:var(--light-color);margin:20px 0} .did-you-sec { background: var(--light-color); } .did-you-sec .owl-item { background: transparent; } .did-you-sec .card-you { background: linear-gradient(180deg, var(--light-color) 0%, #CDF3E4 100%); } .guide-box-footer{display:none!important} @media (min-width:768px) and (max-width:1023px) { .card-you_content h3 {font-size: 17px!important;} .did-you-sec .card-you_content p {height: 95px;overflow: hidden;} .icon-text span {font-size: 15px!important;} .card {min-height: 545px;} .protips-sec .guide-box { height: auto;min-height: 320px;} .did-you-sec .owl-item {min-height: auto!important;} .visit_header h2 {padding-bottom: 15px!important;} .ruin-content {min-height: 150px!important;} .did-you-sec .card-you {min-height: auto!important;} .protips-sec .guide-header {font-size: 18px;} .ruin-card svg {bottom: -56px!important;height: 65px!important;} } @media (min-width:1024px) and (max-width:1365px) { .card { min-height: 650px;} .card-you_content h3 {font-size: 17px!important;} .did-you-sec .card-you_content p {height: 165px;overflow: hidden;} .did-you-sec .card-you_content {min-height: 240px;height: 100%;} .did-you-sec .card-you {height: 100%;} .ruin-card .ruin-content{min-height:122px;overflow:hidden} .ruin-card h3 {font-size:16px!important} .ruin-card .ruin-content p{height:62px;font-size:14px;line-height: 20px;} .did-you-sec .owl-item {min-height: auto !important;} .did-you-sec .card-you_content {min-height: 180px;} .did-you-sec .card-you {min-height: 280px!important;} .protips-sec .guide-header {font-size: 15px;font-weight: 500;} .ruin-card svg {bottom: -43px!important;} } /* ------- 6 June css */ @media (max-width:1150px) { .featured_attrection_sec .item .tour_slider_images img {width: 100%;object-fit: cover;} .desktop-slider .item:last-child {display: none;} .desktop-slider .item {width: 48% !important;} .featured_attrection_sec .row {margin-bottom: 15px;} } @media (min-width:1150px) and (max-width:1270px) { .featured_attrection_sec .colosseum_image { height: auto; } } /* ------- 6 June css */ @media (max-width:370px) { .protips-sec .guide-header {font-size: 14px!important;font-weight: 500;} .guide-box{min-height:325px!important;height:auto!important} body .did-you-sec .owl-carousel .owl-item{height:225px!important;min-height:225px!important;padding:0!important} body .card-you_content h3{font-size:16px} } @media (max-width: 767px) { .protips-sec .guide-header {font-size: 17px;} .guide-box{min-height:335px} .card-you_content p{height:125px;overflow:hidden} .did-you-sec .owl-carousel .owl-item{height:265px!important} .visit_header h2{padding-bottom:15px} .tour-listing-action .input-group{width:48%;max-width:100%} #sort-by .ais-SortBy-select{max-width:100%;border-color:#e0e0e0} .tour-list-content .sap-togle-filter .filter-mob{min-width:50px!important;padding:0 10px;border-radius:10px;border-width:1px;border-style:solid;border-color:#e0e0e0;border-image:initial} .sap-btn-dark-togle i{font-size:18px;padding:0} .tour-listing-action.ctm-grid-row{padding-bottom:15px} section.tour-list-content{padding-top:0!important} ol.ais-InfiniteHits-list{padding:0} .sap-btn-dark-togle{margin:0} span.price, .pr_pers { color: #444444 !important;} .ruin-card h3 {font-size: 18px !important;} .ruin-card p {padding: 5px 0 0 0;height: 67px !important;} .ruin-content {min-height: 130px;} .tour-list-content .tour-dtl-rating { margin-top: 10px !important;} .weekdays.shared-weekdays { margin-top: -51px!important;} div#calendar { margin-top: 120px!important; } .day {width: auto !important;} .explaine_sec li svg{width:10%} .explaine_sec .exp_detail .card .card-body ul li{display:flex;justify-content:space-between;width:100%;font-size:14px} .flex-fill .icon-text span,.exp_detail .card-text_main p{width:90%;font-size:14px!important} .recomended-box span{width:auto!important} .testing2 ul p{font-size:14px!important} .select_field .input-group input#dateInput{padding-top:1px} .hero-sec-mobile {height: 327px !important;} .hero-sec-inner {height: 75%;} .list-loop .tour-deatiling-list-box a {width: 100%!important;} .ruin-card svg {bottom: -48px!important;} } @media (max-width:330px){ .did-you-sec .card-you {min-height: 225px !important;} .explaine_sec .card {min-height: 560px!important;} .hero-sec-mobile .sap-lg-heading { padding-bottom: 15px;} .colosseum_ticket .about_ticket li {line-height: 21px!important;} .ruin-card svg {bottom: -37px!important;height: 45px!important;} body .ruin-card h3 { font-size: 16px !important; line-height: 20px !important; } .ruin-content { min-height: 130px !important; } } .icon-text span {font-size: 15px!important;} body {overflow-x: hidden;} .ruin-content p{height:72px;overflow:hidden!important} .ruin-card{padding-bottom:25px!important} .ruin-card h3{font-size:18px} .ruin-content{min-height:140px;overflow: hidden;} .did-you-sec .card-you {min-height: 241px;} .dropdown-menu.cats-dropdown.w-100.show{width:auto;padding:0 10px} .dropdown-menu.cats-dropdown.w-100.show div{margin:0} .dropdown-menu.cats-dropdown.w-100.show div i{font-size:21px;margin:0!important} .dropdown-menu.cats-dropdown.w-100.show div .input-group{width:auto;padding:8px 4px} .dropdown-menu.cats-dropdown.w-100.show div .input-group .input-group-prepend{width:auto} .dropdown-menu.cats-dropdown.w-100.show div .input-group .input-group-prepend button,.dropdown-menu.cats-dropdown div .input-group button{min-width:auto;height:28px;position:relative;top:1px;width:25px} .dropdown-menu.cats-dropdown.w-100.show div input{padding:0;max-width:100%;min-height:25px} .part_sec .select_field.sel_parti .dropdown .btn-block:hover{background:transparent;border:transparent} .select_field .input-group input#dateInput{padding-top:3px} .guide-content p:not(:first-of-type),.ruin-content p:not(:first-of-type) { display: none; } .ruin-card { padding: 15px 15px 0 15px !important; border-radius: 0px !important; border-top-left-radius: 20px; border-top-right-radius: 20px; } .ruin-card svg { position: absolute; bottom: -52px; left: 0; width: 100%; height: 55px; } .ruins-sec .item { padding-bottom: 100px; } .featured_attrection_sec .owl-carousel .owl-nav.disabled, .featured_attrection_sec .owl-carousel .owl-nav { display: none !important; } /* ------- 6 June css */ .mobile-only { display: none !important; } .desktop-slider { display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap; } .desktop-slider .item { width: 32%; } .featured_attrection_sec .item .tour_slider_images img {transition: 0.3s ease-in-out;} /* ------- 6 June css */