/*
Theme Name:     TripBeast Child
Theme URI:      #
Description:    TripBeast theme
Author:         TripBeast
Author URI:     #
Template:       hello-elementor
Version:        1.0.0
*/

/* Import parent theme styles */
@import url("../hello-elementor/style.css");



/************new home css start***********/
.grecaptcha-badge {
    z-index: 9;
}
.bnr-hdngcontainer > .e-con-inner {
    margin-left: 0;
}
.bnr-hdng span {
    color: #FF4500;
    -webkit-text-stroke: 1px #fff;
    -webkit-text-fill-color: #FF4500;
}
.vdo-beast {
	position: relative;
}
.vdo-beast::before {
	position: absolute;
	content: '';
	background: url('https://www.tripbeast.com/wp-content/uploads/2024/06/Rectangle-11967.svg');
	top: 0;
	max-width: 665px;
	height: 42px;
	z-index: -1;
	background-position: top right;
	background-size: contain;
	left: auto;
	right: 0;
	width: 100%;
}
.vdo-beast::after {
	position: absolute;
	content: '';
	background: url('https://www.tripbeast.com/wp-content/uploads/2024/06/Rectangle-11967.svg');
	bottom: 0;
	max-width: 665px;
	height: 42px;
	z-index: -1;
	background-position: bottom left;
	background-size: contain;
	left: 0;
	width: 100%;
}
.bnr-icon-list h3.elementor-image-box-title {
    margin-bottom: 0;
    margin-top: 0;
}
.multi-cat-item{
	flex: 0 0 25%;
    max-width: 25%;
    padding: 10px;
}
.multi-cat-item  .elementor-widget-container {
    align-items: center;
    display: flex;
    justify-content: center;
    min-height: 240px;
}
.multi-cat-item .elementor-widget-container h3.elementor-image-box-title {
    margin-bottom: 0;
    margin-top: 0;
}
.multi-cat-item  .elementor-widget-container figure.elementor-image-box-img {
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bnr-bot-sec .rght .logimg img, .trip-ai-assis .lft .logimg img {
	width: 275px;
}
.bnr-bot-sec > .e-con-inner {
    background: linear-gradient(270deg, rgba(255, 247, 244, 0) 0%, #FFF7F4 100%);
    border-radius: 10px;
}
.list_points  h3.elementor-icon-box-title {
    margin-top: 0;
    margin-bottom: 0;
}
.list_points .elementor-icon-box-icon {
    position: relative;
    top: 4px;
}
.bnr-bot-mid > .e-con-inner >.elementor-element {
    flex: 1 1;
	padding-left:2%;
}
.bnr-bot-mid > .e-con-inner >.elementor-element:nth-child(odd) {
    flex: 0 0 45%;
    max-width: 45%;
	padding-left: 0;
}
.bnr-btm-para strong {
    color: rgba(255, 69, 0, 1);
}
.footer_container  > .e-con-inner {
    box-shadow: 0px 0px 53px -10px rgba(97, 97, 97, 0.25);
    border-radius: 20px;
	overflow: hidden;
}
/************new home css ends***********/

.social-media-footer {
    margin-top: auto;
}
.tripheader-logo img.attachment-full {
    width: 200px;
}
.tripbeart-header .header-social {
    flex-direction: row;
    justify-content: flex-end;
}
.tripbeast-footer p {
    margin: 0;
}
.orange-text h2 span {
    color: #FF4500;
    font-weight: 800;
}
.mult-category-sec .e-con-inner:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 320px;
    background: #B0B0B0;
    z-index: 2;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}
.mult-category-sec .e-con-inner {
    position: relative;
} 
.contact-form .form-row {
    display: flex;
    gap: 20px;
}
.contact-form .form-row .form-field {
    width: 100%;
}
.contact-form .form-row .form-field {
    width: 100%;
    color: #fff;
    font-family: inherit;
		font-weight: 300;
}
.contact-form .form-row .form-field input::placeholder, .contact-form .form-row .form-field textarea::placeholder {
    color: #fff;
    opacity: 1;
}
.contact-form .form-row .form-field input, .contact-form .form-row .form-field textarea {
    background: transparent;
    border: 0px solid #ffffff;
    color: #fff;
    border-radius: 0;
    border-bottom: 2px solid #fff;
    outline: 0;
    padding: 5px 12px;
    font-family: Nunito;
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
}
.contact-form .form-row .form-field textarea{
	height:110px;
}
.contact-form .form-row .form-field span.wpcf7-form-control-wrap {
    display: block;
    margin-top: 4px;
}

.contact-section .right-form {
    position: relative;
}
.contact-section {
    overflow: hidden;
	  padding-top: 60px;
}
.contact-section .right-form:after {
    content: "";
    position: absolute;
    background: #000000;
    width: 100%;
    height: 100%;
    top: 0;
    right: -100%;
}
.contact-section .right-form:before {
    content: "";
    position: absolute;
    background: transparent;
    width: 80%;
    height: 40%;
    top: -44px;
    left: -40px;
    z-index: 0;
    border-top: 45px solid #F15623;
    border-left: 40px solid #F15623;
}
.contact-form .form-submit input.wpcf7-form-control {
    text-transform: uppercase;
    font-family: "Nunito", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    background: rgba(31, 31, 31, 1);
    color: #fff;
    border: 0;
    display: flex;
    margin-left: auto;
    width: auto;
    padding: 14px 35px;
    border-radius: 40px;
    letter-spacing: 0;
    margin-top: 0px;
}
.contact-form .form-row span.wpcf7-not-valid-tip {
    font-size: 14px;
    padding-top: 5px;
}
.contact-form + .wpcf7-response-output {
    color: #fff;
}
.contact-form span.wpcf7-not-valid-tip {
    color: #ecff42;
    opacity: 0.9;
}
.contact-form .form-submit p {
    margin-bottom: 0;
}
.contact-form .form-row .form-field label input:focus-visible, .contact-form .form-row .form-field label textarea:focus-visible {
    outline: none;
} 
.form-submit {
    position: relative;
}
.form-submit span.wpcf7-spinner {
    margin: 0;
    position: absolute;
    right: 35%;
    top: 10px;
}
.topmenu-btn a.hfe-menu-item {
    border-radius: 40px;
}
.home-list ul.elementor-icon-list-items {
    display: flex;
    flex-wrap: wrap;
}
.home-list ul.elementor-icon-list-items li.elementor-icon-list-item {
    width: 50%;
}
.partner-logo img.attachment-large {
    filter: grayscale(100%);
    opacity: 0.6;
} 
.partner-logo .elementor-widget-image:hover img.attachment-large {
    filter: grayscale(10%);
    opacity: 1;
}
.expand-btn .e-con-inner {
    display: flex;
}
.footer-socialmedia a.elementor-social-icon {
    background: transparent;
    padding: 0;
    width: 35px;
}
.elementor-page-1844 header#masthead .h-log-btn, .page-id-3322 .h-log-btn, .page-id-3553 .h-log-btn {
    display: none;
}
footer#colophon .footernav-sec {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}
div#slider-icons {
    position: fixed;
    right: 0;
    top: 20%;
    background: #fff;
    z-index: 99999;
    border: 2px solid #ff4500;
    width: auto;
    border-right: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    padding-right: 0;
}
.page-id-2607 .h-log-btn, .page-id-2625 .h-log-btn {
    display: none;
}
.home-hero-sec .expand-btn .e-con-inner {
    justify-content: center;
}
.h-wrkwth {
/*    box-shadow: 1px 1px 6px -2px #cacaca;*/
    border-radius: 8px;
}
.h-color:hover .elementor-widget-heading h2.elementor-heading-title {
/*    color: #FF4500;*/
}
.h-w-wrk {
    border-radius: 20px;
}
.h-w-wrk p {
    margin-bottom: 0;
}
.h-w-wrk:hover {
    background: #ffff;
    box-shadow: 2px 2px 3px 0 #e9e9e9;
}

