@charset "UTF-8";

/*
Theme Name: Arvbuda Tours and Travels
Theme URI: https://arbudatravels.in/
Author: Arvbuda Tours and Travels
Author URI: https://arbudatravels.in/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.3
Requires PHP: 5.6
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/

/**
 * SETTINGS
 * File-header..........The file header for the themes style.css file.
 * Fonts................Any font files, if the project needs specific fonts.
 * Global...............Project-specific, globally available variables.
 *
 * TOOLS * Functions............Global functions.
 * Mixins...............Global mixins.
 *
 * GENERIC
 * Normalize.css........Normalise browser defaults.
 * Breakpoints..........Mixins and variables for responsive styles
 * Vertical-margins.....Vertical spacing for the main components.
 * Reset................Reset specific elements to make them easier to style in other contexts.
 * Clearings............Clearings for the main components.
 *
 * ELEMENTS
 * Blockquote...........Default blockquote.
 * Forms................Element-level form styling.
 * Headings.............H1–H6
 * Links................Default links.
 * Lists................Default lists.
 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.
 *
 * BLOCKS
 * Audio................Specific styles for the audio block.
 * Button...............Specific styles for the button block.
 * Code.................Specific styles for the code block.
 * Columns..............Specific styles for the columns block.
 * Cover................Specific styles for the cover block.
 * File.................Specific styles for the file block.
 * Gallery..............Specific styles for the gallery block.
 * Group................Specific styles for the group block.
 * Heading..............Specific styles for the heading block.
 * Image................Specific styles for the image block.
 * Latest comments......Specific styles for the latest comments block.
 * Latest posts.........Specific styles for the latest posts block.
 * Legacy...............Specific styles for the legacy gallery.
 * List.................Specific styles for the list block.
 * Media text...........Specific styles for the media and text block.
 * Navigation...........Specific styles for the navigation block.
 * Paragraph............Specific styles for the paragraph block.
 * Pullquote............Specific styles for the pullquote block.
 * Quote................Specific styles for the quote block.
 * Search...............Specific styles for the search block.
 * Separator............Specific styles for the separator block.
 * Table................Specific styles for the table block.
 * Verse................Specific styles for the verse block.
 * Video................Specific styles for the video block.
 * Utilities............Block alignments.
 *
 * COMPONENTS
 * Header...............Header styles.
 * Footer...............Footer styles.
 * Comments.............Comment styles.
 * Archives.............Archive styles.
 * 404..................404 styles.
 * Search...............Search styles.
 * Navigation...........Navigation styles.
 * Footer Navigation....Footer Navigation styles.
 * Pagination...........Pagination styles.
 * Single...............Single page and post styles.
 * Posts and pages......Misc, sticky post styles.
 * Entry................Entry, author biography.
 * Widget...............Widget styles.
 * Editor...............Editor styles.
 *
 * UTILITIES
 * A11y.................Screen reader text, prefers reduced motion etc.
 * Color Palette........Classes for the color palette colors.
 * Editor Font Sizes....Editor Font Sizes.
 * Measure..............The width of a line of text, in characters.
 */

/* Categories 01 to 03 are the basics. */

