@charset "UTF-8";

/*
Theme Name: karsandasmavji
Theme URI: https://wordpress.org/
Author: ArTechz WordPress team
Author URI: https://artechz.com/
Description: Dutssion Metal Solution 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 Dutssion Metal Solution elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 5.8
Requires PHP: 5.6
Version: 1.0
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

phoenixfinechem WordPress Theme, (C) 2020 WordPress.org
phoenixfinechem Solution is distributed under the terms of the GNU GPL.
*/

body {
    font-family: 'Poppins', sans-serif;
}

.navbar.custom-navbar {
    padding: 8px 0 15px;
}

.header-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.header-wrap .navbar-collapse {
    flex-grow: inherit;
}

a.site-logo,
.custom-logo-link {
    display: inline-flex;
    max-width: 150px;
}

span.custom-logo-link {
    display: block;
}

.site-logo img,
.custom-logo-link img {
    max-width: 100% !important;
    height: auto;
}

.menu-wrapper li a {
    text-decoration: none;
    display: inline-block;
    margin: 0 0 0 15px;
    color: #21295e;
    font-weight: 600;
    font-size: 16px;
    padding: 0 0 0 15px;
    border-left: 1px solid #e8e8e8;
}

.menu-wrapper li:first-child a {
    border: 0 none;
}

.menu-wrapper li.current_page_item a {
    color: #ff9600;
}

.isActive .o-slider-title {
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;
}

.isActive .o-slider-paragraph {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 300;
    font-size: 20px;
}

.three-box>div {
    min-height: 260px;
}

.three-box p.elementor-image-box-description {
    min-height: 100px;
}

.more {
    display: inline-flex;
    background: #ff9600;
    color: #fff;
    padding: 8px 15px;
    font-size: 14px;
    margin: 15px 0 0;
    transition: all 0.3s ease-in-out;
}

.more:hover {
    color: #fff;
    text-decoration: none;
    background: #21295e;
}

