/*------------------------------------------------------------ # 
Navigation Menu 
--------------------------------------------------------------*/
.main-nav, .main-nav * {list-style: none;}
.main-nav > ul > li {position: relative;white-space: nowrap;float: left;}
.main-nav a, .main-nav select {color:white;padding: 10px 20px;font-size: 18px;font-family: Gilroy-Medium;border-radius: 10px;}
.main-nav select option{color: var(--blackColor);}
.main-nav a.active,  .main-nav ul a.active, .main-nav li:hover > a {background-color: var(--orangeColor);color: white;}
.main-nav .drop-down ul {display: block;position: absolute;right: 0;top: calc(100% + 30px);z-index: 99;opacity: 0;visibility: hidden;padding: 10px 0;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: ease all 0.3s;margin-top: 10px;}
.main-nav .drop-down:hover > ul {opacity: 1;top: 100%;visibility: visible;}
.main-nav .drop-down li {min-width: 180px;position: relative;}
.main-nav .drop-down ul a {padding: 4px 20px; font-size: 14px; color: var(--blackColor); display: block;}
.main-nav .drop-down ul a:hover, .main-nav .drop-down ul .active > a, .main-nav .drop-down ul li:hover > a {background-color:var(--color-red);color: #fff}
.main-nav .drop-down > a:after {border: none!important;font: normal normal normal 14px/1 FontAwesome;content: "\f107"!important;vertical-align: 0;padding-left: 6px;}
.main-nav .drop-down:hover .main-nav .drop-down > a:before{border: none!important;font: normal normal normal 14px/1 FontAwesome;content: "\f106"!important;vertical-align: 0;}
.main-nav .drop-down .drop-down ul {top: 0;left: calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity: 1;top: 0;left: 100%;}
.main-nav .drop-down .drop-down > a {padding-right: 35px;}
.main-nav .drop-down .drop-down > a:after {content: "\f105";position: absolute;right: 15px;}
.headerUserIcon a{color: white;}
.headerUserIcon .btn{border-radius: 50%;background-color: white;height: 40px;width: 40px;color: black;}
.headerUserIcon .btn:hover{background-color: var(--orangeColor);color: white;}
/* Mobile Navigation */
.mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 3333;overflow-y: auto;right: -290px;width: 290px;padding-top: 18px;background: #fff;transition: 0.4s;}
.mobile-nav * {list-style: none;}
.mobile-nav a{display: block;position: relative;color: var(--blackColor);padding: 10px 20px;font-size: 13px;font-family: Gilroy-Bold;border-bottom: 1px solid;border-color: #f1f1f1}
.mobile-nav a:focus, .mobile-nav a.active, .mobile-nav .drop-down.active,  .mobile-nav a:hover{color: var(--orangeColor);}
.mobile-nav .drop-down li a:hover{background-color:#ab1899;color:  #fff;}
.mobile-nav .drop-down > a:after {right: 15px;top: 13px;position: absolute; content: "\f067";border: none!important;font: normal normal normal 14px/1 FontAwesome;vertical-align: 0;}
.mobile-nav .drop-down.active > a:after {content: "\f068" !important;}
.mobile-nav .drop-down > a {padding-right: 35px;}
.mobile-nav .drop-down.active{color: #fff}
.mobile-nav .drop-down ul {display: none;overflow: hidden;}
.mobile-nav .drop-down li a{padding-left: 25px;color: #fff}
.mobile-nav-overly {width: 100%;height: 100%;z-index: 2222;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.7);overflow: hidden;display: none;}
.mobile-nav-active {overflow: hidden;}
.mobile-nav-active .mobile-nav {right: 0;}
.mobile-nav-active .mobile-nav-toggle i {color: #fff;}

/*navbar END*/
.modal-backdrop{z-index: 33334}
.modal{z-index: 33335}
.logo-top{height: 47px;}
.headerNav {z-index: 999;transition: all 0.9s;display: flex;align-items: center;}
.navbarscroll{position: sticky;z-index: 2222;top: 0px;background-color: var(--blackColor);padding: 15px 0px;}
.fixedHeader{}
/*-------------------------------------------------------------- # 
maintop sliders
--------------------------------------------------------------*/

/* ----------  CommanCss -------------*/
.defaultPaddingTB{ padding-top: 60px;padding-bottom: 60px;}
/* -------end------- */

/* ------footer css start---- */
.footerBottom p{font-size: 15px;font-family: Gilroy-Light;color: white;}
.footerBottom ul li{display: inline-block;padding-left: 30px;font-size: 15px;font-family: Gilroy-Light;color: white;}
.footerBottom ul li a{color: white;}
.footerBottom ul li a:hover{color: var(--orangeColor);}
.footerSection h5{font-size: 16px;font-family: Gilroy-Bold;color: white;margin-bottom: 20px;}
.footerSection p{font-size: 13px;font-family: Gilroy-Medium;color: white;}
.footerSection ul li{padding: 3px 0px;display: block;}
.footerSection ul li a{font-size: 13px;font-family: Gilroy-Medium;color: white;}
.footerSection ul li a:hover{color: var(--orangeColor);}
.footer{background-color: var(--blackColor);}
.footerInput input{border: none;font-family: Gilroy-Medium;font-size: 13px;}
.footerUserIcon li a .fa{font-size: 20px;}

/* ------footer css end---- */

/* faq */

.QueriesSection .accordion-item p { color: #000; font-size: 16px; font-family: Gilroy-Medium; line-height: 24px;} 
.QueriesSection .accordion-button{ background-color: white; color: black; font-size: 23px;font-family: Gilroy-Medium;padding-right: 28px;padding-left: 44px; } 
.QueriesSection .accordion-button:not(.collapsed){ background-color: var(--lightGray);} 
.QueriesSection .accordion-collapse.collapse.show{  } 
.QueriesSection .accordion-item{ border-right: none; border-left: none; border-bottom: 1px solid #ccc;background-color: unset; } 
.QueriesSection .accordion-body{background-color: var(--lightGray);    padding:20px 44px 44px;} 
.QueriesSection .accordion-button::after{ width: 19px;height: 15px;background-size: 19px;position: absolute;right: 10px;top: 20px;} 
.QueriesSection button:focus:not(:focus-visible){box-shadow: none;}
.QueriesSection .QueriesOvarlayMain::after{border-radius: 12px;border-radius: 20px;}
.QueriesSection .frequltyNumber{position: absolute;left: 15px;top: 15px;}
.QueriestabSection{position: relative;}
.QueriesSection .accordion{border-radius: 20px;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.15) 0px -4px 7px !important;position: relative;}
.QueriesBanner{border-radius: 20px;}

.QueriesMainSection{ background-color: var(--blackColor); min-height: 380px; background-position: bottom; background-size: cover; overflow: hidden;position: relative;display: flex;align-items: center;border-radius: 0px 0px 30px 30px;z-index: 1; } 
.QueriesMainSection h1{ font-size: 55px; font-family: Gilroy-Bold; color: white;}
.QueriesMainSection p{ font-size: 17px; font-family: Gilroy-Medium;color: white; margin-top: 20px; line-height: 24px;} 
.QueriestabBefore{position: relative;}
.QueriestabBefore::before{ position: absolute; content: ""; top: -50px; height: 150px; background-color: #d0d0d1; width: 100%;}


.makeAStrong{background-image: url('../img/makeAStrong.png'); min-height: 500px; background-position: cenbter; background-size: cover; display: flex;align-items: center;justify-content: center;} 
.makeAStrong h1{ font-size: 70px; font-family: Gilroy-Bold; color: white; } 
.makeAStrong .makeAStrongBtn{ min-width: 170px; border-radius: 30px; margin-top: 13px; font-size: 21px; padding: 10px; background-color: white; } 
.makeAStrong .makeAStrongBtn:hover{ background-color: var(--NavyBlueColor); color: white; }
.makeAStrong .makeAStrongBtn:focus:not(:focus-visible){background-color: #d78624;color: white;border: 1px solid;border-color: var(--NavyBlueColor);box-shadow: 0px 0px 10px 0px #fe8f09;}


.videoPlayIcon{ position: absolute; cursor: pointer; z-index: 3; background-color: unset; border: none; } 
.videoPlayIcon img{ height: 50px; } .YouTubeVideo{ width: 100%; min-height: 400px; }
.videoPlayIcon img:hover{background-color: var(--NavyBlueColor);border-radius: 50%;}
.youtubeModal .Modal_btn-close{position: absolute; right: 16px; background: var(--orangeColor); color: white; opacity: 1; top: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; height: 20px; width: 20px; z-index: 1;}
.youtubeModal .Modal_btn-close:hover{background-color: var(--NavyBlueColor);color: white;}
.youtubeModal .modal-content{background-color: unset;border: none;}

.QueriesOvarlayMain{ display: flex; align-items: center; justify-content: center; position: relative; } 
.QueriesOvarlayMain::after{ position: absolute; content: ""; top: 0px; bottom: 0px; right: 0px; left: 0px; background-color: #00000080; border-radius: 20px; } 
.QueriesBlockVideo{margin-bottom: 40px;}
.QueriesBlockVideo .imageVideo{height: 300px;width: 100%;object-fit: cover;border-radius: 20px;}
.QueriesBlockVideo h4{text-align: center;margin-top: 15px;}


.QueriesVideoOvarlay{  position: relative; } 
.QueriesVideoOvarlay::after{ position: absolute; content: ""; top: 0px; bottom: 0px; right: 0px; left: 0px; background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(0, 0, 0, 0.641)); border-radius: 20px; } 

.QueriesSliderMainSection{background-image: url(../img/QueriesSliderBg.jpeg); padding: 80px 0px;background-size: cover;background-position: center; position: relative; } 
.QueriesSliderMainSection::before{ position: absolute; content: ""; top: 0px; bottom: 0px; background-image: linear-gradient(to right,rgba(0, 0, 0, 0.775),rgba(255, 255, 255, 0)); width: 100%; } 
.QueriesSliderSectionLeft h1 { font-size: 55px; font-family: Gilroy-Bold; color: white; } .QueriesSliderSectionLeft p{ font-size: 17px; font-family: Gilroy-Medium; color: white; line-height: 24px; } 
.QueriesSliderSectionLeft .btn{border-radius: 30px;}

.askedqueries_Slider .video_Play{ height: 50px; width: 50px; background-color: white; position: absolute; cursor: pointer; z-index: 1; color: black; border-radius: 50%; font-size: 20px; left: 10px; top: 10px; border: none; } 
.askedqueries_Slider .video_Play:hover{ background-color: var(--orangeColor); color: white; } 
.askedqueries_Slider .QueriesText{ left: 10px; position: absolute; bottom: 10px; color: white; font-size: 18px; z-index: 1 } 
.askedqueriesSlider .askedqueries_Slider{  position: relative; } 
.askedqueriesSlider .askedqueries_Slider::after{ position: absolute; content: ""; top: 0px; bottom: 0px; right: 0px; left: 0px; background-image: linear-gradient(rgba(255, 255, 255, 0),rgba(255, 255, 255, 0),rgb(0 0 0)); border-radius: 15px; }
.askedqueriesSlider .QueriesSliderIMG{border-radius: 15px;}




.askedqueriesSlider .swiper-pagination-bullet-active{width: 50px !important;border-radius: 10px !important;}
.askedqueriesSlider .swiper-pagination-bullet{background-color: white !important;opacity: 1 !important;}

.ourProductNavigation .swiper-button-next,.ourProductNavigation .swiper-button-prev{
position: relative !important;
height: 40px;
width: 40px;
border-radius: 50%;
background-color: black;
}
.ourProductNavigation .swiper-button-prev, .ourProductNavigation .swiper-rtl .swiper-button-next{
right: 100px !important;
left: auto !important;
}
.ourProductNavigation .swiper-button-next,.ourProductNavigation .swiper-rtl .swiper-button-prev{
right: auto !important;
left: 100px !important;
}
.ourProductNavigation .swiper-button-next:after, .ourProductNavigation .swiper-button-prev:after{font-size: 0px !important;}

.ourProductNavigation{display: flex;justify-content: center;}
.ourProductNavigation img{height: 12px;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
opacity: 1 !important;
background-color: white;
}