.header-container {
	max-width: 1920px;
	margin: 0 auto;
}

.kp{
	width:100%;
	height:100%;
	display:inline-block;
}

.item-content.accordion .item h2:after{
	font-family:bi;
	content:'\f282';
	position:absolute;
	right:1.5rem;
	
}
.item-content.accordion .item h2.opened:after{
	content:'\f286';
}

.acomponent .item-content.accordion .item h2+*{
	display:block !important;
}

.item-content *:focus {
	outline:1px solid blue;
}


.item-content *{
	overflow-wrap:anywhere;
}

.item-content> .container> h2+span{
	display:block !important;
	width:75%; 
	margin-left:auto;
	margin-right:auto;
	color:var(--c);
	overflow-wrap:normal;
}


.item-content img{
	-webkit-touch-callout: none;	
	user-drag: none;
	-webkit-user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

/*main-slider*/

.main-slider .control_prev{
	left:25% !important;
	top:35% !important;
}
.main-slider .control_next{
	right:25% !important;
	top:35% !important;
}
.main-slider .controlbtn {
	color:#ffffffee !important;
}

.main-slider .slider-item *{
	color:#fff ;
}
.main-slider .slider-item img{
	/* max-width:200px; */
	height:252px;
	max-height:252px;
	border-radius:8px;
}

.use-cases-slider ul.nav li{
	width:1.875rem;
	border-radius:8px;
}
.use-cases-slider ul.nav li.chk{
	width:2.5rem;
	background:var(--c) !important;
}
.use-cases-slider .controlbtn{
	font-size:30px !important;
}

/*Benefits start*/
.item-content [contenteditable]{
	
}

.admin_panel .benefit-container{
	zoom:0.75;
}
.item-content h2{
	font-size:1.5rem;
}

.item-content h2,
.item-content h3{
	color:var(--bs-p);
	font-weight:600;
	margin-bottom:0.50rem ;
}
.item-content span{
	color:var(--c);
	overflow-wrap: anywhere;
}

.benefit-container .item{max-width:35%;}
.benefit-container .item .pa,
.benefit-container .item .pa-lg{width:80%;}


/*Next Benefit*/
.benefit-1        {padding-bottom:5.5rem !important;}
.benefit-1 .item-1{text-align:right; transform:translateX(-100%);left:0;top:29%;}
.benefit-1 .item-2{text-align:right; transform:translateX(-100%);top:79%;left:18%;}
.benefit-1 .item-3{text-align:center;transform:translate(-50%,100%);left:50%;bottom:0;}
.benefit-1 .item-4{text-align:left;  transform:translateX(100%);top:79%;right:18%;}
.benefit-1 .item-5{text-align:left;  transform:translateX(100%);right:0;top:29%;}
/*Next Benefit*/


.page-header{
	-webkit-box-shadow:0 1px 1px #aaa;
	box-shadow:0 10px 30px lightblue;
	box-shadow:0 1px 10px #aaa;
	z-index:1 !important;
}

/* .main.middle{
	background:url(../upload/main/brm.png) repeat;
	background:url(../upload/main/bg-comp-light.png) repeat-y;
	background-size:100%;
} */


.item-content:not(.main-slider):not(.banner):not(.brands):not(.yazi){
	padding-top:7rem !important;
}
.item-content:not(.main-slider):not(.banner):not(.testimonial):not(.yazi){
	padding-bottom:7rem !important;
}



.bg-digit,
.item-content:not(.main-slider):not(.banner),
.benefit-2{
	background-color:#fafcff;
	background:url(../upload/main/bg-comp-light.jpg);
}
 
.benefit-2 .item{display:block;}
.benefit-2 .item img{transform:translateX(2%) scale(1.1);}
.benefit-2 .item-2 img,.benefit-2 .item-4 img{transform:translate(2%,20%) scale(1.1);}
.benefit-2 .item .pa-lg{top:42%;transform:translateX(10%);}



/* .benefit-2 .item-1{top:39%;left:9.5%;transform:translateX(-50%);}
.benefit-2 .item-2{top:39%;left:29.5%;transform:translateX(-50%);}
.benefit-2 .item-3{top:39%;left:49.5%;transform:translateX(-50%);}
.benefit-2 .item-4{top:39%;left:69.5%;transform:translateX(-50%);}
.benefit-2 .item-5{top:39%;left:89.5%;transform:translateX(-50%);} */
/*Next Benefit*/
.benefit-3 .item .pa-lg{top:50%;left:50%;transform:translateX(-50%);}
/*Next Benefit*/

.benefit-4 .benefit-container{ }
.benefit-4 .pa-lg{padding:0px 30px;}
.benefit-4 .item{top:90%;}
.benefit-4 .item-2,.benefit-4 .item-4{top:-25%;}

/*Next Feature*/
.feature-1 .item-1{text-align:right;transform:translate(-105% ,0);left:0; top:0;}
.feature-1 .item-2{text-align:left ;transform:translate( 105%  ,0);right:0;top:0;}
.feature-1 .item-3{text-align:right;transform:translate(-105% ,0%);left:0; top:65%;}
.feature-1 .item-4{text-align:left ;transform:translate( 105% ,0%);right:0;top:65%;}
.feature-1 .item:before{
    content: '';
    border-right: 12px solid #274981;
    border-radius: 8px;
    height: 100%;
    display: inline-block;
    position: absolute;
	margin-left:-25px;
    top: 0;
}

.feature-1 .item-1:before,.feature-1 .item-3:before{margin-left:15px;}
/*Next Feature*/
.feature-2 .item  {border-radius:80px;border:5px solid #f9f9f9;width:50%;padding:0.75rem 2.5rem;overflow:hidden;}

.feature-2 .item-1{padding-left :1rem;text-align:right;top:0;transform:translate(-90%,-50%);}
.feature-2 .item-2{padding-right:1rem;text-align:left ;top:0;   right:0;transform:translate(90%,-50%);}
.feature-2 .item-3{padding-left :1rem;text-align:right;top:50%;transform:translate(-100%,-50%);}
.feature-2 .item-4{padding-right:1rem;text-align:left ;top:50% ;right:0;transform:translate(100%,-50%);}
.feature-2 .item-5{padding-left :1rem;text-align:right;transform:translate(-90%,-50%);}
.feature-2 .item-6{padding-right:1rem;text-align:left ;top:100%;right:0;transform:translate(90%,-50%);}

.feature-2 .item:after{
	content:'';
	background:var(--bs-p);
	background:url(admin/bg.png) no-repeat;
	background-size:75px;
	background-position:0% 50% ;
	width :85px;
	height:55px;
	border-radius:20px;
	overflow:hidden;
	position:absolute;
	right:-58px;
	top:50%;transform:translateY(-50%);
}
.feature-2 .item:nth-child(2n+1):after{
	left:-45px;
	background-position:0% 50% ;
	
}


.feature-2-bs3 {
	box-shadow: 0px 12px 15px #eee !important
}
.feature-2-center{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	transform: translate3d(-50%, -30%, 0px);
	color: #fff !important;
}
.feature-2-center *{
	color: #fff !important;
}

/*Next feature-3*/
.feature-3 .item  {border-radius:80px;border:5px solid #f9f9f9;width:50%;padding:0.75rem 2.5rem;overflow:hidden;}
.feature-3 .item-1{padding-left :1rem;text-align:right !important;top:0%;transform:translate(-105%,-50%);}
.feature-3 .item-2{padding-right:1rem;text-align:left ;top:0% ;right:0;transform:translate(105%,-50%);}
.feature-3 .item-3{padding-left :1rem;text-align:right;transform:translate(-95%,-50%);}
.feature-3 .item-4{padding-right:1rem;text-align:left ;top:100%;right:0;transform:translate(95%,-50%);}


/*Next Step*/
.step-1 .item{top:50%;transform:translateY(-50%)}
.step-1 .item-1.pa{left:0;}
.step-1 .item-2.pa{left:33%}
.step-1 .item-3.pa{right:0;}
/*Next Step*/

.step-2 .item-1 .bg-img-light{background-position:0%   50%;}
.step-2 .item-2 .bg-img-light{background-position:33%  50%;}
.step-2 .item-3 .bg-img-light{background-position:66%  50%;}
.step-2 .item-4 .bg-img-light{background-position:100% 50%;}
/*Next banner*/

/* .banner *:not(input):not(.aimg):not(.t-000):not(b):not(.btn)*/
.banner h2,
.banner span{ 
	color:#fff !important;
}

.banner img{
	border-radius:10px;
	width:18rem;
}
/* .bg_lightordark, */
.bg-img-light{background:url(admin/banner-light.png) no-repeat;background-size:cover;}
.bg-img-dark {background:url(admin/banner-dark.png ) no-repeat;background-size:cover;}



.step-2 .item-1 .bg-img-page{background:url(../upload/main/arka.webp) transparent no-repeat;background-position:0% 50%;}
.step-2 .item-2 .bg-img-page{background:url(../upload/main/arka.webp) transparent no-repeat;background-position:33% 50%;}
.step-2 .item-3 .bg-img-page{background:url(../upload/main/arka.webp) transparent no-repeat;background-position:66% 50%;}
.step-2 .item-4 .bg-img-page{background:url(../upload/main/arka.webp) transparent no-repeat;background-position:100% 50%;}

/*Next yatay tab*/

/*Next dikey tab*/
.bleft{
	padding:0px 0;
	padding-left:40px;
}
.bleft:before{
	content: '';
	width:10px;
    content: '';
    border-radius: 8px;
    height: 100%;
    display: inline-block;
    position: absolute;
	overflow:hidden;
	margin-left:-18px;
    top:0;
	background:url(admin/arka.webp) no-repeat;
	
}
.bleft:nth-child(2):before{background-position:100% 30%;}
.bleft:nth-child(3):before{background-position:50%  30%;}
.bleft:nth-child(4):before{background-position:0%   30%;}

.h-tab .tab-pane img{
	border-radius:10px;
	
}

.v-tab .nav-item{
	background:var(--ops-l);
	min-height:105px;
	font-weight:600 !important;
}
.v-tab .nav-item.active{
	background:var(--ops-p);
	color:#fff;
}
.item-content .v-tab .tab-pane *:not(.btn){
	color:var(--ops);
}

/*Next testimonial*/

@media (min-width: 992px) {
	.testimonial .slider-item+.slider-item>*{
		transform:scale(0.75);
		transition:all .2s;
	}
	.testimonial .slider-item.active-mirror+.slider-item>*,
	.testimonial .slider-item.active+.slider-item>*{
		transform:scale(1);
		transition:all 0.2s;
		transition-delay: 0s;
	}
}
.testimonial img{
	width :5.2rem !important;
	height:5.2rem !important;
}
/*Next form_contact_us*/
.form-header{
	background:linear-gradient(to right, #01bde4 , #2a6ae0);
}

.form1 input,
.form1 select,
.form1 textarea{
	
}
.form1 ul {
	list-style: disc;
	list-style-image: url('../upload/main/bullet.png');
	list-style: none;
	padding:0;
	
}
.form1 li {
	display:block;
}
.form1 li {
	display: block;
	margin: 0;
	padding: 0 0 0px 50px;
	list-style: none;
	background-image: url(../upload/main/bullet.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	background-size: 32px;
}

.form_contact_us form>div,
.form_contact_us >div{
	margin-bottom:18px;
}
.form_contact_us input{
	height:45px;
}
.form_contact_us [name=captcha]{
	width:55% !important;
}
.form_contact_us textarea,
.form_contact_us input{
	padding:0 5px;
	padding-left:22px;
	padding-top:8px;
	z-index:1;
	display:block;width:100%;
	border-radius:30px;
	background:var(--c3);
	background:#485f9612;
	border:0px solid #fff !important;
	outline:0 !important;
}
.form_contact_us textarea{
	padding-top:25px;
	min-height:80px;
}


.sign-in input+label,
.form_contact_us textarea+label,
.form_contact_us input+label{
	position:absolute;
	z-index:0;
	left:20px;
	top:15px;
	font-weight:600;
	color:var(--ci);
	transition:all 0.2s;
	display:inline-block;
	user-select:none;
}

.sign-in{
	background:#f7f7f7;
	padding:0 !important;
}
.sign-in b{
	position:absolute;z-index:1;
	height:45px;
	width:45px;
	background:var(--bs-p) !important;
	padding:5px;
	border-radius:30px 0 0 30px;
}
.sign-in input[type="text"],
.sign-in input[type="password"]{
	border-radius:60px !important;
	box-shadow:0 1px 5px #ccc;
	border:0px solid #000;
	color:#ccc;font-size:1.2rem;
	font-weight:400;
	padding-left:55px;
	background:#f9f9f9 !important;
	color:var(--bs-p);
}
.sign-in input[name="captcha"]{
	width:50% !important;
}
.sign-in img.captcha{
	width:47% !important;
	margin-left:3% !important;
}
.sign-in input[type="checkbox"]:checked:after,
.sign-in input[type="checkbox"]{
	text-indent:0;
	border-radius:50% !important;
	background:#98B9FC !important;
	border:0 !important;
}
.sign-in input[type="checkbox"]:checked:after{
	font-size:1rem !important;
	font-family:fa !important;
	content:'\f00c' !important;
	transform:translate(16%,16%);
	line-height:1;
}
.sign-in input+label{
	top:11px;
	color:#ccc;font-size:1.2rem;
	font-weight:400;
	display:none;
}
.form_contact_us textarea:valid+label,
.form_contact_us textarea:focus+label,
.form_contact_us input:valid+label,
.form_contact_us input:focus+label{
	top:2px;font-size:0.8rem;
}


/*Next map*/
.map iframe{
	border:0;
	width:65%;
	max-height:480px;
	-webkit-filter: grayscale(100%);filter: grayscale(50%);
	display:block;margin:auto;
	border-radius:20px;
    box-shadow: 0 1px 10px #aaa;	
}
/*Next ikonlar*/
.ikonlar img{width:7rem;}

/*Next team*/
.team img{
	height:80px;
	max-height:80px;
}
.team a.fa-linkedin{
	text-decoration:none;
	color:#fff;background:var(--bs-p);
	border-radius: 0.5rem !important;
	font-size:1.1rem;padding: 0.45rem 0.6rem !important;
	display:inline-block;
}

/*Next youtubelink*/
.youtubelink {
	position:absolute;
	width:100%;height:100%;
	left:0;top:0;z-index:5;
}
/*Next use-cases-slider*/
.use-cases-slider .case-box h3,
.use-cases-slider .case-box span{
	color:var(--c) ;
}
.use-cases-slider .icon{
	width :50px;
	height:50px;
	background:var(--c2);
	color:var(--bs-p);
	font-size:1.7rem !important;
}
.dfc{
	display:-webkit-flex;
	display:flex !important;
	align-items:center;
	justify-content:center;
	border-radius:50%;
}

.box-head b{
	display:inline-block;
	width:55px;
	height:4px;
	border-radius:30px;
}


.list_bullet,
.list_bullet li{
	list-style-type: disc !important;
}

.column2{
	-webkit-column-count: 2;
	-webkit-column-gap: 60px;	
	column-count: 2;
	column-gap: 60px;
	text-align:left;
}


.category img{
	border-radius:8px;
}

/*zigzag*/
.zigzag_left_top{
	width: 24rem;
	left: -21%;
	top: -50%
}
.zigzag_right_bottom{width:24rem;right:-21%;bottom:-50%;}

/*youtube popup*/
.video-popup{
    position: fixed;
    top: 0;left: 0;	
    z-index: 1005;
    width: 100%;
    height: 100vh;
	padding:0 1rem !important;
}


.video-popup i.closex {
	position:absolute;
	right:-1.15rem;
    top: -1.55rem;
}
.video-popup i.closex:after {
    border: 3px solid #fff;
	content:'\f659';font-family:bi;
	font-size: 17px; font-weight:500;
	width:100%;height:100%;left:0;
    right: 0rem;
    padding: 0px 0px;
    background: #000;
    z-index: 99999;
    border-radius:50%;
    color: #fff !important;
	width :1.9rem;
	height:1.9rem;
	display:-webkit-flex;
	display:flex;
	align-items:center;justify-content:center;
} 

.video-popup div {
	margin-top:-5rem !important;
	text-align:center;
	width:auto !important;
	
}

.video-popup iframe {
	width: 50rem;
    min-height:  30rem !important;
    max-width: 100% !important;
    max-height: 100% !important;
    margin: auto !important;
}


.sign-in label{
	margin-bottom:0.25rem;
}
.sign-in input{
	border-radius:8px;
	padding:10px 8px ;
	margin-bottom:1rem;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}


.line_short{
	width:180px;
	padding:0.33rem 0;
	background:var(--bs-l);
	border-radius:1.5rem !important;
}

.sign-in textarea:focus,
.sign-in input[type=password]:focus,
.sign-in input[type=text]:focus{
	background:#fff !important;
}


.btn-l *{
	color: var(--bs-p) !important;
}



.btn font{
	color: inherit !important;
}

/*rrr*/
@media (max-width: 992px) {

	.category .pa-sm .t-f{
		color:var(--c) !important;
	}
	.video-popup div {
		margin-top:-6rem !important;
		flex: 1;
	}

	.video-popup iframe {
		width: 100% !important;
		margin:0 auto !important;
		min-height:  18rem !important;
		height: 18rem !important;
		box-shadow:0 1px 3px #555;
	}	
	.video-popup i.closex{
		right: -0.5rem;
	}	
	.video-popup i.closex:after {
		border: 1px solid #fff;
	}
	
	.benefit-container .item {
		max-width: 100%;
	}
	
/* 	.benefit-1 .item,
	.benefit-4 .item,
	.benefit-3 .item{
		border:0px solid var(--bs-p) !important;
	
		background:#fff;
		padding:0.75rem !important;
	}	 */
	.benefit-container h3{
		font-size: 1.05rem !important;
	}
	.benefit-1 .item,
	.benefit-2 .item,
	.benefit-3 .item,
	.benefit-4 .item{
		background:#fff;
		padding:0.75rem 0.75rem !important;
		border-radius:6rem;
		box-shadow:0 1px 7px #ddd;
	}
	.benefit-2 .item img{
		transform:unset !important; 
		
	}
	.benefit-2 .item .pa-lg{
		top:unset !important;
		transform:unset !important;
		width: 100% !important;
		
	}

	.benefit-4 .pa-lg {
		padding:0 !important;
	}
	
	.step-1 .item h3{
		font-size:0.8rem !important;
	}
	
	.step-1 .item h3+span,
	.feature-container .item br,
	.benefit-container .item br{
		display:none !important;
	}
	
	.banner .ra-pill{
		border-radius:0 !important;
	}
	
/* 	.benefit-1 .item-1,
	.benefit-1 .item-2,
	.benefit-1 .item-3,
	.benefit-1 .item-4,
	.benefit-1 .item-5,
	.benefit-1 .item{
		top:unset;
		left:unset;
		transform:unset;
	}	
	 */
	.feature-1 .item,
	.feature-2 .item,
	.feature-3 .item,
	.feature-3 .pa-lg,
	.benefit-1 .item,
	.benefit-3 .item .pa-lg{
		top:unset !important;
		left:unset !important;
		right:unset !important;
		transform:unset !important;
		text-align:left ;
		
	}
	.feature-1 .item:before{
		margin-left: -15px;
	}
	.item-content:not(.main-slider):not(.banner):not(.brands){
		padding-top:2rem !important;
	}
	.item-content:not(.main-slider):not(.banner):not(.testimonial){
		padding-bottom:2rem !important;
	}	
	.feature-2 .item,
	.feature-3 .item{
		width:100%;
		padding:.75rem 1.5rem !important;
		margin-bottom:1.5rem;
	}
		
	.feature-2 .item{
		padding:.75rem 2rem !important;
	}
	
	
	.item-content> .container> h2+span {
		width:100%;
		padding:0 0.5rem !important;
	}
	.item-content:not(.form1) h2+span{
		font-size:0.9rem !important;
	}
	.step-2 h3{
		font-size:1rem !important;
	}
	.step-2 h3+span{
		font-size:0.8rem !important;
	}
	.whyopscycle h3{
		font-size:1.1rem !important;
		
	}
	
	.v-tab .col-4,
	.v-tab .col-7{
		width:100% !important;
	}
	
	.v-tab .tab-container,
	.v-tab .col-4{
		flex-direction:row !important;
		flex-wrap:wrap;
		overflow:hidden;
		justify-content:space-between;
	}
	.v-tab .col-4{
		padding-bottom:2rem !important;
		margin-bottom:0 !important;
	}
	.v-tab .col-4 .nav-item:not(.active){
		background:#fff !important;
		color:var(--c);
	}
	.v-tab .col-4 .nav-item{
		font-size:88% !important;
		text-align:center;
		border:0px solid #ccc !important;
		max-width: 45%;
		flex: auto;
		margin: 1rem 0.5rem;
		height:70px !important;
		border-radius:0.5rem !important;
		box-shadow: 0px 12px 20px #ccc !important;
	}
	.bleft{
		padding:0 !important;
	}
	.map iframe {
		border: 0;
		width: 95%;
	}
	.contact-container .item {
		display:-webkit-flex;
		display:flex;
		align-items:center !important;
		
	}
	.contact-container .item span{
		display:block;
		width:100%;
		flex:auto;
	}
	.contact-container .item>* {
		margin:0 !important;
	}
	.map .contact-container img {
		width:75%;
	}
	
	.testimonial .carousel{
	}
	.testimonial .slider-item{
		/*
		padding-left:2.25rem !important;
		width:21rem !important;
		max-width:100% !important; 
		width: 15rem;
		flex:1 0 18rem;
		*/
		
	}
	
	.column2{
		-webkit-column-count: 1;
		-webkit-column-gap: 0px;	
		column-count: 1;
		column-gap: 0px;
		text-align:left;
	}
}
@media (max-width: 576px) {
	
}