/*{

    padding: 0;

    margin: 0;

    box-sizing: border-box;

    text-decoration: none;

    list-style: none;

    font-family: "Lucida Sans", sans-serif

}*/

body{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 1rem;
    color: #333;
    line-height: 1.7;
}

main{
    overflow: hidden;
}
/***********************

     Fonts 

*************************/

/*@font-face {

    font-family: 'Lucida Sans';

    src: local('Lucida Regular'), local('Lucida Regular'),

        url('assets/fonts/LSANS.ttf') format('ttf');

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Lucida Sans Demibold Roman';

    src: local('Lucida Sans  Demibold Roman'), local('Lucida Sans Demibold Roman'),

        url('assets/fonts/LSANSD.ttf') format('ttf');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Lucida Sans Demibold Italic';

    src: local('Lucida Sans Demibold Italic'), local('Lucida Sans Demibold Italic'),

        url('assets/fonts/LSANSDI.ttf') format('ttf');

    font-weight: 600;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Montserrat', sans-serif;

    src: local('Bell MT Bold'), local('Bell MT-Bold'),

        url('assets/fonts/BellMTBold.ttf') format('ttf');

    font-weight: 700;

    font-style: normal;

    font-display: swap;

}

@font-face {

    font-family: 'Montserrat', sans-serif;

    src: local('BellMT'), local('BellMT'),

        url('assets/fonts/BellMT.ttf') format('ttf');

    font-weight: 400;

    font-style: normal;

    font-display: swap;

}*/

/***********************

     Root 

*************************/



:root, [data-bs-theme=light] {

    --theme-bs-blue: #1B1661;

    --theme-bs-light-blue: #127FBC;

    --theme-bs-pink:  #681D48;

    --theme-bs-light-pink: #96617F;

    --theme-bs-green: #004432;

    --theme-bs-light-green:#4E7C0B;

    --theme-bs-gray: #656565;

    --theme-bs-light-gray: #E2E2E2;

    --theme-bs-brown: #482A2A;

    --theme-bs-white: #FFFFFF;

    --theme-bs-dark: #000000;

    --theme-bs-offwhite:#F9F9F9;

    --theme-bs-dark-gray:#444444;

}



/*************

     Headsing Tags Font size 

     **************************/
/*
h1{

    font: bold clamp(1.6em,3.5vw,2.5rem) 'Montserrat', sans-serif

}

h2{

    font: bold clamp(1.6rem,3.5vw,2.5rem) 'Montserrat', sans-serif

}

h3{

    font: bold clamp(1.5em,3vw,2.3rem) 'Montserrat', sans-serif 

}

h4{

    font: bold clamp(1.4em,2.1vw,1.8rem) 'Montserrat', sans-serif 

}

h5{

    font: bold clamp(1.3em,1.8vw,1.4rem) 'Montserrat', sans-serif

}

h6{

    font: bold clamp(1.1em,4vw,1.2rem) 'Montserrat', sans-serif 

}*/

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-weight: 700;
    color: var(--theme-bs-blue);
}

p{

    font-size: 1rem;

    font-weight: 400;

    line-height: 1.7;

}



/**********************

    Comman Classes 

    *******************/

.container{

    max-width:1320px;

}

img{

    max-width: 100%;

    display:block;

}

a{
    color: var(--theme-bs-light-blue);
}

/**********

    Global Margin Classes

    *************/

.mt-150{

    margin-top: max(4.5vw, 3rem);

}

.mb-150{

    margin-bottom:max(4.5vw, 3rem);

}

.my-150{

    margin-block: max(4.5vw, 3rem);

}

.py-150{

    padding-block: max(4.5vw, 3rem);

}

.pt-150{

    padding-top: max(4.5vw, 3rem);

}

.pb-150{

    padding-bottom: max(4.5vw, 3rem);

}

.mt-100{

    margin-top:max(3.5vw,2rem);

}

.my-100{

    margin-block:max(3.5vw,2rem);

}

.py-100{

    padding-block:max(3.5vw,2rem);

}

.mb-100{

    margin-bottom:max(3.5vw,2rem);

}

.swiper-button-prev:after {

    content: '\F12C'!important;

}

.swiper-button-next:after{

    content: '\F135'!important;

}

.swiper-button-next:after, .swiper-button-prev:after {

    font-family: 'bootstrap-icons'!important;

    font-size: clamp(2.2rem,5vw,4rem)!important;

    text-transform: none!important;

    letter-spacing: 0;

    font-variant: initial;

    line-height: 1;

    color: var(--theme-bs-light-blue);

}

.swiper-pagination-bullet-active{

    background-color: var(--theme-bs-dark)!important;

}

.swiper-pagination-bullet{

    background-color: transparent;

    border: 1px solid  var(--theme-bs-dark);

    height: 12px !important;;

    width: 12px !important;;

    bottom: 20px;

}

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

  -webkit-appearance: none;

}

/*::-webkit-scrollbar {

  width: 4px;

  height: 4px;

}

*/











/*********************

 Global Button In Use This Project 

        ********************/

 .theme-btn{

    border:1px solid var(--theme-bs-white);

    padding: 1rem 3rem 1rem 1.5rem;

    /*width:clamp(12rem,15vw,14rem);*/

    /*display: flex;*/

    display: inline-block;

    align-items: center;

    border-radius: 6px;

    font:400 clamp(1rem,1.125vw,1.1rem) 'Montserrat', sans-serif;

    position: relative;

    text-decoration: none;

    text-transform: capitalize;
    border-radius: 100px;
 }  

 .theme-btn::after{

    position: absolute;

    inset: auto 16px auto auto;

    content: '\F285';

    font-family: 'bootstrap-icons';

    font-weight: 700

}

