/*------------------------------------------------------------ # 
Navigation Menu 
--------------------------------------------------------------*/
.main-nav, .main-nav * {list-style: none;}
.main-nav > ul > li {position: relative;white-space: nowrap;float: left;padding: 10px 0px;}
.main-nav a, .main-nav select {color:var(--blackColor);padding: 7px 10px;font-size: 16px;font-family: Gilroy-Medium;}
.main-nav select option{color: var(--blackColor);}
.main-nav a.active,  .main-nav ul a.active, .main-nav li:hover > a {color: var(--violetColor);}
.main-nav .drop-down ul {display: block;position: absolute;right: 0;top: calc(100% + 30px);z-index: 99;opacity: 0;visibility: hidden;padding: 10px 15px;background: #fff;box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);transition: ease all 0.3s; }
.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(--violetColor);color: #fff !important}
.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;right: calc(100% - 30px);}
.main-nav .drop-down .drop-down:hover > ul {opacity: 1;top: 0;right: 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;}
/* .main-nav ul li:nth-last-child(1) a{padding-right: 0px;} */
/* 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: 16px;font-family: Gilroy-SemiBold;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(--violetColor);}
.mobile-nav .drop-down.active,  .mobile-nav a:hover{background-color: var(--violetColor);color: white;}

.mobile-nav .drop-down li a:hover{background-color:var(--violetColor);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: #000;background-color: rgb(255, 220, 246);}
.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;padding: 15px;}
.mobile-nav-active .mobile-nav-toggle i {color: #fff;font-size: 30px;}
.mobile-nav-toggle .fa-bars {font-size: 24px;}
.mobileMenuClose{position: absolute;right: 10px;top: 10px;z-index: 2;}
.closeIcon{height: 20px;}
/*navbar END*/
.modal-backdrop{z-index: 33334}
.modal{z-index: 33335}
.logo-top{height: 60px;}
.headerNav {height: 90px;z-index: 999;transition: all 0.9s;display: flex;align-items: center;background-color: white;}
.navbarscroll{position: sticky;z-index: 2222;top: 0px;    box-shadow: 0px 0px 10px 0px #cdcdcd;}
.fixedHeader{background-image: linear-gradient(to bottom, #fff9f2, #f7f5ff, #f7f5ff) ;box-shadow: 0px 0px 5px rgba(127, 137, 161, 0.3);}
/*-------------------------------------------------------------- # 
maintop sliders
--------------------------------------------------------------*/

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

.joinSectionTop{ background-size: cover; background-position: bottom; } 
.joinSectionTop h1{ font-size: 55px; font-family: Gilroy-Bold; } 
.joinSectionTop p{ font-family: Gilroy-Regular !important; font-size: 22px; } 
.joinSectionTop i{font-family: cursive !important;color: var(--orangeColor); }

.headingText{ font-size: 48px; font-family: Gilroy-Bold; } 
.headingSmallText{ font-size: 22px; font-family: Gilroy-Regular;line-height: 30px; } 
.MarketingTop{background-color: var(--violetColor)} 
.MarketingTop h1{ font-size: 55px; color: white; font-family: Gilroy-Bold; line-height: 60px; } 
.MarketingTop p{ font-size: 20px;font-family: Gilroy-Light;line-height: 26px; color: white; } 

.joinsectionImages video{ width: 100%; height: 400px; } 
.play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 44px; height: 44px; opacity: 0.7; z-index: 10; cursor: pointer; display: none; } 
.joinsectionImages .swiper-slide.swiper-slide-active .play-icon{ display: block !important; } 
.joinsectionImages .swiper-slide.swiper-slide-active:hover .play-icon{ display: none !important; } 
.joinsectionImages .swiper-slide.swiper-slide-next .play-icon{ display: none !important; } 
.joinsectionImages .swiper-slide.swiper-slide-prev .play-icon{ display: none !important; } 
.joinsectionImages:hover .play-icon{ display: none !important; } 
.joinsectionImages .swiper-button-next:after, .joinsectionImages .swiper-button-prev:after{ font-size: 20px !important; color: white !important; }

.banner-video{
	height: 100%;
	width: 100%;
	position: static;
	object-fit: revert;
}
.videoSlider.owl-carousel.owl-drag .owl-item{
	border-radius: 32px !important;
    object-fit: fill;
	overflow: hidden;
	height: 400px;

}
.videoSlider .owl-item {
    -webkit-mask-image: -webkit-linear-gradient(left,rgb(0 0 0 / 28%),rgb(2 1 1 / 39%),rgb(0 0 0 / 28%));
}
.videoSlider .owl-item.center {
    -webkit-mask-image: none;
}



.overlayCard{ position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; background-color: rgba(0, 0, 255, 0.582); } 
.videoPlayBtn{ position: absolute; color: white; border: 2px solid white; border-radius: 50%;height: 60px;width: 60px;font-size: 24px;background-color: #00000061; } 
.videoPlayBtn:hover{ background-color: white; color: black; border-color: black; }

.footer{background-color: #3f1949;} 
.footer h4{font-size: 22px;color: white;font-family: Gilroy-SemiBold;margin-bottom: 12px;} 
.footerQuickLink ul li a{ color: white;font-family: Gilroy-Regular !important;} 
.footerContact ul li,.footerQuickLink ul li{ padding: 5px 0px; font-size: 17px; } 
.footerContact ul li{ color: white; position: relative; padding-left: 39px;font-family: Gilroy-Regular !important;margin-bottom: 7px;} 
.footerContact ul li span{ width: 30px; height: 30px; text-align: center; display: inline-block; position: absolute; left: 0px; background: white; color: black; border-radius: 50%; line-height: 30px; top: 0px; } 
.footerDescription p{color: white;} 
.footerDescription ul li { display: inline-block;padding: 10px; font-size: 20px; } 
.footerDescription ul li a{color: white;} 
.footerDescription ul li a:hover, .footerQuickLink ul li a:hover{color: var(--orangeColor);} 
.footerCopyRight p { color: white; }
.footerBottomSocial li{display: inline-block;padding-right: 12px;padding-left: 12px;}
.footerBottomSocial li a{color: #fff;font-size: 20px;}
.footerBottomSocial li a:hover{color: var(--orangeColor)}

/* services */
.servicesCard{margin-bottom: 30px;}
.servicesCard img{ height: 310px; width: 100%; object-fit: cover;box-shadow: 0px 0px 10px 0px #d3d3d3;display: flex; } 
.servicesCard h3{ font-size: 25px; font-family: Gilroy-SemiBold } 
.serviceArrowBtn{display: flex;margin-top: 20px;}
.serviceArrowBtn .btn{height: 30px;width: 30px;border: 2px solid #000;border-radius: 50%;}
.serviceArrowBtn .btn.swiper-button-next:after, .serviceArrowBtn .btn.swiper-button-prev:after{font-size: 0px !important;}
.serviceArrowBtn .btn.swiper-button-next, .serviceArrowBtn .btn.swiper-button-prev{position: relative;}
.serviceArrowBtn .btn.swiper-button-prev{margin-right: 30px !important;left: 0px !important;}

.brandLogo{ background-color: white; border-radius: 50px; padding: 10px; box-shadow: 0px 0px 10px 0px #afafaf8c; text-align: center; margin-top: 20px; } 
.brandLogo img{ height: 40px; }
.brand_LogoMain{background-color: var(--lightGrayColor);}
.brand_LogoMain h1{font-size: 48px;font-family: Gilroy-Bold;}
.brand_LogoMain p{font-size: 20px;font-family: Gilroy-Light;line-height: 26px;}

.platFormSection h1{font-size: 48px;font-family: Gilroy-Bold;}
.platFormSection p{font-size: 20px;font-family: Gilroy-Light;line-height: 26px;}

.platFormCard{ border: 1px solid gray; border-radius: 15px; padding: 20px 10px; margin-top: 35px; } 
.platFormCard:hover{ background-color: var(--violetColor); } 
.platFormCard:hover h3,
.platFormCard:hover p{ color: white; } 
.platFormCard:hover .platFormIcon, 
.platFormCard:hover .fa{ background-color: white; color: black !important; } 
.platFormIcon{ height: 80px; width: 80px; border: 1px solid; border-color: gray; font-size: 40px; display: flex; align-items: center; justify-content: center; margin: auto; border-radius: 50%; } 
.platFormCard h3{ font-size: 20px; margin-top: 20px; } 
.platFormCard p{ font-size: 17px; margin-top: 10px; line-height: 20px; }

.topSection{background-color: var(--lightGrayColor)}
.topSection h1{font-size: 48px;font-family: Gilroy-Bold;}
.topSection h1 span{ color: var(--lightGrayColor); text-shadow: 2px 0 #000, -2px 0 #000, 0 2px #000, 0 -2px #000, 1px 1px #000, -1px -1px #000, 1px -1px #000, -1px 1px #000; }
.topSection p{font-size: 17px;font-family: Gilroy-Light;line-height: 23px;}
.topSection h3{font-size: 20px;font-family: Gilroy-bold;line-height: 26px;color: var(--violetColor);}

.topServiceImg img{height: 330px;width: 100%;object-fit: cover;border-radius: 15px;}
.topServiceImg{position: relative;}
.topServiceImg::after{position: absolute;top: 0px;bottom: 0px;right: 0px;left: 0px; background-color: #0000007f;content: "";border-radius: 15px;} 
.topserviceRight{ position: absolute; right: 10px; bottom: 20px; writing-mode: tb-rl; text-orientation: sideways-right; color: white; z-index: 1; transform: rotate(180deg); } 

.topserviceBottom{ position: absolute; display: flex; bottom: 20px; color: white; z-index: 1; justify-content: space-between; padding: 10px; align-items: center; } 
.topserviceBottom p{ font-size: 15px; } 
.topserviceBottom h6{ font-family: Gilroy-SemiBold; }

.countSectionMain{ background-color: black; } 
.countSection .count-title{ color: white; font-size: 36px; font-family: Gilroy-SemiBold;} 
.countSection .count-text{ color: white; margin-top: 5px; } 
.countSection:nth-last-child() .counter{ border-right: 1px solid white;background-color: red; }
.countSection:nth-last-child() .counter{ border-right: 1px solid white;background-color: red; }
.countSection .counter{position: relative;}
.countSection .counter:not(:last-child){ border-right: 1px solid white;}

.CustomizableService h1{font-size: 48px;font-family: Gilroy-Bold;}
.CustomizableService p{font-size: 17px;font-family: Gilroy-Light;line-height: 26px;}
.CustomizableCard{width:100%;height:100% !important;padding: 15px;transition: .3s; border-style: solid;border-color: #9297e2;flex-direction: column;display: flex;}
.CustomizableCard h2{font-size: 26px;padding: 10px 0px;}
.CustomizableCard h5, .CustomizableCard h2{color: var(--violetColor);}
.CustomizableCard .letBeginBtn{margin-top: auto !important; border-style: solid; border-width: 1px; border-image: conic-gradient(#f3735c, #8228c2) 1; color: var(--violetColor); font-size: 20px; font-family: Gilroy-Bold; } 
.CustomizableCard .letBeginBtn:hover{ background-image: linear-gradient(#f3735c, #8228c2); color: white; } 
.active .CustomizableCard, .CustomizableCard:hover{ background-color: white; box-shadow: 0px 0px 20px 0px rgba(144, 144, 249, 0.633); transform: scaleY(1.02); border-radius: 10px; border-width: 2px;border-image: linear-gradient(#f3735c, #8228c2);border-image-slice: 1; } 
.active .CustomizableCard h2, .CustomizableCard:hover h2{ background-image: linear-gradient(to right, #f15d65, #9329b7); color: white; border-radius: 10px; } 
.active .CustomizableCard .letBeginBtn, .CustomizableCard:hover .letBeginBtn{ background-image: linear-gradient(#f3735c, #8228c2) !important; color: white; }
.CustomizableCardSlider .swiper-button-next, .CustomizableCardSlider .swiper-button-prev,.Selected_PlanSlider .swiper-button-next, .Selected_PlanSlider .swiper-button-prev{ width: 30px; height: 30px; border: 1px solid; border-color: black; border-radius: 50%;background-color: #000000a3; } 
.CustomizableCardSlider .swiper-button-next:hover, .CustomizableCardSlider .swiper-button-prev:hover,.Selected_PlanSlider .swiper-button-next:hover, .Selected_PlanSlider .swiper-button-prev:hover{background-color: black;color: white !important;}
.CustomizableCardSlider .swiper-button-next:after, .CustomizableCardSlider .swiper-button-prev:after,.Selected_PlanSlider .swiper-button-next:after, .Selected_PlanSlider .swiper-button-prev:after{font-size: 15px !important;color: white;}
.CustomizableCardSliderTest .swiper-slide{
	height: auto !important;
	}
/* .active .CustomizableCard, .CustomizableCard:hover{ background-color: white; box-shadow: 0px 0px 20px 0px rgba(144, 144, 249, 0.633); transform: scaleY(1.02); border-radius: 10px; border-width: 2px;border-image: linear-gradient(#f3735c, #8228c2);border-image-slice: 1; } 
.active .CustomizableCard h2, .CustomizableCard:hover h1{ background-image: linear-gradient(to right, #f15d65, #9329b7); color: white; border-radius: 10px; } 
.active .CustomizableCard .letBeginBtn, .CustomizableCard:hover .letBeginBtn{ background-image: linear-gradient(#f3735c, #8228c2) !important; color: white; } */



.youtubeSection{ background-size: cover; min-height: 400px;background-position: center; border-radius: 20px; position: relative; } 
/*.youtubeSection::before{position: absolute;top: 0px;bottom: 0px;right: 0px;left: 0px; background-color: #00000041;content: "";border-radius: 15px;} */
.case-studies{ background-color: var(--lightGrayColor); } 
.caseStudiesTab.nav-tabs .nav-item .nav-link{ font-size: 22px; color: black; font-family: Gilroy-Light !important; padding: 0px; margin: 0px 15px; } 
.caseStudiesTab.nav-tabs .nav-item.show .nav-link, .caseStudiesTab.nav-tabs .nav-link.active{ background-color: unset; border: transparent; border-bottom: 1px solid; border-color: var(--violetColor); color: var(--violetColor); }

.HometopBg .swiper{padding-bottom: 0px;} 

.case-studies .swiper-pagination-bullet{ background-color: unset !important; z-index: 3333;border: 1px solid !important; border-color: black !important;opacity: 1 !important;} 
.case-studies .swiper-pagination-bullet.swiper-pagination-bullet-active{ background-color: black !important;} 
.case-studies .swiper-button-next, .case-studies .swiper-button-prev{ position: relative !important; width: 30px; height: 30px; border: 1px solid; border-color: black; border-radius: 50%; } 
.case-studies .swiper-button-prev{left: -60px;}
.case-studies .swiper-button-next:hover, .case-studies .swiper-button-prev:hover{background-color: black;color: white !important;}

.case-studies .swiper-button-next:hover:after, .case-studies .swiper-button-prev:hover:after{
	color: white !important;
}

.case-studies .swiper-pagination{ justify-content: flex-end; align-items: center; display: flex; position: relative !important; width: auto !important; margin: 0px 30px !important;left: 0px !important;    transform: translateX(0%) !important; } 
.case-studies .swiper-button-next:after, .case-studies .swiper-button-prev:after{ font-size: 15px !important;color: black; }
.case-studies .swiper-button-next:hover:after, .case-studies .swiper-button-prev:hover:after{color: black;}

.CaseStudiesCard{text-align: center;}
.CaseStudiesCard img{height: 200px;width: 100%;border: 1px solid gray;}
.CaseStudiesCard h3{margin-top: 10px;}
.CaseStudiesCard p{margin-top: 5px;}

.swiper-slide.swiper-slide-next .CaseStudiesCard img{height: 250px;}
.swiper-slide.swiper-slide-active .CaseStudiesCard img{height: 300px;}

.WatchShopCard{ position: relative; box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.572)!important;
	overflow: hidden;
    border-radius: 9px;}
.WatchShopCard img{ height: 400px; object-fit: cover; width: 100%; border-radius: 3px; } 
.WatchShopCard iframe{ width: 100%; height: 400px;display: flex;object-fit: cover;border-radius: 10px;  } 


.WatchShop_dDetails{ position: absolute; top: 0px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; width: 100%; } 
.WatchShop_dDetails span{ background-color: #000000a1; color: white; padding: 3px; border-radius: 4px; } 
.watchTopVideoIcon{position: absolute;top: 0px;right: 10px;left: 10px;top: 10px;}
.watchBottomVideo{position: absolute;bottom:10px;right: 10px;left: 10px;}
.watchTopVideoIcon span{ background-color: #000000a1; color: white; padding: 3px; border-radius: 4px; } 
.WatchShop_profile{ border-radius: 10px; background-color: white; box-shadow: 0px 0px 10px 0px #535353;} 
.WatchShop_profile h5{ color: var(--violetColor); font-family: Gilroy-Bold; } 
.WatchShop_profile p{ font-size: 12px; margin-bottom: 10px; line-height: 14px; margin-top: 4px; } 

.WatchShopCard:hover .WatchShop_profile{ background-color: var(--violetColor); } 
.WatchShopCard:hover .WatchShop_profile h5, .WatchShopCard:hover .WatchShop_profile p{ color: white; } 
.WatchShopCard:hover .WatchShop_profile .btn-Violet{ background-color: white; color: black !important; }
.Watch_And_Shop .swiper-button-next:after, .Watch_And_Shop .swiper-button-prev:after{color: #fff !important;font-size: 28px !important;}

.FrequentlyAskedQ{ background-color: #fafafa; } 
.FrequentlyAskedQ .accordion-item{ margin-bottom: 23px; } 
.FrequentlyAskedQ .accordion-item .card-body{ padding: 15px; } 
.FrequentlyAskedQ .accordion-item .accordion-button{ font-size: 20px; font-family: Gilroy-Bold; } 
.FrequentlyAskedQ .accordion-item .accordion-button:not(.collapsed){ background-color: white; } 
.FrequentlyAskedQ .accordion-button::after{ background-image: url('../image/plusicon.png'); opacity: .6; } 
.FrequentlyAskedQ .accordion-button:not(.collapsed)::after{ background-image: url('../image/minus.png'); opacity: .6; }
.frequentTab{position: relative;}
.frequentTab::after{
	content: "";
	position: absolute;
	height: 200px;
	width: 1px;
	background-color: #000;
	top: 180px;
	left: -100px;
}
.frequentImg img{position: absolute;top: 40px;height: 300px;transform: rotate(352deg);}
/* .frequentTab{margin-top: 200px;} */
.frequentLine{
	height: 260px;
	margin-left: auto;
	margin-right: 20%;
	width: 1px;
	background-color: black;
}

/* services mhs */
.Why_Celebrity{ background-color: #fafafa; } 
.Why_Celebrity .WhyCelebrityECard{ background-color: white; padding: 15px; margin-bottom: 20px; box-shadow: 0px 0px 10px 0px #ddd; border-radius: 10px; } 
.Why_Celebrity .WhyCelebrityECard h3{ font-family: Gilroy-Bold; } 
.Why_Celebrity .WhyCelebrityECard p{ font-family: Gilroy-Regular !important; } 

.howMhsCrafts{ font-size: 19px; margin-bottom: 20px; font-family: Gilroy-Regular !important; line-height: 26px; } 
.howMhsCrafts span{ font-family: Gilroy-Bold; }


/* Success Stories */
.SuccessStories{margin-bottom: 30px;}
.SuccessStories img{ height: 310px; width: 100%; object-fit: cover; } 
.SuccessStories h3{ font-size: 25px; font-family: Gilroy-SemiBold; } 

/* how it work */
.VideoSection{height: 500px;}
.howItWorkMainSection{background-color: var(--lightGrayColor);}
.howItWorkText h1{ font-size: 55px; font-family: Gilroy-Bold; line-height: 60px; } 
.howItWorkText p{ font-size: 20px;font-family: Gilroy-Light;line-height: 26px;} 
.howItWorkIcon{ height: 150px; width: 150px; margin: auto; border: 10px solid; border-color: var(--violetColor); border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0px 0px 20px 0px rgb(148 148 148); position: relative; } 
.howItWorkIcon::before{ background-image: url('../image/howitworkafter.png'); position: absolute; content: ""; height: 60px; bottom: -60px; margin: auto; z-index: 40; width: 100px; background-position: center; background-size: contain; background-repeat: no-repeat; } 
.howItWorkIcon img{ height: 80px; } .howItWorkCard h3{ font-size: 26px; font-family: Gilroy-Bold; margin-top: 60px; } 
.See_How_Brands .nav-item .nav-link{ color: #000; border-right: none; border-left: none; border-top: none; font-size: 19px; font-family: Gilroy-Regular !important; } 
.See_How_Brands .nav-item .nav-link:hover, .See_How_Brands .nav-item .nav-link.active{ color: var(--violetColor); border-right: none; border-left: none; border-top: none; }


.whyChooseYou h1{font-size: 40px;font-family: Gilroy-Bold;}
.whyChooseYou p{font-size: 20px;font-family: Gilroy-Light;line-height: 26px;}

.whyChooseYou .accordion-item{ margin-bottom: 17px; } 
.whyChooseYou .accordion-item .card-body{ padding: 0px 15px 15px 15px; } 
.whyChooseYou .accordion-item .card-body p{font-size: 15px;line-height: 20px; } 
.whyChooseYou .accordion-item .accordion-button{ font-size: 20px; font-family: Gilroy-Bold;border-bottom: none !important } 
.whyChooseYou .accordion-item .accordion-button:not(.collapsed){ background-color: white;} 
.whyChooseYou .accordion-button::after{ background-image: url('../image/bottomArrow.png'); opacity: .6; } 
/* .whyChooseYou .accordion-button.collapsed:after{ background-image: url('../image/bottomArrow.png'); opacity: .6;transform:none} */
/* .whyChooseYou .accordion-button:after{transform:none} */

.whyChooseYouImg{position: relative;}
.whyChooseYouImg::before{
	position: absolute;
	top: -30px;
	left: 10px;
	content: '';
	background-image: url('../image/howItWorkDot.png');
	background-size: contain;
	background-position: center;
	height: 100px;
	width: 100px;
}
.whyChooseYouImg img{border-radius: 20px;box-shadow: 10px 10px 0px 0px #ff8a00;position: relative;}
.Comman_headingText{ font-size: 55px; font-family: Gilroy-Bold; line-height: 60px; } 
.Comman_headingSmallText{ font-size: 20px;font-family: Gilroy-Regular;line-height: 26px;} 

.watchHeading{ font-size: 45px; font-family: Gilroy-Bold; line-height: 60px; } 

.commanForm label{
	font-size: 20px;
	font-family: Gilroy-SemiBold;
	margin-bottom: 0px;
}
.commanForm input, .commanForm select{
	height: 50px;
}


.ChoosingAPlanText h1{ font-size: 55px; font-family: Gilroy-Bold; line-height: 60px; } 
.ChoosingAPlanText h3{ font-size: 30px;font-family: Gilroy-SemiBold;line-height: 26px;color: var(--violetColor);} 
.ChoosingAPlanText p{ font-size: 20px;font-family: Gilroy-Regular;line-height: 26px;} 

.rangeInput{ border-radius: 20px; overflow: hidden; } 
.rangeInput::-webkit-slider-runnable-track { background: linear-gradient(to right, #ffb359, #ffb359); /* Change fill color to red for WebKit */ border: none; } 
.rangeInput::-webkit-slider-thumb { background-color: #ff8a00;}  */
.rangeInput::-moz-range-thumb { background-color: #ff8a00; } 
.rangeInput::-ms-thumb { background-color: #ff8a00;}

/* choosing a plan page */
.choosingCategray h3{ font-family: Gilroy-SemiBold; margin-top: 15px; font-size: 22px; } 
.choosingBgCatg{ position: absolute; top: 0px; width: 100%; height: 200px; right: 0px; left: 0px; } 
.choosingicons{ height: 46px; } 
.choosingAllIcon{ background-position: center; background-size: 94%; background-repeat: no-repeat; }


/* choose Creator */
.chooseCreatorTable tr td{ vertical-align: middle; font-size: 17px; font-family: Gilroy-Medium; } 
.chooseCreatorTable tr th{ vertical-align: middle; font-size: 17px; font-family: Gilroy-Bold; padding: 14px 5px; } 
.chooseCreatorTable td .avtarIcon{ height: 60px; width: 60px; border-radius: 50%; object-fit: cover; }

.chooseCreatorTable .form-check .form-check-input{ float: none; margin-left: 0px; height: 22px; width: 22px; padding: 2px;border: 1px solid gray; } 
.chooseCreatorTable .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url('../image/checkBox.png'); } 
.chooseCreatorTable .form-check-input:checked{ background-color: white; border-color: var(--violetColor); } 
.chooseCreatorTable .form-check-input:focus{ box-shadow: none; }

.orLine{ height: 1px; background-color: gray; } 
.orLine span{ background-color: var(--lightGrayColor); font-size: 40px; } 

.CreatorUserDetails{ position: absolute; bottom: 10px;background-color: white;right: 10px;left: 10px;border-radius: 10px; } 
.CreatorUserDetails h5{ font-family: Gilroy-ExtraBold; } 
.CreatorUserDetails .fa, .CreatorUserDetails p,.CreatorUserDetails h5{ background: linear-gradient(to right, #f32170, #ff6b08, #cf23cf, #eedd44); -webkit-text-fill-color: transparent; -webkit-background-clip: text; } 
.topCreatorCard video{ width: 100%; height: 380px;display: flex;object-fit: cover;border-radius: 10px; background: linear-gradient(to top left, #ef6d8c, #f7b041); padding: 5px; } 
.topCreatorCard img{ width: 100%; height: 380px; object-fit: cover;border-radius: 10px; background: linear-gradient(to top left, #ef6d8c, #f7b041); padding: 5px; } 
.toCreatorSlider .swiper-button-next:after, .toCreatorSlider .swiper-button-prev:after{color: #fff !important;font-size: 28px !important;} 

.megaConBg{ background-color: #f8f2ff; }
.watchSpecificAverage::before{ background-color: var(--violetColor); content: ""; position: absolute; width: 350px; height: 100%; top: 0px; right: 0px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } 
.averageText{ font-size: 20px; display: inline-block; } 
.addOnsInput input,.addOnsInput button{ height: 45px; border-radius: 30px !important; } 
.addOnsInput button{ position: absolute; top: 0; right: 0; } 
.ProcessAfter span{ font-size: 25px; } 
.ProcessAfter .active{ background-color: var(--orangeColor) !important; border-color: var(--orangeColor) !important; } 

.closeReviewOrder{ position: absolute; right: -5px; top: -5px; border: 1px solid black; height: 25px; width: 25px; background-color: white; border-radius: 50%; z-index: 1; opacity: 1; } 

/* joinUsBrands page */
.joinUsBrandsMIN{ background-size: contain; background-repeat: no-repeat; background-position: top left; } 
.joinUsForm{ margin-top: 70px; margin-right: -70px; } 
.joinUsBrandsMIN h1{font-size: 60px;color: white;margin-top: -100px;}
.joinUsBrandsMIN h1 span{ font-size: 90px; color: white; } 
.joinUsBrandsMIN span{ font-family: Gilroy-Bold !important; }
.joinUsBrandsMIN .card{border-radius: 30px;}
.contactpage h2{font-size: 45px;}
.contactpage h2 span{color: var(--violetColor);}



/*deshboardTab start*/
.deshboardNavbar{background-color: var(--violetColor);background-image: none;}
.deshboardNavbar .main-nav a, .deshboardNavbar .main-nav select{
	color: white !important;
}
.deshboardContainer{position: relative;}
.deshboardTab .deshboardLink:hover, .deshboard-mobile .deshboardLink:hover{background-color: var(--violetColor);color: #fff;border-top: none;border-right: none;border-left: none;border-bottom: none}
.deshboardTab .deshboardLink:focus, .deshboard-mobile .deshboardLink:focus{border-right: 0; border-left: 0;}
.deshboardTab .deshboardLink, .deshboard-mobile .deshboardLink{border-bottom: 1px solid  #7fcce6;border-radius: 0px;margin-bottom: 0px;font-size: 13px;font-family: Gilroy-Regular;color: white;border: none;padding-top: 15px;padding-bottom: 15px;padding-right: 6px !important;font-size: 16px;font-family: Gilroy-ExtraBold;}
   
.deshboardTab .deshboardLink.active,.deshboardTab .deshboardLink:hover, .deshboard-mobile .deshboardLink.active{   background-color: var(--violetColor);color: var(--orangeColor);   border: none;}
.deshboardTab{background-color: var(--violetColor);z-index: 1;}
.deshboardTab .deshboardLink.active:before,.deshboardTab .deshboardLink:hover:before, .deshboard-mobile .deshboardLink.active:before,.deshboard-mobile .deshboardLink:hover:before {background: #f8f9fa; border-bottom: 1px solid #ebebeb; border-left: 1px solid #ebebeb; content: ''; display: block; height: 10px; right: -6px; position: absolute; top: 17px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px;}
.deshboardTab ul li ul li{margin-left: 0px;}
.deshboardHeading{font-size: 24px;font-family: Gilroy-Medium;    margin-bottom: 15px;}
.deshboardLink:not(.collapsed) .deshboardrotate-icon {transform: rotate(180deg);}
.deshboardrotate-icon{font-size: 17px;}
/*myorder*/

/*mobile*/
.deshboard_collapse {position: fixed;top:60px;bottom: 0;z-index: 9999;overflow-y: auto;left: -290px;width: 290px;background: var(--violetColor);transition: 0.4s;}
.deshboard_collapse * {margin: 0;list-style: none;}
.deshboard_CollapseBtn{position: sticky; top: 60px; z-index: 444;}
.deshboard_CollapseBtn .btn{color: white; border: 0; font-size: 15px; transition: all 0.4s; background-color: var(--orangeColor); padding: 6px 22px; border-radius: 0px 0px 20px 20px !important; box-shadow: 0px 0px 4px 0px #c7c7c7;}
.deshboard_CollapseBtn i {margin-right: 7px;color: white;}
.deshboard-overly {width: 100%;height: 100%;z-index: 9997;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.8);overflow: hidden;display: none;margin-top: 62px;}
.deshboard-mobile {overflow: hidden;}
.deshboard-mobile .deshboard_collapse {left: 0;}
.deshboard-mobile .deshboard_CollapseBtn i {color: var(--green);}
.deshboard_CollapseBtn.fa-navicon:before, .deshboard_CollapseBtn.fa-reorder:before, .deshboard_CollapseBtn.fa-bars:before{display: none;}

/* category page*/
.categorieImg{ height: 160px; object-fit: cover; } 
.categorieCard{ border-radius: 10px; overflow: hidden; } 
.cashstudyBanner{ border-radius: 30px; } 
.cashProfile img{ height: 45px; width: 45px; border-radius: 50%; } 


.usercard { background-color: white; box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.06)!important; text-align: center; padding: 30px; border-radius: 16px; width: 100%; }

.usercard img {
	height: 40px;
}
.Campaign {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, 0.06)!important;
	padding: 15px;
	border-radius: 30px;
	text-align: center;
}
.Campaign img {
	height: 150px;
}
.Campaign h3 {
	color: var(--violetColor);
}
.progress-circle {
	position: relative;
	width: 100px;
	height: 100px;
}
.progress-circle-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: black;
}
.progressbar-text{
	font-size: 25px !important;
}
.videoaverage{
	width: 100%;
	z-index: 22;
	position: relative;
	border-radius: 20px;
}
.custom-swiper-cards{
	display: flex !important;
	height: auto !important;
}
.home_videos {
	width:100%;
	height: 400px;
}
.searchInput .btn{
	position: absolute;
	right: 0px;
	top: 3px;
	font-size: 20px;
}
.searchInput input{
	min-height: 50px;
	padding-right: 45px;
}
.searchInput .btn:hover{
	color: var(--violetColor);
}
.propofSelect{
	min-height: 50px;
	border-radius: 5px;
}
.filterDropdwon ::after {
	background: white;
	border-bottom: 1px solid transparent;
	border-left: 1px solid #cfcfcf;
	border-top: 1px solid #cfcfcf;
	border-right: 1px solid transparent;
	content: '';
	display: block;
	height: 17px;
	position: absolute;
	top: -9px;
	transform: rotate(45deg);
	width: 17px;
	right: 17px;
}
.filterDropdwon{
	top: 11px !important;
}
/* PROPS OF WORK */
.propOfWorkVideo{
	position: relative;
}
.propOfWorkVideo video{
	width: 100%;
	height: 400px;
   display: flex;
   object-fit: cover;
   border-radius: 10px;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, 0.572)!important;
	overflow: hidden;
}


/* Custom CSS for side menu */
.side-menu {
	position: fixed;
	top: 20px;
	border-radius: 10px;
	right: -550px;
	/* width: 550px; */
	width: auto;
	height: 100%;
	background-color: #f8f9fa;
	transition: right 0.3s ease;
	z-index: 33333;
	overflow-x: scroll;
}
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 3333;
	display: none;
}
.plusMinusBtn{
	border-radius: 20px;
	flex-wrap: nowrap;
	width: 122px;
}
.plusMinusBtn .btn{
	background-color: var(--orangeColor);
	height: 40px;
	border-radius: 0px;
	border-color: var(--orangeColor);
}
.plusMinusBtn input{
	width: 40px !important;
	height: 40px !important;
	border-radius: 0px;
}
/* side menu end */

.videoAddToCard {
    width: 100%;
	height: 150px;
    position: relative;
	box-shadow: 0px 0px 10px 0px rgb(201, 201, 201);
    border-radius: 3px;
	object-fit: cover;
}

.videoAddToAllCard {
    width: 130px;
	height: 130px;
    position: relative;
	box-shadow: 0px 0px 10px 0px rgb(201, 201, 201);
    border-radius: 2px;
	object-fit: cover;
}


.video_PlanSlider .swiper-button-next:after, .video_PlanSlider .swiper-button-prev:after{color: #fff !important;font-size: 28px !important;}


.propOfYouTube{
	height: 150px;
	width: 100%;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;

}
.propOfYouTube::before{
	position: absolute;
	content: "";
	background-color: rgba(0, 0, 0, 0.327);
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
}
.propOfYouTube .btn{
	height: 40px;
	width: 40px;
	border-radius: 50%;
	position: relative;
}

/* orderTracking*/
.orderTrackingText h5{
	font-size: 18px;
	font-family: Gilroy-Bold;
}
.orderTrackingText h6{
	font-size: 14px;
	font-family: Gilroy-Regular;
}
.orderTrackingVideo{
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 4px;
}

.enquiry-now-button
{
    position: fixed;
    right: 29px;
    top: 50%;
    box-shadow: 0px 3px 6px #00000029;
    padding: 7px 17px;
    border-radius: 30px;
    z-index: 333;
    transform: rotate(90deg);
    transform-origin: right;
    display: flex;
    align-items: center;
    animation: blink-animation 1s steps(5, start) infinite;
    -webkit-animation: blink-animation 1s steps(5, start) infinite;
    transition: .3s all;
}
.enquiry-now-button.btn-success{
	background-color: var(--orangeColor);
}

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

.enquiry-now-button:hover {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
    background-color: var(--violetColor);
    color: white;
   padding: 8px 33px !important;
font-size: 20px !important;
}


.Testimonials_Heading h1{ font-size: 50px; font-family: Gilroy-Bold; } 
.Testimonials_Heading p{ font-size: 16px; font-family: Gilroy-Medium;color: var(--textDark-gray); margin-top: 16px;line-height: 24px;color: var(--textDark-gray); } 
.TestimonialsSaying { background-image: linear-gradient(to bottom, #eef0fa, #f3f4f8); }
.TestimonialsSlider{ margin-top: 30px; } 
.TestimonialsSlider .TestimonialsProfile{ height: 300px; width: 100%; border-radius: 20px; position: relative; } 
.TestimonialsProText{ margin-top: 20px; } 
.TestimonialsProText h3{ font-size: 22px; font-family: Gilroy-Bold; } 
.ratingStar{ color: #ffaa00; } 
.ratingStar:hover{color: var(--violetColor);}
.TestimonialsProPText{ font-size: 16px; font-family: Gilroy-Light; margin-top: 10px; color: var(--textDark-gray); } 
.TestimonialsSaying .swiper-wrapper{ padding-bottom: 60px; }
.swiper-pagination-bullet{ background-color: var(--violetColor) !important; } 
.userProfile img{height: 100px;width: 100px;border-radius: 50%;    margin-top: -70px;object-fit: cover;}
.userssaying{text-align: center;background-color: white;border-radius: 15px;padding: 15px;    box-shadow: 0px 0px 10px 0px #dfdfdf;margin-top: 60px;}


/* company page css  */
.aboutUsCard { box-shadow: 0px 0px 10px 0px #ddd; border-radius: 10px; } 
.aboutUsCard .btn { border: 1px solid #ddd !important; font-size: 20px; } 
.aboutUsCard img { width: 100%; height: 200px; object-fit: cover; margin: 20px 0px; }
.aboutUsCard p { font-weight: 500; } .FactsImg { width: 100%; height: 300px; object-fit: cover; } 
.historyImg { width: 100%; height: 300px; object-fit: cover; }
.whatWeDoCard img{height: 300px;object-fit: cover;border-radius: 3px;}

/* careers css start*/
.joinVideoSection { height: 300px; object-fit: cover; } 
.ourMissionVideo { height: 300px; object-fit: cover; }
.joinOurTeamViedo { height: 200px; object-fit: cover; } 
.latestTeamImg img { height: 350px; object-fit: cover; } 
.latestTeamImg h3 { font-size: 20px; font-family: Gilroy-SemiBold; }

.all_jobsTab.nav-pills .nav-link.active, .all_jobsTab.nav-pills .show>.nav-link{
	background-color: var(--violetColor);
}
.all_jobsTab .nav-link{
	color: black;
}

/* big header hover mega menu */
.headerMegaMenu{
	position: inherit !important;
}
.headerMegaMenu i{
color: var(--orangeColor)
}
.headerMegaUl_Menu{
	width: 100%;
}

/* new css videopromotion */
.RecommendedPromo { border: none; border-radius: 10px; transition: transform 0.2s ease-in-out; } 
.RecommendedPromo:hover { transform: scale(1.05); } 
.RecommendedPromo .card-title { font-size: 33px; font-family: Gilroy-SemiBold; } 
.RecommendedPromo .card-text { font-size: 1.25rem; } 
.techService{ background-color: var(--violetColor); }


/* web design */
.Packages_Cards{ position: relative; cursor: pointer; } 
.Packages_Text{ position: absolute; padding: 15px; color: white; right: 0px; left: 0px; z-index: 1; transition: .3s ease-out; } 
.Packages_Text h3{ font-family: Gilroy-ExtraBold;font-size: 22px; } 
.Packages_Cards{ height: 300px; background-size: cover; background-position: center; border-radius: 16px; overflow: hidden; } 
.Packages_Cards:hover{ transform: rotateX(180deg); transition: 1s; transform-style: preserve-3d; } 
.Packages_Cards:hover .Packages_Text{ transform: rotateX(180deg); } 
.packageBottom{ bottom: 0px; }
.pakage_Icons{ height: 110px; position: absolute; bottom: 20px; right: 0px; left: 0px; margin: auto; } 
.Packages_Cards:hover .pakage_Icons{ transform: rotateX(180deg) } 
.packageTop{ top: 20px; bottom: auto; }

/* hero */
.Features_header {
    background-color: #EBECFF;
   
}

.hero-section {
    background-color: #D6DAFF;
    padding: 50px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
	border-top: 15px solid;
	border-bottom: 15px solid;
	border-color: var(--violetColor);
}


.featuresMiddle{
	background-image: linear-gradient(to top, #D6DAFF,#FFFFFF);
}
.tabsFeatures{
	background-color: white;
	padding: 12px;
	border-radius: 4px;
	box-shadow: 0px 0px 10px 0px darkgrey;
	text-align: left;
}
.tabsFeatures .nav-item .nav-link{
	color: black;
	font-size: 17px;
	font-family: Gilroy-Bold;
	text-align: left;
}
.tabsFeatures .nav-item{
	padding: 10px 0px;
}
.tabsFeatures .nav-item .nav-link.active{
	color: var(--violetColor);
	background-color: #f2f3ff;
	width: 100%;
}
.tabsFeatures .nav-item .accordion-collapse{
	background-color: #f2f3ff;
	padding-bottom: 10px;
}


.pricing-header{
	background-color: #D6DAFF;
}
.pricing-header h1{
	font-family: Gilroy-SemiBold;
}

/* plan Most popular */
.BilledTabs{ background-color: #D6DAFF; padding: 4px; border-radius: 4px; } 
.BilledTabs .nav-link{border-radius: 4px !important;color: black;font-size: 20px;}
.cardBilled{ box-shadow: 1px 1px 8px 0px #D6DAFF; padding: 20px; border-radius: 10px; border: 5px solid transparent; } 
.cardBilled h4{ color: var(--violetColor); } 
.cardBilled ul li{ padding: 3px 0px; } 
.cardBilled:hover, .cardBilled.active{ border-width: 0px 5px 5px 5px; border-style: solid; border-color: var(--blueColor); } 
.cardBilled.active{ border-radius: 0px 0px 10px 10px; } 
.card_BilledHeading{ background-color: var(--blueColor); color: white; text-align: center; padding: 5px; border-radius: 10px 10px 0px 0px; }


/* Frequently asked questions */
.pricingAccordion .accordion-button{
	font-size: 20px;
	font-family: Gilroy-SemiBold !important;
}

.pricingAccordion .accordion-body{
	font-size: 17px;
}

/* Compare plans side by side */
.CompareDataTable tr th, .CompareDataTable tr td{
	padding: 15px;
}
.CompareDataTable tr:nth-of-type(even) td{
	background-color: #EBECFF !important;
}



/* home new css */
.letSgetStared h6{
font-family: Gilroy-SemiBold;
}
.letSgetStared label{
margin-bottom: 0px;
}
.conversion{
margin-top: 20px;	
}
.conversion h2{
font-family: Gilroy-SemiBold;
font-size: 40px;
color: var(--violetColor);
}
.WhyInfulencer{
background-image: linear-gradient(to right, rgb(233, 233, 233) ,rgb(231, 250, 255));
}
.Why_Infulencer_img img{
border-top-right-radius: 80px;
border-bottom-left-radius: 80px;
}
.Why_Infulencer_img{
position: relative;
}

.violetBlueDot{
position: absolute;
height: 40px;
width: 40px;
background-color: var(--violetColor);
bottom: -20px;
left: 40%;
border-radius: 50%;
}
.orangeDot{
position: absolute;
height: 50px;
width: 50px;
background-color: var(--orangeColor);
border-radius: 50%;
top: -20px;
left: -20px;
}