/*
Theme Name: Vibrant Buildcon
Theme URI: https://astridtechnology.com/
Template: hello-elementor
Author: Astrid Web Technology LLP
Author URI: https://astridtechnology.com/
Description: This is the child theme for Vibrant Buildcon.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.1.1715693286
Updated: 2024-05-14 13:28:06

*/
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
    padding-left: 100px !important;
}

.abt-creat-main p {
    font-size: 16px;
}
.abt-creat-main p a strong, .abt-creat-main p em strong{
    font-size: 18px;
}
.hero-sc1 figure.swiper-slide-inner img {
    width: 100%;
}
.flipbook-main-wrapper{
	background: var( --e-global-color-primary ) !important;
}
.slick-carousel.slick-initialized.slick-slider .slick-arrow {
    font-size: 0;
    height: auto;
    padding: 10px 6px 10px 12px;
    text-align: center;
}

input.wpcf7-form-control.wpcf7-countrytext.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-countrytext {
    padding-left: 50px !important;
}
.sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content {
    background: transparent;
}
.sp_wpspwpost_static.wpspw-design-1 .wpspw-post-grid-content h2 a {
    color: #0a0a0a;
    text-decoration: none;
}
.wpspw-post-categories a:nth-child(4n+1) {
    background: var( --e-global-color-accent );
    border-color: var( --e-global-color-accent );
}
.header-mnmenu ul#menu-main-menu li ul li a {
    text-transform: uppercase;
    font-weight: 600;
}
.buss_sec_select{
margin-bottom:20px;}
.buss_sec_select label {
    display: flex;
    vertical-align: middle;
    align-items: center;
}
.buss_sec_select input[type="checkbox"]{
	margin-bottom:0px !important
}
.buss_sec_select label span{
	margin-left:10px !important
}
/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #2A66FF #000000;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 16px;
  }

  *::-webkit-scrollbar-track {
    background: #000000;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #2A66FF;
    border-radius: 20px;
    border: 3px solid #ffffff;
  }
/* ===== End Scrollbar CSS ===== */

.home-m-counter .elementor-counter-title {
    text-align: center;
    border-top: 2px solid var( --e-global-color-accent );
    margin-top: 10px !important;
    padding-top: 10px !important;
}
.top-header-counter.elementskit-countdown-timer .elementskit-timer-container {
    width: auto !important;
    display: inline-flex !important;
    margin: 5px !important;
}


/** Start Counter Border Css ***/

.home-m-counter .elementor-widget-wrap.elementor-element-populated{
    --border-angle: 0turn; /* For animation. */
    --main-bg: conic-gradient(
      from var(--border-angle),
      #213,
      #112 5%,
      #112 60%,
      #213 95%
    );
    border: solid 5px transparent !important;
  border-radius: 2em;
  --gradient-border: conic-gradient(
    from var(--border-angle),
    transparent 25%,
    #08f,
    #f03 99%,
    transparent
  );
  animation: bg-spin 4s linear infinite;
  background: 
    /* padding-box clip this background in to the overall element except the border. */
    var(--main-bg) padding-box,
    /* border-box extends this background to the border space */
    var(--gradient-border) border-box,
    /* Duplicate main background to fill in behind the gradient border. You can remove this if you want the border to extend "outside" the box background. */
    var(--main-bg) border-box;

  background-position: center center;
}

@keyframes bg-spin {
    to {
      --border-angle: 1turn;
    }
}

.box:hover {
animation-play-state: paused;
}

/* Custom property definition */
@property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
}
/** End Counter Border Css ***/




@keyframes sec2Image {
    0% {
        margin: -90px 0 0 -90px;
    }

    100% {
        margin: -50px 0 0 -50px;
    }
}

/********* Start Counntdown Css ******/