.primary-btn{

    background-color: var(--theme-bs-light-blue);

    color: var(--theme-bs-white);

}

.secondary-btn{

    background-color: var(--theme-bs-blue);

    color: var(--theme-bs-white);

}

.light-btn{

    background-color: var(--theme-bs-blue);

    color: var(--theme-bs-white);

}



/*********************

 Global Button In Use This Project End

        ********************/

    

/*************

     Top Header Start 

     ********************/
header{
    position: sticky;
    top: 0;
    background-color: var(--bs-white);
    z-index: 99;
}
.top-header{

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding:.40rem 0;

}

.top-header .retail-logo img{

    width: 200px;

    height: auto;

}

@media screen and (min-width:592px){

   /* .top-header .retail-logo img{

        width: 200px;

    }*/

}

.top-header-right-content{

    display: flex;

    align-items: center;

}

.top-header-right-content .search-btn{

    border: 0px;

    background-color: transparent;

    outline: none;

    color: var(--theme-bs-blue);

    font-size: clamp(1.2em,1.5vw,1.5rem);

    position: relative;

    margin-right:1rem;

    padding-right: 1.5rem;

    padding-top: .5rem;

}

.top-header-right-content .search-btn::after{

    content: "";

    position: absolute;

    width: 1px;

    height: 85px;

    background-color: var(--theme-bs-light-gray);

    top:-25px;

    left: 45px;

}

@media screen and (max-width:592px){

/*    .top-header-right-content .telephone{

        display: none;

    }*/

}

.top-header-right-content .telephone{

    color: var(--theme-bs-blue);

    font: bold clamp(1rem,1.7vw,1.1rem) 'Montserrat', sans-serif;

    text-decoration: none;

    display: flex;
    align-items: center;
	margin-right: 15px;

}
.top-header-right-content .telephone .bi{
    margin-right: 10px;
    position: relative;
}
.top-header-right-content .email-link{
    margin-right: 15px;
}

.navbar-toggler i{

    font-size: 38px;

    padding-inline: .5rem;

    color: var(--theme-bs-blue);

}

/*************

     Top Header End 

     ********************/







/*************

    Main Navigation Start

        *********************/

.navbar{

    background-color: var( --theme-bs-blue);  
    padding: 0;

}

/*.navbar .container{

    max-width: 1440px;

    justify-content: center;

}*/

.navbar .offcanvas{

    flex-grow: unset;

}

.offcanvas-body{

    background-color: var( --theme-bs-blue);

    padding-block:4rem;

}

.navbar .btn-close{

    background-color: var(--theme-bs-white); 

    padding: 1rem;

    opacity: 1;

    position: absolute;

    right: 0;

    border-radius: 0px;

}

.navbar-nav{

    gap: max(1.5rem,.5em);

    justify-content: center;

}

@media screen and (min-width:1440px) {

    .navbar .navbar-nav .nav-item > .nav-link::before{

        content: '';

        background-color: var(--theme-bs-white);

        height: 2px;

        position:absolute;

        bottom:0;

        left: 0;

        width: 0;

        transition: .3s linear;

    }

}

.navbar .navbar-nav .nav-item > .nav-link{

    font:600 15px 'Montserrat', sans-serif;

    color: var(--theme-bs-white);

    text-transform: uppercase;

    position: relative;

    padding:max(1vw,10px) 0;

}

.navbar .navbar-nav .nav-item > .nav-link:hover:before,

.navbar .navbar-nav .nav-item > .nav-link.active:before{

    width: 100%;

}



/*************

    Main Navigation End

        *********************/





/**************

    Carousel- (Hero Section) Start

        *****************/

.banner .swiper-slide img{

    height: 350px;
    object-fit: cover;

}

@media screen and (min-width:768px){

    .banner .swiper-slide img{

        height: max(48vw,30rem);

        max-width: 100%;

    }
    .service-section-image{
        display: table-cell; width: 300px; vertical-align: top; padding-right: 20px;
    }
    .service-section-content{
        display: table-cell; vertical-align: top;
    }

}

.banner{

    overflow-x: hidden;

    position: relative;

}

.banner .swiper-button-next:after,.banner .swiper-button-prev:after {

    color: var(--theme-bs-white);

}

.overlay{

    background-color: var(--theme-bs-blue);

    inset: 0;

    position: absolute;

    opacity: .4;

}

.carousel-caption{

  inset:0;

   display: flex;

   justify-content: center;

   align-items: center;

   flex-direction: column;

   gap:2rem;

   width: clamp(19rem,60vw,80rem);

   margin-inline: auto;

   font:bold clamp(1.6rem,5vw,4rem) 'Montserrat', sans-serif;

   text-transform: uppercase;

}

/*.banner .swiper-pagination-bullets.swiper-pagination-horizontal {

    bottom: 33px;

}*/

/* Color-Line  */

.color-line{

    display: flex;

}

.color-line span{

    flex-grow: 1;

    height: 5px;

}

.color-line span:nth-child(1){

    background-color: var(--theme-bs-green);

}

.color-line span:nth-child(2){

    background-color: var(--theme-bs-pink); 

}

.color-line span:nth-child(3){

    background-color: var(--theme-bs-blue); 

}

.color-line span:nth-child(4){

    background-color: var(--theme-bs-brown);; 

}



/**************

    Carousel- (Hero Section) End

        *****************/





