:root{
	color-scheme: light only;
}
::selection {
	background-color: #14b5bc;
	color: #fff;
	-webkit-text-fill-color: #fff;
}
header{
    min-height: 84px;
}
.headerbg{
	z-index: 1000;
	position: relative;
    transition: .8s;
	background-color: transparent;
	padding: 22px 0;
}
.headerbg .navbar-brand img{
	height: 40px;
	transition: .6s;
}
.headerbg .navbar-nav > .nav-item + .nav-item{
	margin-right: 20px;
}
.headerbg .navbar .navbar-nav .nav-item .nav-link {
	font-size: 16px;
	padding: 0;
    color: #151515;
	display: flex;
	align-items: center;
}
.headerbg .navbar .navbar-nav .nav-item .nav-link:hover,
.headerbg .navbar .navbar-nav .nav-item.active .nav-link,
.headerbg .navbar .navbar-nav .nav-item .nav-link.active{
    color: #14b5bc;
}
.styledropdown .dropdown-toggle {
    position: relative;
    padding-left: 16px !important;
    margin-left: 0px !important;
}
.styledropdown .dropdown-toggle::after {
    content: "\f107";
    width: auto;
    height: auto;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    border: 0 none;
    margin: 0;
    position: absolute;
    right: auto;
    left: 0;
    top: auto;
	font-size: 13px
}
.styledropdown .dropdown-menu {
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #e5e5e5;
   	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    padding: 10px;
    min-width: 12rem;
    display: block;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
}
.styledropdown .dropdown-menu.show,
.dropdown:hover > .dropdown-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.styledropdown .dropdown-menu li a,
.styledropdown .dropdown-menu .dropdown-item {
    color: #151515;
    font-size: 15px;
    margin-bottom: 0;
    padding: 6px 12px;
    display: block;
	border-radius: 5px;
}
.styledropdown .dropdown-menu li:last-child a,
.styledropdown .dropdown-menu .dropdown-item:last-child {
    margin-bottom: 0;
}
.styledropdown .dropdown-menu li .dropdown-item:focus,
.styledropdown .dropdown-menu .dropdown-item:hover {
    background-color: #f2feff;
    color: #14b5bc;
}
@media (max-width: 992px) {
    .styledropdown .dropdown-toggle {
        padding-right: 0;
        padding-left: 0;
    }
    .styledropdown .dropdown-menu {
        display: none;
    }
    .styledropdown .dropdown-menu.show {
        display: block;
    }
}
.headerbg.sticky{
	position: fixed;
	top: 0;
    right: 0;
	background-color: #0C474D;
	padding: 10px 0;
}
.sliderindex{
	margin-top: -84px;
	z-index: 1;
}
.sliderindex,
.sliderindex .sliderindex__slide{
	min-height: 550px;
}
.sliderindex .sliderindex__slide{
	padding-top: calc(84px + 70px);
	padding-bottom: 30px;
}
.sliderindex.sliderindex__fullheight,
.sliderindex.sliderindex__fullheight .sliderindex__slide{
	min-height: 100vh;
}
.sliderindex.sliderindex__pagesmall,
.sliderindex.sliderindex__pagesmall .sliderindex__slide{
	min-height: 150px;
}
.sliderindex.sliderindex__pagesmall .sliderindex__slide{
	padding-bottom: calc(30px + 100px);
}
.sectiontopwithslider{
	margin-top: -100px;
	z-index: 2;
}
.sliderindex__slide > *{
	position: relative;
	z-index: 4;
}
.boxpartner {
	height: 50px;
	margin: 0 20px;
	flex-shrink: 0;
}
.boxpartner img{
	max-height: 50px;
	max-width: 100px;
	filter: grayscale(1);
	transition: .6s ease;
	cursor: pointer;
}
.boxpartner img:hover{
	filter: grayscale(0);
}
.marquee__logoswhite .boxpartner img{
	filter: none
}
.marquee::before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 15%;
	height: 100%;
	z-index: 4;
	background: linear-gradient(90deg, #fff 0%, transparent 100%);
}
.marquee::after{
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	width: 15%;
	height: 100%;
	z-index: 4;
	background: linear-gradient(90deg, transparent 0%, #fff 100%);
}
.marquee__noshadow::before,
.marquee__noshadow::after{
	display: none;
}
.marquee-track {
	width: max-content;
  	animation: scroll 80s linear infinite;
	will-change: transform;
	gap: 15px
}
.marquee_reverse .marquee-track {
  	animation: scrollreverse 80s linear infinite;
}
.marquee:hover .marquee-track{
	animation-play-state: paused;
}
@keyframes scroll{from{transform: translateX(0);}to{transform: translateX(50%);}}
@keyframes scrollreverse{from{transform: translateX(50%);}to{transform: translateX(0);}}
.sliderhomebox__video{
    position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
	width: 100%;
	min-width: 100%;
	min-height: 100%;
}
.iconbars{
	min-width: 30px;
	min-height: 19px;
}
.iconbars span + span{
	margin-top: 5px;
}
.iconbars span{
	display: block;
	width: 30px;
	height: 3px;
	border-radius: 50px;
	background-color: #14b5bc;
	transition: .4s;
}
.iconbars span:nth-child(2){
	width: 20px;
}
.sidenav {
	z-index: 1001;
	transition: 0.3s;
	top: 0;
	left: -350px;
	width: 350px;
	overflow-y: scroll;
	overflow-x: hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.sidenav::-webkit-scrollbar {
	display: none;
}
.sidenav.active{
	left: 0;
}
.sidenav .navbar-nav > .nav-item .nav-link,
.sidenav a{
	color: #fff;
	font-weight: 500;
}
.sidenav .navbar-nav > .nav-item .nav-link:hover,
.sidenav a:hover{
	color: #14b5bc;
}
.sidenav .navbar-nav .nav-item .nav-link{
	font-size: 18px;
	padding: 15px 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sidenav .navbar-nav .nav-item.active .nav-link{
	background-color: #14b5bc;
}
.sidenav .navbar-nav .nav-item{
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.sidenav .border-bottom{
	border-color: #ffffff20 !important;
}
.sidenav .navbar-nav .nav-item .nav-link.dropdown-toggle::after{
    content: '\f107';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    border: 0;
}
.sidenav .navbar-nav .dropdown-menu{
    display: block;
    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: .1s;
    transform: translateY(-10px) !important;
    position: relative !important;
    background-color: #161a1f;
    margin: 0;
    padding: 0;
    border-radius: 0;
    width: 100%;
}
.sidenav .navbar-nav .dropdown-menu.show{
    visibility: visible;
    opacity: 1;
    height: 100%;
    transform: translateY(0) !important;
}
.sidenav .navbar-nav .dropdown-menu .dropdown-item{
    padding: 10px 30px;
}
.sidenav .navbar-nav .dropdown-menu .dropdown-item:hover{
    background-color: #14b5bc;
    color: #fff;
}
#sidebody{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	background-color: rgba(21, 21, 21, 0.8);
	transition: .45s;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
}
#sidebody.active{
	z-index: 1000;
	opacity: 1;
	visibility: visible;
}
body.stop{
	overflow: hidden;
}
.breadcrumb{
    background-color: #ffffff20;
}
.breadcrumb-item a,
.breadcrumb-item + .breadcrumb-item::before,
.breadcrumb-item.active{
    color: #fff;
}
.breadcrumb-item a:hover{
    color: #e4d7d5;
}
.breadcrumb-item + .breadcrumb-item{
    padding-right: 8px;
}
.breadcrumb-item + .breadcrumb-item::before{
    content: '\f060';
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 14px;
    padding-left: 10px;
	padding-top: 4px;
}
.singlecontentbg h1,
.singlecontentbg h2,
.singlecontentbg h3,
.singlecontentbg h4,
.singlecontentbg h5,
.singlecontentbg h6{
	color: #14b5bc;
	margin-bottom: 30px;
	font-weight: 500;
}
.singlecontentbg h1{
	font-size: 30px;
}
.singlecontentbg h2{
	font-size: 28px;
}
.singlecontentbg h3{
	font-size: 26px;
}
.singlecontentbg h4{
	font-size: 24px;
}
.singlecontentbg h5{
	font-size: 22px;
}
.singlecontentbg h6{
	font-size: 20px;
}
.singlecontentbg p,
.singlecontentbg ul,
.singlecontentbg ol{
	font-size: 20px;
	line-height: 1.8;
}
.singlecontentbg.font-bigger p,
.singlecontentbg.font-bigger ul,
.singlecontentbg.font-bigger ol{
	font-size: 20px;
}
.singlecontentbg ul li + li,
.singlecontentbg ol li + li{
	margin-top: 14px;
}
.singlecontentbg.font-small p,
.singlecontentbg.font-small ul,
.singlecontentbg.font-small ol{
	font-size: 16px;
	line-height: 1.6;
}
.singlecontentbg.font-small ul li + li{
	margin-top: 5px;
}
.singlecontentbg.font-sm p,
.singlecontentbg.font-sm ul,
.singlecontentbg.font-sm ol{
	font-size: 18px;
}
.singlecontentbg p + h1,
.singlecontentbg p + h2,
.singlecontentbg p + h3,
.singlecontentbg p + h4,
.singlecontentbg p + h5,
.singlecontentbg p + h6{
	margin-top: 30px;
}
.singlecontentbg h1,
.singlecontentbg h2,
.singlecontentbg h3,
.singlecontentbg h4,
.singlecontentbg h5,
.singlecontentbg h6{
	margin-bottom: 15px;
}
.card-body .singlecontentbg p{
	margin-bottom: 8px;
	font-size: 20px;
}
.singlecontentbg li::marker{
    color: #14b5bc;
}
.singlecontentbg a{
	font-weight: bold;
	color: #14b5bc;
}
.singlecontentbg a:hover{
	color: #0C474D;
}
.singlecontentbg img{
    margin-top: 30px;
    margin-bottom: 30px;
}
.singlecontentbg *:last-child{
    margin-bottom: 0;
}
.btn{
	font-weight: 500;
}
.text-white-70{
	color: rgba(255, 255, 255, 0.7);
}
.btn-glass{
	background-color: #ffffff96;
	border-color: #dfdfdf;
	backdrop-filter: blur(5px);
}
.btn-glass:hover{
	background-color: #14b5bc;
	border-color: #14b5bc;
	color: #fff;
}
.rounded-30{
	border-radius: 32px;
}
.boxzoshrinfo{
	margin: 20px 0;
	padding: 35px;
	background: linear-gradient(30deg, #f5f5f5 0%, #fff 100%);
	border: 2px solid #fff;
	box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;
	transition: .5s;
	min-height: 550px;
}
.boxzoshrinfo:hover{
	transform: translateY(-5px)scale(1.01);
	border-color: rgba(20, 180, 188, 0.5);
	box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
.customsliderarrows .slick-next,
.customsliderarrows .slick-prev {
	top: -95px;
}
.customsliderarrows .slick-prev {
	right: auto;
	left: calc(80px + 40px + 10px);
}
.customsliderarrows .slick-next {
	left: 80px;
}
.customsliderarrows .slick-next:before,
.customsliderarrows .slick-prev:before {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
}
.customtabs__style.nav-tabs{
	border-radius: 30px;
	padding: 30px;
	background: linear-gradient(30deg, #f5f5f5 0%, #fff 100%);
	border: 2px solid #fff;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.customtabs__style.nav-tabs .nav-item + .nav-item{
	margin-top: 15px;
}
.customtabs__style.nav-tabs .nav-item .nav-link{
	padding: 10px 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 50px;
	font-size: 18px;
}
.customtabs__style.nav-tabs .nav-item .nav-link.active{
	background-color: #151515;
	border-color: #151515;
	color: #fff;
}
.customstickytop{
	top: 70px;
}
.boxfeatures__colors .boxfeatures:nth-child(4n + 1){
	background: linear-gradient(0deg, #14b5bc 0%, #109097 100%);
}
.boxfeatures__colors .boxfeatures:nth-child(4n + 2){
	background: linear-gradient(0deg, #1476bc 0%, #105d95 100%);
}
.boxfeatures__colors .boxfeatures:nth-child(4n + 3){
	background: linear-gradient(0deg, #8114bc 0%, #651093 100%);
}
.boxfeatures__colors .boxfeatures:nth-child(4n + 4){
	background: linear-gradient(0deg, #2a2b2b 0%, #101111 100%);
}
.boxfeatures .btn{
	background-color: rgba(255, 255, 255, 0.3);
	border-color: rgba(255, 255, 255, 0.4);
	color: #fff;
	backdrop-filter: blur(10px);
}
.boxfeatures .btn:hover{
	background-color: rgba(255, 255, 255, 0.5);
}
.boxfeatures{
	position: relative;
	transition: .8s ease;
	right: 0;
	width: 100%;
	z-index: 9999;
}
.boxfeatures.active-full{
	top: 0;
	right: -440px;
	width: calc(100% + 440px);
}
.boxfeatures .showboxtext,
.boxfeatures .closebox,
.boxfeatures.active-full .showboxfull{
	display: none;
}
.boxfeatures .closebox{
	min-height: inherit;
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 5;
}
.boxfeatures.active-full .showboxtext{
	display: block;
}
.boxfeatures.active-full .closebox{
	display: flex;
}
.boxfeatures.active-full .boxfeatures__row{
	flex-direction: row-reverse;
}
.boxfeatures_box{
	background-color: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #fff;
	backdrop-filter: blur(10px);
}
.boxfeatures_box .border-top{
	border-color: rgba(255, 255, 255, 0.3) !important;
}
.colorstar{
	color: #0000001c;
}
.colorstar .fa{
	margin: 0 1px;
}
.colorstar .active{
	color: #f59e0b;
}
.hoverbox:hover{
	transform: translateY(-3px)scale(1.01);
	box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.hoverboxsmall:hover{
	transform: translateY(-2px)scale(1.01);
	box-shadow: rgba(17, 12, 46, 0.05) 0px 0px 15px 0px;
}
.boxshadow{
	box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 50px;
}
.boxservice{
	min-height: 440px;
	border: 5px solid #f6fcfe;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 50px;
}
.boxservice::before{
	position: absolute;
	content: '';
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, #222424 0%, transparent 100%);
	border-radius: 26px;
}
.boxboss{
	background-color: #ddf5f6;
	border-radius: 20px;
}
.boxboss img{
	border-radius: 20px 20px 0 0;
	filter: grayscale(1);
}
.boxboss__title{
	right: 20px;
	left: 20px;
	width: calc(100% - 20px - 20px);
	top: -24px;
	margin-bottom: -5px;
	padding: 9px;
}
.faq-columns{
    column-count: 2;
    column-gap: 20px;
}
.faq-item{
    break-inside: avoid;
    overflow: hidden;
}
.customaccordion .card {
    border-radius: 10px;
    border: 0;
	background-color: #fff;
    box-shadow: none;
    border: 2px solid #e3e3e3;
    transition: border .5s;
	margin-bottom: 10px;
	transition: border-radius .4s;
}
.customaccordion .card:has(.collapse.show){
	border-radius: 18px;
    border: 2px solid rgba(34, 107, 124, 0.4);
}
.customaccordion .card .card-header {
    border-radius: 0;
	padding: 0;
	background-color: transparent;
	border: none;
}
.customaccordion .card .card-header a {
    display: block;
    font-size: 18px;
    color: #226b7c;
    background-color: transparent;
    padding: 15px 20px;
	line-height: 1.5;
	font-weight: 500;
    padding-left: 55px;
    position: relative;
}
.customaccordion .card .card-header a.collapsed:hover {
	color: #226b7c;
}
.customaccordion .card .card-header a.collapsed {
    color: #0d1715;
    background-color: transparent;
}
.customaccordion .card .card-header a:before {
    position: absolute;
	content: "\2b";
    font-family: "FontAwesome";
    font-weight: 900;
    top: 18px;
    left: 20px;
    font-size: 15px;
	transform: rotate(225deg)translateX(-3px);
	transition: .5s;
}
.customaccordion .card .card-header a.collapsed:before {
	content: "\2b";
	transform: rotate(0deg);
}
.customaccordion .card .card-body {
    background-color: transparent;
    font-size: 19px;
    line-height: 1.6;
    border: none;
    padding: 0 30px 20px;
    color: #4f4f4f;
}
.customaccordion .card .card-body p:last-child {
    margin-bottom: 0;
}
.footerbg a{
	color: rgba(255, 255, 255, 0.734);
}
.footerbg a:hover{
	color: #14b5bc;
}
.footerbg__links li{
	line-height: 1.4;
}
.footerbg__links li + li{
	margin-top: 10px;
}
.footerbg .border-top{
	border-color: rgba(255, 255, 255, 0.1) !important;
}
.img-shadow{
	filter: 
		drop-shadow(0 10px 30px rgba(20, 180, 188, 0.15))
		drop-shadow(0 20px 40px rgba(20, 180, 188, 0.1))
}
.img-animation:hover{
    animation: floatImg 2s ease-in-out infinite;
}
@keyframes floatImg{0%{transform: translateY(0px);}50%{transform: translateY(-12px);}100%{transform: translateY(0px);}}
.network-icons{
	height: 130px;
}
.wave{
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border: 2px solid transparent;
}
.wave-1{
	width: 350px;
	height: 350px;
	background: 
    linear-gradient(#fff, #fff) padding-box, /* Content background */
    linear-gradient(0deg, #e5e5e5, #fff) border-box; /* Border gradient */
}
.wave-2{
	width: 260px;
	height: 260px;
	background: 
    linear-gradient(#fff, #fff) padding-box, /* Content background */
    linear-gradient(240deg, #e5e5e5, #fff) border-box; /* Border gradient */
}
.wave-3{
	width: 180px;
	height: 180px;
	background: 
    linear-gradient(#fff, #fff) padding-box, /* Content background */
    linear-gradient(180deg, #eeeeee, #fff) border-box; /* Border gradient */
}
.circle{
	box-shadow: 0 10px 30px rgba(0,0,0,0.05), inset 0 4px 15px rgba(0, 0, 0, 0.1);
	z-index: 2;
}
.circle-sm.left{
	left: 58px;
	top: 50%;
	transform: translateY(-50%);
	animation: floatDown 5s ease-in-out infinite;
}
.circle-sm.right{
	right: 58px;
	top: 50%;
	transform: translateY(-50%);
	animation: floatUp 5s ease-in-out infinite;
}
.circle{
	animation: float 4s ease-in-out infinite;
}
.circle-lg{
	animation: none;
}
@keyframes floatUp{0%,100%{transform:translateY(calc(-50% - 12px))}50%{transform:translateY(calc(-50% + 12px))}}
@keyframes floatDown{0%,100%{transform:translateY(calc(-50% + 12px))}50%{transform:translateY(calc(-50% - 12px))}}
.listcheck li{
	position: relative;
	padding-right: 30px;
}
.listcheck li + li{
	margin-top: 5px;
}
.listcheck li::before{
	position: absolute;
	content: '\f058';
	font-family: 'Font Awesome 7 Free';
	font-weight: 400;
	top: 0;
	right: 0;
	color: #14b5bc;
}
.boxpricing{
	border-radius: 20px;
}
.boxpricing .btn{
	border-radius: 0 0 18px 18px;
}
.roundedimg{
	border-radius: 15px 15px 15px 50px;
}
/*--------- Responsive ----- */
@media (max-width: 1300px) {
	.boxfeatures.active-full{width: calc(100% + 376px);right: -376px;}
}
@media (max-width: 1200px) {
	.sliderhomebox__video{width: 120%;}
}
@media (max-width: 992px) {
	.card-columns-custom{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2}
	.faq-columns{column-count: 1;}
	.boxfeatures.active-full{width: 100%;right: 0;}
	.sliderindex .sliderindex__slide{padding-top: calc(84px + 20px);}
	.sliderhomebox__video{width: auto;}
	.customtabs__style.nav-tabs{padding: 0;background: transparent;box-shadow: none;border: 0;}
	.customtabs__style.nav-tabs .nav-item + .nav-item{margin-top: 0;margin-right: 5px;}
	.customtabs__style.nav-tabs .nav-item{margin-bottom: 5px;}
	.customtabs__style.nav-tabs .nav-item .nav-link{padding: 4px 15px;font-size: 15px;border-radius: 6px;}
	.boxservice{min-height: 250px;}
}
@media (max-width: 768px) {
	.marquee-track{gap: 15px;}
	.card-columns-custom{-webkit-column-count: 1;-moz-column-count: 1;column-count: 1}
	.customsliderarrows .slick-next,.customsliderarrows .slick-prev{top:30px}
	.customsliderarrows .slick-prev{right: auto;left: calc(40px + 40px + 5px)}
	.customsliderarrows .slick-next{left: 40px}
}
@media (max-width: 600px) {

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

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

}
@media (min-width: 1190px) {
	.container{max-width: 1130px;}
}
@media (min-width: 1340px) {
	.container{max-width: 1280px;}
}
@media (min-width: 1440px) {
	.container{max-width: 1320px;}
}

/* === ZOS CRM generated overrides start === */
:root { --zoscrm-font: 'Cairo', sans-serif; }
  body, body :not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands):not([class^="fa-"]):not([class*=" fa-"]),
  input, button, textarea, select {
    font-family: var(--zoscrm-font) !important;
    letter-spacing: 0 !important;
  }
  .fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands, .fa-classic,
  .fa::before, .fas::before, .far::before, .fab::before, .fa-solid::before, .fa-regular::before, .fa-brands::before, .fa-classic::before {
    font-family: var(--_fa-family, "Font Awesome 7 Free") !important;
    font-style: normal !important;
    font-synthesis: none !important;
    line-height: 1 !important;
  }
  .fab, .fa-brands, .fab::before, .fa-brands::before {
    --fa-family: "Font Awesome 7 Brands";
    font-family: "Font Awesome 7 Brands" !important;
  }
  :root {
    --zoscrm-primary: #19b8bd;
    --zoscrm-ink: #1f3147;
    --zoscrm-muted: #617086;
    --zoscrm-soft-shadow: 0 18px 48px rgba(31, 49, 71, .12);
    --zoscrm-strong-shadow: 0 26px 66px rgba(31, 49, 71, .18);
    --zoscrm-ease: cubic-bezier(.2, .8, .2, 1);
  }
  html {
    scroll-behavior: smooth;
  }
  a,
  button,
  .btn,
  .nav-link,
  .hoverbox,
  .addeffect,
  .faq-item,
  .boxfeatures,
  .boxfeatures_box,
  .zoscrm-lifecycle__step,
  .sharesocial a,
  .marquee img {
    transition:
      transform .24s var(--zoscrm-ease),
      box-shadow .24s var(--zoscrm-ease),
      color .2s ease,
      background-color .2s ease,
      border-color .2s ease,
      opacity .2s ease,
      filter .24s var(--zoscrm-ease);
  }
  a:hover {
    text-decoration: none;
  }
  header {
    position: relative;
    z-index: 20;
  }
  .headerbg {
    background: transparent !important;
  }
  header + aside .sliderindex {
    margin-top: -84px !important;
    background: #eef3f3 url("assets/img/section-1.jpg") center top / cover no-repeat;
  }
  header + aside .sliderindex.sliderindex__fullheight,
  header + aside .sliderindex.sliderindex__fullheight .sliderindex__slide {
    height: clamp(590px, calc(100vh - 128px), 700px) !important;
    min-height: 0 !important;
  }
  header + aside .sliderindex .sliderindex__slide {
    justify-content: center !important;
    padding-top: calc(84px + 22px) !important;
    padding-bottom: 18px !important;
  }
  .sliderhomebox__video {
    top: 0 !important;
    bottom: auto !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
  }
  header + aside .sliderindex h1 {
    margin-bottom: 10px !important;
    line-height: 1.18 !important;
  }
  header + aside .sliderindex h1.font-xl-45 {
    font-size: 42px !important;
  }
  header + aside .sliderindex p.line-18 {
    margin-bottom: 18px !important;
    line-height: 1.55 !important;
  }
  header + aside .sliderindex .d-md-flex.mb-4,
  header + aside .sliderindex .d-md-flex.mb-lg-5 {
    margin-bottom: 18px !important;
  }
  header + aside .sliderindex .row-p4 {
    row-gap: 8px;
  }
  header + aside .sliderindex .row-p4 .img-h40 {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
  }
  header + aside .sliderindex .row-p4 p {
    line-height: 1.22 !important;
  }
  header + aside .sliderindex img[src*="img-1092"] {
    display: block;
    width: min(114%, 760px);
    max-width: none;
    max-height: min(60vh, 570px);
    margin-inline: auto;
    object-fit: contain;
  }
  .zoscrm-partner-strip {
    position: relative;
    z-index: 3;
    overflow: hidden;
    border-top: 1px solid rgba(31, 49, 71, .06);
    border-bottom: 1px solid rgba(31, 49, 71, .06);
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(244, 251, 252, .96)),
      #f7fcfc;
    box-shadow: 0 16px 44px rgba(31, 49, 71, .06);
  }
  .zoscrm-partner-strip .font-20 {
    margin-bottom: 14px !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .48);
  }
  .zoscrm-partner-strip .marquee__noshadow .boxpartner img {
    opacity: .72;
    filter: grayscale(1) contrast(.94);
  }
  .zoscrm-partner-strip .marquee__noshadow .boxpartner img:hover {
    opacity: 1;
    filter: grayscale(0) contrast(1.02) saturate(1.04);
  }
  @supports (height: 100dvh) {
    header + aside .sliderindex.sliderindex__fullheight,
    header + aside .sliderindex.sliderindex__fullheight .sliderindex__slide {
      height: clamp(590px, calc(100dvh - 128px), 700px) !important;
      min-height: 0 !important;
    }
  }
  @media (min-width: 1600px) {
    header + aside .sliderindex h1.font-xl-45 {
      font-size: 44px !important;
    }
    header + aside .sliderindex img[src*="img-1092"] {
      width: min(120%, 820px);
      max-height: min(62vh, 610px);
    }
  }
  @media (max-width: 1199.98px) {
    header + aside .sliderindex.sliderindex__fullheight,
    header + aside .sliderindex.sliderindex__fullheight .sliderindex__slide {
      height: auto !important;
      min-height: 0 !important;
    }
    header + aside .sliderindex .sliderindex__slide {
      padding-top: calc(84px + 28px) !important;
      padding-bottom: 30px !important;
    }
  }
  a:focus-visible,
  button:focus-visible,
  input:focus-visible,
  .btn:focus-visible {
    outline: 3px solid rgba(25, 184, 189, .32);
    outline-offset: 3px;
  }
  .navbar .nav-link {
    position: relative;
  }
  .navbar .nav-link::after {
    content: "";
    position: absolute;
    right: 18%;
    left: 18%;
    bottom: -6px;
    height: 2px;
    border-radius: 999px;
    background: var(--zoscrm-primary);
    transform: scaleX(0);
    transform-origin: center;
    opacity: 0;
    transition: transform .24s var(--zoscrm-ease), opacity .24s var(--zoscrm-ease);
  }
  .navbar .nav-link:hover,
  .navbar .active > .nav-link {
    color: var(--zoscrm-primary) !important;
  }
  .navbar .nav-link:hover::after,
  .navbar .active > .nav-link::after {
    transform: scaleX(1);
    opacity: 1;
  }
  .btn {
    position: relative;
    overflow: hidden;
    isolation: isolate;
  }
  .btn:not(input)::after {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(110deg, transparent 0%, rgba(255, 255, 255, .28) 45%, transparent 72%);
    transform: translateX(115%);
    transition: transform .5s var(--zoscrm-ease);
  }
  .btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 36px rgba(25, 184, 189, .2);
  }
  .btn:hover::after {
    transform: translateX(-115%);
  }
  .btn-primary:hover {
    background-color: #13aab0 !important;
    border-color: #13aab0 !important;
  }
  .btn-glass:hover {
    color: var(--zoscrm-ink) !important;
    background: rgba(255, 255, 255, .92) !important;
  }
  .sliderslick {
    padding-block: 12px 52px;
  }
  .sliderslick .slick-list {
    padding-block: 18px 46px !important;
  }
  .sliderslick .slick-track {
    display: flex !important;
    align-items: stretch;
  }
  .sliderslick .slick-slide {
    height: auto !important;
    padding-inline: 10px;
  }
  .sliderslick .slick-slide > div {
    height: 100%;
  }
  .sliderslick .boxzoshrinfo {
    height: clamp(540px, 32vw, 575px);
    min-height: 0 !important;
    margin-block: 0 !important;
    overflow: visible !important;
    padding: 34px 28px 30px !important;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
  }
  .sliderslick .boxzoshrinfo > div:first-child {
    min-height: 0;
  }
  .sliderslick .boxzoshrinfo .singlecontentbg {
    max-height: 250px;
    overflow: hidden;
  }
  .sliderslick .boxzoshrinfo .singlecontentbg.font-small ul,
  .sliderslick .boxzoshrinfo .singlecontentbg.font-small ol {
    font-size: 15px;
    line-height: 1.55;
  }
  .sliderslick .boxzoshrinfo .singlecontentbg.font-small ul li + li {
    margin-top: 7px;
  }
  .sliderslick .boxzoshrinfo .btn {
    flex: 0 0 auto;
    margin-top: 22px !important;
  }
  @media (max-width: 991.98px) {
    .sliderslick .boxzoshrinfo {
      height: 510px;
    }
  }
  @media (max-width: 575.98px) {
    .sliderslick .boxzoshrinfo {
      height: auto;
      min-height: 500px !important;
    }
  }
  .img-animation,
  .img-shadow {
    transition: transform .36s var(--zoscrm-ease), filter .36s var(--zoscrm-ease), box-shadow .36s var(--zoscrm-ease);
  }
  .img-animation:hover,
  .img-shadow:hover {
    transform: translateY(-8px) scale(1.015);
    filter: saturate(1.04) contrast(1.02);
  }
  .boxfeatures {
    position: relative;
    overflow: hidden;
    box-shadow: 0 18px 44px rgba(31, 49, 71, .08);
  }
  .boxfeatures::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
      radial-gradient(circle at 18% 20%, rgba(255, 255, 255, .22), transparent 26%),
      linear-gradient(110deg, transparent 10%, rgba(255, 255, 255, .12) 50%, transparent 82%);
    opacity: 0;
    transform: translateX(18px);
    transition: opacity .28s ease, transform .28s var(--zoscrm-ease);
  }
  .boxfeatures::after {
    content: "";
    position: absolute;
    right: 34px;
    left: 34px;
    bottom: 0;
    height: 5px;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(90deg, #24d6dc, #0b5360);
    transform: scaleX(.18);
    transform-origin: center;
    opacity: .55;
    transition: transform .28s var(--zoscrm-ease), opacity .28s ease;
  }
  .boxfeatures:hover {
    transform: translateY(-6px);
    box-shadow: var(--zoscrm-strong-shadow);
  }
  .boxfeatures:hover::before {
    opacity: 1;
    transform: translateX(0);
  }
  .boxfeatures:hover::after {
    transform: scaleX(1);
    opacity: 1;
  }
  .boxfeatures__row > [class*="col-"]:first-child {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 168px;
    padding: 12px;
    overflow: visible !important;
    isolation: isolate;
  }
  .boxfeatures__row > [class*="col-"]:first-child::before {
    display: none;
  }
  .zoscrm-feature-icon {
    position: relative;
    z-index: 1;
    width: 144px;
    height: 144px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: visible;
    isolation: isolate;
  }
  .zoscrm-feature-icon::before {
    content: "";
    position: absolute;
    inset: 14px;
    z-index: 0;
    box-sizing: border-box;
    border-radius: 50%;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .28);
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, .12),
      0 10px 22px rgba(6, 42, 48, .08);
    transform: scale(.8);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    will-change: transform;
    transition: transform .28s var(--zoscrm-ease), opacity .28s ease, visibility .28s ease, background-color .28s ease, box-shadow .28s ease;
  }
  .zoscrm-feature-icon:hover::before {
    transform: scale(1);
    opacity: .62;
    visibility: visible;
    background: rgba(255, 255, 255, .15);
    box-shadow:
      inset 0 0 0 1px rgba(255, 255, 255, .16),
      0 12px 24px rgba(6, 42, 48, .1);
  }
  .boxfeatures .zoscrm-feature-icon img[src*="feature-icons"] {
    position: relative;
    z-index: 1;
    width: 104px !important;
    max-width: 104px;
    height: 104px !important;
    object-fit: contain;
    filter: drop-shadow(0 14px 18px rgba(31, 49, 71, .16));
    transform-origin: center;
    transition: transform .28s var(--zoscrm-ease), filter .28s ease;
  }
  .boxfeatures .zoscrm-feature-icon:hover img[src*="feature-icons"] {
    transform: translateY(-4px) scale(1.04);
    filter: drop-shadow(0 18px 20px rgba(31, 49, 71, .18));
  }
  .boxfeatures .showboxfull:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .16);
  }
  @media (max-width: 767.98px) {
    .boxfeatures__row > [class*="col-"]:first-child {
      min-height: 118px;
      padding: 8px;
    }
    .zoscrm-feature-icon {
      width: 96px;
      height: 96px;
    }
    .zoscrm-feature-icon::before {
      inset: 7px;
    }
    .boxfeatures .zoscrm-feature-icon img[src*="feature-icons"] {
      width: 72px !important;
      max-width: 72px;
      height: 72px !important;
    }
  }
  .boxfeatures_box {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .1);
  }
  .boxfeatures_box::after {
    content: "";
    position: absolute;
    right: 18px;
    left: 18px;
    bottom: 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: rgba(255, 255, 255, .65);
    transform: scaleX(0);
    transition: transform .22s var(--zoscrm-ease);
  }
  .boxfeatures_box:hover {
    transform: translateY(-4px);
    border-color: rgba(255, 255, 255, .28);
    background-color: rgba(255, 255, 255, .1);
  }
  .boxfeatures_box:hover::after {
    transform: scaleX(1);
  }
  .boxfeatures_box a {
    transition: transform .22s var(--zoscrm-ease), color .2s ease, border-color .2s ease;
  }
  .boxfeatures_box:hover a {
    transform: translateX(-4px);
    border-color: rgba(255, 255, 255, .38) !important;
  }
  .hoverbox:hover,
  .addeffect:hover,
  .faq-item:hover {
    transform: translateY(-4px);
    box-shadow: var(--zoscrm-soft-shadow) !important;
  }
  .marquee img:hover {
    transform: translateY(-3px) scale(1.04);
    filter: saturate(1.06);
  }
  .sharesocial a:hover {
    transform: translateY(-3px) scale(1.08);
    color: #fff !important;
    background-color: var(--zoscrm-primary) !important;
  }
  .zoscrm-lifecycle {
    position: relative;
    background:
      linear-gradient(180deg, rgba(248, 253, 253, .98), rgba(239, 248, 249, .9)),
      #f6fbfc;
    overflow: hidden;
  }
  .zoscrm-lifecycle__steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }
  .zoscrm-lifecycle__step {
    min-height: 164px;
    padding: 22px;
    border: 1px solid rgba(31, 49, 71, .08);
    border-radius: 18px;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 16px 36px rgba(31, 49, 71, .07);
    position: relative;
    overflow: hidden;
  }
  .zoscrm-lifecycle__step::after {
    content: "";
    position: absolute;
    inset-inline: 22px;
    bottom: 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: var(--zoscrm-primary);
    transform: scaleX(0);
    transform-origin: center;
    opacity: 0;
    transition: transform .24s var(--zoscrm-ease), opacity .24s ease;
  }
  .zoscrm-lifecycle__step:hover {
    transform: translateY(-5px);
    border-color: rgba(25, 184, 189, .24);
    box-shadow: var(--zoscrm-soft-shadow);
  }
  .zoscrm-lifecycle__step:hover::after {
    transform: scaleX(1);
    opacity: 1;
  }
  .zoscrm-lifecycle__step span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-bottom: 14px;
    border-radius: 50%;
    color: #18b9bf;
    background: rgba(24, 185, 191, .12);
    transition: transform .24s var(--zoscrm-ease), background-color .24s ease, color .24s ease;
  }
  .zoscrm-lifecycle__step:hover span {
    color: #fff;
    background: var(--zoscrm-primary);
    box-shadow: 0 12px 26px rgba(25, 184, 189, .28);
    transform: translateY(-4px) scale(1.1);
  }
  .zoscrm-lifecycle__step h3 {
    margin: 0 0 8px;
    color: #1f3147;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 800;
  }
  .zoscrm-lifecycle__step p {
    margin: 0;
    color: #617086;
    font-size: 16px;
    line-height: 1.7;
  }
  @media (max-width: 991.98px) {
    .zoscrm-lifecycle__steps {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 575.98px) {
    .zoscrm-lifecycle__steps {
      grid-template-columns: 1fr;
    }
    .zoscrm-lifecycle__step {
      min-height: auto;
      padding: 20px;
    }
  }
  body.zoscrm-modal-open {
    overflow: hidden;
  }
  .zoscrm-quote-modal {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: grid;
    place-items: center;
    padding: 22px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .24s ease, visibility .24s ease;
  }
  .zoscrm-quote-modal.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  .zoscrm-quote-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .78);
  }
  .zoscrm-quote-modal__dialog {
    position: relative;
    width: min(92vw, 800px);
    min-height: 0;
    overflow: hidden;
    border-radius: 13.6px;
    background: #fff url("https://zos.sa/wp-content/themes/zos_theme/assets/img/element_line.png") left top / cover no-repeat;
    box-shadow: 0 22px 70px rgba(0, 0, 0, .22);
    transform: translateY(24px) scale(.98);
    transition: transform .28s var(--zoscrm-ease);
  }
  .zoscrm-quote-modal.is-open .zoscrm-quote-modal__dialog {
    transform: translateY(0) scale(1);
  }
  .zoscrm-quote-modal__dialog::before,
  .zoscrm-quote-modal__dialog::after {
    content: "";
    display: none;
  }
  .zoscrm-quote-modal__dialog::before {
    display: none;
  }
  .zoscrm-quote-modal__dialog::after {
    display: none;
  }
  .zoscrm-quote-modal__inner {
    position: relative;
    z-index: 1;
    min-height: 436px;
    padding: 48px;
  }
  .zoscrm-quote-modal__close {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    color: #fff;
    background: #14b5bc;
    font-size: 28px;
    line-height: 1;
    box-shadow: none;
  }
  .zoscrm-quote-modal__close span {
    display: block;
    transform: translateY(-2px);
  }
  .zoscrm-quote-modal__close:hover {
    color: #fff;
    background: #0c474d;
    transform: translateY(-2px);
  }
  .zoscrm-quote-modal__title {
    margin: 0 0 4px;
    color: #0c474d;
    text-align: right;
    font-size: 30px;
    line-height: 48px;
    font-weight: 700;
    letter-spacing: 0;
  }
  .zoscrm-quote-modal__title span {
    position: relative;
    color: #0c474d;
  }
  .zoscrm-quote-modal__title span::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 7px;
    z-index: -1;
    width: 100%;
    height: 10px;
    background: rgba(20, 181, 188, .42);
  }
  .zoscrm-quote-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 17px;
    direction: rtl;
  }
  .zoscrm-quote-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .zoscrm-quote-field label {
    margin: 0;
    color: #0c474d;
    text-align: right;
    font-size: 18px;
    line-height: 28.8px;
    font-weight: 400;
  }
  .zoscrm-quote-field input,
  .zoscrm-quote-field select {
    width: 100%;
    height: 50px;
    border: 0;
    border-radius: 4.8px;
    outline: 0;
    color: #495057;
    background: #f6f6f6;
    padding: 0 15px;
    font-size: 16px;
    box-shadow: inset 0 0 0 1px rgba(31, 49, 71, 0);
    transition: box-shadow .2s ease, background-color .2s ease;
  }
  .zoscrm-quote-field select {
    cursor: pointer;
    appearance: none;
    padding-left: 56px;
  }
  .zoscrm-quote-field--select {
    position: relative;
  }
  .zoscrm-quote-field--select::after {
    content: "";
    position: absolute;
    left: 24px;
    bottom: 20px;
    width: 10px;
    height: 10px;
    border: solid #5f6874;
    border-width: 0 2px 2px 0;
    pointer-events: none;
    transform: rotate(45deg);
  }
  .zoscrm-quote-field input:focus,
  .zoscrm-quote-field select:focus {
    background: #fff;
    box-shadow:
      inset 0 0 0 2px rgba(25, 184, 189, .45),
      0 14px 34px rgba(31, 49, 71, .08);
  }
  .zoscrm-quote-actions {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-start;
    padding-top: 24px;
  }
  .zoscrm-quote-submit {
    width: 236px;
    min-width: 236px;
    min-height: 50px;
    border: 0;
    border-radius: 4.8px;
    color: #fff;
    background: #14b5bc;
    padding: 12px 20px;
    font-size: 16px;
    line-height: 25.6px;
    font-weight: 700;
    box-shadow: none;
  }
  .zoscrm-quote-submit:hover {
    color: #fff;
    background: #0c474d;
    transform: translateY(-2px);
    box-shadow: none;
  }
  @media (max-width: 991.98px) {
    .zoscrm-quote-modal {
      padding: 18px;
    }
    .zoscrm-quote-modal__dialog {
      min-height: 0;
    }
    .zoscrm-quote-modal__inner {
      padding: 86px 28px 34px;
    }
    .zoscrm-quote-form {
      grid-template-columns: 1fr;
      gap: 20px;
    }
    .zoscrm-quote-actions {
      justify-content: stretch;
      padding-top: 10px;
    }
    .zoscrm-quote-submit {
      width: 100%;
      min-width: 0;
    }
  }
  @media (max-width: 575.98px) {
    .zoscrm-quote-modal {
      align-items: start;
      overflow-y: auto;
      padding: 12px;
    }
    .zoscrm-quote-modal__dialog {
      border-radius: 14px;
    }
    .zoscrm-quote-modal__close {
      top: 18px;
      left: 18px;
      width: 52px;
      height: 52px;
      font-size: 34px;
    }
    .zoscrm-quote-modal__inner {
      padding: 82px 18px 24px;
    }
    .zoscrm-quote-field input,
    .zoscrm-quote-field select {
      height: 62px;
      font-size: 18px;
    }
    .zoscrm-quote-submit {
      min-height: 64px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      scroll-behavior: auto !important;
      transition-duration: .01ms !important;
      animation-duration: .01ms !important;
      animation-iteration-count: 1 !important;
    }
  }


:root {
  --zoscrm-font: "thmanyah", "Cairo", Arial, sans-serif;
  --zoscrm-ease: cubic-bezier(.22, 1, .36, 1);
}

.zoscrm-brand-text,
.zoscrm-footer-brand {
  display: inline-flex;
  align-items: center;
  color: #1f3147;
  font-family: var(--zoscrm-font, 'Cairo', sans-serif);
  font-size: 31px;
  font-weight: 900;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
}

.zoscrm-brand-text {
  display: none !important;
}

.zoscrm-brand-logo {
  display: block !important;
  width: 158px !important;
  max-width: 158px !important;
  max-height: 64px !important;
  height: auto !important;
  object-fit: contain;
}

.headerbg .navbar-brand {
  min-width: 158px;
  text-decoration: none !important;
}

.headerbg {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

header {
  min-height: 84px !important;
}

.navbar {
  min-height: 60px;
  align-items: center;
}

.headerbg .navbar-brand::after,
.headerbg .navbar-brand:hover::after,
.navbar-brand::after,
.navbar-brand:hover::after {
  content: none !important;
  display: none !important;
}

.headerbg .nav-link {
  font-family: var(--zoscrm-font, 'Cairo', sans-serif);
}

.zoscrm-footer-brand {
  color: #fff;
  font-size: 28px;
}

.footerbg__links a {
  transition: color .22s ease, transform .22s ease;
}

.footerbg__links a:hover {
  color: #19b8bd !important;
  transform: translateX(-4px);
}

.sidenav .navbar-nav {
  padding: 0 24px;
}

.sidenav .nav-link {
  color: #fff !important;
  padding: 10px 0;
  font-family: var(--zoscrm-font, 'Cairo', sans-serif);
}

header + aside .sliderindex .row.align-items-center > .col-lg-6:first-child h1.font-xl-45 {
  max-width: 760px;
  margin-inline-start: auto;
  font-size: clamp(34px, 3.05vw, 42px) !important;
  line-height: 1.18 !important;
  transform: translateY(-34px);
}

header + aside .sliderindex .row.align-items-center > .col-lg-6:first-child > p.line-18 {
  max-width: 620px;
  margin-inline-start: auto;
  font-size: 22px !important;
  line-height: 1.68 !important;
  transform: translateY(-28px);
}

header + aside .sliderindex .d-md-flex.mb-4,
header + aside .sliderindex .d-md-flex.mb-lg-5 {
  margin-top: 28px !important;
  transform: translateY(34px);
}

header + aside .sliderindex .row-p4 {
  margin-top: 34px;
  transform: translateY(48px);
}

header + aside .sliderindex .wow {
  visibility: visible !important;
  animation: none !important;
  opacity: 1 !important;
}

header + aside .sliderindex .fadeInUp,
header + aside .sliderindex .fadeInDown,
header + aside .sliderindex .fadeInLeft,
header + aside .sliderindex .fadeInRight {
  animation-name: none !important;
}

header + aside .sliderindex .sliderhomebox__video {
  opacity: 0;
  transition: opacity .7s ease;
}

header + aside .sliderindex .sliderhomebox__video.is-video-ready {
  opacity: .92;
}

header + aside .sliderindex .col-sm-8.col-lg-6 {
  position: relative;
  z-index: 2;
}

header + aside .sliderindex .col-sm-8.col-lg-6 .wow.fadeInLeft {
  --hero-base-x: 38px;
  --hero-base-y: -4px;
  --hero-pan-x: 0px;
  --hero-pan-y: 0px;
  --hero-lift: 0px;
  --hero-rotate-x: 0deg;
  --hero-rotate-y: 0deg;
  --hero-scale: 1;
  --hero-img-pan-x: 0px;
  --hero-img-pan-y: 0px;
  --hero-img-scale: 1;
  --hero-light-x: 30%;
  --hero-light-y: 36%;
  position: relative;
  isolation: isolate;
  transform:
    perspective(1100px)
    translate3d(
      calc(var(--hero-base-x) + var(--hero-pan-x)),
      calc(var(--hero-base-y) + var(--hero-pan-y) + var(--hero-lift)),
      0
    )
    rotateX(var(--hero-rotate-x))
    rotateY(var(--hero-rotate-y))
    scale(var(--hero-scale)) !important;
  transition: transform .52s var(--zoscrm-ease), filter .42s ease;
  transform-style: preserve-3d;
  will-change: transform;
}

header + aside .sliderindex .col-sm-8.col-lg-6 .wow.fadeInLeft::before {
  content: "";
  position: absolute;
  inset: 8% 4% 5% 8%;
  z-index: -1;
  border-radius: 34px;
  background:
    radial-gradient(circle at var(--hero-light-x) var(--hero-light-y), rgba(25, 184, 189, .32), transparent 34%),
    linear-gradient(135deg, rgba(255, 255, 255, .58), rgba(25, 184, 189, .15));
  box-shadow: 0 30px 84px rgba(25, 184, 189, .16);
  opacity: .62;
  transform: scale(.96);
  transition: opacity .42s ease, transform .42s var(--zoscrm-ease), box-shadow .42s ease;
}

header + aside .sliderindex .col-sm-8.col-lg-6 .wow.fadeInLeft::after {
  content: "";
  position: absolute;
  inset: 2% 2% 2% 4%;
  z-index: -1;
  border-radius: 38px;
  border: 1px solid rgba(255, 255, 255, .62);
  background:
    linear-gradient(115deg, transparent 8%, rgba(255, 255, 255, .38) 38%, transparent 62%),
    radial-gradient(circle at var(--hero-light-x) var(--hero-light-y), rgba(255, 255, 255, .22), transparent 38%);
  opacity: .18;
  transform: scale(.985);
  transition: opacity .42s ease, transform .42s var(--zoscrm-ease), background-position .42s ease;
  pointer-events: none;
}

header + aside .sliderindex .col-sm-8.col-lg-6 .wow.fadeInLeft:hover {
  --hero-lift: -10px;
  --hero-scale: 1.018;
  --hero-img-scale: 1.012;
  transition-duration: .18s;
}

header + aside .sliderindex .col-sm-8.col-lg-6 .wow.fadeInLeft:hover::before {
  opacity: .88;
  transform: scale(1);
  box-shadow: 0 34px 94px rgba(25, 184, 189, .22);
}

header + aside .sliderindex .col-sm-8.col-lg-6 .wow.fadeInLeft:hover::after {
  opacity: .56;
  transform: scale(1.012);
}

header + aside .sliderindex .img-animation[src*="img-1092"],
header + aside .sliderindex img[src*="img-1092"],
header + aside .sliderindex .img-animation[src*="img-1092"]:hover,
header + aside .sliderindex img[src*="img-1092"]:hover {
  animation: none !important;
  transform: translate3d(var(--hero-img-pan-x), var(--hero-img-pan-y), 34px) scale(var(--hero-img-scale)) !important;
}

header + aside .sliderindex .img-animation[src*="img-1092"],
header + aside .sliderindex img[src*="img-1092"] {
  filter:
    drop-shadow(0 18px 34px rgba(25, 184, 189, .10))
    drop-shadow(0 32px 54px rgba(31, 49, 71, .08));
  transition: filter .42s ease, opacity .42s ease, transform .42s var(--zoscrm-ease);
  transform: translate3d(var(--hero-img-pan-x), var(--hero-img-pan-y), 34px) scale(var(--hero-img-scale)) !important;
  backface-visibility: hidden;
}

header + aside .sliderindex .col-sm-8.col-lg-6 .wow.fadeInLeft:hover img[src*="img-1092"] {
  filter:
    saturate(1.06)
    contrast(1.02)
    drop-shadow(0 22px 48px rgba(25, 184, 189, .22))
    drop-shadow(0 46px 82px rgba(31, 49, 71, .14));
}

@media (max-width: 991.98px) {
  .zoscrm-brand-logo {
    width: 142px !important;
    max-width: 142px !important;
  }

  .headerbg .navbar-brand {
    min-width: 142px;
  }

  header + aside .sliderindex .img-animation[src*="img-1092"],
  header + aside .sliderindex img[src*="img-1092"] {
    transform: none !important;
  }

  header + aside .sliderindex .img-animation[src*="img-1092"]:hover,
  header + aside .sliderindex img[src*="img-1092"]:hover {
    transform: none !important;
  }

  header + aside .sliderindex .col-sm-8.col-lg-6 .wow.fadeInLeft,
  header + aside .sliderindex .col-sm-8.col-lg-6 .wow.fadeInLeft:hover {
    transform: none !important;
  }

  header + aside .sliderindex .row.align-items-center > .col-lg-6:first-child h1.font-xl-45,
  header + aside .sliderindex .row.align-items-center > .col-lg-6:first-child > p.line-18 {
    max-width: none;
    margin-inline-start: 0;
    transform: none;
  }

  header + aside .sliderindex .d-md-flex.mb-4,
  header + aside .sliderindex .d-md-flex.mb-lg-5,
  header + aside .sliderindex .row-p4 {
    transform: none;
    margin-top: 10px !important;
  }
}

/* === ZOS CRM generated overrides end === */