header.bg-white .e-parent{background: #273070;}
.banner-slider .swiper{overflow: visible; justify-content: center;}
.client-slider .swiper-wrapper {
	transition-timing-function: linear !important;
    align-items: center;
}
.client-slider .swiper-slide{width: auto; text-align: center;}
.client-slider .swiper-slide img{max-width: 115px;}
.banner-slider {overflow: visible !important;}
.faqswrapper{margin: 0;}
.faqswrapper .faq-item {margin-bottom: 0; background-color:rgba(240,240,240, 0.5); padding: 19px 30px; border-radius: 8px; margin-bottom: 20px;} 
.faqswrapper .faq-item h3{font-size: 30px; line-height:40px; margin-bottom:23px; font-weight: 700; color: rgba(0,0,0,.7); margin-bottom: 0;}
.faqswrapper .faq-item .faq-title {padding-right: 70px; position: relative;}
.faqswrapper .faq-item .faq-title .toggle-icon{position: absolute; right: 0; top: 0; transform: rotate(0deg); transition: all 0.3s ease-out;}
.faqswrapper .faq-item .faq-content{padding-right: 70px; color: rgba(0,0,0,.7); }
.faqswrapper .faq-item .faq-content p{color: rgba(0,0,0,.7); }
.faqswrapper .faq-item .faq-title.active .toggle-icon svg path {fill: #0D997F;}
.faqswrapper .faq-item .faq-title.active .toggle-icon{transform: rotate(-90deg);}
.testimonial-box{background: #fff; box-shadow: 0 0 45px rgba(0,0,0,0.08); border-radius: 16px; padding: 40px  36px;}
.testimonial-slider {overflow: visible !important;}
.testimonial-name{display: flex; align-items: center; margin-bottom: 30px; gap: 15px;}
.quote-icon{margin-left: auto; margin-right: 0;}
.testimoniald-desc-wrap{min-height: 190px;}
.testimoniald-desc-wrap p{color: rgba(0,0,0,.7);}
.testimonial-bottom-row{padding: 20px 0 0; display: flex; justify-content: space-between; align-items: center; margin-top: 15px; border-top: 1px solid rgba(0,0,0,.2);}
.get-in-touch-form .form-group input, .get-in-touch-form .form-group textarea, .get-in-touch-form .form-group select{height: 69px; border-radius: 8px; border: 1px solid #D0D0D0; padding: 10px 15px;}
.get-in-touch-form .form-group input:focus, .get-in-touch-form .form-group textarea:focus, .get-in-touch-form .form-group select:focus{outline: 0 none; box-shadow: none;}
.get-in-touch-form .form-group textarea{height: 127px;}
.text-color{color:#FFD752 !important;}
.mobile-menu-wrap{position:fixed; height: 100dvh; overflow-y:auto ; width: 100%; top: 0; left: 0; z-index: 9999; background: #403091; padding: 80px 30px; display: none; opacity: 0; visibility: hidden;}
.mobile-menu-wrap .navbar-nav{display: flex;}
.mobile-menu-wrap .navbar-nav li{width: 100%; margin-bottom: 30px;}
.mobile-menu-wrap .navbar-nav li a{font-size: 20px; font-weight: 700; color: #fff; text-transform: uppercase; display: block; text-align: center; text-decoration: none;}
.mobile-menu-wrap .navbar-nav li a:hover, .mobile-menu-wrap .navbar-nav li.current_page_item a{color: #ED3C23;}
.mobile-btn-wrap{text-align: center; margin-bottom: 50px;}
.btn.mobile-menu-btn{background-color: transparent;
  font-family: "Philosopher", Sans-serif;
  font-size: 22px;
  font-weight: bold;
  line-height: 30px;
  color: #FFFFFF;
  background-image: linear-gradient(90deg, #4CBFAA 0%, #0D997F 100%);
  border-style:
none;
  border-radius:
30px 30px 30px 30px;
  padding:
16px 24px 16px 24px; margin-bottom: 30px;} 
.btn.mobile-menu-btn:hover{background-image: linear-gradient(90deg, #B54A9B 0%, #4F2044 100%); color:#fff;}
.mobile-contact{margin: 0; padding: 0; list-style: none;}
.mobile-contact li{margin-bottom: 16px; color: #fff; font-weight: 400; font-size: 18px; color: #fff; text-align: center;}
.mobile-contact li a{color: #fff; text-decoration: none;}
.mobile-contact li a .icon-wrap{display: inline-block; margin-right: 10px;}
.email-text{word-break: break-all;}
.burgerbutton {
    position: fixed;
    right: 15px;   
    margin: 0 auto;    
    top: 27px;
    width:22px;
    height: 18px;
    cursor: pointer;
    z-index: 111111;
    display: none;
  }
  .burgerbutton span {
    width: 100%;
    transition: 0.5s all cubic-bezier(0.175, 0.885, 0.32, 1.275);
    height: 2px;
    background: #fff;
    position: absolute;
    right: 0;
    left: auto;
    margin: 0 auto;
    transform: rotate(0);
  }
  .burgerbutton span:nth-child(1) {
    top: 0;
  }
  .burgerbutton span:nth-child(2) {
    top: 44%;
    width: 60%;
  }
  .burgerbutton span:nth-child(3) {
    bottom: 0;
  }
  .burgerbutton.active span:nth-child(1) {
    top: 8px;
    transform: rotate(-45deg);
  }
  .burgerbutton.active span:nth-child(2) {
    width: 0%;
  }
  .burgerbutton.active span:nth-child(3) {
    bottom: 8px;
    transform: rotate(45deg);
  }
  .mobile-menu-wrap.active {
    display: block;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
  }
  .mobile-menu-wrap.active .navbar-nav li a {
    animation: fadeIn 0.5s ease-in-out;
  }
  .mobile-menu-wrap.active .navbar-nav li:nth-child(1) a {
    animation-delay: 0.1s;
  } 
  .burgerbutton.active {
   top: 40px;
  }
.ehf-header #masthead{z-index:1111 !important;}
.left-part-sticky{position:sticky; top:170px; left:0;}
.client-logo-wrap .row{flex-wrap: wrap; align-items: center;}
.client-logo-wrap .row > div {padding: 0 15px; height: 100%; flex: 0 0 20%; max-width: 20%;}
.client-logo-wrap .row > div .client-logo-box{border: 1px solid #BFBFBF; display: flex;  height:198px; margin-bottom: 30px; padding: 30px 20px; align-items: center; justify-content: center;}
.client-logo-wrap .row > div .client-logo-box img{max-width: 100%; max-height: 106px;}
.min-height100{min-height: 100%;}
.article-slider-wrap img{width: 100px; height: 100px; }
.article-slider-wrap figure{margin-bottom: 40px !important; display: block;}
.article-slider-wrap h3{font-size: 20px; line-height: 30px; font-weight: 500; margin-bottom: 20px;}
.article-slider-wrap p{color: rgba(0,0,0,.7);}
.article-slider-wrap .swiper-button-next, .article-slider-wrap  .swiper-button-prev{position: static; margin-top: 40px; display: inline-block;}
.article-slider-wrap .swiper-button-next:after, .article-slider-wrap  .swiper-button-prev:after{display: none;}
.article-slider-wrap  .swiper-button-prev{margin-right: 30px;}
/***********************blog List*************/
.blog-list-box{margin-bottom: 60px;}
.blogs-list-thumb{border-radius: 16px; overflow: hidden; margin-bottom: 30px;}
.blog-list-box .meta-info{color: rgba(0,0,0,.5); margin-bottom: 20px;}
.blog-list-box h3{font-size: 24px; line-height: 30px; color: #000; font-weight: 500; margin-bottom: 20px;}
.blog-list-box h3 a{color: #000;}
.blog-list-box p{color: rgba(0,0,0,.8);}
.blog-list-box .btn{background: #ED3C23; border: 1px solid #ED3C23; font-size: 20px; font-weight: 700; color: #fff; border-radius: 35px; padding: 18px 35px;}
.blog-list-box .btn:hover{background-color: #273070;
  color: #FFFFFF;
  border-style:
solid;
  border-width:
1px 1px 1px 1px;
  border-color:
#BFD0FF;
  border-radius:35px;}
  .elementor-kit-6 button, .elementor-kit-6 input[type="button"], .elementor-kit-6 input[type="submit"], .elementor-kit-6 .elementor-button{white-space: normal;}
  .person-img figure{position: relative;}
  .person-img figcaption{position: absolute; bottom: 0; padding: 10px 15px; width: 100%; border-radius: 0 0 16px 16px;}
  .image-carousel-big{overflow: visible;}
  .image-carousel-big .elementor-image-carousel-wrapper{overflow: visible;}
  .image-carousel-big .swiper-pagination{margin-top: 90px; position: static;}
  .image-carousel-big .swiper-pagination .swiper-pagination-bullet{width: 18px; height: 5px; border-radius: 3px;}
  .image-box-hover {background: #fff; box-shadow: 0 0 45px rgba(0,0,0,.08); border-radius: 16px; overflow: hidden;}
  .image-carousel-big .swiper-pagination .swiper-pagination-bullet-active{background: #2A3479; width: 44px;}
  .image-box-hover .elementor-image-box-content{position:absolute; width: 100%; bottom: 0; left: 0; padding: 15px ; background: #fff;}
  .image-box-hover .elementor-image-box-content p{max-height: 0; opacity: 0; visibility: hidden; transition: all 0.5s ease-out;;}
  .image-box-hover:hover .elementor-image-box-content p{max-height: 150px; opacity: 1; visibility: visible;}
  @media (max-width: 767px) {
    h2 br, h3 br{display: none;}
    .image-carousel-big .swiper-pagination{margin-top: 40px; position: static;}
  }
  .blog-top-banner{background-image: radial-gradient(at center center, #4B5CD6 0%, #273070 100%); min-height:400px;}
.blog-detail-wrap{padding:150px 0;}
.categories-name {font-size:32px; line-height:40px; color:#ED3C23; margin-bottom:15px; text-align:center;}
.categories-name a{color:#ED3C23; text-decoration:none;}
.blog-detail-wrap h1{text-align:center; font-size:56px; line-height:1.2; margin-bottom:30px;}
.mobile-menu-wrap .sub-menu{margin:0; padding:0; display:none;}
.mrg-none p, .mrg-b-none p{margin-bottom:0 !important;}
.image-carousel-big .swiper-slide-inner{padding:0 8px;}
.newsletter-wrap{position: relative; display:flex; align-items:center;}
.newsletter-wrap input.wpcf7-form-control[type="email"]{height:59px; color: #fff; border:0 none; background:rgba(255,255,255,0.15) !important; border-radius:30px; padding:10px 150px 10px 20px; width:100%;}
.newsletter-wrap input.wpcf7-form-control[type="email"]:hover, .newsletter-wrap input.wpcf7-form-control[type="email"]:focus{background:rgba(255,255,255,0.15) !important; color: #fff; border:0 none; box-shadow: none; outline: 0 none;}
.newsletter-wrap .btn-wrap{position:absolute; right:0; top:0; width:145px;}
.newsletter-wrap p{margin-bottom: 0 !important;}
.newsletter-wrap  .btn-wrap input[type="submit"]{height:59px; border-radius:30px;  color:#fff;}
.wpcf7-spinner{display: none;}
.elementor-button-info a:hover{border-color: #B54A9B  !important;}
.counter-box{position: relative;}
.counter-box:before{width: 1px; height: 89px; background: #4CBFAA; left: 50%; top: -89px; content: ""; position: absolute; transform: translateX(-50%);}
.counter-box:after{width: 56px; font-family: "Philoshopher"; height: 56px; color: #fff; font-size: 30px;  border-radius: 50%; position: absolute; left: 50%; transform: translateX(-50%); top: -120px; content: "01"; display: flex; justify-content: center; align-items: center; background-image: linear-gradient(90deg, #4CBFAA 0%, #0D997F 100%);}
.counter-box.box-2:after{content: "02"; background-image: linear-gradient(90deg, #B54A9B 0%, #4F2044 100%);}
.counter-box.box-3:after{content: "03";}
.icon-hover-box{position: relative; }
.icon-hover-box:before{ background-image: linear-gradient(90deg, #4CBFAA 0%, #B54A9B 100%); height: 8px; width: 100%; bottom: 20px; left: 0; content: ""; opacity: 0; visibility: hidden; transition: all 0.5s ease-out; position: absolute;}
.icon-hover-box:after{background: url(assets/images/arrow-image-icon.svg) center no-repeat; height: 63px; width: 63px; background-size: contain; content: ""; right: 0; top: 0; position: absolute; opacity: 0; visibility: hidden; transition: all 0.5s ease-out; }
.icon-hover-box:hover:before{opacity: 1; visibility: visible;}
.icon-hover-box:hover:after{opacity: 1; visibility: visible;}
.icon-hover-box:hover{padding-right: 60px;}
.footer-links{margin: 0; padding: 0;}
.footer-links li{position: relative; padding-left: 20px;}
.footer-links li:before{content: ""; width: 8px; height: 8px; background: #fff; border-radius: 50%; position: absolute; left: 0; top: 22px;}
@media (max-width: 991px) {
  .icon-hover-box:hover{padding-right: 0;}
  .icon-hover-box:after{display: none;}
  .bg-none{background: transparent !important;}
	.newsletter-wrap .btn-wrap input[type="submit"]{width:100%;}
	.left-part-sticky{position:static; margin-bottom:40px;}
	p br{display:none !important;}
}
.round-icon{width:90px; height:90px;}
.contact-us-form{background: #4CBFAA;
background: linear-gradient(180deg,rgba(76, 191, 170, 0.36) 0%, rgba(13, 153, 127, 0.36) 50%); padding:39px; border-radius:24px;}
.contact-us-form .form-group input, .contact-us-form .form-group textarea, .contact-us-form .form-group select{height: 69px; border-radius: 8px; border: 1px solid #EBEBEB; padding: 10px 15px;}
.contact-us-form .form-group input:focus, .contact-us-form .form-group textarea:focus, .contact-us-form .form-group select:focus{outline: 0 none; box-shadow: none;}
.contact-us-form .form-group textarea{height: 138px;}
.contact-us-form .form-group{margin-bottom:30px;}
@media (max-width: 991px) {
	.contact-us-form .form-group{margin-bottom:20px;}
	.contact-us-form{padding:15px;}
}
.mark-refrel-form-wrap h3{margin-top:50px; margin-bottom:30px; font-weight:400; font-size:30px;}
.mark-refrel-form-wrap .form-group{margin-bottom:24px;}
.mark-refrel-form-wrap input:focus; .mark-refrel-form-wrap select:focus, .mark-refrel-form-wrap textara:focus{outline:0 none !important; box-shadow:none !important;}
.mark-refrel-form-wrap select{padding:15px 30px !important; height:74px;}
.radio-wrap{margin-bottom:30px;}
.wpcf7-list-item{margin-left:0; margin-right:20px;}
.mark-refrel-form-wrap .btn-wrap{margin-top:30px;}
@media (max-width: 991px) {
	.mark-refrel-form-wrap h3{margin-top:30px;}	
}
.submenu-toggle-btn{display:none;}
@media (max-width: 1024px) {
	#main-menu li{position:relative;}
	.submenu-toggle-btn{display:block; position:absolute; right:0; top:2px; color:#fff;}
	.mobile-menu-wrap .navbar-nav li li{margin-bottom:10px; font-size:16px;}
	.mobile-menu-wrap .navbar-nav li li a{font-size:16px;}
}

.service-card{padding-top:85%; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; overflow:hidden; border-radius:12px;}
			.service-card:before{background: linear-gradient(180deg,rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.51) 100%); content:""; position:absolute; left:0; bottom:0; height:100%; width:100%;}
.service-card .service-title{position:absolute; z-index:11; padding:20px; bottom:0; width:100%; left:0; color:#ffffff; font-size:22px; font-weight:600;}
.swiper-pagination{margin-top:20px; position:relative;}
.package-card{padding-top:120%; display:block; position:relative; background-size:contain; background-repeat:no-repeat; background-position:center; overflow:hidden; border-radius:12px;}
.package-bg{position:absolute; left:0; top:0; width:100%; height:100%;right:0; bottom:0; background-size:cover; background-repeat:no-repeat; background-position:center;}
.fleet-card {background:#fff; border-radius:10px; overflow:hidden; border:1px solid #ccc;}
.wpcf7-form textarea{height:130px;}
.wpcf7-form .booking-formswrap{display:flex; gap:20px; align-items:flex-end;}
.wpcf7-form .booking-formswrap .form-btn{flex:0 0 auto;}
.booking-form-items{display:flex; gap:20px;}
.booking-form-items .wpcf7-form-control-wrap{display:block; margin-top:6px;}
.wpcf7-form   input, .wpcf7-form   textarea{width:100%;}
.booking-form-items > div{flex:1;}
.fleet-image{padding-top:60%; position:relative; background-size:cover; background-repeat:no-repeat; background-position:center; overflow:hidden; border-radius:12px;}
.fleet-content{padding:10px 15px;}
.fleet-content .fleet-title-row  .fleet-price{font-weight:600; margin-bottom:10px; font-size:20px; color:#253FD3; display:block;}
.fleet-meta{margin: 0 0 0 15px; padding: 0;}
@media(max-width:1024px){
	.wpcf7-form .booking-formswrap{display:block;}
	.booking-form-items > div{flex:0 0 50%;}
	.booking-form-items{flex-wrap:wrap; gap:10px;}
}
@media(max-width:576px){
	.booking-form-items > div{flex:0 0 100%;}
}