/**
* Template Name: Altai Finance
* Updated: July 09 2025
* Author: The Eclick Team
* License: https://www.eclicksoftwares.com/
*/

/*--------------------------------------------------------------
# Font & Color Variables
# Help: https://www.eclicksoftwares.com/
--------------------------------------------------------------*/
@import url(../css/fontawesome.min.css);
/* Fonts */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
:root {
        --default-font: "Roboto", sans-serif;
        --nav-font: "Roboto Condensed", sans-serif;
        --heading-font: "Roboto Condensed", sans-serif;
}

/* Global Colors - The following color variables are used throughout the website. Updating them here will change the color scheme of the entire website */
:root {
        --white-color: #FFFFFF;
        /* button Background color */
        --button-background-color: #8C368D;
        /* button Background color Light */
        --button-light-background-color: #F4C900;
        /* button Background color Dark */
        --button-dark-background-color: #004aad;
        /* website light Background color  */
        --light-background-color: #EFEFEF;
        /* website light Background color  */
        --dark-background-color: #8C368D;
        /* website dark Background color  */
        --very-dark-background-color: #661E67;
        /* website dark Background color  */
        --nav-light-background-color: #F0F0F0;
        /* website very dark Background color  */
        --very-light-background-color: #0AA24D;
        /* website very light Background color  */
        /* website very dark Background color  */
        --border-color: #CFCFCF;
        /* light border color  */
        --dark-border-color: #909090;
        /* dark border color  */
        --default-color: #444444;
        /* Default color used for the majority of the text content across the entire website */
        --heading-color: #2a2c39;
        /* Color for headings, subheadings and title throughout the website */
        --accent-color: #000000;
        /* Accent color that represents your brand on the website. It's used for buttons, links, and other elements that need to stand out */
        --surface-color: #ffffff;
        /* The surface color is used as a background of boxed elements within sections, such as cards, icon boxes, or other elements that require a visual separation from the global background. */
        --contrast-color: #312f2f;
        /* Contrast color for text, ensuring readability against backgrounds of accent, heading, or default colors. */
        --white-color: #fff;
        --nav-hover-color: #023375; /* Similar to --nav-hover-color, this color is applied to dropdown navigation links when they are hovered over. */
}

/* Nav Menu Colors - The following color variables are used specifically for the navigation menu. They are separate from the global colors to allow for more customization options */
:root {
        --nav-color: #474747;
        /* The default color of the main navmenu links */
        /* Applied to main navmenu links when they are hovered over or active */
        --nav-mobile-background-color: #FFFFFF;
        /* Used as the background color for mobile navigation menu */
        --nav-dropdown-background-color: #FFFFFF;
        /* Used as the background color for dropdown items that appear when hovering over primary navigation items */
        --nav-dropdown-color: #FFFFFF;
        /* Used for navigation links of the dropdown items in the navigation menu. */
        --nav-dropdown-hover-color: #FFFFFF;
}


