*{box-sizing: border-box;}

:root{
    --color-prime: #D82727;
    --color-prime-900: #DB3B3B;
    --color-prime-800: #DD4949;
    --color-blue: #7A8CFF;
    --color-dark: #373737;
    --color-dark-900: #444444;
    --color-dark-800: #4A4A4A;
    --color-white: #fff;
    --color-light: #9E9E9E;
    --body-bg: rgb(246,246,246);
    --body-color: #212121;
    --light-bg:rgb(239 239 239);
    --color-navy-blue:#323744;
    --color-navy-blue-sky:#AE2C2C;
    --color-black:#394155;
    --family-nunitoSans: 'Nunito Sans', sans-serif;
    --text-42: 400 4.2rem/1 var(--family-nunitoSans);
    --text-36: 400 3.6rem/1.17 var(--family-nunitoSans);
    --text-34: 400 3rem/1.17 var(--family-nunitoSans);
    --text-24: 400 2.4rem/1 var(--family-nunitoSans);
    --text-26: 400 2.6rem/1.4 var(--family-nunitoSans);
    --text-21: 400 2.1rem/1.4 var(--family-nunitoSans);
    --text-18: 400 1.8rem/1.4 var(--family-nunitoSans);
    --text-16: 400 1.6rem/1.4 var(--family-nunitoSans);
    --text-15: 400 1.5rem/1.25 var(--family-nunitoSans);
    --text-14: 400 1.4rem/1.5 var(--family-nunitoSans);
    --text-13: 400 1.3rem/1.45 var(--family-nunitoSans);
    --text-12: 400 1.6rem/1.45 var(--family-nunitoSans);
    --text-11: 400 1.1rem/1.45 var(--family-nunitoSans);
    --text-10: 400 1.0rem/1.45 var(--family-nunitoSans);
}

@media (min-width: 1600px){
    :root{
        --text-42: 400 5.6rem/1 var(--family-nunitoSans);
        --text-36: 400 4.8rem/1.25 var(--family-nunitoSans);
        --text-34: 400 4rem/1.25 var(--family-nunitoSans);
        --text-24: 400 3.6rem/1 var(--family-nunitoSans);
        --text-21: 400 2.8rem/1.4 var(--family-nunitoSans);
        --text-18: 400 2.1rem/1.4 var(--family-nunitoSans);
        --text-15: 400 2.1rem/1.25 var(--family-nunitoSans);
        --text-13: 400 1.9rem/1.48 var(--family-nunitoSans);
        --text-12: 400 1.8rem/1.45 var(--family-nunitoSans);
        --text-11: 400 1.6rem/1.45 var(--family-nunitoSans);
        --text-10: 400 1.4rem/1.45 var(--family-nunitoSans);
    }
}

@media (min-width: 2500px){
    :root{
        --text-42: 400 7.2rem/1 var(--family-nunitoSans);
        --text-36: 400 6rem/1.25 var(--family-nunitoSans);
        --text-24: 400 4.2rem/1 var(--family-nunitoSans);
        --text-21: 400 3.4rem/1.4 var(--family-nunitoSans);
        --text-18: 400 2.4rem/1.4 var(--family-nunitoSans);
        --text-16: 400 1.8rem/1.4 var(--family-nunitoSans);
        --text-15: 400 3rem/1.25 var(--family-nunitoSans);
        --text-13: 400 2.4rem/1.45 var(--family-nunitoSans);
        --text-12: 400 2.1rem/1.45 var(--family-nunitoSans);
        --text-11: 400 2rem/1.45 var(--family-nunitoSans);
        --text-10: 400 1.8rem/1.45 var(--family-nunitoSans);
    }
}
@media (min-width: 3500px){
    :root{
        --text-42: 400 8.5rem/1 var(--family-nunitoSans);
        --text-36: 400 7.2rem/1.25 var(--family-nunitoSans);
        --text-24: 400 4.8rem/1 var(--family-nunitoSans);
        --text-21: 400 4rem/1.4 var(--family-nunitoSans);
        --text-18: 400 2.8rem/1.4 var(--family-nunitoSans);
        --text-15: 400 4.5rem/1.25 var(--family-nunitoSans);
        --text-13: 400 2.8rem/1.45 var(--family-nunitoSans);
        --text-12: 400 3.6rem/1.45 var(--family-nunitoSans);
        --text-11: 400 3.3rem/1.45 var(--family-nunitoSans);
        --text-10: 400 3.0rem/1.45 var(--family-nunitoSans);
    }
}
@media (max-width: 1199px){
    :root{
          --text-18: 400 1.6rem/1.6 var(--family-nunitoSans);
    }
}

