html{font-size: 0.9rem;}
body{font-family: "Outfit", sans-serif; font-size: 0.9rem; background: var(--theme-white);}
a {text-decoration:none ;}
@font-face {
	font-family: 'icomoon';
	src:  url('../fonts/svg/icomoon.eot?7vfwjk');
	src:  url('../fonts/svg/icomoon.eot?7vfwjk#iefix') format('embedded-opentype'),
	url('../fonts/svg/icomoon.ttf?7vfwjk') format('truetype'),
	url('../fonts/svg/icomoon.woff?7vfwjk') format('woff'),
	url('../fonts/svg/icomoon.svg?7vfwjk#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
:root {
	--primary: #4C498B;
	--primary-light: #EEF6F8;
	--primary-rgb: 41, 22, 111;
	--secondary: #2D92CB;
	--theme-black: #000000;
	--theme-heading: #4C498B;
	--theme-paragarph: #646464;
	--theme-white:  #ffffff;
	--primary-text:  #0E111E;
	--secondary-text:  #323059;
	
	--theme-grey:  #F8F8F8;
	--theme-breadcrumb-text: #424242;
	--theme-carousel-button:  #989898;
	--theme-gradient: linear-gradient(142.25deg, #2E8BC8 2.98%, #4C4D99 88.33%);
	--theme-gradient-hover: linear-gradient(142.25deg, #4C4D99 2.98%, #2E8BC8 88.33%);
	--theme-success-gradient: linear-gradient(142.25deg, #29A71A 2.98%, #0C8706 88.33%);
	--theme-success-gradient-hover: linear-gradient(142.25deg, #0C8706 2.98%, #29A71A 88.33%);


}
.icon{font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;}

.icon-calendar:before {
  content: "\e925";
}
.icon-map-marker-o:before {
  content: "\e926";
}
.icon-bars:before {
  content: "\e900";
}
.icon-chat:before {
  content: "\e901";
}
.icon-envelope:before {
  content: "\e902";
}
.icon-facebook:before {
  content: "\e903";
}
.icon-file-list:before {
  content: "\e904";
}
.icon-globe:before {
  content: "\e905";
}
.icon-grid:before {
  content: "\e906";
}
.icon-home:before {
  content: "\e907";
  color: #fff;
}
.icon-list:before {
  content: "\e908";
}
.icon-long-arrow-left:before {
  content: "\e909";
}
.icon-long-arrow-right:before {
  content: "\e90a";
}
.icon-map-marker:before {
  content: "\e90b";
}
.icon-map-marker-s:before {
  content: "\e90d";
}
.icon-phone:before {
  content: "\e90e";
}
.icon-phone-call:before {
  content: "\e90f";
}
.icon-quote:before {
  content: "\e910";
}
.icon-search:before {
  content: "\e911";
}
.icon-tick:before {
  content: "\e912";
}
.icon-user:before {
  content: "\e91a";
}
.icon-whatsapp .path1:before {
  content: "\e922";
  color: rgb(41, 167, 26);
}
.icon-whatsapp .path2:before {
  content: "\e923";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-whatsapp .path3:before {
  content: "\e924";
  margin-left: -1em;
  color: rgb(255, 255, 255);
}
.icon-minus:before {
  content: "\e91c";
}
.icon-plus:before {
  content: "\e91b";
}
.icon-chevron-right:before {
  content: "\e913";
}
.icon-chevron-left:before {
  content: "\e914";
}
.icon-menu1:before {
  content: "\e915";
}
.icon-segment:before {
  content: "\e916";
}
.icon-align-left:before {
  content: "\e917";
}
.icon-align-right:before {
  content: "\e918";
}
.icon-clearclose:before {
  content: "\e928";
}
.icon-done:before {
  content: "\e929";
}
.icon-done_all:before {
  content: "\e92a";
}
.icon-check:before {
  content: "\e921";
}
.icon-menu11:before {
  content: "\e919";
}
.icon-trending_neutral:before {
  content: "\e90c";
}
.icon-arrow-thin-down:before {
  content: "\e920";
}
.icon-arrow-thin-up:before {
  content: "\e91d";
}
.icon-arrow-thin-left:before {
  content: "\e91e";
}
.icon-arrow-thin-right:before {
  content: "\e91f";
}




@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translate3d(-40%, 0, 0)
	}
	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.fadeInLeft {
	animation-name: fadeInLeft
}
@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translate3d(100%, 0, 0)
	}
	to {
		opacity: 1;
		transform: translateZ(0)
	}
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}
:focus{outline: none !important;}
button:focus{outline: none !important}
.circleeffect{position: relative; overflow: hidden}
.circleeffect:before{content: ""; width: 124px; height: 124px; border-radius: 50%; background: var(--theme-white); position: absolute; top: 50%; left: 50%; margin-top: -62px; margin-left: -62px; display: none;}
.circleeffect:hover:before{-webkit-animation: circleIn .4s linear; animation: circleIn .4s linear; display: block; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards}

.headercontainer{padding: 0px 0px; background: #fff; z-index: 99; position: relative; left: 0px; top: 0px; right: 0px;}

.theme-btn,.default-btn{position: relative; display: inline-flex; align-items: center; gap: 5px; justify-content: center; text-align: center; background: var(--theme-gradient); font-size: 14px; color: var(--theme-white); padding: 12px 22px; font-weight: 500; overflow: hidden; border-radius: 9px; border: none; cursor: pointer; letter-spacing: 0.5px; min-width: 110px; text-decoration: none; z-index: 3; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.theme-btn i,.default-btn i{display: inline-block; vertical-align: middle; line-height: 100%; margin-top: 2px;}
.theme-btn:hover,.default-btn:hover{color: var(--theme-white);}
.theme-btn:focus,.default-btn:focus{color: var(--theme-white);}
.theme-btn:hover{color: var(--theme-white); background: var(--theme-gradient-hover);}
.default-btn{background: transparent; color: var(--theme-white); border-color: var(--theme-white);}
.default-btn:hover{border-color: var(--primary);}
.default-btn:hover:focus{background: var(--theme-gradient-hover); color: var(--theme-white); border-color: var(--primary);}
.default-btn:focus:hover{background: var(--theme-gradient-hover); color: var(--theme-white); border-color: var(--primary);}
.default-btn:focus{background: var(--theme-gradient-hover); color: var(--theme-white); border-color: var(--primary);}

.theme-btn.btn-sm,.default-btn.btn-sm{min-width: initial; padding: 10px;}
.theme-btn.btn-sm i,.default-btn.btn-sm i{margin: 0px; }


.navigation{position: fixed; top: 0; padding: 0; display: flex; flex-direction: column; height: 100%; left: 0; margin-left: -268px; background-size: 200%; background: #F8F8F8; background-position: right center; padding-top: 0px; max-height: 100%; overflow: auto; margin-right: 0; transition: all 0.3s; width: 268px; z-index: 99999;}
.layout-nav .navigation{margin-left: 0px;}
.layout-nav{overflow: hidden;}
.nav-ovarlay{position: fixed; z-index: 1000; top: 0; right: 0; height: 100% !important; left: 0; display: none; background: #181C21; opacity: .5; cursor: pointer;}
.layout-nav .nav-ovarlay{display: block;}
.navigation .navhead{display: flex; background: var(--primary-light); padding: 0px 0px 0px 20px; color: var(--primary); justify-content: space-between;}
.navigation .navhead h3{color: var(--primary); font-size: 1.4rem; font-weight: 500; align-self: center;margin: 0px;}
.navigation .navhead .NavBar{width: 34px; font-size: 1.3rem; height: 40px; display: flex; justify-content: center; align-items: center; color: var(--primary); text-decoration: none;}
.navigation .navbody{display: block; flex: 1; overflow: auto;}
.navigation .navbody::-webkit-scrollbar{width: 4px; height: 4px;}
.navigation .navbody::-webkit-scrollbar-track{background: #f1f1f1; border-radius: 10px;}
.navigation .navbody::-webkit-scrollbar-thumb{background: var(--theme-gradient-hover); border-radius: 10px;}
.navigation .navbody ul{display: block; margin: 0px; padding: 0px;}
.navigation .navbody ul li{display: block; margin: 0px; padding: 0px; list-style: none; border-top: 1px solid #e6e6e6;}
.navigation .navbody ul li a{display: block; margin: 0px; padding: 10px 20px; text-decoration: none; color: var(--theme-paragarph); font-size: 1rem; transition: 0.3s ease-in-out;}
.navigation .navbody ul li a:hover{color: var(--theme-white); background: var(--secondary);}

.navigation .navsocial{display: flex; gap: 10px; margin: 0px; margin: 0px; padding: 10px 20px 10px 20px; background: #f8f8f8; box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.13);}
.navigation .navsocial li{list-style: none; margin: 0px;}
.navigation .navsocial li a{min-width: 32px; height: 32px; display: inline-flex; justify-content: center; align-items: center; font-size: 16px; text-decoration: none; color: var(--theme-white); background: var(--theme-gradient); border-radius: 7px;}
.navigation .navsocial li.whatsapp a{background: var(--theme-success-gradient);}
.navigation .navsocial li.whatsapp a i{color: var(--theme-white);}


.categorynav{position: absolute; display: none; min-width: 250px; left: 0px; top: 100%; margin-top: 10px; background: var(--theme-white); border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11);}
.categorynav.active{display: block;}
.categorynav .catnavinner{padding: 10px 0px;}
.categorynav ul{display: block; margin: 0px; padding: 0px;max-height: 400px;overflow: auto;}
.categorynav ul li{display: block; margin: 0px; padding: 0px; list-style: none;}
.categorynav ul li + li{border-top: 1px solid #e6e6e6;}
.categorynav ul li a{display: block; margin: 0px; position: relative; padding: 8px 20px 8px 42px; text-decoration: none; color: var(--theme-paragarph); font-size: 0.9rem; transition: 0.3s ease-in-out;}
.categorynav ul li a:hover{color: var(--theme-white); background: var(--secondary);}
.categorynav ul li a:before{font-family: 'FontAwesome'; content: "\f2da"; position: absolute; left: 20px; top: 8px;}
 
.headercontainer .tpheader{padding: 0px; background: var(--secondary);}
.headercontainer .tpheader ul{display: flex; justify-content: center; padding: 8px 0px; margin: 0px;}
.headercontainer .tpheader ul li{list-style: none; padding: 0px 15px; display: inline-flex; position: relative;}
.headercontainer .tpheader ul li a{color: var(--theme-white); align-items: center; font-size: 1rem; font-weight: 400; display: flex; gap: 4px; text-decoration: none;}
.headercontainer .tpheader ul li a img{min-width: 25px; max-width: 25px; height: 25px; border-radius: 50%; object-fit: cover;}
.headercontainer .tpheader ul li a span{overflow: hidden; text-overflow: ellipsis; max-width: 94px; white-space: nowrap;}

.headercontainer .tpheader ul li:before{content: ""; opacity: 0; border-left: 1px solid #fff; position: absolute; left: 0px; top: 4px; bottom: 4px;}
.headercontainer .tpheader ul li + li:before{opacity: 1;}
.headercontainer .tpheader .facebook{color: var(--theme-white); font-size: 1rem; text-decoration: none; display: inline-flex; align-items: center; gap: 7px;}
.headercontainer .tpheader .facebook svg{width: 24px; height: 24px;}
.headercontainer .headtoprow{display: -ms-flexbox; display: flex; margin: 0px 0px; padding: 0px 0px; align-items: center; justify-content: space-between;}

.headercontainer .btmheader{background: var(--primary-light); padding: 10px 0px;}
.headercontainer .logocontainer{width: 8.1875rem;}
.headercontainer .logocontainer img{position: relative; z-index: 1; max-height: 100%; max-width: 100%; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.headercontainer .logocontainer a{color: var(--theme-white); display: block; padding: 0px; text-decoration: none;}
.headercontainer .logocontainer a span{color: #012346;}
.headercontainer .userrtbx{width: 100%; padding: 0px 0px 0px 50px;}
.usercomponents{display: flex; width: 100%; gap: 10px; padding: 0px;}
.usercomponents .listbusinessbtn{display: flex; align-items: center; gap: 0.375rem; padding: 0.625rem 1.5rem; font-size: 1rem; border-radius: 15px; color: var(--theme-white); text-decoration: none; background: var(--theme-success-gradient); transition: all 0.3s ease-in-out;}
.usercomponents .listbusinessbtn i{font-size: 1.3rem}
.usercomponents .listbusinessbtn span{display: block; line-height: 100%; white-space: nowrap;}
.headercontainer .headtoprow .usercomponents span{font-size: 15px;
    line-height: 14px;}
.usercomponents .listbusinessbtn:hover{background: var(--theme-success-gradient-hover);}

.headercontainer .searchouter{display: flex; width: 100%;    border: 1px solid #BCC9CD;border-radius: 10px;}

.locationbx{width: 100%; max-width: 16.625rem; height: 3.375rem;; position: relative; display: flex; align-items: center; background: var(--theme-white); border-radius: 10px 0px 0px 10px;}
.locationbx:after{content: ""; position: absolute; right: 5px; opacity: 0.2; top: 10px; bottom: 10px; border-left: 1px solid var(--theme-paragarph);}
.locationbx a{color: var(--theme-paragarph); gap: 7px; font-size: 1rem; display: flex; align-items: center; text-decoration: none; padding: 8px 15px;}
.locationbx a span{width: 100%; line-height: 100%;}
.locationbx a i{font-size: 1.1rem; background: var(--theme-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.locationbx a p{margin: 0px; white-space: nowrap; font-size: 0.8rem; text-decoration: underline;}
.searchbx{width: 100%;}
.searchbx .searchbxinner{float: left; width: 100%;}
.searchbx .formgroup{position: relative;}
.searchbx .formgroup .icon-globe{position: absolute; left: 0.375rem; top: 50%; margin-top: 1px; line-height: 100%; background: var(--theme-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 1.1rem; transform: translateY(-50%);}
.searchbx .formgroup .searchbtn{position: absolute; right: 0.375rem; top: 50%; display: inline-flex; justify-content: center; align-items: center; background: var(--theme-gradient); width: 2.5rem; height: 2.5rem; color: var(--theme-white); border: none; outline: none; font-size: 1.1rem; transform: translateY(-50%); border-radius: 10px;}
.searchbx .formgroup .searchbtn:hover{background: var(--theme-gradient-hover);}
.searchbx .formgroup .form-control{background: #fff; font-size: 1rem; border: none; padding: 0.3125rem 2.5rem 0.3125rem 1.875rem; height: 3.375rem; border-radius: 0px 10px 10px 0px; -webkit-box-shadow: none; box-shadow: none;}
.searchbx .formgroup input::placeholder{ color: var(--theme-paragarph)!important;}
.searchbx .formgroup .form-control::-webkit-input-placeholder {color: var(--primary);}
.searchbx .formgroup .form-control::-moz-placeholder {color: var(--primary);}
.searchbx .formgroup .form-control:-ms-input-placeholder{ color: var(--primary);}

.usercomponents .searchbtnicon{display: flex; align-items: center; gap: 0.375rem; padding: 10px 15px; font-size: 1rem; border-radius: 10px; color: var(--theme-white); text-decoration: none; background: var(--theme-gradient);}
.usercomponents .businessbtn{display: flex; align-items: center; gap: 0.375rem; padding: 0.625rem 1.5rem; height: 3.375rem;; font-size: 1rem; border-radius: 15px; color: var(--theme-white); text-decoration: none; background: var(--theme-gradient);}
.usercomponents .businessbtn i{font-size: 1.3rem;}
.usercomponents .businessbtn span{display: block; line-height: 100%;}
.usercomponents .businessbtn p{font-size: 0.9rem; margin: 0px 0px 5px 0px; white-space: nowrap;}
.usercomponents .businessbtn:hover{background: var(--theme-gradient-hover);}

.headercontainer .usernavigation{display: flex; width: 100%; justify-content: space-between; max-width: 870px; padding: 30px 0px 0px 20px;}
.headercontainer .usernavigation .navtbx{padding: 0px; position: relative;}
.headercontainer .usernavigation .navtbx .navlink{text-decoration: none; color: var(--theme-paragarph); font-size: 1.2rem; display: flex; align-items: center; gap: 7px;}
.headercontainer .usernavigation .navtbx .navlink i{min-width: 30px; height: 30px; background: var(--secondary); line-height: 30px; color: var(--theme-white); border-radius: 50%; text-align: center;}
.headercontainer .usernavigation .navtbx .navlink i.icon-bars{font-size: 10px; padding-right: 0px;}
.headercontainer .usernavigation .navtbx .navlink i.icon-grid ,i.icon-home ,i.icon-phone{font-size: 14px;}
.headercontainer .usernavigation .navtbx .navlink span{padding: 0px;}
.headercontainer .usernavigation .navtbx.whatsapp .navlink i{background: #29A71A; font-size: 24px;}
.headercontainer .usernavigation .navtbx.phone .navlink i{background: #29A71A;}

.bannercontainer{padding: 0px 0px; background: var(--primary-light); overflow: hidden; position: relative;}
.bannercontainer .swiper{overflow: visible;}
.bannercontainer .swiper .swiper-slide{display: block; height: auto;}
.imageHolder:before{position: absolute; content: ""; z-index: 2; background-color: rgba(0,0,0,0.45); top: 0; left: 0; bottom: 0; width: 100%; height: 100%;}
.bannercontainer > img{width: 100%; max-height: 100%;}
.bannercontainer .swiper .swiper-slide{position: relative; overflow: hidden;}
.bannercontainer .swiper .swiper-slide:after{content: ""; pointer-events: none; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: radial-gradient(rgba(21, 21, 51, 0.0), rgba(7, 2, 15, 0.0)); z-index: 1;}
.bannercontainer .swiper .swiper-slide img{width: 100%; max-height: 100%; height: auto; border-radius: 15px;}
.bannercontainer .autoplay-progress{position: absolute; right: 16px; bottom: 16px; z-index: 10; font-size: 1.2rem; width: 3.4rem; height: 3.4rem; display: flex; align-items: center; justify-content: center; font-weight: bold; color: var(--primary);}
.bannercontainer .autoplay-progress svg{--progress: 0; position: absolute; left: 0; top: 0px; z-index: 10; width: 100%; height: 100%; stroke-width: 4px; stroke: var(--primary); fill: none; stroke-dashoffset: calc(125.6px * (1 - var(--progress))); stroke-dasharray: 125.6; transform: rotate(-90deg);}

.bannercaption{position: absolute; left: 0px; display: none; right: 0px; top: 20px; padding: 0px 0px; z-index: 2; text-align: left;}
.bannercaption .captioninner{position: relative; padding: 0px 100px 0px 0px;}
.bannercaption .captioninner h1{margin-top: 0px; margin-bottom: 15px; font-size: 2.75rem; line-height: 3.125rem; font-weight: 500; color: var(--secondary-text);}
.bannercaption .captioninner p{color: var(--secondary-text); font-size: 0.9rem; font-weight: 300; margin: 0px 0px 0px 0px;}
.bannercaption .captioninner ul{display: flex; flex-wrap: wrap; padding: 0px; margin: 0px;}
.bannercaption .captioninner ul li{color: var(--secondary-text); width: 50%; list-style: none; font-size: 0.9rem; font-weight: 300; position: relative; padding: 0px 0px 0px 20px; margin: 0px 0px 5px 0px;}
.bannercaption .captioninner ul li:before{content: "\e921"; font-family: 'icomoon'; color: var(--secondary-text); position: absolute; left: 0px; top: 0px;}

.bannercontainer .swiper-wrapper .swiper-slide.swiper-slide-active .bannercaption{display: block;}
.bannercontainer .swiper-wrapper .swiper-slide.swiper-slide-active .bannercaption .captioninner h1{-webkit-animation: 1s .8s fadeInLeft both; animation: 1s .8s fadeInLeft both;}
.bannercontainer .swiper-wrapper .swiper-slide.swiper-slide-active .bannercaption .captioninner p{-webkit-animation: 1.5s .8s fadeInLeft both; animation: 1.5s .8s fadeInLeft both;}
.bannercontainer .swiper-wrapper .swiper-slide.swiper-slide-active .bannercaption .captioninner .theme-btn{-webkit-animation: 1.6s .8s fadeInLeft both; animation: 1.6s .8s fadeInLeft both;}
.bannercontainer .swiper-wrapper .swiper-slide.swiper-slide-active .bannercaption .captioninner ul li{-webkit-animation: 1.6s .9s fadeInLeft both; animation: 1.6s .9s fadeInLeft both;}

.section-heading{margin-top: 0px; margin-bottom: 40px;}
.section-heading h2{font-size: 32px; line-height: 40px; letter-spacing: 0.3px; font-weight: 400; position: relative; color: var(--primary); margin-top: 0px; margin-bottom: 15px; text-transform: capitalize;}
.section-heading h2 span{display: inline-block; position: relative; padding: 0px 20px;}
.section-heading p{font-size: 14px; line-height: 24px; color: var(--theme-paragarph); font-weight: 400; margin: 0px 0px 20px 0px;}

.swiper .swiper-slide{display: -webkit-flex; display: -ms-flexbox; display: flex; height: auto;}

.swiper-nav{display: flex; pointer-events: none;}
.swiper-nav .swiper-button-next{pointer-events: all; position: static; font-size: 0.7rem; display: inline-block; vertical-align: middle; margin: 0px; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; padding: 0px !important; outline: none; border: 1px solid var(--theme-white); color: #0B1F1A; background: var(--theme-white); -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.swiper-nav .swiper-button-next:hover{background: var(--primary); border-color: var(--primary); color: var(--theme-white);}
.swiper-nav .swiper-button-next:after{content: "\e90a"; font-family: 'icomoon'; font-size: inherit;}
.swiper-nav .swiper-button-prev{pointer-events: all; position: static; font-size: 0.7rem; display: inline-block; vertical-align: middle; margin: 0px; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; padding: 0px !important; outline: none; border: 1px solid var(--theme-white); color: #0B1F1A; background: var(--theme-white); -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.swiper-nav .swiper-button-prev:hover{background: var(--primary); border-color: var(--primary); color: var(--theme-white);}
.swiper-nav .swiper-button-prev:after{content: "\e909"; font-family: 'icomoon'; font-size: inherit;}
.swiper-button-next[aria-disabled="true"], .swiper-button-prev[aria-disabled="true"]{opacity: 0.40; pointer-events: none !important;}

.bannercontainer .swiper-nav{position: absolute; justify-content: space-between; z-index: 15; left: 40px; right: 40px; top: 50%; transform: translateY(-50%);}


.brandcontainer{padding: 50px 0px; background: var(--primary-light);}
.brandcontainer .swiper .swiper-slide{justify-content: center;}
.brandcontainer .brandbx{width: 14rem; height: 14rem; display: flex; justify-content: center; align-items: center; border: 1px solid rgba(0, 0, 0, 0.20); border-radius: 50%;}
.brandcontainer .brandbx img{width: auto; height: auto; mix-blend-mode: darken; max-width: 100%; max-height: 100%; padding: 30px;}
.brandcontainer .swiper-nav{position: absolute; z-index: 11; justify-content: space-between; left: -65px; right: -65px; top: 50%; transform: translateY(-50%); pointer-events: none;}
.brandcontainer .swiper-nav .swiper-button-prev{pointer-events: all;}
.brandcontainer .swiper-nav .swiper-button-next{pointer-events: all;}

.catcontainer{padding: 60px 0px;}
.catcontainer .catecolumn{float: left; width: 100%;}
.catcontainer .catecolumn .section-heading{margin: 0px 0px 30px 0px;}
.catcontainer .catecolumn .section-heading h2{margin: 0px;}
.catcontainer .catecolumn ul{display: flex; flex-wrap: wrap; margin: 0px; padding: 0px; gap: 0px;}
.catcontainer .catecolumn ul li{position: relative; list-style: none; width: 50%; color: var(--theme-paragarph); font-size: 1rem; font-weight: 400; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 20px;}
.catcontainer .catecolumn ul li a{display: block;color: var(--theme-paragarph);text-decoration: none;transition: 0.3s each-in-out;}
.catcontainer .catecolumn ul li a:hover{text-decoration: underline;color: var(--primary);}
.catcontainer .catecolumn ul li:before{content: ""; position: absolute; left: 0px; top: 6px; background: var(--theme-gradient); width: 8px; height: 8px; border-radius: 50%;}
.catcontainer .discovercolumn{float: left; width: 100%;}
.catcontainer .discovercolumn .section-heading{margin: 0px 0px 30px 0px; display: flex; justify-content: space-between;}
.catcontainer .discovercolumn .section-heading h2{margin: 0px;}
.catcontainer .discovercolumn .swiper-nav{gap: 10px;}
.catcontainer .swiper .swiper-slide{display: block; height: auto;}
.catcontainer .discovercolumn .swiper-nav .swiper-button-prev{background: var(--primary-light);}
.catcontainer .discovercolumn .swiper-nav .swiper-button-prev:hover{background: var(--primary); color: var(--theme-white); border-color: var(--primary);}
.catcontainer .discovercolumn .swiper-nav .swiper-button-next{background: var(--primary-light);}
.catcontainer .discovercolumn .swiper-nav .swiper-button-next:hover{background: var(--primary); color: var(--theme-white); border-color: var(--primary);}

.catcontainer .citiesbx{float: left; width: 100%;}
.catcontainer .citiesbx + .citiesbx{margin-top: 10px;}
.catcontainer .citiesbx .citiesbximg{float: left; width: 100%; height: 6.25rem; border-radius: 15px; overflow: hidden;}
.catcontainer .citiesbx .citiesbximg img{width: 100%; height: 100%; object-fit: center;}
.catcontainer .citiesbx .citiesct{float: left; width: 100%; padding: 10px 0px;}
.catcontainer .citiesbx .citiesct h3{color: var(--theme-paragarph); font-size: 1.1rem; font-weight: 400; text-align: center;}

.productcontainer{padding: 100px 0px; background: var(--primary-light);}
.productbx{float: left; width: 100%; border-radius: 15px; overflow: hidden;}
.productbx img{width: 100%; max-height: 100%;}

.bannercontainer.banner1 .bannercaption{top: 50%; transform: translateY(-50%);}
.bannercontainer.banner1 .bannercaption .captioninner{padding: 0px 0px 0px 40px;}
.bannercontainer.banner1 .bannercaption .captioninner h1{color: var(--theme-white);}
.bannercontainer.banner1 .bannercaption .captioninner p{color: var(--theme-white);}

.bannercontainer.banner2 .bannercaption{top: 50%; transform: translateY(-50%);}
.bannercontainer.banner2 .bannercaption .captioninner{padding: 0px 0px 0px 120px;}
.bannercontainer.banner2 .bannercaption .captioninner h1{color: #012E51;}
.bannercontainer.banner2 .bannercaption .captioninner p{color: #012E51; margin: 0px 0px 10px 0px;}
.bannercontainer.banner2 .bannercaption .captioninner ul li{color: #012E51;}
.bannercontainer.banner2 .bannercaption .captioninner ul li:before{color: #012E51;}

.upcomingsummit{padding: 0px 0px 60px 0px; background: var(--primary-light);}
.businesssummitbx{float: left; width: 100%; height: 100%; background: var(--theme-white); border-radius: 0.9375rem; padding: 1.875rem;}
.businesssummitbx .summitlogo{display: inline-flex; align-items: center; min-height: 80px; max-width: 230px; margin-bottom: 20px;}
.businesssummitbx .summitlogo img{max-width: 100%; max-height: 100%;}
.businesssummitbx h4{color: var(--secondary-text); font-size: 1.4rem; font-weight: 400; margin: 0px 0px 10px 0px;}
.businesssummitbx p{color: var(--theme-paragarph); font-size: 0.9rem; padding: 0rem 0rem 0rem 1.25rem; font-weight: 400; margin: 0px; position: relative;}
.businesssummitbx p + p{margin-top: 5px;}
.businesssummitbx p i{position: absolute; left: 0px; top: 0px;}
.upcomingsummit .swiper-nav{position: absolute; z-index: 11; justify-content: space-between; left: -65px; right: -65px; top: 50%; transform: translateY(-50%); pointer-events: none;}
.upcomingsummit .swiper-nav .swiper-button-prev{pointer-events: all;}
.upcomingsummit .swiper-nav .swiper-button-next{pointer-events: all;}

.testicontainer{padding: 20px 0px 60px 0px; background: var(--primary-light);}
.clientsaybx{float: left; width: 100%; height: 100%; background: var(--theme-white); position: relative; border-radius: 0.9375rem; padding: 1.875rem;}
.clientsaybx:after{content: "\e910"; font-family: 'icomoon'; color: var(--primary-light); font-size: 2.1rem; pointer-events: none; position: absolute; right: 20px; top: 20px;}
.clientsaybx .userbx{display: flex; align-items: center; position: relative; z-index: 1; gap: 0.9375rem; margin-bottom: 0.9375rem;}
.clientsaybx p{color: var(--secondary-text); font-size: 0.9rem; padding: 0px; font-weight: 400; margin: 0px; position: relative;}
.clientsaybx .userbx .userimg{padding: 0px;}
.clientsaybx .userbx .userimg img{width: 60px; height: 60px; border-radius: 50%; object-fit: cover;}
.clientsaybx .userbx .usercontent{padding: 0px; width: 100%;}
.clientsaybx .userbx .usercontent h4{color: var(--secondary-text); font-size: 1.4rem; font-weight: 400; margin: 0px 0px 0px 0px;}
.testicontainer .swiper-nav{position: absolute; z-index: 11; justify-content: space-between; left: -65px; right: -65px; top: 50%; transform: translateY(-50%); pointer-events: none;}
.testicontainer .swiper-nav .swiper-button-prev{pointer-events: all;}
.testicontainer .swiper-nav .swiper-button-next{pointer-events: all;}

.footercontainer{padding: 20px 0px 0px 0px; background: var(--primary-light);}
.footercontainer .footerlogo{width: 132px;}
.footercontainer .footerlogo img{max-width: 100%; max-height: 100%;}
.footercontainer .footercolumn{width: 100%; padding-left: 50px; padding-bottom: 20px;}
.footercontainer h3{color: var(--theme-paragarph); font-weight: 400; font-size: 1.6rem; margin: 0rem 0rem 1rem 0rem;}
.footercontainer .footercolumn ul{display: flex; flex-wrap: wrap; margin: 0px; padding: 0px; gap: 0px;}
.footercontainer .footercolumn ul li{position: relative; list-style: none; width: 33.33333%; line-height: 100%; margin: 0px 0px 12px 0px; padding: 0px 10px 0px 18px;}
.footercontainer .footercolumn ul li:before{content: ""; position: absolute; left: 0px; top: 3px; background: var(--theme-gradient); width: 0.5rem; height: 0.5rem; border-radius: 50%;}
.footercontainer .footercolumn ul li a{color: var(--theme-paragarph); font-size: 0.9rem; font-weight: 400; text-decoration: none; transition: 0.3s ease-in-out;}
.footercontainer .footercolumn ul li a:hover{color: var(--primary); border-bottom: 1px dashed var(--primary);}
.footercontainer .footercolumn ul li a.readmore{color: var(--secondary);}


.footercontainer .footeraddressbx{float: left; width: 100%; padding: 0px 0px 20px 0px;}
.footercontainer .footeraddressbx p{color: var(--theme-paragarph); font-weight: 500; position: relative; padding: 8px 0px 0px 32px; font-size: 1rem; margin-bottom: 8px;}
.footercontainer .footeraddressbx p a{color: var(--theme-paragarph); text-decoration: none; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.footercontainer .footeraddressbx p.emailbx a{text-decoration: underline !important;}
.footercontainer .footeraddressbx p i{position: absolute; left: 0px; top: 0px; width: 1.3125rem; height: 1.875rem; text-align: center; line-height: 2.5rem; background: var(--theme-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 1.2em; -webkit-border-radius: 5px; border-radius: 5px;}
.footercontainer .footeraddressbx p i.icon-envelope{font-size: 1rem;}
.footercontainer .footeraddressbx p span{display: table-cell; vertical-align: top;}
.footercontainer .footeraddressbx p a:hover{color: var(--primary); border-bottom: 1px dashed var(--primary);}
.footercontainer .footeraddressbx p.addressbx{padding-top: 0px;}
.footercontainer .copyrightouter{padding: 15px 0px; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid rgba(100, 100, 100, 0.20);}
.footercontainer .copyrightouter .copyright{color: var(--theme-paragarph); font-size: 0.9rem; margin: 0px; font-weight: 300;}
.footercontainer .copyrightouter .copyright a{background: var(--theme-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.footercontainer .copyrightouter .copyright a:hover{border-bottom: 1px dashed var(--primary); background: var(--theme-gradient-hover); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;}
.footercontainer .cards{padding: 0px;}
.footercontainer .cards img{padding: 0px; max-height: 40px; max-width: 100%;}

.modal .modal-dialog .modal-content .btn-close{position: absolute; font-size: 14px; right: -10px; top: -10px; padding: 6px; background-color: #fff; width: 20px; height: 20px; border-radius: 10px; opacity: 1; box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.37);}
.modal.locationmodal .modal-content{border-radius: 20px;}
.modal.locationmodal .modal-content .modal-body{padding: 30px;}
.modal.locationmodal .modal-content .modal-body .text-14{font-size: 14px;}
.modal.locationmodal .modal-content .modal-body .mticons{display: flex; justify-content: center; align-items: center; text-align: center; flex-direction: column; gap: 10px;}
.modal.locationmodal .modal-content .modal-body .mticons i{display: inline-flex; justify-content: center; align-items: center; padding: 12px; width: 70px; height: 70px; background: var(--theme-gradient-hover); color: var(--theme-white); font-size: 30px; border-radius: 50%;}
.modal.locationmodal .modal-content .modal-body .modal-title{margin: 0px 0px 10px 0px;}
.modal.locationmodal .modal-content .form-group{position: relative; margin: 0px;}
.modal.locationmodal .modal-content .form-group i{position: absolute; right: 15px; top: 50%; pointer-events: none; color: var(--primary); font-size: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.modal.locationmodal .modal-content .form-group .form-control{background: #f9f9f9; border: 1px solid #dbdbdb; height: 44px; color: #202020; font-size: 15px; padding: 6px 35px 6px 15px; -webkit-border-radius: 9px; border-radius: 9px;}
.modal.locationmodal .modal-content .form-group .form-control:focus{border-color: var(--primary); box-shadow: 0 0 0 .25rem rgba(var(--primary-rgb), 0.25);}

.error-message{font-size: 13px; line-height: 100%; display: block; margin: 2px 0px 0px 0px;}


.city_dropbox{position: absolute; display: none; left: 0px; right: 0px; top: 100%; padding: 10px 8px 10px 0px; background: var(--theme-white); border-radius: 9px; box-shadow: 0px 0px 5px rgb(0, 0, 0, 0.35);}
.city_dropbox ul{padding: 0px 5px 0px 0px; margin: 0px; max-height: 200px; overflow: auto;}
.city_dropbox ul li{padding: 5px 15px; cursor: pointer; color: var(--theme-paragarph); font-size: 14px; list-style: none; font-weight: 500; margin: 0px; transition: 0.3s ease-in-out;}
.city_dropbox ul li:hover{color: var(--theme-white); background: var(--secondary);}
.city_dropbox ul::-webkit-scrollbar{width: 4px; height: 4px;}
.city_dropbox ul::-webkit-scrollbar-track{background: #f1f1f1; border-radius: 10px;}
.city_dropbox ul::-webkit-scrollbar-thumb{background: var(--theme-gradient-hover); border-radius: 10px;}


.select2-container .select2-selection--single{height: 44px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{height: 42px;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 39px;}
.modal.locationmodal .select2-container{width: 100% !important;}
.select2-container{z-index: 9999;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background: var(--theme-gradient);}

.bannercontainer + .upcomingsummit{padding-top: 60px;}

.searchetxt{margin: 0px 0px 15px 0px;}
.searchetxt p{margin: 0px; color: var(--primary); font-size: 18px; font-weight: 500;}
.searchetxt p span{color: var(--secondary); font-weight: 600;}

.invalid{font-size: 14px;}
.invalid strong{font-weight: 500;}

.searchbx .searchbxinner{position: relative;}
.searchbx .searchbxinner .search-dropbox{position: absolute; z-index: 5; display: none; left: 0px; right: 0px; top: 100%; margin-top: 3px; padding: 10px 8px 10px 0px; background: var(--theme-white); border-radius: 9px; box-shadow: 0px 0px 5px rgb(0, 0, 0, 0.35);}
.searchbx .searchbxinner .search-dropbox ul{padding: 0px 5px 0px 0px; margin: 0px; max-height: 200px; overflow: auto;}
.searchbx .searchbxinner .search-dropbox ul li{padding: 5px 15px; cursor: pointer; color: var(--theme-paragarph); font-size: 14px; list-style: none; font-weight: 500; margin: 0px; transition: 0.3s ease-in-out;}
.searchbx .searchbxinner .search-dropbox ul li strong{display: block; font-weight: 500;}
.searchbx .searchbxinner .search-dropbox ul li span{display: block; font-weight: 400; font-size: 90%; opacity: 0.7;}
.searchbx .searchbxinner .search-dropbox ul li:hover{color: var(--theme-white); background: var(--secondary);}
.searchbx .searchbxinner .search-dropbox ul::-webkit-scrollbar{width: 4px; height: 4px;}
.searchbx .searchbxinner .search-dropbox ul::-webkit-scrollbar-track{background: #f1f1f1; border-radius: 10px;}
.searchbx .searchbxinner .search-dropbox ul::-webkit-scrollbar-thumb{background: var(--theme-gradient-hover); border-radius: 10px;}



svg.w-5.h-5{width:15px;}
/*#extraforyou{padding: 0 60px;}
#BusinessSummit{padding: 0 60px;}
#TestimonialC{padding: 0 60px;}
#BrandCarousel{padding: 0 60px;}
*/
.btmheader.sticky {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1)!important;
   position: fixed;
    top: 0;
  z-index: 9999;
width: 100%;
-webkit-animation-name: animationFade;
    -o-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;

}
.btmheader.sticky {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1)!important;
   position: fixed;
    top: 0;
  z-index: 9999;
width: 100%;
-webkit-animation-name: animationFade;
    -o-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;

}
@-webkit-keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
.headercontainer .btmheader.sticky .headtoprow {padding:0;}
.location span img{
    width: 17px;
}
.employee span img{
    width: 20px;
}
.brand span img{
    width: 20px;
}
/*
	font-family: "Outfit", sans-serif;
*/
.stky-btn .bg-green:hover, .stky-btn .bg-calculator:hover{margin-right: 0px;}
.stky-btn .bg-green a ,.stky-btn .bg-calculator a{display: flex; align-items: center; gap: 10px; color:#fff;}
.stky-btn .bg-calculator{    text-align: center; background: #49549E;
    padding: 15px 15px 10px 21px;font-family: Outfit;
font-weight: 500;

font-size: 16px;
    border-radius: 15px 0px 0px 15px;
}
.stky-btn .bg-green{
	text-align: center;
	background: #59BD3A;
	padding: 15px 15px 10px 21px;font-family: Outfit;
	font-weight: 500;
	margin-bottom: 10px;
	font-size: 16px;
  border-radius: 15px 0px 0px 15px;
}
.stky-btn img{Height:38px;}
.stky-btn {
  position: fixed;
  bottom: 100px;
  right: 0px;
  z-index: 999;

}
.stky-btn .bg-green ,.stky-btn .bg-calculator{min-width: 175px; margin-right: -105px; transition: 0.3s ease-in-out;}
.login-card .text-danger{font-size: 14px;}
.alert{font-size: 14px; padding-top: 10px; padding-bottom: 10px;}
.modal .form-group{margin-bottom:20px}
.modal .form-group label{color:#6a6a6a;font-size:15px;font-weight:500;margin:0}
.modal .form-group .form-control{height:44px;background:transparent;color:#2b2b2b;font-size:14px;font-weight:500;padding:0;border:none;border-bottom:1px solid #b1b1b1;box-shadow:none;border-radius:0}
.modal .form-group textarea.form-control{height:120px}
.modal .form-group select.form-control::-ms-expand{display:none}
.modal .form-group input:-webkit-autofill,.profilecontainer .rightprofile .form-group input:-webkit-autofill:hover,.profilecontainer .rightprofile .form-group input:-webkit-autofill:focus,.profilecontainer .rightprofile .form-group textarea:-webkit-autofill,.profilecontainer .rightprofile .form-group textarea:-webkit-autofill:hover,.profilecontainer .rightprofile .form-group textarea:-webkit-autofill:focus,.profilecontainer .rightprofile .form-group select:-webkit-autofill,.profilecontainer .rightprofile .form-group select:-webkit-autofill:hover,.profilecontainer .rightprofile .form-group select:-webkit-autofill:focus{-webkit-text-fill-color:#2b2b2b;-webkit-box-shadow:0 0 0 1000px transparent inset;transition:background-color 5000s ease-in-out 0s}

.norecordfound{text-align: center;}
.norecordfound svg{width: 150px;}
.norecordfound h3{font-size: 32px; line-height: 40px; letter-spacing: 0.3px; font-weight: 600; color: var(--primary); margin: 0px 0px 10px 0px;}
.norecordfound p{color: var(--secondary-text); font-size: 14; padding: 0px; font-weight: 400; margin: 0px;}
.load-more-btn{
	background: var(--theme-gradient);
}
#select-err {
    color: red;
    font-size: 16px;
    padding: 5px;
}
.text-14{
	font-size: 14px;
}
select:disabled{cursor: no-drop;}

.modal.locationmodal .modal-content .form-group i{top: 11px; transform: initial;}
#clear-input{position: absolute;right: 40px;top: 12px;background: #F00;color: #FFF; cursor: pointer;
width: 20px;height: 20px;display: flex;justify-content: center;border-radius: 100%;z-index: 1;
font-size: 17px;line-height: 15px;}
.brandcontainer .brandbx{background: #FFF; padding: 30px; height: 14rem !important;}
.brandcontainer .brandbx img{padding: 0;}
.brandcontainer .swiper-slide{padding-bottom: 5px;}

.logintextbox .theme-btn{border: 2px solid transparent; background: #FFF; color: #3e6aaf;}
.logintextbox .theme-btn:hover{background: transparent; color: #FFF; border-color: #FFF;}

.businesssummitbx{position: relative;}
.businesslink{position: absolute;top: 0;z-index: 9;left: 0;right: 0;bottom: 0;}
.adsSlider{position: relative; width: 100%;}
.adsLink{position: absolute; z-index: 9; top: 0; bottom: 0; left: 0; right: 0;}
.parentsummitlogo{text-align: center;}