/* Smooth scroll */
:root {
        scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
body {
        color: var(--default-color);
        background-color: var(--background-color);
        font-family: var(--default-font);
        scroll-behavior: smooth;
}

a {
        color: var(--default-color);
        text-decoration: none;
        transition: 0.3s;
}

ul {
        list-style: none;
        padding: 0;
        margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
        color: var(--heading-color);
        font-family: var(--heading-font);
        padding: 0;
        margin: 0;
}

figure {
        padding: 0;
        margin: 0;
}

img {
        max-width: 100%;
        height: auto;
}

.container {
        max-width: 1140px;
}

/* ===== header top section ====== */
header .container{
        max-width: 1920px;
}
.topSection{
        background-color: #606060;
        padding: 10px 0;
        margin:0;    
}
.topSection .social_icon{
        padding: 0;
        margin: 0;
        display: flex;
        gap: 20px;
        align-items: center;
}
.topSection .social_icon i{
        font-size: 22px;
        color: #fff;
}
.rightTopMenu{
         display: flex;
        justify-content: flex-end;
}
.rightTopMenu ul{
        display: flex;
        align-items: center;
        gap: 15px;
}
.rightTopMenu ul li{
        padding: 0;
        margin: 0;
}
.rightTopMenu ul li a{
        font: 400 13px var(--default-font);
        line-height: 1.1;
        color: var(--white-color);
        padding: 0;
        margin: 0;
}
/* ===== header top section end====== */
/* ===== header menu and logo ====== */
header#masthead .headerSection{
        padding: 20px 0 0  0;
}
header#masthead .headerSection figure{
         display: flex;
         justify-content: center;
}
header#masthead .menu-header-menu-container{
        padding: 0 0 0 0;
}
header#masthead .menu-header-menu-container ul{ 
        display: flex;
        justify-content: center;
}
header#masthead .menu-header-menu-container ul li{
        padding: 20px 0;
        margin: 0;
        position: relative;
        line-height: 2;
}
header#masthead .menu-header-menu-container ul li a{
        padding: 0 20px;
        margin: 0;
        font: 400 16px var(--nav-font);
        line-height: 1.1;
        color:var(--nav-color);
        text-transform: uppercase;
}
header#masthead .menu-header-menu-container ul li a:hover{
        color: #d91121;
}
header#masthead .menu-header-menu-container ul li ul,
header#masthead .menu-header-menu-container ul li:hover ul li ul,
header#masthead .menu-header-menu-container ul li ul li:hover ul li ul
{
        position: absolute;
        left: 0;
        top: 70px;
        width:250px;
        background-color: #fff;
        display: none;
        z-index: 999;
        box-shadow: 1px 1px 30px rgba(0,0,0,.06);
}
header#masthead .menu-header-menu-container ul li:hover ul{
        display: block;
}
header#masthead .menu-header-menu-container ul li ul li:hover ul{
        display: block;
        left: 250px;
        top: 0;
}
header#masthead .menu-header-menu-container ul li ul li ul li:hover ul{
        display: block;
        left: 250px;
        top: 0;
}
header#masthead .menu-header-menu-container ul li ul li{
        display: block;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #edeef2;
}
header#masthead .menu-header-menu-container ul li ul li:last-child{
        border-bottom: none;
}
header#masthead .menu-header-menu-container ul li ul li a{
        display: block;
        padding: 13px 15px;
        margin: 0;
        background-color: #fff;
        font: 400 13px var(--nav-font);
        line-height: 1.1;
        color:var(--nav-color);
        cursor: pointer;
}
header#masthead .menu-header-menu-container ul li ul li a:hover{
        background-color: #f4f6f7;
}
header#masthead .toggleMenu,
header#masthead .menu-header-menu-container span .toggleClose{
        display: none;
}
header#masthead .menu-header-menu-container ul li .arrowClass{
        position: absolute;
        right: 4px;
        top: 24px;
        font-size: 12px;
}
header#masthead .menu-header-menu-container ul li ul li .arrowClass{
        position: absolute;
        right:12px;
        top: 9px;
        font-size: 12px;
}
header#masthead .menu-header-menu-container ul li.left_menu ul li:hover ul,
header#masthead .menu-header-menu-container ul li:last-child ul li:hover ul{
        right: 250px;
        left: inherit;
        top: 0;
}
header#masthead .menu-header-menu-container ul li.left_menu ul li ul li:hover ul,
header#masthead .menu-header-menu-container ul li:last-child ul li ul li:hover ul{
        right: 250px;
        left: inherit;
}
/* ===== header menu and logo end====== */
/* ===== home slider sction ====== */
.heroBannerSection{
        position: relative;
        padding: 0;
        margin: 0;
        height: 750px;
        overflow: hidden;
}
.heroBannerSection .container{
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        z-index: 99;
}
.heroBannerSection .container h1{
        max-width: 700px;
        margin: 0 auto;
        font: 300 100px var(--nav-font);
        line-height: 1.1;
        color:var(--white-color);
        text-transform: uppercase;
        text-align: center;
}
.heroBannerSection .container h1 p{
        padding: 0;
        margin: 0;
}
.heroBannerSection .owl-nav .owl-next{
        position: absolute;
        right: 5%;
        top: 47%;
        background: rgba(0,0,0,0.7) !important;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        color: #fff !important;
}
.heroBannerSection .owl-nav .owl-prev{
        position: absolute;
        left: 5%;
        top: 47%;
        background: rgba(0,0,0,0.7) !important;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        color: #fff !important;
}
/* ===== home slider sction end====== */
/* ===== homeCategories ====== */
.homeCategories article figure{
        position: relative;
        /* height: 80vh; */
        display: flex;
        align-items: center;
        justify-content: center;
        background-repeat: no-repeat !important;
        background-position:center top !important;
        background-repeat: no-repeat !important;
        background-attachment: fixed !important;
        background-size: cover !important;
}
/* .homeCategories article figure img{
        display: none;
} */
.homeCategories article figure h2{
        font: 300 80px var(--nav-font);
        line-height: 1.1;
        color:var(--white-color);
        text-transform: uppercase;
        text-align: center;
        max-width: 700px;
}
.homeCategories article .container{
        padding-top: 80px;
        padding-bottom: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
}
.homeCategories article .container .productName{
        font: 300 24px var(--nav-font);
        line-height: 1.1;
        color:var(--default-color);
        padding: 0;
        margin: 0 0 30px 0;
}
.homeCategories article .container a{
        display: inline-block;
        border: 1px solid #1d242d;
        font: 400 14px var(--default-font);
        line-height: 1.1;
        color: var(--default-color);
        text-transform: uppercase;
        padding: 13px 30px;
        letter-spacing: 2px;
        transition: all .2s;
}
.homeCategories article .container a:hover{
        background: #6b6b6b;
        border: 1px solid #6b6b6b;
        color: var(--white-color);
        transition: all .2s;
}
/* ===== homeCategories end====== */
/* ===== About Section ====== */
.homeAboutSection{
        padding: 70px 0 70px 0;
        text-align: center;
}
.homeAboutSection .C2Agroup{
        display: flex;
        justify-content: space-between;
        max-width:800px;
        margin: 0 auto;
        padding: 0 0 50px 0;
}
.homeAboutSection .C2Agroup a,
.homeAboutSection .aboutButton a
{
        display: inline-block;
        border: 1px solid #1d242d;
        font: 400 14px var(--default-font);
        line-height: 1.1;
        color: var(--default-color);
        text-transform: uppercase;
        padding: 13px 30px;
        letter-spacing: 2px; 
}
.homeAboutSection .C2Agroup a:hover,
.homeAboutSection .aboutButton a:hover
{
        background: #6b6b6b;
        border: 1px solid #6b6b6b;
        color: var(--white-color);
        transition: all .2s;
}
.homeAboutSection .aboutText{
        max-width: 1000px;
        margin: 0 auto;
}
.homeAboutSection .aboutText h2{
        font: 300 26px var(--nav-font);
        line-height: 1.6;
        color: var(--default-color);
        padding: 0 0 30px 0;
        max-width: 594px;
        margin: 0 auto;
}
.homeAboutSection .aboutButton a{
        margin:  15px 0 0 0;
}
/* ===== About Section ====== */
/* ===== call to action  ====== */
.callToAction{
        background-image: url("../images/home_couturier_bg.png");
        background-position: center top;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #e1e1e1;
        padding: 70px 0;
}
.callToAction .c2aSection{
        border-left: 10px solid rgb(244, 67, 54);
        padding: 0 0 0 30px;
}
.callToAction .c2aSection .phoneNumber{
        font: 400 30px var(--nav-font);
        line-height: 1.6;
        color: #717a7c;
        padding: 0;
        margin: 0 0 15px 0;
}
.callToAction .c2aSection .tagLine{
        font: 400 30px var(--nav-font);
        line-height: 1.3;
        color: #000;
        text-transform: uppercase;
        padding: 0;
        margin: 0;
        max-width: 300px;
}
.callToAction .c2aButtonGroup a{
        display: block;
        border: 2px solid #6b6b6b;
        font: 600 14px var(--default-font);
        line-height: 1.1;
        color: var(--default-color);
        text-transform: uppercase;
        padding: 15px 0;
        letter-spacing: 2px;
        transition: all .2s;
        text-align: center;
        margin: 0 0 25px 0;
}
.callToAction .c2aButtonGroup a:hover{
        background: #6b6b6b;
        border-color: #ffffff;
        color: var(--white-color);
}
footer .menu-item-description {
        display: none !important;
}
/* ===== call to action end====== */
/* ===== our Brand ====== */
.ourBrand{
        padding: 50px 0;
        text-align: center;
}
.ourBrand h4{
        font: 400 30px var(--nav-font);
        line-height: 1.3;
        color:#717a7c;
        padding: 0;
        margin: 0;
        text-align: center;
}
.ourBrand .brands{
        display: flex;
        justify-content: center;
        padding:50px 0 20px 0;
        gap: 50px;
        align-items: center;
}
.ourBrand .brands li{
        width: 27%;
}
.ourBrand .brands li a{
        display: block;
        height: 100%;
}
/* ===== our Brand end====== */
/* ===== footer section ====== */
footer{
        border-top: 8px solid rgba(237,237,237,0.72);
        padding: 45px 0 0 0;
}
footer ul{
        padding: 0;
        margin: 0;
}
footer ul li{
        display: block;
        border-bottom: 1px solid #474747;
}
footer ul li a:before{
        content: "\f054";
        font-weight: 900;
        font-family: "Font Awesome 6 Free";
        margin:  0 10px 0 0;
        font-size: 12px;
}
footer ul li a{
        display: block;
        font: 400 14px var(--default-font);
        line-height: 1.8;
        color:#474747;
        padding: 10px 10px 10px 0;
}
footer ul li a:hover{
        color:#c14e3a;
}
footer aside{
        padding: 20px 0 0 0;
        margin: 0;
        font: 400 14px var(--default-font);
        line-height: 1.2;
        color:#474747;
}
footer aside h3{
        font: 400 14px var(--default-font);
        line-height: 1.2;
        color:#474747;
        margin:  0 0 10px 0;
}
footer aside .phoneNumber,
footer aside .emailId
{
        margin:  0 0 10px 0;
}
footer aside .contactAddress{
        max-width: 112px;
        line-height: 2;
        margin: 25px 0 0 0;
}
footer .copyright{
        text-align: center;
        background-color: #f4f6f7;
        padding: 15px 0;
        font: 400 14px var(--default-font);
        line-height: 1.2;
        color:#707070;
        margin: 60px 0 0 0;
}