/**************

    Section Background Color Commmon Css

        *****************/

.about-meet-section,

.contact-section,.details-section .small-banner{

    background-color: var(--theme-bs-offwhite); 

}



.read-btn:hover,

.copy-rights a:hover,

.call_to a:hover{

    text-decoration: none;

}



/**************

    Section Background Color Commmon Css End

        *****************/









/**************

    About-Section Start

        *****************/ 

.about-content h2{

    color: var(--theme-bs-blue);

    margin-bottom: max(1.5vw,1rem);

} 

/*.about-content h2 span{

    color: var(--theme-bs-pink);

    

} */  

/*.about-content strong{

    color: var(--theme-bs-dark);

    font:bold 1.2rem/1.8 'Lucida Sans Demibold Roman';

    margin-bottom:max(1.2vw,1rem);

    display: block;

}  */

.about-content p{

    margin-bottom: max(1.2vw,1rem);

}  

.about-content a.theme-btn{

    margin-top: max(3.5vw,1rem)

}   



/**************

    About-Section End

        *****************/ 







/**************

    Leading Retail Expert Section Start

        *****************/ 
.expert-section{
    overflow: hidden;
}
.retail-ttl{

    color:var(--theme-bs-blue);

    font-size: 1.1rem;

    margin-bottom: max(4vw,2rem);

    max-width: max(60vw,40rem);

    text-align:center;

    margin-inline:auto;

}

.retail-ttl p{

    color:#333;


}          

.retail-expert-content,

.associate-section{

    background-color: var(--theme-bs-offwhite);

} 

.retail-expert-content .expert-slider img{

    max-width: 100%;

    display: block;

    width: 100%;

    height:290px;

    object-fit: cover;

}

.slider-content{

    background: var(--theme-bs-white);

    padding: 1.5rem 1rem;

   /* opacity: 0;
    visibility: hidden; */

    box-shadow: 0px 4px 10px rgba(205, 205, 205, 0.25); 

    transition: all .5s  ease-in-out 0s;

}

.expert-slider p{

   /* line-height: 1.5;*/

    margin-block:1.2rem;

}

.slider-content h5,.slider-content a h5,

.help-section .card .card-title{

    color:var(--theme-bs-blue);

}

.read-btn{

    color: var(--theme-bs-light-blue);

    text-decoration: underline;

   /* font:bold 1.1rem 'Montserrat', sans-serif;*/

   font-weight: 700;

    margin-top: 1.2rem; 

    transition: all .5s ease-in-out;

}


.slider-content p, .slider-content a{
    display: none;
}
.slider-content a.no-decoration {
    display: block;
}
.swiper-slide-active .slider-content p, .swiper-slide-active .slider-content a{
    display: block;
}

.swiper-slide-active .slider-content{
    /*visibility: visible;
    opacity: 1; */
}

@media screen and (max-width:768px) {

    .expert-slider :is(.swiper-button-next,.swiper-button-prev){

        top: auto!important;

        bottom: 0px;

    }

    .expert-swiper{

       padding-bottom: 4rem;

    }

}

.expert-slider{

    overflow-x: hidden;

    padding-inline: 1rem;

    /*color: var(--theme-bs-gray);

    font-size: 16px;*/

}

.expert-slider .swiper-button-prev{

    top:70%;

    left: 30%;

}

.expert-slider .swiper-button-next{

   right: 30%;

   top:70%;

}

.crown-img{

    max-width: max(20vw,15rem);

    margin-inline: auto;

}





/**************

    Leading Retail Expert Section End

        *****************/  

        

 /**************

    How the Retail Champion Can Help You! Start

      *****************/ 



@media screen and (min-width:1200px){

    .help-section .row .col-md-6:nth-child(2) .card{

        margin-top: 4rem;

    }       

    .help-section .row .col-md-6:nth-child(3) .card{

        margin-top: 8rem;

    }

    .help-section .row .col-md-6:nth-child(4) .card{

        margin-top: 12rem;

    }

}

.help-section .card{

    border: 0px;

    border-radius: 0px ;

    transition: .3s ease-in-out 0s;

    margin-top: 1rem;

}

.help-section .row .col-md-6:nth-child(1) .card{

    border-top:12px solid var(--theme-bs-green)

}

.help-section .row .col-md-6:nth-child(2) .card{

    border-top:12px solid var(--theme-bs-pink); 

}       

.help-section .row .col-md-6:nth-child(3) .card{

    border-top:12px solid var(--theme-bs-blue);

}

.help-section .row .col-md-6:nth-child(4) .card{

    border-top:12px solid var(--theme-bs-brown);

}

.help-section .row .card .card-body{

    padding: 1.2rem 0px;

}

.help-section .card .card-body .card-text{
/*
    color: #656565;

    line-height: 1.4;*/

    margin-block:1rem;

}     

        





/**************

    Meet Our Associates Start 

        *****************/

@media screen and (min-width:992px){ 

    .associate-section .col-sm-6:nth-child(odd) .associate-content{

        margin-top: 10.05rem;

    }

    .associate-section  .retail-ttl{

        position: absolute;

        width: 300px;

    }
    
} 

@media screen and (min-width:992px){

    .associate-card-body{

        /*opacity: 0;

        visibility: hidden;*/

        transition: all .3s ease-in-out 0s;

    }

} 

.associate-section .associate-content{

    margin-bottom:2rem;

    cursor: pointer;

    

}

.associate-section .associate-content .associate-img img {

    width: 100%;

}

