.slider-margin {
    margin-top: 102px;
}

/* Medium Screens (Tablets, 768px and above) */
@media (min-width: 768px) and (max-width: 991px) {
    .slider-margin {
        margin-top: 102px;
    }
}

/* Small Screens (Mobile, less than 768px) */
@media (max-width: 767px) {
    .slider-margin {
        margin-top: 110px;
    }
}

#site .vc_separator h4 {
    font-size: 1.5rem;
    color: #646464;
    font-weight: 800;
}

.button::after, .button.primary, .site-header.site-header-classic .navigator .menu li .sub-menu li:hover > a, .site-header.site-header-classic .navigator .menu li .sub-menu li.current-menu-item > a, .site-header.site-header-classic .navigator .menu li .sub-menu li.current_page_item > a, .site-header.site-header-classic .navigator .menu li .sub-menu li.current-menu-ancestor > a, .site-header.site-header-classic .navigator .menu li .sub-menu li.current-menu-parent > a, .site-header.site-header-classic .navigator .menu li .sub-menu li.current-page-ancestor > a, .site-header-sticky .navigator .menu li .sub-menu li:hover > a, .site-header-sticky .navigator .menu li .sub-menu li.current-menu-item > a, .site-header-sticky .navigator .menu li .sub-menu li.current_page_item > a, .site-header-sticky .navigator .menu li .sub-menu li.current-menu-ancestor > a, .site-header-sticky .navigator .menu li .sub-menu li.current-menu-parent > a, .blog-grid .post.has-post-thumbnail .post-image .post-categories a:hover, .blog-masonry .post.has-post-thumbnail .post-image .post-categories a:hover, .blog-large .post.has-post-thumbnail .post-image .post-categories a:hover, .blog-medium .post.has-post-thumbnail .post-image .post-categories a:hover, #site .iconbox, button:hover, input[type="submit"]:hover, .social-icons a:hover i, .big-date .post-day, .social-share a:hover, .testimonial.has-image, .widget.widget_tag_cloud .tagcloud a:hover, .widget.widget_product_tag_cloud .tagcloud a:hover, .projects-masonry .project .project-info .project-meta a:hover, .widget.style2, .widget.style4, #site .posts-carousel .post .post-inner .post-header .post-categories a:hover, #site .posts-carousel::after, #site .blog-shortcode.post-thumbnail-cover .blog-entries .entries-wrapper:not(.blog-grid) .post .post-image .post-categories a:hover, .site-header.site-header-classic .navigator .menu-primary > li > a::before, .site-header-sticky .navigator .menu-primary > li > a::before, .site-header.site-header-classic.header-brand-left .menu-extras .search-box::after, .site-content .breadcrumbs-inner > span > a::after, #site .iconlist.iconlist-icon-large li:hover .iconlist-item-icon i + span.shapes, #site .iconlist.iconlist-icon-medium li:hover .iconlist-item-icon i + span.shapes, #site .vc_tta-tabs .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab a, #site .vc_tta-tabs.vc_tta-style-modern .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab a::after, .woocommerce .product .woocommerce-tabs .tabs li a::after, .woocommerce .woocommerce-message, .widget ul li .children li a::before, .widget ul li .sub-menu li a::before, #site .scrollslider .swiper-container .swiper-pagination .swiper-pagination-bullet::after, #site .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tabs-container ul.vc_tta-tabs-list {
    background-color: #f8433a !important;
}

.button.primary::after, .widget.widget_calendar caption, .site-content .content-header.content-header-left .page-title-wrap::after, .highlight, .navigator .menu-flyout .dw-sub-menu li:hover > a, .navigator .menu-flyout .dw-sub-menu li.current-menu-item > a, .navigator .menu-flyout .dw-sub-menu li.current_page_item > a, .navigator .menu-flyout .dw-sub-menu li.current-menu-ancestor > a, .navigator .menu-flyout .dw-sub-menu li.current-menu-parent > a, #site .blog-shortcode.post-thumbnail-cover .blog-entries .entries-wrapper:not(.blog-grid) .post .post-image .post-categories a, .navigator .dw-mega-menu-tabs, .site-header.site-header-classic .social-icons a::after, .site-header-sticky .navigator .social-icons a::after, #site .iconlist.iconlist-icon-large li .iconlist-item-icon i + span.shapes, #site .iconlist.iconlist-icon-medium li .iconlist-item-icon i + span.shapes, .off-canvas-toggle[data-target="off-canvas-right"] {
    background-color: #c6d3e3;
}

#site .iconlist.iconlist-icon-medium li .iconlist-item-icon img {
    width:150px;
}

.text-intro {
    font-size: 2.8rem;
    margin-top: 0;
    font-weight: 300;
}

#site .counter .counter-content .counter-suffix {
    position: initial;
    top: -5px;
    margin: 0 0 0 5px;
    font-size: 2rem;
    color: #8d8ea3;
}



.contact-details {
  list-style: none;
  padding: 0;
  margin: 0;
}
.contact-details li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.contact-details i {
  font-size: 16px;
  color: #fff;
  margin-right: 10px;
}
.contact-details a {
  text-decoration: none;
  color: #fff;
  transition: color 0.3s ease;
}
.contact-details a:hover {
  color: #0056b3;
}