/* ===== footer section end====== */

/* ===== category and product page====== */
.main-category-header{
        padding: 0;
        margin: 0;
}
.main-category-header .main-category-image{
        width: 100%;
        /* height: 550px;
        overflow: hidden; */
        position: relative;
}
/* .main-category-header .main-category-image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
} */
.main-category-header .main-category-image .categoryTitle{
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 99;
        font: 300 80px var(--nav-font);
        line-height: 1.1;
        color: var(--white-color);
        text-transform: uppercase;
        text-align: center;
}
.catContainer{
        background-color: var(--white-color);
        padding: 50px 0;
        margin: 0;
}
.catContainer h1{
        font: 300 30px var(--nav-font);
        line-height: 1.1;
        color: var(--default-color);
        padding: 0;
        margin: 0 0 20px 0;
        text-align: center;
}
.main-category-description{
        text-align: center;
}
.subcategories-grid{
        background-color: #f2f2f2;
        padding: 50px 0;
}
.subcategories-grid .subcategory{
        position: relative;
        margin: 0 0 25px 0;
}
.subcategories-grid .subcategory:before{
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,0.2);
        content: "";
}
.subcategories-grid .subcategory a {
	display: block;
	position: relative;
	z-index: 1;
	padding-top: 64.25%;
}
.subcategories-grid .subcategory a img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.subcategories-grid .subcategory h3{
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        font: 300 35px var(--nav-font);
        line-height: 1.1;
        color: var(--white-color);
        text-transform: uppercase;
        text-align: center;
}
.custom-product-gallery{
        padding: 100px 0;
}
.custom-product-gallery .container{
        max-width: 1650px;
}
.gallery-thumbnails{
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
}
.gallery-thumbnails .thum{
        position: relative;
}
.gallery-thumbnails .thum:after{
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.5);
        content: "";
}