.associate-section .associate-content:hover .associate-img{

    box-shadow: 0px 5px 15px rgba(205, 205, 205, 0.35);

    transition: .3s ease-in-out 0s;  

}

.associate-section .associate-content:hover .associate-card-body{

    opacity: 1;

    visibility: visible;

    cursor: pointer;

}

.our-team .associate-content .associate-card-body{

    opacity: 1;

    visibility: visible;

}

.associate-card-body a{

    font: bold clamp(1.3em,1.8vw,1.4rem) 'Montserrat', sans-serif;

    text-decoration: none;

    /*color: var(--theme-bs-dark);*/

    display: block;



}



/**************

    Meet Our Associates End

        *****************/  







@media screen and (min-width:992px){

    .storie.container{

        width: 45rem;

    }

}

@media screen and (min-width:768px){

    .success-storie-sec{

        background-image: url(../images/sucess_stories.png);

        background-repeat: no-repeat;

        background-position: center top;

        background-size: 100%;

    } 

    .storie .storie-content p{

        line-height: 36px;

    } 

    .storie .swiper-slide > img{

        width: 90px;

    }

}

.storie.container{

    overflow-x: hidden;

}

.storie .swiper-pagination{

   position: relative;

   margin-top:2rem

}

.storie .swiper-pagination .swiper-pagination-bullet .swiper-pagination-bullet-active{

    background-color: var(--theme-bs-dark);

}

.stories-sec-title{

    color: var(--theme-bs-blue);

    text-align: center;

    margin-bottom:3rem;

}

.storie .swiper-slide{

    text-align: center;

}

.storie .swiper-slide > img{

    width: 120px;

    margin-inline:auto;

}

.storie h5{

    margin-block:max(3vw,1rem) 1.5rem;

}

.storie .storie-content p{

    font-family: "Lucida Sans Demibold Italic";

    font-size: 1rem;

    font-weight: 600;

    color:var(--theme-bs-gray);

    line-height: 28px;

}







/**************

    How the Retail Champion Can Help You! End

        *****************/  



.get-in-touch-section{

    background-color: var(--theme-bs-blue);

    padding-inline: 1rem;

}  

.get-in-touch-section .container-fluid{

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    color:var(--theme-bs-white);

} 

.get-in-touch-section h2{
    color: #FFF;
} 
.call-content{

    display: flex;

    margin-top: max(3vw,2rem);

    align-items: center;

    gap:max(2vw,1rem);

    flex-wrap: wrap;

    justify-content: center;

} 

.call_to{

    display: flex;

    gap:.5rem;

    color: var(--theme-bs-white);

    font-size: 1.1rem;

} 

.call_to a{

    color: var(--theme-bs-white);

    font-weight: 500;

    font-size: 1.1em;

} 







/**************

 About Page Start

 ******************/



@media screen and (min-width:992px){

    .about-meet-section .container{

        width: 62rem;

        margin-inline:auto

    }

}

.meet-retail-title,

.associate-section-title{

    color: var(--theme-bs-blue);

    margin-bottom: 2rem;

    text-transform: uppercase;

    line-height: 1.5;

    text-align: center;

}

/*.meet-retail-title span{

    color: var(--theme-bs-brown);

    

}*/

.about-meet-section .container figure{

    overflow: hidden;

    width: 400px;

    height: 400px;

    border-radius: 50%;

    margin-inline:auto;

    margin-block:2rem

}

@media screen and (max-width:592px){

    .about-meet-section .container figure{

        width: 300px;

        height: 300px;

    }

}

.bio-details{

    /*color:var(--theme-bs-dark)!important;*/

/*    font-weight: 600;

    

    font-size: clamp(1rem,1.2vw,1.1rem);*/

}

.about-meet-section .container p{

   /* color: var(--theme-bs-gray);*/

   /* margin-bottom: 1.5rem;*/

    text-align: left; 

/*    line-height: calc(2.5rem - .5em);

    font-size: 1rem;*/

}

.about-meet-section .container p:last-child{

    margin-bottom: 0px;

}

.about-business-widget{

    border-bottom: 1px solid var(--theme-bs-dark);

    padding-block:1.5rem 2rem;

    margin-block: 1rem;

}

@media screen and (min-width:768px){

    .about-business-widget:nth-child(3){

        border-bottom: 0px;

    }

}

.about-business-widget h4{

    color: var(--theme-bs-blue);

    margin-bottom: 1rem;

}

.about-business-widget-details {

    /*color: var(--theme-bs-gray);*/

    line-height: 1.6;

    font-size: 1rem;

}

.about-business-widget-image{

    padding-inline: 2rem;

    text-align: center;

    margin-inline:auto;

    width: fit-content;

}

/**************

 About Page End

 ******************/



.contact-title,

.service-section-title{

    color: var(--theme-bs-blue);

    text-transform: uppercase;

}





/**************

 Contact Page Start

      ******************/ 



.contact-section .contact-content p{

    color: var(--theme-bs-dark);

    font-size: clamp(1rem,1.5vw,1.1rem);

}

.get-in-information p{

    color: var(--theme-bs-dark);

    line-height: max(2vw,1.5rem);

}

.get-in-information h3{

   font-weight: 400;

}

.contact-section .row{

/*    align-items: end; */

    margin-top: max(3vw,2.5rem);

    color: var(--theme-bs-dark);

}

.contact-section .row .contact-details h3{

    margin-bottom:max(2vw,1.5rem);

    font-weight:400

}

.contact-section .row .contact-details a{

    display: block;

    color: var(--theme-bs-dark);

    font-weight: 600;

    font-size: clamp(1.3rem,3vw,1.5rem);

    

    margin-top: 1rem;

    text-decoration:none;

}