html{font-size: 62.5%;}
html,body{margin: 0; scroll-behavior: smooth; font-size: 62.5%;}
body{
    background: var(--body-bg);
    color: var(--body-color);
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    font: var(--text-14);
}
.font13{
    font: var(--text-13);
}
a.strechded_link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.b-none:before{display: none;}
/* --------------- Container Start---------------------- */
.maxwidth{
    /* max-width: 2800px; */
     width: 100%; margin-inline: auto;}
.container{ max-width: 100%; margin-inline: auto; width: 100%;}

@media(min-width: 575px){
    .container{max-width: 100%;}
}
@media(min-width: 768px){
    .container{max-width: 100%;}
}
@media(min-width: 992px){
    .container{max-width: 900px;}
}
@media(min-width: 1200px){
    .container{max-width: 920px;}

}
    @media(max-width: 1900px){

.inner-panel .container {max-width: 990px;}

    
}
@media(min-width: 1600px){
    .container{max-width: 1350px;}
}
@media(min-width: 2500px){
    .container{max-width: 1800px;}
}
@media(min-width: 3500px){
    .container{max-width: 2800px;}
}

/* --------------- Container Ends---------------------- */


/*------------------ Typography --------------------*/
h1,h2,h3,h4,h5,h6,p,li,ul{margin-block-start: 0;}

a{text-decoration: none;}


.font-42{font: var(--text-42);}
.font-36{font: var(--text-36);}
.font-34{font: var(--text-34);}
.font-24{font: var(--text-24);}
.font-21{font: var(--text-21);}
.font-16{font: var(--text-16);}
.font-15{font: var(--text-15);}
.font-14{font: var(--text-14);}
.font-12{font: var(--text-12);}
.font-11{font: var(--text-11);}