/* ===== category and product page end====== */

.grid {
  text-align: center;
  max-width: 95vw;
  margin: 2.5vw auto;
}


/* Step 3: how big should the gap be between grid items? remember that the total gap between two items would be double what you set here since both would have that amount set as their individual padding. Also add box-sizing:border-box to make sure the padding doesn't affect the total widh of the item */

.grid-item {
  padding: 5px;
  box-sizing: border-box;
  display:inline;
}
.grid-item a{
        display: block;
        transition-duration: .3s;
}

/* Step 4: Add media queries (subjective) to make the whole grid resposive. */

@media (max-width: 768px) {
  .grid-item {
    width: 50%;
  }
}

@media only screen and (min-width: 769px) and (max-width:1024px)  {
  .grid-item {
    width: 33.333%;
  }
}
@media only screen and (min-width: 1025px) and (max-width:1699px)  {
  .grid-item {
    width: 33.333%;
  }
}

@media (min-width: 1700px) {
  .grid-item {
    width: 25%;
  }
}

@media (min-width: 2100px) {
  .grid-item {
    width: 20%;
  }
}
.innerBannerSection{
        position: relative;
}
.innerBannerSection .container{
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
}
.innerBannerSection:before{
        position: absolute;
        inset: 0;
        background: rgba(0,0,0,0.3);
        content: "";
}
.innerBannerSection .container h1{
        font: 300 70px var(--nav-font);
        line-height: 1.1;
        color: var(--white-color);
        text-transform: uppercase;
}
/* ========= Brochure Section ============== */
.brochureSection{
        padding:100px 0;
        margin: 0;
}
.brochureDownloadList{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
}
.brochureDownloadList li{
        border: 1px solid #ccc;
        padding: 25px;
        position: relative;
        border-radius: 10px;
}
.brochureDownloadList li figure{
        width: 60px;
        height: 60px;
        border: 1px solid #ccc;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 0 15px 0;
        background: #f2f2f2;
}
.brochureDownloadList li figure i{
        font-size: 25px;
}
.brochureDownloadList h2{
        font: 300 30px var(--nav-font);
        line-height: 1.1;
        color: var(--accent-color);
}
/* ========= Brochure Section end============== */
/* ========= About Section ============== */
.aboutSection{
        padding: 100px 0;
}
.aboutSection h4{
        font: 300 45px var(--nav-font);
        line-height: 1.1;
        color: var(--accent-color);
        padding: 0 0 30px 0;
        margin: 0;
}
/* ========= About Section end============== */
/* ========= online consultation ============== */
.online-consultation{
        padding: 80px 0;
}
.img-parallax {
        width: 100vmax;
        z-index: -1;
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%,0);
        pointer-events: none
}
.block{
        width: 100%;
        height: 70vh;
        position: relative;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
}
.consultation-text{
        padding: 0 50px 0 0;
        margin: 0;
}
.consultation-text h4{
        font: 300 45px var(--nav-font);
        line-height: 1.1;
        color: var(--accent-color);
        padding: 0 0 30px 0;
        margin: 0;
        text-transform: capitalize;
}
.consultation-text ul{
        padding: 0;
        margin: 20px 0 0 20px;
}
.consultation-text ul li{
        list-style-type: disc;
        margin: 0 0 10px 0;
}
.onlineForm form{
        background-color: var(--light-background-color);
        padding: 35px;
}
.onlineForm form p{
        padding: 0;
        margin: 0;
}
.onlineForm form br{
        display: block;
}
.onlineForm form label{
        display: block;
        margin: 0 0 4px 0;
}
.onlineForm form .formgroup{
        margin: 0 0 20px 0;
}
.onlineForm form .formgroup input[type=text],
.onlineForm form .formgroup input[type=tel],
.onlineForm form .formgroup input[type=email]{
        padding: 0 10px;
        margin: 0;
        border: none;
        background: var(--white-color);
        width: 100%;
        height: 50px;
        border-radius: 8px;
        outline: none;
        box-shadow: none;
}
.onlineForm form .formgroup textarea{
        padding: 10px;
        margin: 0;
        border: none;
        background: var(--white-color);
        width: 100%;
        height: 120px;
        border-radius: 8px;
        outline: none;
        box-shadow: none;
}
.onlineForm form .submitButton input[type=submit]:hover {
        background: #6b6b6b;
        border: 1px solid #6b6b6b;
        color: var(--white-color);
        transition: all .2s;
}
.onlineForm form .submitButton input[type=submit] {
        display: inline-block;
        border: 1px solid #1d242d;
        font: 400 14px var(--default-font);
        line-height: 1.1;
        color:var(--white-color);
        text-transform: uppercase;
        padding: 13px 30px;
        letter-spacing: 2px;
        transition: all .2s;
        border-radius: 8px;
        background:var(--accent-color);
}
/* ========= online consultation end============== */
.contactInfosection{
        padding: 100px 0 0 0;
}
.contactInfo{
        display: grid;
        justify-content: space-between;
        margin: 0 auto;
        grid-template-columns: 25% 25% 25% 25%;
}
.contactInfo aside figure{
        font-size: 33px;
        width: 100px;
        height: 100px;
        background-color: var(--light-background-color);
        border-radius: 50%;
        margin: 0 auto 30px auto;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 4px solid #eaeaea;
}
.contactInfo aside{
        font-size:17px;
        line-height: 30px;
        text-align:center;
        position: relative;
}
.contactInfo aside .contactAddress{
        padding: 0 32px;
}
.contactInfo aside .openingNote{
        font-size: 12px;
}
.contactFormSection{
        padding: 70px 0;
        margin: 80px 0 0 0;
        background: #f2f2f2;
}
.contactFormSection h4{
        font: 500 60px var(--nav-font);
        line-height: 1.3;
        color: var(--default-color);
        padding: 0;
        margin: 0 0 30px 0;
}
.contactFormSection h4 span{
        display: block;
        font-size: 20px;
        color: #4d4d4d;
        font-weight: 400;
}
.contactFormSection form br{
        display: none;
}
.contactFormSection form label {
        display: block;
        margin: 0 0 4px 0;
}
.contactFormSection form label span{
        color: #d91121;
}
.contactFormSection form p {
        padding: 0;
        margin: 0;
}
.contactFormSection form .fromGroup input[type="text"], 
.contactFormSection form .fromGroup input[type="tel"], 
.contactFormSection form .fromGroup input[type="email"] {
        padding: 0 10px;
        margin: 0;
        border: none;
        background: var(--white-color);
        width: 100%;
        height: 50px;
        border-radius: 8px;
        outline: none;
        box-shadow: none;
}
.contactFormSection form .fromGroup {
        margin: 0 0 20px 0;
}
.contactFormSection form .fromGroup textarea {
        padding: 10px;
        margin: 0;
        border: none;
        background: var(--white-color);
        width: 100%;
        height: 120px;
        border-radius: 8px;
        outline: none;
        box-shadow: none;
}
.contactFormSection form .fromGroup input[type="submit"]:hover {
        background: #6b6b6b;
        border: 1px solid #6b6b6b;
        color: var(--white-color);
        transition: all .2s;
}
.contactFormSection form .fromGroup input[type="submit"] {
        display: inline-block;
        border: 1px solid #1d242d;
        font: 400 14px var(--default-font);
        line-height: 1.1;
        color: var(--white-color);
        text-transform: uppercase;
        padding: 13px 30px;
        letter-spacing: 2px;
        transition: all .2s;
        border-radius: 8px;
        background: var(--accent-color);
}
.mapSection {
        padding: 165px 0 0 0;
        margin: 0;
}