.checkbox-btn label{

   margin-right: 1.5rem;

   margin-top: 1rem;

   font:700 1rem 'Montserrat', sans-serif;

   margin-bottom:.25rem;

   line-height: 1.8;

}

.checkbox-btn label input[type="checkbox"]{

    accent-color: var(--theme-bs-blue);

    box-shadow: none;

}

.contact-section .row .contact-details span{

    font-size: 1rem;

    font-weight: 400;

    display: inline-block;

}



/**************

 contact-form-section  Start

      ******************/ 

.input-filed{

    margin-bottom:1.5rem;

    font-family: 'Montserrat', sans-serif

}

.input-filed label,

.checkbox-btn p{

    font:700 1rem 'Montserrat', sans-serif;

    margin-bottom:.25rem;

    line-height: 1.8;

}

.form-control, .form-select{
    border: 1px solid var(--theme-bs-dark);
    min-height: 45px;
    font-family: 'Montserrat', sans-serif;
}
.form-control.error{
    border: 1px solid red;
}

/*.form-control:placeholder{

    

    font-weight: 500;

    color: var(--theme-bs-dark);;

    font-size: 1rem;

    opacity: 0.5;

}*/

.form-filed button,

.form-filed .theme-btn{

    margin-top: 3rem;

}

.error{
    color: red !important;
}

/**************

 contact-section End

      ******************/ 







/**************

    Service Page Start

      ******************/ 



.service-section .small-banner img{

    height: max(32vw,11rem);

    width: 100%;

}



.box-title{

    padding: max(2.5vw,1.5rem);

    position: relative;

    background-color: var(--theme-bs-offwhite);

    width:max(34vw,15rem);

    margin-left:auto;

    margin-top: -8rem;

    color: var(--theme-bs-blue);

    text-transform: uppercase;

}

.details-section-list> p,

.service-details{

    line-height: 2;

    margin-block:1.7rem max(7vw,2.5rem);

    font-size:clamp(1em,1.2vw,1.2rem);

    color:var(--theme-bs-dark);

}

.section-list-information p{

    line-height: 1.8;

    margin-block:max(2.5vw,2rem) max(3.5vw,2rem) ;

    font-size:clamp(1em,1.1vw,1.1rem);

    color:var(--theme-bs-dark-gray);

}

.service-section-list .theme-btn{
    width: 145px;
    padding: 0.6rem 1.2rem;
    font-size: 1rem;
}

@media screen and (min-width:1024px){

    .service-section-list .service-section-card:nth-child(3n+3){

        margin-left: 20%;

    }

    .service-section-list .service-section-card:nth-child(3n+2){

        margin-left: 10%;

    }

/*    .service-section-list .service-section-card{

        width: 80%;

    }*/

    .service-details{

        width: max(55%);

    }



}

/*.service-section-list .service-section-card{

    display:flex;

    flex-flow: column;

    gap:max(1.5vw,1.2rem);

    margin-bottom:max(4vw,2rem);

}*/

@media screen and (min-width:768px){
/*
    .service-section-list .service-section-card{

       flex-flow: row;

    }*/

    .service-section-card img{

        height: 14rem;
        object-fit: cover;

    }

}

.service-section-card-content h4{

    color:var(--theme-bs-blue);

    margin-bottom: 1rem;

}

/*.service-section-card-content P{

    line-height: 1.7;

    color: var(--theme-bs-gray);

}*/

section.comman_banner img{

    width: 100%;

}



/**************

    Service Page End

      ******************/ 







/**************

    Details Page Start

      ******************/  

.small-banner h2{

    max-width:clamp(20em,60vw,50rem)

}     

.small-banner{

    display: flex;

    align-items: center;

    height: 300px;

    background-position: right center !important;

    background-size: 50% auto !important;

    background-repeat: no-repeat !important;

    position: relative;

} 
.small-banner .banner-img{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1;
}
.small-banner .banner-img img{
    object-fit: cover;
    height: 300px;
    width: 100%;
}

@media (max-width: 767px){
    .small-banner:after{
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: rgba(246, 246, 246, 0.7);
        z-index: 2;
    }
    .small-banner .heading{
        z-index: 3;
    }
    .small-banner{
        height: 300px;
    }
    .small-banner .banner-img img{
        height: 300px;
    }
}
/*.details-section .small-banner img{

    width: 100%;

    height: max(32vw,11rem);

}*/

.details-section-list .section-list h5{

   margin-block:2rem 1rem;

}

.details-section-list .section-list ul li{

    margin-block:.65rem;

    list-style: auto;

    color: var(--theme-bs-dark-gray);

    font-size: clamp(1em,1.1vw,1.1rem)

}

.steps-list ul li a{

    display: block;

    padding-block:1.2rem;

    border-bottom:1px solid #A9A9A94D;

    color: var(--theme-bs-blue);

    font-size: 1rem;

    text-decoration: none;

}

.steps-list ul li a:hover{

    text-decoration: underline;

}

.steps-list ul li a.active{

    color:var(--theme-bs-blue);

    font-weight: 700;

}

.steps-list ul li:last-child a:last-child{

    border-bottom:0px;

}

.steps-list{

    background-color: var(--theme-bs-offwhite);

    padding: 1.5rem;

    position: sticky;

    top: 0;

}

/**************

    Details Page End

      ******************/  





/**************

  Login-form 

    ******************/  



.downloadable_resources,

.access-resources{

    margin-block: max(4vw,2rem) 2rem;

    line-height: 1.8;

}    