/*CF7 spinner*/
.news-letter-container .wpcf7-spinner {
    display:none !important;
}


/*--form wrapper--*/
 .news-letter-wrapper{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    margin-bottom: 0 !important;
    gap:0px !important;
}


/*--form main container--*/
#news-letter-container{
   display:flex !important;
   flex-direction: row !important;
   max-width:70vw !important;
   width:100% !important;
   gap:0px !important;
   justify-content:center !important;
}



/*--form background, border & content area--*/
 .news-letter-container .wpcf7 {
    border: 0px solid red !important;
    padding: 0px 0px 0px 0px !important;
    background: transparent !important;
}



/*--form placeholder text--*/
.news-letter-container .wpcf7 input::placeholder{
	font-family: 'Poppins', sans-serif !important;
	font-size:20px !important;
	color: #B6B8BA !important;
}



/*--Form email input field--*/
.news-letter-container .wpcf7 input[type="email"] {
    width: 100% !important;
	height:60px !important;
    padding: 10px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size:20px !important;
    line-height:1.2 !important;
    background-color:  white !important;
    color:#5E5E5F !important;
    border: 0px solid red !important;
    border-radius: 5px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    box-shadow: 3px 4px 12px rgba(0, 0, 0, 0.1) !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    margin:0 !important;
}



/*--Form Submit button--*/
.news-letter-container .wpcf7 input[type="submit"] {
    display: block !important;
    font-family: 'Poppins', sans-serif !important;
   height: 60px !important;
   text-align:center !important;
   color: #ffffff !important;
   font-size: 20px !important;
   font-weight: 600 !important;
   background: #EC5B53 !important;
   box-shadow: 3px 4px 12px rgba(0, 0, 0, 0.1) !important;
   padding: 12px 10px 12px 10px !important;
   border: 0px solid red  !important;
   border-radius: 5px !important;
   border-top-left-radius: 0px !important;
   border-bottom-left-radius: 0px !important;
   width: fit-content !important;
   text-transform: uppercase !important;
   letter-spacing: 1px !important;
   line-height: 1.0 !important;
   margin:0 !important;
   transition: all 0.4s ease 0s !important;
}



/*-Submit button Hover effect-*/
.news-letter-container .wpcf7 input:hover[type="submit"] {
    background:  #FF0000 !important;
}



/* Highlight input currently in use */
.news-letter-container .wpcf7 input[type="email"]:focus {
   background-color: white !important;
   border: 1px solid red !important;
}



/*Shrinking for Tablet devices*/ 
@media (min-width: 401px) and (max-width: 768px) {
	.news-letter-container .wpcf7 input[type="submit"],  .news-letter-container .wpcf7 input[type="email"], .news-letter-container .wpcf7 input::placeholder{
   font-size: 15px !important;
   font-weight: 600 !important;
   height:50px !important;
  }
}



/*Shrinking for the large Mobile devices*/ 
@media (max-width: 400px) {
	.news-letter-container .wpcf7 input[type="submit"],  .news-letter-container .wpcf7 input[type="email"], .news-letter-container .wpcf7 input::placeholder{
     font-size: 15px !important;
     font-weight: 600 !important;
     height:40px !important;
}
   
   
    .news-letter-container .wpcf7 input[type="submit"]{
   border-radius: 0px !important;
   border-bottom-right-radius: 5px !important;
   border-bottom-left-radius: 5px !important;
   width: 70vw !important;
    }


    .news-letter-container .wpcf7 input[type="email"]{
    border-radius: 0px !important;
    border-top-right-radius: 5px !important;
    border-top-left-radius: 5px !important;
    width: 70vw !important;
}


   .news-letter-container	.wpcf7 input::placeholder{
	text-align:center;
	}
/*--form main container--*/
#news-letter-container{
    display:flex !important;
    flex-direction: column !important;
    max-width:70vw !important;
    width:100% !important;
    gap:0px !important;
   justify-content:center !important;
   align-items:center;
  }
}



/*--Not valid tool tip--*/
.news-letter-container span.wpcf7-not-valid-tip{
    text-shadow: none !important;
    font-size: 12px !important;
    color:#ff0000 !important;
    background: transparent !important;
    padding: 0px !important;
    display:none  !important;
}



/*--Invalid Response--*/
.news-letter-container div.wpcf7 form.invalid .wpcf7-response-output,
.news-letter-container .wpcf7 form.unaccepted .wpcf7-response-output {
    text-shadow: none !important;
    border: 0px !important;
    padding: 3px !important;
    color: #D8000C !important;
    text-align: left !important;
    margin: 0 !important;
    font-size: 12px !important;
    background-color: #FFBABA !important;
    /*display: none !important; -----Remove this line of code, If you don't want to display error message------*/
}



/*--Success Response--*/
.news-letter-container div.wpcf7 form.sent .wpcf7-response-output {
    text-align: left !important;
    text-shadow: none !important;
    padding: 3px !important;
    border:0px !important;
    font-size: 12px !important;
    background: #DFF2BF !important;
    border-color: #DFF2BF !important;
    color: #4F8A10 !important;
    margin: 0 !important;
}