.commonSectionAll{
          padding: 0;   
          margin: 0;   
}
.CommtopSection{
        padding: 100px 0;
        text-align: center;
}
.CommtopSection h2{
        font:300 60px var(--heading-font);
        line-height: 1.1;
        color: var(--accent-color);
        padding: 0;
        margin: 0 0 10px 0;
}
.CommtopSection .topContent p{
        font:400 18px var(--default-font);
        line-height: 1.7;
        color: var(--default-color);
        padding: 20px 0 0 0;
        margin: 0;
}
.repitSection .container{
        max-width: 1600px;
}
.commonSection {
        padding: 0;
        margin: 0;
}
.commonSection li{
        padding: 0;
        margin: 0 0 50px 0;
        display: grid;
        grid-template-columns: 50% 50%;
        align-items: center;
}
.commonSection li:nth-child(odd) article{
        order: -1;
}
.commonSection li:nth-child(even) figure{
        margin-left: calc(100% - 50vw);
}
.commonSection li figure {
        width: 50vw;
}
.commonSection li figure img{
        width: 100%;
        height: 100%;
        object-fit: cover;
}
.commonSection li article{
        padding: 0 70px;
}
.commonSection li article h3{
        font:300 50px var(--heading-font);
        line-height: 1.1;
        color: var(--accent-color);
        padding: 0;
        margin: 0 0 30px 0;
}
.commonSection li article p{
        font:400 18px var(--default-font);
        line-height: 1.7;
        color: var(--default-color);
        padding: 0 0 0 0;
        margin: 0;
}