.log-in-section{

    background-color: var(--theme-bs-offwhite);

    padding-block: max(5vw,2rem);

}

.downloadable_resources ul li{

    list-style: url(../images/correct.png);

    margin-bottom: .25rem;

    color: var(--theme-bs-blue);

}

.log-in-form .primary-btn,

.register-form .primary-btn,

.forget-pass-link{

    padding: .5rem 1.2rem;

    text-decoration: none;

    display: block;

    text-align: center;

}

.log-in-resources h4{

    color: var(--theme-bs-blue);

    margin-bottom: 1rem;

}

.log-in-resources p{

    margin-bottom: 1rem;

    line-height: 1.8;

}

.register-form .primary-btn{

    margin-top: 2rem

}





/**************

    Team Page 

        ***************/



.profile{

    background-color: var(--theme-bs-light-gray);

    padding:2rem

}

.profile :is(p,strong){

    font-size: 1.025rem;

    line-height: 1.7;

    color: var(--theme-bs-gray);

    padding-block:1rem 1.7rem;

}

.profile .theme-btn{

    margin-top:2.5rem

}



/* **************

Team Member Details Page Start 

               ***************/

@media screen and (max-width:768px){

    .team_member_img{

        margin-bottom: 1.5rem;

    }

}

           

.team_member_img{

/*    height: 400px;

    overflow: hidden;
*/
    margin-bottom: 1rem;

}

.member-occupation{

    font-size: 1rem;

    color:var(--theme-bs-dark);

    display: block;

    margin-top: max(-1.5vw,-.5rem);

    position: relative;

    margin-bottom: 1.5rem;

    font-weight: 700;

} 

.team-member-connect{

   text-align: center;

    padding: 1rem;

}  

.team-member-connect ul li{

    justify-content: center;

}            







/***************

 dropdown Menu 

       ***************/


/*
.dropdown .dropdown-menu{

    background: var(--theme-bs-blue);

    line-height: 45px;

    transition: all 0.3s ease;

    border-radius: 0px;

    padding-block: 0px;

    border: none;

   

}
*/
@media screen and (min-width:1399.99px) {
	/*
    .dropdown .dropdown-menu{

        display: block;

        width: 250px;

    }
	*/
    .dropdown:hover .dropdown-menu{

        transition: all 0.3s ease;

        opacity: 1;

        visibility: visible;

        top:48px;

    }
/*
    .dropdown .dropdown-menu{

        position: absolute;

        opacity: 0;

        visibility: hidden;

        top:100px

    }
*/
}

@media screen and (max-width:1399.99px){

    .nav-item .dropdown-menu .nav-item .nav-link{

        border-bottom: 1px solid #375d87;

    } 

    .nav-item .dropdown-menu .nav-item:last-child .nav-link:last-child{

        border: 0px;

    }

    .dropdown-toggle::after {

        margin-left: .255em;

        vertical-align: .255em;

        content: "\F282";

        font-family: 'bootstrap-icons';

        border:none;

        position: absolute;

        right: 0;

    }  

    .dropdown-toggle.show::after {

        content: "\F286";

    } 

    .nav-item .dropdown-menu .nav-item .nav-link{

        padding:15px 0px!important;

    }

    .nav-item .dropdown-menu{

        margin-left:1rem

    }

}

.nav-item .dropdown-menu .nav-item .nav-link{

    padding:15px 10px;

    font-size: 14px;

}

.search_block {

    position: fixed;

    inset:0;

    background: rgba(0, 0, 0, 0.9);

    margin: 0;

    z-index: 999;

}

.centered {

    display:flex;

    justify-content: center;

    align-items: center;

    padding: 10px 15px;

    color: #FFF;

    border: none;

    background: transparent;

    height: 100vh;

}

.search-form {

    border: 1px solid #999;

    border-radius: 2px;

    background-color: #fff;

    overflow: hidden;

    display: flex;

}

.search-text {

    font-size: 1rem;

    color: #ddd;

    border:0px;

    background: transparent;

}

.search-overlay{

    display:none;

}

.close-btn{

    position: fixed;

    top: 1em;

    right: 1em;

    font-size: 1.8rem;

}

.close-btn:hover{

    color: var(--theme-bs-gray);

    cursor: pointer;

}

.search-box input[type="text"] {

    padding: 1rem;

    color: var(--theme-bs-gray);

    font-size: 1.1em;

    outline: none;

    border:none;

    width: max(30vw,14rem);

}

.search-button {

    font-size:1.1rem;

    color: #fff;

    text-align: center;

    border:0px;

    font-weight: 500;

    padding: 15px 30px;

    background-color:var(--theme-bs-light-blue);

    border-radius: 0 2px 2px 0;

    transition: all .3s ease-in-out;

}

.search-button:hover{

    opacity: .9;

}















   







                



/*******************

    Footer Section Start

 ******************/



footer{

    background-color:#edf1fa;

    /*padding-block: max(4vw,2rem);*/
    padding: 4rem max(2.2vw,0.5rem) 1rem;

}

@media screen and (min-width:1024px){

    .footer-cols{

        justify-items: center;

    }

}

.footer-cols{

    display: grid;

    grid-template-columns:repeat(auto-fill,minmax(max(16vw,14rem),1fr));

    grid-gap:max(2vw,.5rem);

    padding-bottom:max(2.5vw,1rem);

    border-bottom:2px solid #ced7e8;

}

.footer-cols .f-menu h5{

    color:var(--theme-bs-blue);

}