#expo-countdown {
        display: flex;
        gap: 40px;
        justify-content: center;
        font-size: 2em;
        text-align: center;
	
    }
    .countdown-item {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .countdown-item span {
		font-weight: 500;
		font-size: 60px;
		padding-bottom: 30px;
		border-bottom: 2px solid #2A66FF;
		margin-bottom: 10px;
		width: 100%;
        font-style: normal;
	}
div#expo-countdown .countdown-item {
    font-size: 20px;
    font-style: italic;
}
div#expo-countdown .countdown-item {
    padding: 50px 30px 30px 30px;
    border-radius: 10px;
    color: #000;
    background: #fff;
    box-shadow: unset;
    width: 200px;
}

    @keyframes pulse {
        0% { transform: scale(1); }
        50% { transform: scale(1.4); }
        100% { transform: scale(1); }
    }

/********* End Counntdown Css ******/
.contactus-main input, .contactus-main textarea {
    width: 100%;
    border-radius: 10px !important;
    border-color: #9f9f9f !important;
}
.contactus-main label {
	width: 100%;
}
.envira-gallery-wrap .caption{
	display: none !important;
}
.dome-main-form .elementor-widget-container, .inter-main-form .elementor-widget-container {
    border-radius: 20px;
    background: #ffffff;
    box-shadow: 20px 20px 60px #d9d9d9,
             -20px -20px 60px #ffffff;
    padding: 50px;
}

/* ########### contact form css start ##########*/

.vibrant-buildcon-from input{
    border-radius: 10px !important;
    border-color: #9f9f9f !important;
}
.vibrant-buildcon-from select{
    border-radius: 10px !important;
    border-color: #9f9f9f !important;
}
.vibrant-buildcon-from span.wpcf7-list-item span.wpcf7-list-item-label{
	font-size:15px;
	color: #000 !important;
}

.vibrant-buildcon-from .form-row .form-left-col span{

	display:inline-block;
}

.vibrant-buildcon-from .form-row .form-left-col-services span{
	display:inline-block;
}
.vibrant-buildcon-from .form-row label span{
	display:inline-block
}
.vibrant-buildcon-from  span.wpcf7-form-control-wrap input {
    margin-right: 7px;
}
.vibrant-buildcon-from span.wpcf7-form-control-wrap{
	width: 100%;
}
.vibrant-buildcon-from .form-row .form-right-col-Business span{
display:inline-block;
}
.vibrant-buildcon-from .form-row{
    display: flex !important;
   width:100% !important;
    flex-wrap: wrap !important;
}
.vibrant-buildcon-from label{
	width:100%;
}
.vibrant-buildcon-from  span.wpcf7-list-item{
	display:inline;
}

.vibrant-buildcon-from .form-left-col {
    width: 50% !important;
    padding-right: 50px;
	box-sizing:border-box;
}
.vibrant-buildcon-from .form-right-col{
	width:50% !important;
}


.vibrant-buildcon-from .form-row label{
   font-size: 15px;
  font-weight: 500;
    line-height: 21px !important;
}

.vibrant-buildcon-from .form-row label img{
 height: 250px !important;
}
.vibrant-buildcon-from span.wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item input {
    margin-bottom: 0;
}
.vibrant-buildcon-from .intl-tel-input.allow-dropdown .selected-flag, .vibrant-buildcon-from .intl-tel-input.separate-dial-code .selected-flag {
    width: 90px;
}
.vibrant-buildcon-from  .form-left-col-business-sector span.wpcf7-list-item, .vibrant-buildcon-from  .form-left-col-business-sector span.wpcf7-list-item-label {
    display: inline-block !important;
}
.vibrant-buildcon-from .wpcf7-not-valid-tip{
	color: #dc3232 !important;
}
.focus-sector-slider .slick-list .slide img {
    height: 200px;
    object-fit: contain;
}
.focus-sector-slider .slick-list .slide{
	height:320px;
}
.focus-sector-slider .slick-list .slide h3 {
    font-size: 22px;
    line-height: normal;
    margin-top: 20px;
}

@media only screen and (min-width: 1024px){
    #sec2img .elementor-widget-container {
        animation: sec2Image 1.5s ease-in-out 0s infinite alternate;
        animation-duration: 3s;
    }
    .countdown-item span {
		animation: pulse 3s infinite;
	}
}
 