/* ========= Quooker ========= */
.allCon{
        padding: 80px 0;
}
@media (min-width:100px){
    .commonSectionAll .container{
        max-width: 100%;
        margin: auto;
        background-color: #ffffff;
        position: relative;
        font-family: 'Poppins', sans-serif !important;
    }
}
@media (min-width:992px){
    .commonSectionAll .container{
        max-width: 1140px;
        margin: auto;
        background-color: #ffffff;
        position: relative;
        font-family: 'Poppins', sans-serif !important;
        padding: 0;
    }
}
.mt_13{
    margin-top: 13px;
}
.text-center{
    text-align: center;
}
/**PART-1-STARTS**/
.cmnheight{
    width: 100%;  
}
.cmnmainimg img{
    width: 100%;
    height: 100%; 
}
.part1text{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 90%;
    text-align: center;
    margin: auto;
}
.part1textbx{
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding: 60px 0 30px;
}
.headingwhite{
    font-size: 55px;
    color: #ffffff;
    line-height: 65px;
    font-weight: 600;
}
.paralinetop span {
    color: #c93549;
    display: inline-block;
    padding: 2px 0;
    line-height: 24px;
    font-weight: 600;
    font-size: 17px;
    border-top: 1px solid #c93549;
    border-bottom: 1px solid #c93549;
}
.paralinetop{
    margin-top: 40px;
}
.part1 .container{
    background: #eeeeee;
}
/**PART-1-ENDS**/


/**PART-2-STARTS**/
.part2{
    text-align: center;
}
.part2 .container{
    background: #eeeeee;
}
.logomini{
    width: 80px;
    margin: auto;
}
.logomini img{
    width: 100%;
}
.pimg img{
    width: 100%;
}
.cmn_heading{
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    color: #c93549;
    margin-bottom: 60px;
    padding: 0 5px;
    font-family: 'Poppins', sans-serif;
}
.part2parabx{
    display: flex;
    gap: 40px;
    padding: 0 50px;
    margin-bottom: 30px;
}
.part2parabx1{
    width: 50%;
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    color: #c93549;
}
.custom_height{
    width: 100%;
    display: block;
    height: 30px;
}
.tapone{
    padding: 70px 0 20px 0;
} 
/**PART-2-ENDS**/

/**PART-3-STARTS**/
.part3 .container{
    background: #221a19;
}
/**PART-3-ENDS**/

/**PART-4-STARTS**/
.part4{
    text-align: center;
}
.quooker_list{
    margin: 0;
    padding: 30px 0 100px 0;
}
.quooker_list li{
    font-size: 25px;
    color: #c93549;
    line-height: 33px;
    font-weight: 400;
    list-style: none;
}
.quooker_list li span{
    font-weight: 600;
}
/**PART-4-ENDS**/

/**PART-5-STARTS**/
.part5{
    text-align: center;
}
.Quookersbxe{
    width: 25%;
}
.Quookerbxes{
    display: flex;
    gap: 25px;
    padding: 50px 50px 120px;
    justify-content: center;
}
.Quookerbximg{
    width: 120px;
    height: 136px;
    margin: 0 auto 30px;
}
.Quookerbximg img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.Quookerbximghead{
    color: #c93549;
    font-size: 17px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 13px;
}
.Quookerbxspara{ 
    font-size: 13px;
    line-height: 20px;
    color: #c93549;
}
/**PART-5-ENDS**/