.footer-cols .f-menu ul{

    margin-block:1rem;

    display: flex;

    flex-direction: column;

    gap:.75rem;

    margin-left: 1rem;

    

}

.footer-cols .f-menu ul li{

   list-style: disc!important 

}

.footer-cols .f-menu ul li a{

   text-decoration: none;

   color: var(--theme-bs-dark);

   font: 400 1rem 'Montserrat', sans-serif;

   transition: .3s ease-in-out

}

.footer-cols .f-menu ul li a:hover{

    color: var(--theme-bs-blue);

    text-decoration: underline;

}

@media screen and (max-width:592px){

    .Privacy-social-media{

        flex-direction: column-reverse;

    }

}

.Privacy-social-media{

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top:1.5rem;

    border-bottom: 2px solid #ced7e8;

    padding-bottom: 0.5rem;

}

.privacy-policy a{

    font-size: 1rem;

    font-weight:400;

    color:var(--theme-bs-dark);

    text-decoration: none;

}
.privacy-policy a:hover{
    color: var(--theme-bs-blue);
    text-decoration: underline;
}

.social-media-link a{

    border-radius: 50px;

    width: 45px;

    height: 45px;

    display:flex;

    justify-content: center;

    align-items: center;

    background: #FFFFFF;

    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);

    color: var(--theme-bs-dark);

    font-size: 1.5rem;

    margin-inline:.5rem;

    transition: all 0.2s ease-out;

}

.social-media-link a:hover {

  padding-bottom: 10px;

}

.copy-rights{

    padding: 1.5rem;

    text-align: center;

    font-size: 1rem;

    color:var(--theme-bs-dark)!important;

    font-weight: 400;

    background: #edf1fa;

   /* border-top: 2px solid #ced7e8;*/

}

.copy-rights a{

    color:var(--theme-bs-dark)

}



/*eww css*/

ul{

    list-style: disc;

}
li{
    margin-bottom: 0.5rem;
}

.small-banner h2 {

    max-width: 50%;

}

.contact-section .row .contact-details a{

    margin-top:0px;

}

.contact-form-section h3{

    color: var(--theme-bs-blue);

}

@media screen and (min-width: 1399.99px)

{

    .dropdown:hover .dropdown-menu {

        transition: all 0.3s ease;

        opacity: 1;

        visibility: visible;

        top: 65px;

    }

}

.top-header-right-content .search-btn::after {

    content: "";

    position: absolute;

    width: 1px;

    height: 85px;

    background-color: var(--theme-bs-light-gray);

    top: -25px;

    left: auto;

    right: 5px;

}

.contact-title, .service-section-title {

    color: var(--theme-bs-blue);

    text-transform: capitalize;

}

.carousel-caption p {

    inset: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    gap: 2rem;

   /* width: clamp(19rem,60vw,50rem);*/

    margin-inline: auto;

    font: bold clamp(1.6rem,6vw,2.5rem) 'Montserrat', sans-serif;

    text-transform: capitalize;

}

/* eww css*/

@media screen and (min-width: 992px)

{

    .associate-section .retail-ttl {

        position: relative;

        width: 100%;

    }

}

 /*******************

    Footer Section End

 ******************/



 /***************************
  Mega Menu

  * ***************************/
.stellarnav.dark {
    background: transparent;
}
.stellarnav ul{
    text-align: left;
}
.stellarnav > ul{
    display: flex;
}
.stellarnav li a{
    font-size: 0.90rem;
}
.stellarnav.desktop li.has-sub:hover > a, .stellarnav.desktop ul > li:hover, .stellarnav.desktop ul > li.active{
    background: var(--theme-bs-light-blue);
    color: #FFF;
}
.stellarnav.desktop li.has-sub a:hover{
    background: #001c3a;
    color: #FFF;
}
.stellarnav.dark ul ul{
    background: var(--theme-bs-light-blue);
}
.stellarnav.desktop li.has-sub a:hover{
    background: var(--theme-bs-blue);
}

@media screen and (max-width: 992px){

    .top-header-right-content{
        padding-right: 45px;
    }
    .navbar{
        position: absolute;
        right: 0;
        top: 26px;
        padding: 0 !important;
        margin: 0 !important;
        background-color: transparent;
    }
    .navbar .container{
        padding: 0;
    }
    .menu-toggle{
        padding: 10px !important;
    }
    .stellarnav.dark .menu-toggle span.bars span{
        background: var(--theme-bs-blue);
        width: 22px;
        margin: 0 0 5px;
    }
}

.stellarnav.mobile.dark ul{
    background: var(--theme-bs-blue);
}
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu{
    text-align: left;
    font-size: 0.8rem;
}
.stellarnav .icon-close{
    margin-right: 10px;
}



/*Testimonial page Start*/
.testimonial{
    background: var(--theme-bs-offwhite);
    margin: 30px 0 30px 0;
    padding: 20px;
    /*text-align: center;*/
}
.testimonial p{
    font-style: italic;
        color: #898989;
}
.testimonial .title{
    font-size: 20px;
    
    font-weight: 700;
    font-style: normal;
}
.testimonial .designation p{
    color: #000000;
    font-style: normal;
    font-size: 19px;
}