.entry-header {
    display: none;
}
.hfe-nav-menu .menu-item a.hfe-menu-item {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* FOOTER */
.container{
    max-width: 1600px;
    margin: 0 auto;
}
.site-footer {
    padding: 30px 0;
    border-top: 1px solid #e8e8e8;
}

.footer-content {
    display: flex;
}

.site-info {
    width: 200px;
    margin: 0 20px 0 0;
}

.powered-by {
    font-size: 10px;
    margin: 5px 0 0;
}

.powered-by a {
    text-decoration: none;
    color: #ff9600;
    font-weight: 600;
}

.footer-right-info {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: calc(100% - 200px);
    /* padding-top: 30px; */
}

.footer-content h2 {
    font-size: 16px;
    margin: 0 0 5px;
    line-height: 1;
}

.footer-content p {
    margin: 0;
    font-size: 14px;
}

.address-footer {
    width: auto;
    margin: 0 15px;
}

.email-footer {
    width: auto;
    margin: 0 15px;
    padding: 0 15px;
    border-left: 2px solid #e8e8e8;
    border-right: 2px solid #e8e8e8;
}

.email-footer a {
    display: flex;
    color: #21295e;
    font-size: 14px;
    text-decoration: none;
}

.social-footer {
    width: auto;
    margin: 0 0 0 15px;
}

.social-footer a {
    width: 30px;
    height: 30px;
    display: inline-flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    background-color: #21295e;
    color: #fff;
    text-decoration: none;
}

.navbar-toggler {
    background-color: #21295e;
    border: 0 none;
    padding: 10px 15px;
    color: #fff;
}

figure.swiper-slide-inner {
    position: relative;
}

.elementor-image-carousel-caption {
    position: absolute;
    width: 50%;
    padding: 25px 50px;
    background: rgb(31 39 92 / 65%);
    font-size: 38px;
    z-index: 100000;
    top: calc(50% - 55px);
    left: 25%;
    color: #fff;
    font-weight: 600;
}

.three-box-wrap figure.wp-caption {
    position: relative;
}

.three-box-wrap figcaption.widget-image-caption.wp-caption-text {
    position: absolute;
    background: rgb(31 39 92 / 90%);
    width: 100%;
    left: 0;
    bottom: 10%;
    padding: 10px;
    color: #fff;
    font-weight: 600;
}

.three-box-wrap .elementor-widget-image img {
    max-width: 100% !important;
}

.tour-form {
    width: 80%;
    margin: 0 auto;
    background: #0000008c;
    padding: 30px;
}

.tour-form .form-label {
    margin-bottom: 0.5rem;
    color: #fff !important;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome !important;
}

.tour-form .wpcf7 form.invalid .wpcf7-response-output,
.tour-form .wpcf7 form.unaccepted .wpcf7-response-output,
.tour-form .wpcf7 form.payment-required .wpcf7-response-output {
    color: #fff;
}
.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:hover, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item:hover, .elementor-widget-navigation-menu .menu-item.current-menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .menu-item a.hfe-menu-item.highlighted, .elementor-widget-navigation-menu .menu-item a.hfe-menu-item:focus {
    color: #f80e04;
}

.cf7-grid-form {
  display: flex;
  flex-direction: column;
  gap: 0px;
  max-width: 900px;
  margin: auto;
}

.cf7-row {
  display: flex;
  flex-wrap: wrap;
  gap: 0px 15px;
}

.cf7-col {
  flex: 1;
  min-width: 280px;
}
.cf7-col p{
    margin: 0;
}
.cf7-col-full {
  flex: 1 0 100%;
}

.cf7-grid-form label {
  display: block;
  font-weight: 600;
  margin-bottom: 6px;
  color: #333;
}

.cf7-grid-form .form-control {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 15px;
  transition: border-color 0.3s ease;
  font-family: "Poppins";
}

.cf7-grid-form .form-control:focus {
  border-color: #0073aa;
  outline: none;
}

.cf7-grid-form .submit-btn {
  background-color: #f80e04;
  color: #fff;
  border: none;
  padding: 14px 28px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-family: "Poppins";
}

.cf7-grid-form .submit-btn:hover {
  background-color: #005f8d;
}


/* RESPONSIVE */

@media(min-width: 1400px) {
    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 1320px !important;
    }
}

@media (min-width: 1200px) and (max-width:1399px) {
    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 1140px !important;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 960px !important;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .elementor-section.elementor-section-boxed>.elementor-container {
        max-width: 720px !important;
    }
}

@media (max-width: 767px) {
    .primary-menu-container {
        width: 100%;
    }
    .nav {
        width: 100%;
    }
    .nav li {
        width: 100%;
        padding: 10px 0;
    }
    .navbar-collapse {
        width: 100%;
        display: flex;
        position: fixed;
        background: #fff;
        top: 68px;
        z-index: 100;
        left: 0;
    }
    .footer-content {
        display: flex;
        flex-wrap: wrap;
    }
    .site-info {
        width: 100%;
        margin: 0;
    }
    .footer-right-info {
        width: 100%;
        flex-wrap: wrap;
    }
    .footer-right-info>div {
        width: 100%;
        margin: 15px 0 0;
    }
    .email-footer {
        padding: 15px 0;
        border: 0 none;
        border-top: 2px solid #e8e8e8;
        border-bottom: 2px solid #e8e8e8;
    }
    .elementor-13 .elementor-element.elementor-element-a20f58c {
        margin-top: 0 !important;
        margin-bottom: 0px;
        z-index: 4;
    }
    .elementor-image-carousel-caption {
        padding: 15px;
        font-size: 14px;
        top: calc(50% - 25px);
    }
    .elementor-13 .elementor-element.elementor-element-76cd9bf>.elementor-element-populated {
        padding: 30px 15px !important;
    }
    
}