.fw-200{font-weight: 200;}
.fw-300{font-weight: 300;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-800{font-weight: 800;}
.fw-900{font-weight: 900;}

ul:last-child{margin-bottom: 0;}
p, li{text-wrap: pretty; font: var(--text-16); font-weight: 400;}

p:where(:last-child){margin-bottom: 0;}



/*----------------- Typography end ------------------*/

/* Utility Classes */
.article-heading{margin-bottom: 3rem;}
.article-heading p:where(:not(:last-child)){margin-bottom: 3rem;}
.article-title{font: var(--text-24); font-weight: 800;  margin-bottom: 0;}
.article-title:where(:not(:last-child)){margin-bottom: 3rem;}
.heading-top{font: var(--text-18);font-weight: 600;text-transform: uppercase;letter-spacing: .36rem;}

@media (min-width: 1600px){
    .article-heading p:where(:not(:last-child)), .article-title:where(:not(:last-child)), .article-heading{margin-bottom: 5rem;}
}
@media (min-width: 2500px){
    .article-heading p:where(:not(:last-child)), .article-title:where(:not(:last-child)), .article-heading{margin-bottom: 8rem;}
}



.bg-prime{background-color: var(--color-prime); color: var(--color-white);}
.bg-prime-900{background-color: var(--color-prime-900); color: var(--color-white);}
.bg-prime-800{background-color: var(--color-prime-800); color: var(--color-white);}
.bg-client-dark{background-color: var(--color-dark); color: var(--color-white);}
.bg-client-dark-900{background-color: var(--color-dark-900); color: var(--color-white);}
.bg-client-dark-800{background-color: var(--color-dark-800); color: var(--color-white);}
.bg-client-white{background-color: var(--color-white); color: var(--color-dark);}


.text-client-prime{color: var(--color-prime);}
.text-client-white{color: var(--color-white);}
.text-client-dark{color: var(--color-dark);}


a:focus{outline: none; box-shadow: none;}

button{border: 0; outline: 0; cursor: pointer; background: transparent;}
.btn{padding: .7em 1.5em;line-height: 1.4;border: 1px solid transparent;border-radius:0;font: var(--text-10);border-radius: 2em;-webkit-border-radius: 2em;-moz-border-radius: 2em;-ms-border-radius: 2em;-o-border-radius: 2em;line-height: 1;}
.btn-link{padding: 0; text-decoration: none;}
.link-with-icon{display: flex; width: max-content; column-gap: .7rem; align-items: center; color: inherit; align-items: center;}
.link-with-icon img{margin-top: 1px;}
.link-with-icon.no-text{font-size: 0rem;}

.btn-prime{background: var(--color-prime); font-weight: 600; color: var(--color-white); border-color: var(--color-prime);}
.btn-prime:hover, .btn-prime:focus{background: var(--color-black); color: var(--color-white);}
.btn-white{background: var(--color-white); color: var(--color-white); border-color: var(--color-white);}
.btn-white:hover, .btn-white:focus{background: var(--color-prime); color: var(--color-white); border-color: var(--color-prime);}

.btn-prime.btn-outlined{background: linear-gradient(to right, var(--color-prime) 50%, #ffffff00 50%);background-size: 200% 100%;background-position: right bottom;transition: all .5s ease-out;color: var(--color-prime);}
.btn-prime.btn-outlined:hover, .btn-prime.btn-outlined:focus{/* background: var(--color-prime); */color: var(--color-white);background-position: left bottom;}
.btn-prime.btn-outlined:hover img, .btn-prime.btn-outlined:focus img{filter: brightness(0) invert(1);}
.btn-white.btn-outlined{background: linear-gradient(to right, var(--color-prime) 50%, #ffffff00 50%);background-size: 200% 100%;background-position: right bottom;transition: all .5s ease-out;color:var(--color-white);}
.btn-white.btn-outlined:hover, .btn-white.btn-outlined:focus{color: var(--color-white); border-color: var(--color-prime); background-position: left bottom;}


/* .after-el{position: relative; width: fit-content; max-width: 90%; padding-right: 2rem;} */
.after-el::after{content: ''; display: inline-block; margin-left: 2rem; margin-bottom: .3em; height: 1px; width: 6rem; background: var(--color-prime);}
.after-blue::after{background: var(--color-blue);}
.after-white::after{background: var(--color-white);}


figure{margin-bottom: 0;}
.img-cover{height: 100%;}
.img-cover img{height: 100%; object-fit: cover;}

.w-fit{width: fit-content;}

@media (min-width: 1600px){
    .link-with-icon img {
        width: 0.6rem;
    }
    .after-el::after{height: 1px; width: 6rem; margin-bottom: .2em;}
}
@media (min-width: 2700px){
    .link-with-icon img{width: 1rem;}
    .link-with-icon img{width: 1rem;}
    .link-with-icon{column-gap: 1.5rem;}
    .after-el::after{height: 2px; width: 6rem;}
    
}
@media (min-width: 3500px){
    .after-el::after{height: 2px; width: 10rem; margin-bottom: .25em;}
    .link-with-icon img{width: 1rem;}
    .link-with-icon{column-gap: 1.5rem;}
    
}


/* Tabs */
.nav-tabs{border-bottom: none;}
.nav-tabs .nav-link{border: none;}
.nav-tabs .nav-link.active{border: none;}



/* Reveal Animations */
.image, .image2{opacity: 0;}
.reveal-image,
.reveal-image:after {position: absolute;animation-delay: 0s;animation-iteration-count: 1;animation-duration: 1600ms;animation-fill-mode: both;animation-timing-function: ease-in-out;}
.reveal-image2,
.reveal-image2:after {position: absolute;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out;}
.reveal-image {opacity: 1;position: relative;animation-name: reveal-image;}
.reveal-image2 {opacity: 1;position: relative;animation-name: reveal-image2;}
.reveal-image3 {opacity: 1;position: relative;animation-name: fadeInline1;animation-delay: .1s;animation-iteration-count: 1;animation-duration: 1800ms;animation-fill-mode: both;animation-timing-function: ease-in-out; transform-origin: top;}

@keyframes reveal-image {
    from { clip-path: inset(0 100% 0 0);}
    to { clip-path: inset(0 0 0 0);}
}

@keyframes reveal-image2 {
    from {
      clip-path: inset(0 0% 100% 0);
    }
    to {
      clip-path: inset(0 0 0 0);
    }
}
@keyframes fadeInLeft{
    from {opacity: 0; margin-left:-25%;}
    to{opacity: 1;margin-left:0%;}
}

@keyframes fadeInRight{
    from {opacity:0;
        margin-left: 30%;
    }
    to {opacity: 1;
        margin-left: 0%;
    }
}

@keyframes fadeInline1 {
    0% {opacity: 0; scale: 1 0}
    100% {opacity: 1;scale: 1 1;}
}
@keyframes fadeInline2 {
    0% {opacity: 0; scale: 0 1}
    100% {opacity: 1;scale: 1 1;}
}

/*inner common css*/
br{
  display: none;
}
.home-section-five-content{
  display: none;
}

header.inner-header .maxwidth {
    max-width: 100vw;
    width: 100%;
    margin-inline: auto;
}

ul.p-list figure:hover img {
    scale: 1.1;
    transition: .5s ease;
}ul.p-list figure img {
    scale: 1;
    transition: .5s ease;
}

li.menu-item.has-submenu.link-m2 ul.submenu.list-unstyled {
    left: calc(var(--column-gap) * -.18);
}

.menubar .menu-link{white-space: nowrap;}
.mobile{
    display: none;
}

/* -----right-menu-start------ */
.side_menu.menubar .submenu {
    position: fixed;
    top: 0;
    right: 0 !important;
    max-width: 32rem;
    margin-left: auto;
    padding: 14rem 3rem;
}
/* -----right-menu-end------ */
/* ----------mobile_menu_start------------ */
.mobile_bottom_menu {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    display: none;
}

    .mobile_bottom_menu > ul {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    z-index: 999999;
    position: relative;
    padding: 0;

}
.mobile_bottom_menu > ul li{
    width: 100%;
}

.mobile_bottom_menu .sec {
    /* background: #394155; */
    position: absolute;
    bottom: 0rem;
    left: 0;
    transition: 0.5s;
    width: 100%;
    transform: translateY(100%);
    height: 100vh;
}
.mobile_bottom_menu .products_wrap.sec {background: #394155;
    background: linear-gradient(180deg,rgba(57, 65, 85, 1) 0%, rgba(57, 65, 85, 1) 21%, rgba(255, 255, 255, 1) 21%);}
.mobile_bottom_menu .contact_wrap.sec {background: #707070;
    background: linear-gradient(180deg,rgba(112, 112, 112, 1) 0%, rgba(112, 112, 112, 1) 14%, rgba(255, 255, 255, 1) 14%);}
.mobile_bottom_menu .menu_wrap.sec {background: #707070;
    background: linear-gradient(180deg,rgba(112, 112, 112, 1) 0%, rgba(112, 112, 112, 1) 14%, rgba(255, 255, 255, 1) 14%);}

.mobile_bottom_menu .contact_wrap.sec,
.mobile_bottom_menu .menu_wrap.sec{
    background: #4e4e4e;
    background: linear-gradient(180deg,rgba(78, 78, 78, 1) 0%, rgba(78, 78, 78, 1) 14%, rgba(255, 255, 255, 1) 14%);
}
.mobile_bottom_menu ul li a{
    background: transparent linear-gradient(180deg, #BF1818 0%, #970000 100%) 0% 0% no-repeat padding-box;
    padding: 10px;
    display: block;
    text-align: center;

}
.mobile_bottom_menu ul li a p{
    font-size: 1.3rem;
    color: #fff;
    margin-bottom: 0;
}
.mobile_bottom_menu .products_wrap.sec {
    background: #1e2051;
}


.mobile_bottom_menu ul li a img {
    filter: brightness(0) invert(1);
    width: 2.3rem;
    height: 3rem;
}
.mobile_bottom_menu ul li a.products_links.togglee.active {
    background: #fff;
}
.mobile_bottom_menu ul li a.contact.togglee.active {
    background: #fff;
}
.mobile_bottom_menu ul li a.menu_inc.togglee.active {
    background: #fff;
}


.products_wrap.show, .contact_wrap.show, .menu_wrap.show {
    transform: translateY(0);
    height: 103vh;
    overflow-y: scroll;
    padding-bottom: 5rem;
}
#mainnav{
    position: relative;
    }
    
    #mainnav .submenu1 {
        position: relative;
        left: 0;
        top: 150%;
        text-align: left;
        z-index: 9999;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
      display: none;
        visibility: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    #mainnav .submenu1 {
        top: 100%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
    display: block;
        visibility: visible;
    }
   #mainnav:hover .submenu1{
    display: block;
   }
   .sub-menu {
    margin: 0;
  }

  .mesmo .sub-menu li a {
    display: block;
    color: white;
    font-size: 14px;
    text-decoration: none;
    padding: 10px 0;
  }
  #toggle .mesmo .sub-menu li ul{
    padding: 0px;
  }
#toggle .mesmo .sub-menu li {
    list-style-type: none;
    text-decoration: none;
  }
  #toggle .mesmo > a:after {
    content: "▼";
    float: right;
    margin-right: 20px;
    font-size: 8px;
}
.mesmo .sub-menu li {
    list-style-type: none;
    text-decoration: none;
  }
  li.menu-item-has-children.mesmo {
    list-style-type: none;
    text-decoration: none;
}
li.menu-item-has-children {
    list-style-type: none;
    text-decoration: none;
}