/*============Count slider css start==============*/

   .stat-slider-container {
      overflow: hidden;
      position: relative;
      width: 100%;
      padding: 20px 0;
    }
 
    .stat-slider-container .stat-slider-wrapper {
      display: flex;
      transition: transform 1s ease-in-out;
      width: 100%;
      position: relative;
    }
 
    .stat-slider-container  .stat-slide {
      display: flex;
      gap: 16px;
      justify-content: center;
      flex-shrink: 0;
      width: 100%;
      flex-wrap: nowrap;
    }
 
    .stat-slider-container .stat-box {
		flex: 0 0 auto;
		width: 196px;
		background:#fff;
		border-radius: 12px;
		text-align: center;
		padding: 20px 10px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
		transform: scale(0.95);
		opacity: 0;
		transition: all 0.6s ease;
		border: 1px solid rgb(255 255 255 / 22%);
	}
	.stat-slider-container .stat-box img{
	  filter: contrast(0.6);
	  width: 35px;
	}
 
    .stat-slider-container .stat-box.animate {
      opacity: 1;
      transform: scale(1);
    }
 
    .stat-slider-container .stat-number {
	font-size: 30px;
    font-weight: 700;
    color: #ff4500;
    }
 
    .stat-slider-container .stat-label {
        font-size: 16px;
        color:#292C2DD6;
        font-family: "Nunito", Sans-serif;
        font-weight: 400;
    }
 
    .stat-slider-container .arrow-btn {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		background: #fff;
		border: none;
		font-size: 20px;
		cursor: pointer;
		z-index: 10;
		padding: 5px 12px;
		border-radius: 8px;
		box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
		transition: background 0.3s;
		color: #d43f07;
		}
 
    .stat-slider-container .arrow-btn:hover, .stat-slider-container .arrow-btn:focus {
      background: #c13a08;
      color: #292C2DD6;
      outline: none;
    }
 
    .stat-slider-container .arrow-left {
      left: 10px;
    }
 
    .stat-slider-container .arrow-right {
      right: 10px;
    }
 
    .stat-slider-container .mobile-mode {
      display: none;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none; /* Firefox */
    }
 
    .stat-slider-container .mobile-mode::-webkit-scrollbar {
      display: none; /* Chrome, Safari, Opera */
    }
    .stat-slider-container .three-box .stat-box {
      width: 240px;
    }
 
    @media (max-width: 768px) {
      .stat-slider-container .arrow-btn {
        display: block;
        font-size: 18px;
        padding: 3px 10px;
        border-radius: 5px;
      }
 
     .stat-slider-container  .stat-slider-wrapper {
        overflow-x: hidden;
        position: relative;
      }
 
      .stat-slider-container .desktop-slide {
        display: none;
      }
 
     .stat-slider-container .mobile-mode {
        display: flex;
        gap: 4vw;
        padding-left: 10px;
        scroll-behavior: smooth;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
      }
 
      .stat-slider-container .stat-box {
        scroll-snap-align: center;
        width: 92vw;
        margin-right:0vw;
        opacity: 1 !important;
        transform: scale(1) !important;
      }
    }