/**PART-7-STARTS**/
.choosetaphead{
    padding-top: 100px;
}
.part7 .container{
    background: #304b20;
}
/**PART-7-ENDS**/

/**PART-8-STARTS**/
.part8 .container{
    padding: 50px 0 20px;
}
.ffimagessbximg img{
    width: 100%;
}
.colourchoose{
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 12px 0 28px;
}
.colourchoose a{
    width: 63px;
    display: inline-block;
    flex-shrink: 0;
}
.colourchoose a img{
    width: 40px;
}
.colourchoose a span{
    display: block;
    font-size: 13px;
    line-height: 16px;
    color: #c93549;
}
.ffimagesbxs{
    display: flex;
    gap: 0 50px;
    flex-wrap: wrap;
    justify-content: center; 
}
.ffimagessbx{
    width: 40%;
    display: flex;
    flex-direction: column;
}
.ffimagessbximg img{
    width: 100%;
}
/**PART-8-ENDS**/

/**PART-9-STARTS**/
.part9 .container{
    background: #e4e7de;
}
/**PART-9-ENDS**/

/**PART-10-STARTS**/
.part10 .container{
    background: #d7dddd;
}
.part12 .container{
    background: #dbcab4;
}
.part14 .container{
    background: #e1b99e;
}
.part16 .container{
    background: #132a10;
}

.part18 .ffimagesbxs{
    gap: 45px 50px;
    padding-bottom: 45px;
}
.part18 .container{
    padding: 70px 0 20px;
}

.part2parabxul{
    width: 50%;
}
.part2parabxul .part2parabx1{
    width: 100%;
}
.smallrlist{
    margin: 0;
    padding: 0;
}
.smallrlist li{
    list-style: none;
    color: #c93549;
    font-size: 11px;
    line-height: 17px;
    display: block;
    text-align: left;
    padding: 1px 0;
    border-bottom: 1px solid #c93549;
}
.smallrlist li span{
    font-weight: 600;
}

.cmn_subtankheading{
    font-size: 23px;
    line-height: 30px;
    font-weight: 400;
    color: #c93549;
    margin-bottom: 30px;
}

.tankallbxs{
    display: flex;
    gap: 20px;
    padding: 13px 50px 50px;
    justify-content: center; 
}
.tanksbxslist{
    margin: 0;
    padding: 0;
}
.thisvaluetxt{
    text-align: center;
    margin-bottom: 35px;
}
.thisvaluetxt span{
    color: #c93549;
    display: block;
    font-size: 11px;
    line-height: 15px;
    font-weight: 500;
}
.tanksbxsh{
    color: #c93549;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
}
.tanksbxslist li{
    border-bottom: 1px solid #c93549;
    list-style: none;
    font-size: 11px;
    line-height: 16px;
    padding: 2px 0;
    color: #c93549;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.tanksbxs{
    text-align: left;
    width: 33.33%;
}
.tanksbxsp{
    color: #c93549;
    font-size: 15px;
    margin-bottom: 15px;
    line-height: 21px;
}
/**PART-10-ENDS**/
 

@media only screen and (max-width: 639px){
    .headingwhite {
        font-size: 27px; 
        line-height: 35px;  
    }
    .paralinetop {
        margin-top: 20px;
    }
    .paralinetop span { 
        padding: 1px 0;
        line-height: 21px; 
        font-size: 14px; 
    }
    .part1textbx { 
        padding: 29px 0 10px;
    }
    .part1textbx2 .top_logo{
        width: 130px;
        margin: auto;
    }
    .part1textbx2 .top_logo img{
        width: 100%;
    }
    .cmn_heading {
        font-size: 27px;
        line-height: 36px;
        margin-bottom: 30px;
    }
    .part2parabx{
        flex-wrap: wrap;
        gap: 20px;
        padding: 0 15px;
        margin-bottom: 20px;
    }
    .part2parabx1{
        width: 100%;
    }
    .custom_height{
        height: 20px;
    }
    .quooker_list li {
        font-size: 18px; 
        line-height: 26px;
        font-weight: 300; 
    }
    .quooker_list { 
        padding: 10px 0 50px 0;
    }
    .quooker_list li span {
        font-weight: 500;
    }
    .Quookerbxes { 
        gap: 15px;
        padding: 20px 15px 50px; 
        flex-wrap: wrap;
    }
    .Quookersbxe {
        width: 100%;
    }
    .Quookerbximg {
        width: 100px;
        height: 116px;
        margin: 0 auto 10px;
    }
    .tapone {
        padding: 60px 0 20px 0;
    }
    .ffimagesbxs{
        gap: 15px;
    }
    .ffimagessbx{
        width: 100%;
    }
    .colourchoose{
        flex-wrap: wrap;
    }
    .tankallbxs{
        flex-wrap: wrap;
        gap: 15px;
        padding: 10px 15px 25px;
    }
    .tanksbxs{
        width: 100%;
    }
    .cmn_subtankheading {
        font-size: 17px;
        line-height: 22px;  
        margin-bottom: 20px;
        padding: 0 5px;
    }
    .part2parabxul {
        width: 100%;
    }
    .tanksbxsp { 
        font-size: 14px; 
        line-height: 20px;
    }
    .thisvaluetxt { 
        margin-bottom: 30px;
        padding: 0 5px;
    }
}
/* ========= Quooker end========= */
.bora-section .container{
        max-width: 1600px;
}





