/*=========================== Project Name: TripRex - Tour & Travel Agency HTML Template Author: Egens Lab --> (https://www.egenslab.com/) Support: https://egenslab.desky.support/ Version: 1.0 1.COMMON CSS 2. Mixins Css 3. Global Css 4. Topbar 5. Header 6.Home1 Banner section 7.Home1 About section 8.Home1 Facility section 9.Home1 Package Card section 10.Home1 Feature Card section 11.Home1 Package Card Tab section 12.Home1 Activities Verticle Tab section 13.Home1 Banner2 section 14.Home1 Testimonial section 15.Home1 Blog section 16.Home1 Visa section 17.Home1 Banner3 section 18.Home1 Footer section 19.Home2 banner section 20.Destination Card Slider Section 21.Tour Pack Section 22.Home2 About Section 23.Home2 Activities Section 24.Home2 banner4 Section 25.Home2 Testimonial Section 26.Home2 Teams Section 27.Home2 Video Section 28.Home2 Newsletter Section 29.Home3 banner section 30.Home3 About section 31.Home3 Destination Dropdown section 32.Home3 Tour pack section 33.Home3 Accordion With Tab section 34.Home3 Activities section 35 .Home3 Teams section 36 .Home3 Tour Type section 37 .Home3 Testimonial section 38 .Home3 Teams section 39 .Home3 Instagram Slider section 40 .Home4 Banner section 41 .Home4 destination Card Slider section 42 .Home4 about section 43 .Home4 Banner2 section 44 .Home4 Tour Pack section 45 .Home4 Activities tab With Slider section 46 .Home4 Banner With Package-card Slider section 47 .Home4 Feature-card section 48 .Home4 Visa Application section 49 .Home4 Testimonial section 50 .Home4 Blog section 51 .Home4 Activity Counter section 52 .Home5 Banner section 53 .Home5 Activity section 54 .Home5 About section 55 .Home5 Destination Card Slider section 56 .Home5 Feature section 57 .Home5 Banner2 SLider section 58 .Home5 Testimonial section 59 .Home5 Visa Application section 60 .Home5 Teams section 61 .Home5 Newsletter section 62 .Home6 Banner section 63 .Home6 Category card Slider section 64 .Home6 Destination Card Slider section 65 .Home6 About section 66 .Home6 Tour pack section 67 .Home6 Activities section 68 .Home6 Banner2 section 69 .Home6 Feature section 70 .Home6 Visa Application section 71 .Home6 Testimonial section 72 . Destination Details Page 73 . Error Page 74 . Faq Page 75 . contact Page 76 . Blog Grid Page 77 . Blog Sidebar Page 78 . Blog Standard Page 79 . Package Category Page 80 . Package Top Search Page 81 . Blog Details Page 82 . Package Grid With Sidebar Page ===========================*/ /*=========================== 01.COMMON CSS ===========================*/ @import url("https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800;900&family=Rubik:wght@300;400;500;600;700;800;900&family=Sansita&family=Satisfy&display=swap"); * { margin: 0; padding: 0; scroll-behavior: smooth; } :root { /* --font-rubik: "Rubik", sans-serif; */ --font-jost: "Jost", sans-serif; --font-satisfy: "Satisfy", sans-serif; --font-sansita: "Sansita", sans-serif; --white-color: #fff; --black-color: #000; --title-color: #100C08; --text-color: #787878; --primary-color1: #4783C4; --primary-color1-opc: 99, 171, 69; --primary-color2: #FBB03B; --primary-color2-opc: 251, 176, 59; --primary-color3: #4783C4; /*Indikosh Color Scheme*/ --indikosh-color1: #F99F50; --indikosh-color2: #4783C4; } .section-title span { color: var(--primary-color3); font-family: var(--font-satisfy); font-size: 25px; font-weight: 400; line-height: 1; letter-spacing: 0.4px; display: inline-flex; align-items: center; gap: 10px; margin-bottom: 15px; } .destination-card2-slider-section{ position: relative; } .destination-card2-slider-section .section-vector1 { position: absolute; bottom: 80%; left: 0; } .home4-activity-counter-section { background-image: linear-gradient(180deg, rgba(16, 12, 8, 0.6) 0%, rgba(16, 12, 8, 0.6) 100%), url(../../site/home/activity-counter-bg.png); background-size: cover; background-repeat: no-repeat; padding: 90px 0; } .home3-banner2-section { background-image: url(../../site/home/special-offers.jpg); background-size: cover; background-repeat: no-repeat; padding: 90px 0; padding-bottom: 0px; } .single-activity .icon svg { fill: var(--white-color); } .home1-about-section { position: relative; background-image: url(../../site/home/about-us.jpg); } .destination-dropdown-section { background-image: url(../../site/home/gift-us.jpg), linear-gradient(180deg, #EEF3F1 0%, #EEF3F1 100%); background-size: cover; background-repeat: no-repeat; padding: 110px 14%; position: relative; } .feature-card-section { position: relative; background-image: url(../../site/home/recent-searches.jpg), linear-gradient(180deg, #EEF3F1 0%, #EEF3F1 100%); } .destination-dropdown-card { min-height: 120px; border-color: lightgray; border-style: solid; border-width: 1px; position: relative; border-radius: 5px; align-items: center; padding-left: 10px; } .destination-dropdown-card .destination-dropdown-card-img { position: relative; overflow: hidden; max-width: 32%; border-radius: 5px; } .destination-dropdown-card .gift-offer-card-content .title{ color: gray; font-family: var(--font-rubik); font-weight: 600; line-height: 1; letter-spacing: 0.56px; transition: 0.5s; } .destination-dropdown-card .gift-offer-card-content .subtitle { color: black; font-family: var(--font-rubik); word-wrap: break-word; } .destination-dropdown-card .gift-offer-card-content .details-btn { color: #FFF; font-family: var(--font-rubik); font-size: 14px; font-weight: 500; line-height: 1; white-space: nowrap; padding: 10px 15px; border-radius: 5px; background: var(--indikosh-color1); -webkit-backdrop-filter: blur(1.5px); backdrop-filter: blur(1.5px); position: relative; overflow: hidden; transition: 0.5s; } .destination-column { padding-left: calc(var(--bs-gutter-x) * 1.5); padding-right: calc(var(--bs-gutter-x) * 1.5); } /*================================================ 2. Mixins Css =================================================*/ /*================================================ 3. Global Css =================================================*/