@media only screen and (max-width: 767px){
    
	.focus-sector-slider .slick-list .slide img {
			height: auto;
			object-fit: contain;
		}
		.focus-sector-slider .slick-list .slide{
			height:auto;
		}
	.vibrant-buildcon-from input[type="checkbox"], .vibrant-buildcon-from input[type="radio"] {
		width: 12px !important;
		height: 12px !important;
	}
	.vibrant-buildcon-from input[type="radio"] {
		margin-bottom: 0 !important;
	}
	.dome-main-form .elementor-widget-container, .inter-main-form .elementor-widget-container{
		padding:20px;
	}
	div#expo-countdown .countdown-item{
		padding: 20px;
	}
	#expo-countdown {
		gap: 10px;
		flex-wrap: wrap;
	}
	.countdown-item span{
		font-size: 34px;
		padding-bottom: 15px;
	}
	.countdown-item {
		flex-basis: 45%;
	}
	.vibrant-buildcon-from .form-left-col, .vibrant-buildcon-from .form-right-col {
		width: 100% !important;
		padding-right: 0px;
	}
}


/*conference css*/
.type-conference .entry-header, .single-conference header.post-title-header {
    display: none;
}
.conference-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 60px;
}

/* When last row has 2 items */
.conference-grid > :nth-last-child(2):nth-child(3n+1) {
    grid-column: 2 / span 2;
}

.conference-grid > :last-child:nth-child(3n+2) {
    grid-column: 4 / span 2;
}

.conference-grid > :last-child:nth-child(3n+1) {
    grid-column: 3 / span 2;
}

.conference-card {
    grid-column: span 2;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.25) !important;
    text-align: center;
    overflow: hidden;
    transition: 0.3s;
    text-decoration: none !important;
}

.conference-card:hover {
    transform: translateY(-5px);
}

.conference-logo {
    padding: 25px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.conference-logo img {
    max-height: 90px;
    width: auto;
}

.conference-title {
    background: #0d4c97;
    color: #fff;
    padding: 14px;
    font-weight: 600;
    font-size: 28px;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}


/* Elementor Widget CSS */
.speaker-card {
    border-radius: 20px;
    overflow: hidden;
    background: #fff;
    text-align: center;
}

.speaker-card img {
    width: 100%;
    min-height: 265px;
    max-height: 380px;
    object-fit: contain;
    object-position: bottom;
}

.speaker-info {
    background: var( --e-global-color-63fa1a6 );
    color: #fff;
    padding: 15px 10px;
    min-height: 114px;
}

.speaker-info h3 {
    margin: 0;
    font-size: 22px;
    color: #fff;
    line-height: 1em;
}

.speaker-info p {
    font-size: 12px;
    line-height: 1.2em;
    margin-top: 5px;
    margin-bottom: 0;
}


.speaker-slider {
    margin: 0 -10px;
}

.speaker-slide {
    padding: 0 10px;
}

.speaker-img-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 20px 20px 0 0;
}

.speaker-img-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, #00448e85 0%, #ffffff 90%);
    z-index: 1;
}

.speaker-img-wrap img {
    position: relative;
    z-index: 2;
    width: 100%;
    display: block;
}

/**
.speaker-slider .slick-track .slick-active:nth-child(1), .speaker-slider .slick-track .slick-active:nth-child(5) {
    transform: scale(0.9);
}

.speaker-slider .slick-track .slick-active:nth-child(2), .speaker-slider .slick-track .slick-active:nth-child(4) {
    transform: scale(0.95);
}
*/

.table-overflow {
    overflow-x: scroll;
}

@media (max-width: 767px) {
    .conference-grid {
        gap: 20px;
    }
    .conference-card,
    .conference-grid > :last-child:nth-child(3n+1),
    .conference-grid > :last-child:nth-child(3n+2),
    .conference-grid > :nth-last-child(2):nth-child(3n+1) {
        grid-column: span 6;
    }
    button.slick-next.slick-arrow {
        right: 0;
    }
    button.slick-prev.slick-arrow {
        left: 0;
    }
}


button.slick-arrow,
button.slick-arrow:hover,
button.slick-arrow:focus {
    background: transparent;
    width: auto;
    padding: 0;
    font-size: 0;
}
button.slick-arrow:before {
    font-size: 50px;
    color: #000;
    opacity: 1;
}