/*RESPONSIVE-MENU-STARTS*/
.responsive_btn {
    display: none;
    cursor: pointer;
    text-align: center;
    width: 40px;
    height: 40px;
    margin: -2px 0;
    float: right;
    position: relative;
    z-index: 20;
    background: #1d1d1b;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.bodyOverlay, .modelOverlay{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 20;
    transform: none;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
}
.responsive_btn span {
    display: block;
    height: 2px;
    width: 20px;
    position: relative;
    top: 50%;
    margin: -1px auto;
}
.responsive_btn span:before,
.responsive_btn span:after {
    content: "";
    display: inline-block;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
}
.responsive_btn span:before {
    top: -6px;
}
.responsive_btn span:after {
    bottom: -6px;
}
.responsive_btn span,
.responsive_btn span:before,
.responsive_btn span:after {
    background: #fff;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.responsive_btn:hover span,
.responsive_btn:hover span:before,
.responsive_btn:hover span:after {
    background: #ffffff;
}
.responsive_nav {
    display: block;
    position: fixed;
    left: -280px;
    top: 0;
    bottom: 0;
    width: 280px;
    min-height: 100%;
    z-index: 99999;
    background: #e73029;
    -moz-transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.responsive_nav ul {
    margin: 0;
    padding: 0;
    text-align: left;
}
.responsive_nav ul li {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
}
.responsive_nav ul li:first-child {
    border-top: none;
}
.responsive_nav ul li:after {
    display: none;
}
.responsive_nav ul li>a {
    display: block;
    padding: 10px 10px;
    color: inherit;
    position: relative;
}
.responsive_nav ul li a:hover,
.responsive_nav ul li a:focus,
.responsive_nav ul li.active>a {
    color: #fff;
    background: #111111;
}
.responsive_nav ul ul {
    padding: 0;
    background: #e73029;
}
.responsive_nav ul ul ul{
    background: #111111;
}
.responsive_nav ul ul ul ul{
    background: #2f2f2f;    
}
.responsive_nav ul ul ul ul ul{
    background: #1c1c1c;
}
.responsive_nav ul .sub-menu,
.responsive_nav ul li a i {
    display: none;
}
.responsive_nav .subarrow {
	display: block;
	pointer-events: inherit;
	width: 30px;
	height: 40px;
	line-height: 40px !important;
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	color: #000;
	text-align: center;
}
.responsive_nav .more-arrow-menu{display: none;}
.responsive_nav ul .sub-menu .container {
    width: 100%;
    padding: 0;
}
html.responsive,
.responsive body {
    overflow-y: hidden;
}
.responsive .wrapper {
    -webkit-transform: translate(-280px, 0) !important;
    transform: translate(-280px, 0) !important;
}
.responsive .bodyOverlay {
    opacity: 1;
    visibility: visible;
}
.responsive .responsive_nav {
    left: 0;
    overflow: hidden;
    overflow-y: scroll;
}
.responsive .responsive_btn {
    display: none ;
}
.responsive .responsive_btn span {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.responsive .responsive_btn span:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    top: 0;
}
.responsive .responsive_btn span:before {
    opacity: 0;
}
.responsive_nav .opened>.subarrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.responsive_nav ul ul li a{
    padding-left: 16px;
}
/*RESPONSIVE-MENU-ENDS*/

.stickyHeader .menu-header-menu-container{
        position: fixed;
        inset-inline: 0;
        top: 0;
        background: var(--white-color);
        z-index: 91;
}
.scrollup {
        position: fixed;
        bottom: 30px;
        right: 20px;
        z-index: 9;
        display: none;
        -moz-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
}
.scrollup:hover {
        transform: translate(0px, -10px);
}
.scrollup i {
        display: grid;
        place-items: center;
        font-size: 20px;
        width: 54px;
        height: 54px;
        border: 1px solid #E73029;
        color: #E73029;
        background: var(--white-color);
        cursor: pointer;
        text-align: center;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        -moz-transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
}
.scrollup i:hover {
        background: #E73029;
        color: var(--white-color);
        border-color: #E73029;
}
.site-content{
        position: relative;
        z-index: 1;
}