/*=============Count slider css end=============*/

@media(max-width:1024.98px){
	.bnr-icon-list > .elementor-widget-container {
		border-color: #fff !important;
	}
.partner-aff-sec .partner-logo .e-con-inner .elementor-widget-image {
    width: 100%;
}
.partner-aff-sec .partner-logo .e-con-inner img.attachment-large {
    width: 80%;
}
.partner-aff-sec .partner-logo .e-con-inner {
    gap: 0;
}
.form-submit {
    flex-direction: column;
}
}

@media(max-width:991.98px){
	.multi-cat-item {
		flex: 0 0 33.33%;
		max-width: 33.33%;
		padding: 10px;
	}
	body .tripbeart-header .header-social {
		justify-content: end;
		padding: 0 10px;
    }
}


@media(max-width:767.99px){
	.orange-text h2 {
		line-height: 1.4 !important;
	}
	.bnr-bot-mid > .e-con-inner >.elementor-element:nth-child(odd) {
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0;
	}
	.multi-cat-item {
		flex: 0 0 100%;
		max-width: 100%;
		padding: 10px;
	}
	.bnr-bot-mid > .e-con-inner > .elementor-element {
	padding-left: 0%;
	margin-top: 24px;
}
	.bnr-bot-sec .rght .logimg img, .trip-ai-assis .lft .logimg img {
	width: 220px;
}
	.bnr-bot-sec .bnr-bot-mid .list_points .elementor-icon-box-wrapper {
    display: flex;
    column-gap: 10px;
}
	.multi-cat-item .elementor-widget-container {
	min-height: 195px;
}
	body .tripbeart-header .header-social {
		justify-content: space-between;
	}
	.form-submit span.wpcf7-spinner {
		right: 30%;
	}
	.mult-category-sec .e-con-inner:after {
		height: 0;
	}
	.contact-form .form-row {
		flex-direction: column;
		gap: 0;
	}
	.contact-section .right-form:before {
		height: 0;
		width: 0;
	}
	.right-form .elementor-element.elementor-element-7b71be8 {
		width: 100%;
	}
	.contact-section {
		padding-top: 40px;
	}
.travel-btnhome .expand-btn .e-con-inner {
    justify-content: center;
}
#main-header .tripheader-logo {
    width: auto;
    position: static;
		margin: 0;
}
#main-header.tripbeart-header > .e-con-inner {
    flex-wrap: unset;
    width: 100%;
    justify-content: space-between;
    max-width: 100%;
    position: relative;
}
.header-social {
    width: auto;
    justify-content: end;
}
.hfe-nav-menu__toggle {
    margin: 0 !important;
    position: static;
    width: auto !important;
}
.header-social {
    width: auto !important;
    flex: unset !important;
}
.topmenu-btn {
    width: 40px !important;
    position: static;
}
.header-social {
    position: static;
}
header#masthead nav {
    width: 100% !important;
    left: 0 !important;
    background: #282828;
    overflow-x: hidden;
}
header#masthead nav li a {
    width: 100%;
    padding: 10px;
    display: block;
    background: unset;
    border: none;
    color: #fff;
}

#slider-icons {display: none;}
.partner-aff-sec .partner-logo .e-con-inner img.attachment-large {
  width: 140px;
}
.expand-sec .expand-btn .e-con-inner {
    justify-content: center;
}
.home-list ul.elementor-icon-list-items li.elementor-icon-list-item {
    width: 100%;
}
.form-submit {
    flex-direction: row;
}
}
@media(max-width:575.99px){
.form-submit {
    flex-direction: column;
}
.contact-form .form-submit input.wpcf7-form-control {
    margin-top: 0px;
}
}
@media(max-width:358.99px){
header .header-social {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
header .header-social .elementor-social-icons-wrapper {
    --icon-size: 17px;
    --grid-column-gap: 3px;
}
}
.home-text {
    display: none;
}
.page-id-3553 .home-text,.page-id-2625  .home-text, .page-id-1844 .home-text {
    display: block;
}
.about-text {
    display: none;
}
.page-id-3322 .about-text {
    display: block;
}
.solution-text {
    display: none;
}
.page-id-2607 .solution-text {
    display: block;
}
.link-color h6 a {
    color: #ff4500;
}
.video-actonn .elementor-custom-embed-image-overlay img {
    object-fit: contain !important;
}