.mobile_bottom_menu ul li a.products_links.togglee.active p {
    color: #000;
}
.mobile_bottom_menu ul li a.products_links.togglee.active img{
    filter: inherit;
}
.mobile_bottom_menu ul li a.contact.togglee.active p{
    color: #000;
}
.mobile_bottom_menu ul li a.contact.togglee.active img{
    filter: inherit;
}

.mobile_bottom_menu ul li a.menu_inc.togglee.active p{
    color: #000;
}
.mobile_bottom_menu ul li a.menu_inc.togglee.active img{
    filter: inherit;
}

.mobile-menu-products {
    display: flex
;
    flex-wrap: wrap;
    background: #fff;
    padding: 2rem 0;
    margin-top: 8rem;
    position: relative;
}


.mobile-product-list {
    width: 50%;
    text-align: center;
    margin-bottom: 3rem;
    position: relative;
}
.mobile-product-list::before{
    content: '';
    background: #DB3B3B;
    height: 1px;
    width: 73%;
    position: absolute;
    left: 2rem;
    bottom: -2rem;
}



.mobile-product-list p{
    font: var(--text-16);
}
figure.mobile-product img{
    width: 54%;
}
.mobile-product-list span{
    width: 30px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border-radius: 100px;
}
.overlap_btn {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    font-size: 0;
}
.contact-info {
    background: #D82727;
    padding: 4rem 3rem .5rem;
    margin: 16rem 4rem 3rem;
}
.contact-info-box {
    text-align: center;
    margin-bottom: 3rem;
}
.contact-info-box  figure{
    background: #fff;
    width: 35px;
    height: 35px;
    border-radius: 100px;
    margin: 0 auto 17px;
    line-height: 31px;
}
.contact-info-box a{
    font: var(--text-18);
    color: #fff;
}
.contact-address {
    text-align: center;
    position: relative;
    margin-bottom: 6rem;
}
.contact-address::after{
    content: '';
    background: #DB3B3B;
    height: 3px;
    width: 42%;
    position: absolute;
    bottom: -2rem;
    top: 130%;
    left: 50%;
    transform: translate(-50%, -30%);
}

