@media screen and (max-width:1199px){
	body {font-size:2.2vw !important}
}
@media screen and (max-width:767px){
	body {font-size:3vw !important}
}
@media screen and (max-width:639px){
	body {font-size:3.5vw !important}
}
@media screen and (max-width:479px){
	body {font-size:4.5vw !important}
}

.bgImgWpr > .elementor-container,
.bgImgWpr > .elementor-container > .elementor-column,
.bgImgWpr > .elementor-container > .elementor-column > .elementor-widget-wrap{position:static !important}
.bgImgWpr .elementor-element{z-index:3;}
.bgImgWpr .elementor-element.bgImg{z-index:1;}
.bgImgWpr .bgImg,
.bgImgWpr .bgImg > div{
    width: 100% !important;
    height: 100% !important;
    max-width: 1920px !important;
    position: absolute !important;
    margin: auto !important;
	z-index:1 !important;
	padding:0 !important;
    right: 0 !important;
    left: 0 !important;
    top: 0 !important;
}
.bgImgWpr .bgImg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.newBannerHm {
	width: 100%;
	height: 550px;/*844px*/
	max-width: 1920px;
	position: relative;
	align-items: center;
	display: flex;
	margin: 0 auto;
}
.newBannerHm h1 {
	font-family: 'Metropolis-Bold';
	font-weight: normal;
	line-height: 1.1142857;
	font-size: 2.917em;
}
.crmplspop .bnrBtn,
.grad-btn .elementor-button {
	background: #f5ae2e;
	background: -moz-linear-gradient(top, #f5ae2e 0%, #ee4f01 100%);
	background: -webkit-linear-gradient(top, #f5ae2e 0%, #ee4f01 100%);
	background: linear-gradient(to bottom, #f5ae2e 0%, #ee4f01 100%);
	cursor: pointer;
	width: 100%;
}
.crmplspop .bnrBtn,
.newBannerHm .elementor-button,
.newBannerHm .elementor-button.ab-clicker {
	font-family: "ProximaNova-Regular" !important;
	font-weight: bold !important;
	font-size: 12.4416px !important;
	white-space: nowrap;
}
.crmplspop .bnrBtn{border-radius: 30px;}
.elementor-widget:not(:last-child) {
	margin-block-end:0 !important;
	margin-bottom:0 !important;
}
#imagebox .elementor-widget-button > .elementor-widget-container {padding: 15px 0 23px}

.opHover > div:hover {background: #0665A2}
.opHover > div:hover h3, .opHover > div:hover p {color: #fff !important}
.opHover > div:hover a {
    background: linear-gradient(90deg, #F07028 0%, #FFA722 100%) !important;
    box-shadow: 0px 4px 4px #005891 !important;
}
.opHover > .elementor-widget-wrap{
	position: relative;
	padding-bottom:60px !important;
}
.opHover .levelbtn{
	width:100%;
	padding:0 20px 20px;
	position: absolute;
	bottom: 0;
	left: 0;
}


.imgFull{
	width: 100%;
	overflow:hidden;
}
.imgFull img {
	width: 100%;
	height:auto;
}
.imgFull .expetrImg{
	max-width:356px;
	position: absolute;
	bottom: 84px;
	right: -5%;
}

#case-study .studyBox {
	background-color: #F9F9F9;
	border: 1px solid #DDDDDD;
	padding: 22px;
	border-radius: 10px;
}
#case-study .studyBox span {color: #F07028}
#case-study .studyBox:hover span {color: #fff}
#case-study .studyBox strong {
	color: #0665A2;
	font-weight: 600;
}
#case-study .studyBox:hover strong{color: #fff}
#case-study .studyBox:hover {background: #0665A2}
#case-study .studyBox:hover .btn {
    background: #f5ae2e;
    background: -moz-linear-gradient(top, #f5ae2e 0%, #ee4f01 100%);
    background: -webkit-linear-gradient(top, #f5ae2e 0%, #ee4f01 100%);
    background: linear-gradient(to bottom, #f5ae2e 0%, #ee4f01 100%);
	color: #fff;
}
.cmnSliderArrow .splide__arrow--next, .cmnSliderArrow .splide__arrow--prev {
	display: flex !important;
	top: 50%;
	width: 40px;
	height: 40px;
	position: absolute;
	color: transparent;
	/* background: linear-gradient(to bottom, #f5ae2e 0%, #ee4f01 100%); */
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	border-width: 0px;
	cursor: pointer;
	z-index: 1;
}

.cmnSliderArrow .splide__arrow--prev::after,
.cmnSliderArrow .splide__arrow--next::after {
	width:100%;
	height:100%;
	content: '';
	position: absolute;
	background: url("../images/arrow--prev.png") no-repeat left top;
	background-size: 100% auto;
}
.cmnSliderArrow .splide__arrow--next::after {
	background: url("../images/arrow--next.png") no-repeat left top;
	background-size: 100% auto;
}

#abr-gallery-carousel {margin-top: 30px}
.mainImg img{width:100%}

[id^="sb_youtube_"].sb_youtube .sby_info,
[id^="sb_youtube_"].sb_youtube .sby_footer{display: none}
.cmnBtn1 a {
	background: -webkit-linear-gradient(top, #f5ae2e 0%, #ee4f01 100%);
	background: linear-gradient(to bottom, #f5ae2e 0%, #ee4f01 100%);
	padding: 20px 40px !important;
	border-radius: 30px;
	font-family: inherit;
	font-size: 0.768em;
	line-height: 1.1;
}

#cta .liorPhoto{
	position:relative;
	z-index:4;
}

#cta .lg-paragraph::before {
	position: absolute;
	left: -65%;
	top: -40px;
	width: 400px;
	height: 400px;
	content: "";
	background: #F07028;
	border-radius: 50%;
	-webkit-box-shadow: 10px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 10px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow: 10px 0px 10px 0px rgba(0,0,0,0.5);
	z-index:2;
}
#cta .lg-paragraph::after {
	position: absolute;
	left: -38%;
	top: -10%;
	width: 130%;
	height: 150%;
	background: #0665A2;
	content: "";
	z-index:1;
	padding: 10px;
	border-radius: 0 5px 5px 0;
}
#cta .lg-paragraph .elementor-widget-container{
	position:relative;
	z-index:3;
}
#cta .lg-paragraph + section{
	position:relative;
	z-index:4;
}

.newBannerHm .abr-btn-pop .ab-hidden{
    width:300px !important;
	padding: 22px 16px !important;
}
.glightbox3 img{
	width:100%;
	height:auto;
}
.abr-yt-pop .playbtn {width:62px !important;}

@media screen and (min-width: 768px){
	.newBannerHm > .elementor-container{
		width:100%;
		padding-top:24px;
		padding-right:15px !important;
		padding-left:15px !important;
		margin-right:0 !important;
		margin-left:0 !important;
	}
	.newBannerHm > .elementor-container > .elementor-column{
		width: 1230px !important;
		padding-right:15px !important;
		padding-left:15px !important;
		margin-right:auto !important;
		margin-left:auto !important;
	}
	.newBannerHm .elementor-element-populated {
		margin:0 !important;
		padding:0 !important;
	}
	.newBannerHm h1 {margin-bottom:20px}
	.newBannerHm .elementor-column.elementor-col-33,
	.newBannerHm .elementor-column[data-col="33"] {width:auto !important}
	.crmplspop .bnrBtn,
	.newBannerHm .elementor-button,
	.newBannerHm .elementor-button.ab-clicker{
		padding: 0 40px !important;
		min-height: 58px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		border-radius: 30px;
		background-color: #AD1400;
		text-transform: uppercase;
		text-decoration: none;
		font-size: 0.768em !important;
		line-height: 1.1 !important;
		color: #fff;
		border: none;
		cursor: pointer;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: center;
		width: fit-content;
	}
	.newbnrLB > .elementor-container{
		max-width:625px;
		display: inline-flex;
		align-items:flex-start;
		gap: 10px;
	}
	.newbnrLB > .elementor-container .btnGroup{padding:0 0 23px !important}
	.newbnrLB > .elementor-container .btnGroup:nth-child(1){max-width:205.317px}
	.newbnrLB > .elementor-container .btnGroup:nth-child(2){max-width:222.983px}
	.newbnrLB > .elementor-container .btnGroup:nth-child(3){max-width:176.7px}
	.btnGroup .abr-btn-pop > div{padding:0 !important}
	.btnGroup img.ab-clicker{
		height:68px;
		max-width:176.7px;
		margin-top: -10px;
		cursor: pointer;
	}
}
@media screen and (min-width:1600px) and (max-width:1919px){
	.newBannerHm{height: 26.645833vw}
}


@media screen and (min-width:1400px) and (max-width:1599px){
	.newBannerHm{height: 32.645833vw}
}


@media screen and (min-width:993px) and (max-width:1399px){
	.newBannerHm{height: 40.645833vw}
}

@media screen and (max-width:1365px){
	#cta .lg-paragraph::before {
		width: 310px;
		height: 310px;
	}
}

@media screen and (max-width:1279px){
	.newBannerHm {max-width: 1920px}
	#cta .lg-paragraph::before {
		left: -85%;
		width: 340px;
		height: 340px;
	}
	#cta .lg-paragraph::after {
		left: -49%;
		width: 150%;
	}
}