/*Testimonial page End*/
/*eww css for testimonial*/
.testimonial .title {
    color: #002e5f;
}
.testimonial {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    padding: 25px 30px;
    margin-bottom: 35px;
    border-radius: 5px;
    border-left: 4px solid #002e5f;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: 30px;
}
.testimonial {
    padding: 25px 30px;
    margin-bottom: 35px;
    border-radius: 0px;
    margin-left: 30px;
    box-shadow: rgb(0 46 95 / 35%) 0px 2px 4px 0px, rgb(0 46 95 / 35%) 0px 4px 16px 0px;
        border-left: 0px;
    border-radius: 25px;
    cursor: pointer;
    transition: transform .2s;
}
.testimonial:hover {
    box-shadow: rgb(144 144 144 / 35%) 0px 2px 4px 0px, rgb(144 144 144 / 35%) 0px 4px 16px 0px;
    transform: scale(1.02);
}
h4.mini_underline{
    margin-top: 70px;
    color: #002e5f;
    padding-bottom: 6px;
    position: relative;
}
h4.mini_underline:before {
    content: "";
    position: absolute;
    width: 6%;
    height: 1px;
    bottom: 0;
    left: 47%;
    border-bottom: 3px solid #002e5f;
}
/*.banner .swiper-wrapper .theme-btn {
    width: auto;
    padding: 1rem 3rem 1rem 1rem;
}*/
.footer-cols .f-menu ul {
    gap: 0;
}
.associate-section.py-150 {
    padding-block: max(2.5vw, 3rem);
}
.footer-cols .f-menu ul li:first-child{
    list-style: none !important;
}
.footer-cols .f-menu ul li:first-child a{
        font-weight: 700;
    color: var(--theme-bs-blue);
    font-size: 1.25rem;
    margin-left: -1rem;
}
.no-decoration{
    text-decoration:none;
}
.bg_gray{
background-color: var(--theme-bs-offwhite);
}
.stories-sec-title {
    margin-bottom: 0rem;
}
.storie .storie-content p {
    font-size: 1.2rem;
}
@media screen and (min-width: 768px)
{
.success-storie-sec {
    background-image: none;
}
}
#my_account_profile .nav-box{
    background-color: #edf1fa;
    border-radius: 6px;
    padding: 20px 0px;
}
#my_account_profile .nav-box ul {
    list-style: none;
    padding: 5px 0px 5px 0px;
}
#my_account_profile .nav-box ul li {
    padding: 10px 0px 10px 30px;
}
#my_account_profile .nav-box ul li.active{
    background-color: #c7cfe1;
}
#my_account_profile .nav-box ul li a{
    text-decoration: none;
    font-size: 20px;
}
#my_profile_top li a{
    /*color: var(--theme-bs-blue);*/
    width: auto;
    padding: 7px 40px 7px 20px;
}
#my_profile_top ul ul li a{
    color: #fff;
}
#my_profile_top ul ul {
    top: auto;
    width: 129px;
}
#my_profile_top ul > li:hover{
    background: transparent;
}
#my_profile_top ul > li:hover > a{
    /*background: transparent;*/
}
#my_profile_top li.has-sub a{
    padding: auto;
}
.stellarnav{
    z-index:99;
}
#my_profile_top{
    z-index:999;
}
#my_profile_top li.has-sub > a:after{
    margin-top: 9px;
}
.border_radius_5{
    border-radius:5px;
}
.font-15{
    font-size:15px;
}
.color-gray{
    color: var(--theme-bs-gray);
}
.subscription_plan .plan_name{
    display:inline-block;
        margin-right: 25px;
}
.badge{
    display: inline-block;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.badge-warning {
    color: #fd981b;
    background-color: #fbefe1;
}
.badge-success {
    color: #fff;
    background-color: #5cb270 !important;
}
.badge-danger {
    color: #fff;
    background-color: #ea5260 !important;
}
.badge-primary {
    color: #fff;
    background-color: #007bff !important;
}
.pink-btn {
    background-color: var(--theme-bs-light-pink);
    color: var(--theme-bs-white);
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid var(--theme-bs-light-pink);
}
a.theme-btn.pink-btn:hover {
    background-color: var(--theme-bs-white);
    color: var(--theme-bs-light-pink);
}
.red-btn {
    background-color: var(--bs-danger);
    color: var(--theme-bs-white);
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid var(--bs-danger);
}
a.theme-btn.red-btn:hover {
    background-color: var(--theme-bs-white);
    color: var(--bs-danger);
}
.green-btn {
    background-color: var(--bs-success);
    color: var(--theme-bs-white);
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid var(--bs-success);
}
a.theme-btn.green-btn:hover {
    background-color: var(--theme-bs-white);
    color: var(--bs-success);
}
.top-header-right-content #telephone_top span{
    width:130px;
}
.ml-15{
    margin-left:15px;
}
#apply_coupon{
    margin-top: 31px;
}
.remove_discount {
    font-size: 20px;
    line-height: 1;
    padding-right: 20px;
    color: #AC0000;
    cursor: pointer;
}
.checkoutform-box .table .no-border td {
    border-top: 0;
    border-bottom: 0;
}
#discount_name, #discount_amount{
        font-weight: 500;
}
.thankyou-icon{
    font-size: 100px;
    border: 1px solid #127fbc;
    background-color: #127fbc;
    color: #fff;
    border-radius: 118px;
    width: 100px !important;
    height: 100px !important;
    line-height: 10px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
.myaccount-dd .btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--theme-bs-blue);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--theme-bs-light-blue);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: 130,138,145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--theme-bs-light-blue);
    --bs-btn-active-border-color: transparent;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: transparent;
}
#gbp_subscription_footer{
	background-color: #ffffff;
	border-top: 2px solid #1b1661;
}
.float-right{
	float:right;
}
.gbp_subscription_header{
	    background-color: #1B1661;
}
.gbp_subscription_header h1 {
    color: #ffffff;
}