/*
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;
	}
}