@media screen and (max-width:1199px){
	.newBannerHm h1{font-size:5.1vw}
}

@media screen and (max-width:992px){
	.newBannerHm h1 br{display:none}
}
@media screen and (min-width:768px) and (max-width:992px){
	.newBannerHm{height:35.645833vwvw}
}
@media screen and (max-width:1199px){
	.newBannerHm h1 {font-size: 5.1vw}
}


@media screen and (max-width:1025px){
    .mobile-navigation .menu-item-has-children ul,
    .sidebar-wrap{display:none}
    .mobile-navigation .menu-item-has-children .show-sub{
        display:block;
        padding-top:10px;
        font-size:14px;
    }
    .mobile-navigation .menu-item-has-children > a .plus {
        width: 40px;
        height: 100%;
        position: absolute;
        line-height: 0;
        font-size: 0;
        z-index: 9;
        right: 0;
        top: 0;
        font-weight: 700;
		z-index:9999;
  }
}
@media screen and (max-width:1023px){
	#cta .lg-paragraph::before {
		width: 270px;
		height: 270px;
	}
}
@media screen and (max-width:767px){
	.newBannerHm {height: auto}
	.newBannerHm h1 {font-size: 24.3px}
	.bgImgWpr .bgImg,
	.bgImgWpr .bgImg > div {
		height:auto !important;
		position: static !important;
		line-height:0;
	}
	.bgImgWpr .bgImg img {
		height: auto !important;
		object-fit: unset;
	}
	.newBannerHm .abr-btn-pop {width: 100%}
	.elementor-button.ab-clicker {
		border-radius: 30px !important;
		font-size: 16px !important;
		font-weight: 700 !important;
		padding: 14px !important;
	}
	.brNone br {display: none}
	.elementor-widget-container .abr-btn-pop img.ab-clicker {
		margin: 0 auto;
		display: block;
		max-width: 171px;
	}
	.clients li {padding: 5px}
	#client .elementor-column-gap-default{padding:5px}
	#client .elementor-column-gap-default > .elementor-column > .elementor-element-populated {padding:5px}
	.cmnBtn1 a {padding: 14px 20px !important}
	#cta .lg-paragraph::before,
	#cta .lg-paragraph::after {display:none}
	#cta .lg-paragraph .elementor-widget-container{margin: 15px 0 0}
	.reviewSlider .splide__pagination {display: none}
	.nbtn1{min-height:175px !important}
	
	.crmplspop .bnrBtn{
		padding:14px !important;
		color: #fff;
		min-height: auto;
	}
	.opHover > .elementor-widget-wrap{padding-bottom:70px !important}
}
@media screen and (max-width:639px){
	.imgFull .expetrImg{
		max-width:221px;
		right:0;
	}
	.newbnrLB > .elementor-container{
		width:100% !important;
		max-width:inherit !important;
		text-align:center;
	}
	.newbnrLB .btnGroup,
	.newbnrLB .btnGroup + div{
		text-align:center;
		position:relative;
	}
	.newbnrLB .btnGroup + div > div,
	.newbnrLB .btnGroup + div > div > div,
	.newbnrLB .btnGroup + div > div > div > div,
	.newbnrLB .btnGroup + div > div > div > div > div{position:static !important}
	.newbnrLB .btnGroup > div,
	.newbnrLB .btnGroup + div > div{
		max-width: 210px;
		margin: auto;
	}
	.newBannerHm .abr-btn-pop .ab-hidden {width: 100% !important}
}