.contact-address h5{
    font: var(--text-24);
    color: var(--body-color);
    font-weight: 600;
    margin-bottom: 2rem;
}
.contact-address p{
    font: var(--text-16);
}
.mobile-menu-list {
    padding: 14rem 0rem 0;
}
.mobile-menu-list .accordion-button{
    padding: 2rem 3rem;
    border-top: 1px solid #dbdbdb;
    font-size: 2.1rem;
    color: #1F1A17;
}
.mobile-menu-list .accordion-button:not(.collapsed){
    background-color: #cfe2ff00;
}
.mobile-menu-list .accordion-button:focus{
    box-shadow: none;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #dee2e6;
}
.mobile-link a{
    display: block;
    padding: .7rem 2rem;
    font: var(--text-16);
    color: #474646;
}

.mobile-menu-list .accordion-button::after{
    background-image: url(../images/arrow-new.svg);
    background-size: 2.25rem;
    height: 2.25rem;
    width: 2.25rem;
}
.mobile-menu-list .accordion-button:not(.collapsed)::after {
    transform: rotate(90deg);
}

.mobile-footer-link{

}
.mobile-footer-link ul{
    list-style-type: none;
    text-decoration: none;
}

.mobile-footer-link ul li a {
padding: 1.5rem 3rem 0 1.2rem !important;
    /* border-top: 1px solid #dbdbdb; */
    font-size: 2.1rem;
    color: #1F1A17;
    background: none;
    padding: 0;
    display: block;
    text-align: left;
    display: flex
;
    justify-content: space-between;
}
.mobile-footer-link ul li a img {
    filter: inherit;
    width: 2.3rem;
    height: 3rem;
}


/* ----------mobile_menu_end------------ */


/* media screen and (max-width: 980px)
---------------------------------------------------------------------- */
@media screen and (max-width:991px) {
  header .nav-right{
    display: none !important; 
  }


}

.view_all_btn {
    font-size: var(--font-14);
    color: #fff;
    border-bottom: 1px #fff dashed;
}
.btn-white.btn-outlined.viewall{background-color: #39415521;border-color: #fff; color: #fff;}
.home-happening-wrapper li a{color: #1F1A17;}