@media screen and (max-width:767px){
	.studySlidItem {margin:0 !important}
	.viframe iframe{
		height: 55vw !important;
	}
}

/*///// Webinar ////*/

body .webinar .elementor-container{
    position: relative;
    display: block;
}

.webinar .descrip {
    min-height: 115px;
}

.webinar .slick-list {
  margin: 0 0 20px;
}

.webinar .slick-arrow {
	width: 50px;
	padding: 14px;
	height: 50px;
	background: #FFF;
	border-radius: 50%;
	box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.25);
	transform: translateY(-50%);
	position: absolute;
	cursor: pointer;
	line-height: 0;
	border: none;
	z-index: 5;
	top: 50%;
}

.webinar .slick-prev {
  left: -55px;
}

.webinar .slick-next {
	right: -55px;
}

.webinar .slick-dots {
	width: 100%;
	list-style: none;
	gap: 1.0416666666666666vw;
	justify-content: center;
	align-items: center;
	display: flex;
	padding: 0;
	margin: 0;
}

.webinar .slick-dots button {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: #B7D4F1;
	cursor: pointer;
	line-height: 0;
	font-size: 0;
	border: none;
}

.webinar .slick-dots .slick-active button {
	background: #F07028;
}


/* Slider items */
.webinar .slick-slide {
    padding: 10px;
    height: auto !important;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

@media screen and (max-width:767px){
	.webinar .slick-arrow {
        width: 30px;
        padding: 8px;
        height: 30px;
    }
    .webinar .slick-prev {
    	left: -13px;
    }
    .webinar .slick-next {
        right: -13px;
    }
    .webinar .slick-list {
      margin: 0;
    }
    .webinar .slick-dots{
        margin: 0 0 25px;
    }
}