*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Inter", serif;

}
.verdana {
	font-family: Verdana,Geneva,Tahoma,Arial,sans-serif;
}
.justify {
	text-align: justify;
}
ul li{
	list-style: none;
}
.content a, span.link {
	text-decoration: none;
	color: #0277eb;
	cursor: pointer;
}
	.content a:hover, span.link:hover {
		color: #ffbb00;
		text-decoration: none !important;
	}
li{
	list-style: none;
}
h1{
	font-family: "Inter Tight", sans-serif;
    font-size: 50px;
    font-weight: 450;
}
h2{
	  font-family: "Inter Tight", sans-serif;
      font-size: 40px;
      font-weight: 400;

}
h3{
	  font-family: "Inter Tight", sans-serif;
      font-size: 24px;
      font-weight: 400;
}
.code, pre {
	font-family: Consolas, Verdana, sans-serif;
	font-size: 0.85em;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	background: #f2f2f2;
	border-radius: 16px;
}

	pre code {
		tab-size: 4;
	}

.codeHtml {
	color: Maroon;
}

.codeAttr {
	color: Red;
}

.codeComment {
	color: Green;
}

.codeKeyword {
	color: Blue;
}

.codeType {
	color: #2b91af;
}

.codeValue {
	color: #a31515;
}

.codeAspx {
	background-color: #FF0;
}

.textShadow, .title, .codeType {
	text-shadow: 1px 1px 1px #CCC;
}
.text-color{
   color:#585A72;

}
.heading-color{
    color: #1B152B;
}
p{
	font-size: 16px;
    line-height:24px ;
}
.for-mobile{
	display: none;
}
.dis-flex{
	display: flex;
	align-items: center;
}
.section-padding{
	width: 100%;
	display: flex;
	padding: 100px 0;
}
.main{
    max-width: 1560px;
    width: 95%;
    margin: 0 auto;
}


 .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    max-width: 1560px;
    width: 95%;
    margin: 0 auto;
    backdrop-filter: blur(10px);
    background: linear-gradient(204.93deg, rgba(4, 5, 9, 0.098) -72.87%, rgba(255, 255, 255, 0) 109.39%),
    linear-gradient(180deg, rgba(122, 192, 222, 0.021) 0%, rgba(38, 169, 225, 0.021) 100%);
    box-shadow: 0px -1px 1px 0px rgba(255, 255, 255, 0.03) inset;
    padding: 16px 24px;
    border-radius: 80px;
    position: fixed;
    top: 24px;
}


.navbar-logo {
    display: flex;
    align-items: center;
}
.navbar-logo a img{
    width: 250px;
}




.navbar-menu {
    display: flex;
    gap: 20px;
}

.navbar-menu li {
    list-style: none;
    position: relative;
}

	.navbar-menu a, .navbar-menu span.menu-container {
		text-decoration: none;
		cursor: pointer;
		color: #1B152B;
		padding: 8px 12px;
		border-radius: 4px;
		/*    transition: background-color 0.3s;*/
		display: flex;
		font-size: 16px;
		align-items: center;
	}

		.navbar-menu a:hover, .navbar-menu a.active, .navbar-menu span.menu-container:hover {
			background: linear-gradient(90deg, #26A9E1 -0.1%, #3F6CFF 99.85%);
			color: #0277eb;
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
		}

.dropdown {
	display: none;
	position: absolute;
	padding: 10px;
	top: 100%;
	left: 0;
	background-color: #ffffff;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
	border-radius: 6px;
	border: solid 1px transparent;
	z-index: 8000;
	white-space: nowrap;
}

.dropdown a {
    display: block;
    padding: 6px 10px;
    color: #333;
    text-decoration: none;
/*    transition: background-color 0.3s;*/
}

.dropdown a:hover {
    background-color: #f0f0f0;
}

.navbar-menu li:hover .dropdown {
    display: block;
}

.dropdown-icon {
    margin-left: 5px;
    font-size: 0.8em;
}

.featuers-box h3 {
	margin: 15px 0;
}

.featuers-box2 h3 {
	margin: 15px 0;
}

.row-center {
	justify-content: center;
}

.section-padd-200 {
	width: 100%;
	padding: 160px 0 100px;
}

.business-rule .center-title {
	width: 46%;
}

.navbar-button {
    padding: 9px 20px;
    background: linear-gradient(90deg, #26A9E1 -0.1%, #3F6CFF 99.85%);
    color: #ffffff;
    text-decoration: none;
    border-radius: 46px;
    transition: background-color 0.3s;
}

.navbar-button:hover {
    background-color: #0056b3;
}

.navbar {
    position: fixed;
    left: 50%;
    transform: translate(-50%);
    z-index: 999;
}

.navbar-menu {
    flex: 1;
    justify-content: center;
}

.navbar-button {
    margin-left: auto;
}

/* hero */
.hero{
    width: 100%;
    display: flex;
    align-items: center;
    background: url(/Resources/Images/UI/Hero-Bg.svg)  left top no-repeat;
    background-size: cover;
    height: 90vh;
}
.row{
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mr-100{
    margin-top: 100px;
}
.col-6{
    width: 49%;
}
.col-5{
    width: 40%;
}
.col-7{
    width: 55%;
}
.features-btn{
    background: linear-gradient(90deg, rgba(38, 169, 225, 0.05) -0.1%, rgba(63, 108, 255, 0.05) 99.85%);
    padding: 9px 17px;
    display: inline-block;
    border-radius: 46px;

}
.features-btn p{
    font-size: 14px;
    padding: 7px 16px;
    box-shadow: 0px -4px 52px 0px rgba(212, 158, 255, 0.12) inset;
    backdrop-filter: blur(12px);
    border-radius: 20px;

}
.text-gradient {
    background: linear-gradient(90deg, rgba(38, 169, 225, 1) -0.1%, rgba(63, 108, 255, 1) 99.85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.hero h1{
    margin: 15px 0;
}
.hero-btn{
    width: 100%;
    margin-top: 60px;
    display: flex;
    gap: 10px;
}
/* .gobal-btn a{
    border-radius: 46px;
    padding: 9px 17px;
    background: linear-gradient(90deg, #26A9E1 -0.1%, #3F6CFF 99.85%);
    color: #fff;
    font-weight: 600;
} */
.hero-btn .gobal-btn{
    margin-right: 20px;
}
.border-btn a{
    background: transparent; 
    border: 2px solid #3F6CFF; 
    border-radius: 46px; 
    padding: 9px 17px;
    font-size: 16px;
    font-weight: bold;
    color: transparent;
    background-image: linear-gradient(90deg, #26A9E1 -0.1%, #3F6CFF 99.85%);
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent; 
    transition: all 0.3s ease;
}
.hero img{
    max-width: 811.56px;
    width: 100%;
}

/* coustomer */
.coustomer{
    padding: 0 0 80px;
}

.center-btn{
    text-align: center;
    width: 100%;
    margin-top:50px ;
}
.center-title{
    width: 72%;
    margin:0 auto;
    text-align: center;
    margin-bottom: 40px;
}
.center-title h2{
    color: #1B152B;
    margin-bottom: 15px;
}
.coustomer_partners ul li {
    list-style: none;
}

.coustomer_partners ul {
    gap: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.coustomer_partners ul li img {
    width: 100%;
    height: auto;
}

.coustomer_partners {
    display: flex;
    flex-direction: column;
    gap: 70px;
    text-align: center;
    margin-top: 48px;
}

/* .rules-box */
.business-rules .center-title{
   width: 60%;
}
.server-card .center-title{
   width: 50%;
}

.rules-box{
    background: linear-gradient(90deg, rgba(217, 217, 217, 0.25) -0.1%, rgba(237, 237, 237, 0.25) 99.85%);
    padding: 50px 100px 0;
}
.video-popup img{
    width: 100%;
}
.col-3{
    width:32%;
    margin-bottom: 25px;
}
.col-4{
    width:25%;
    margin-bottom: 25px;
}
.how-work-box{
    width: 100%;
    padding: 0 40px;
    text-align: center;
}

.how-work-box h3{
    margin: 10px 0;
    font-weight: 500;
 
}
.for-arrow-img{
    position: relative;
}
.arrow-img{
    top: 0;
    right: -50%;
    position: absolute;
}
.arrow-img img{
    width: 80%;
}
.arrow-img2{
    top: 25%;
}

.card-box{
    position: relative;
    color: #fff;
    height: 620px;
    padding: 34px;
    background: linear-gradient(90deg, #D9D9D9 -0.1%, #EDEDED 99.85%);
}
.card-box h2 {
    color: #1B152B;
    font-family: "Inter Tight";
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: -0.4px;
    text-transform: capitalize;
}

.card-box p{
    margin: 15px 0;
    color: #585A72;
}
.cardBox-img {
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
/*.cardBox-img img{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    width: 100%;
}*/
.serve-area{
    padding: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 25px;
border: 1px solid #D4E1D1;
background: linear-gradient(90deg, rgba(217, 217, 217, 0.15) -0.1%, rgba(237, 237, 237, 0.15) 99.85%);
}
.service-card{
    width: 23.5%;
}
.service-img{
    width: 100%;
    padding: 50px 0 0 50px;
    border-radius: 15px;
    line-height: 0;
}
.service-img img{
    width: 100%;
}
.service-card h3{
    margin: 15px 0 5px;
}
.sing-up {
    background: linear-gradient(90deg, rgba(217, 217, 217, 0.50) -0.1%, rgba(237, 237, 237, 0.50) 99.85%);
}
.sing-up-area{
    text-align: center;
    width: 100%;
    /* background: url(../images/cta-bg.png) center center no-repeat;
    background-size: cover; */
    padding: 50px 100px ;
}
.sing-up-box p {
    color: #585A72;
}
.sing-up-box{
    max-width: 540px;
    margin: 0 auto;
}
.sing-up-box p{
    font-size: 20px;
    line-height: 35px;
    margin: 20px 0;
}
	.sing-up-box p.form {
		display: flex;
		background: #F9F9F9;
		border-radius: 46px;
	}
		.sing-up-box p.form input[type=email] {
			width: 100%;
			padding: 20px;
			border: none;
			border-radius: 46px 4px 0px 46px;
			background: #F9F9F9;
		}
		.sing-up-box p.form input[type=button] {
			padding: 20px 48px;
			display: inline-block;
			border-radius: 46px;
			background: linear-gradient(90deg, #cecece -0.1%, #e1e1e2 99.85%);
			border: 1px solid transparent;
			color: #1B152B;
			font-family: Inter;
			font-size: 16px;
			font-style: normal;
			font-weight: 500;
			line-height: 20px;
			transition: linear 0.12s;
			cursor: pointer;
		}
			.sing-up-box p.form input[type=button]:hover {
				background: #fff;
				transition: linear 0.12s;
				border: 1px solid #0277eb;
				color: #0277eb;
			}
		.sing-up-box p.form input[type=email]:focus {
			outline: none;
		}
/* footer */
footer{
    width: 100%;
    padding: 100px 0 0;
    background: #383C41;
}
.main.footer-width {
    max-width: 1150px;
}
.footer-area{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/* .footer-box{
    width: 15%;
    padding-left: 40px;
} */

.footer-box img{
    width: 100%;
    margin-bottom: 20px;
}
.footer-box-content{
    width: 20%;
    padding-left: 0px;
    padding-right: 20px;
}
.footer-box h3 {
	margin-bottom: 16px;
}
.footer-box ul li{
    margin-top: 6px;
}
.footer-box ul li a{
    transition: .6s;
}
.footer-box h3 {
	color: #888;
}
.footer-area p {
	color: #fff;
}
.footer-area a {
	color: #fff;
	text-decoration:none;
}
.footer-box ul li a:hover{
    background: linear-gradient(90deg, rgba(38, 169, 225, 1) -0.1%, rgba(63, 108, 255, 1) 99.85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.copyright p {
    color: #FFF;
    font-family: "Inter Tight";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    letter-spacing: -0.48px;
}
.copyright p span {
    margin-right: 12px;
}
.copyright {
    text-align: center;
    padding: 15px 0 45px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.50);
    margin-top: 30px;
}

	/* features */
	.features {
		width: 100%;
		padding: 160px 0 40px;
	}
.features .col-6{
    width: 49%;
}
.features .center-title{
    width: 49%;
}
.why-code .center-title{
    width: 90%;
}

.features-img{
    overflow: hidden;
    padding: 50px 40px 0;   
    position: relative;
    border-radius: 15px;

}
.features-img2{
    padding: 50px 150px 0;
}
.features-img img{
    width: 100%;
    border-radius: 15px;
    margin-bottom: -14px;
}

.features-area{
    margin-bottom: 40px;
}
.features-area h3{
    margin: 15px 0 10px;
}
.featuers-box{
   padding: 0 10px;
   margin-bottom: 30px;
    text-align: center;
}
.featuers-box p a{
    text-decoration: underline;
    background: linear-gradient(90deg, #26A9E1 -0.1%, #3F6CFF 99.85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.featuers-box2{
   padding: 0 60px;
   margin-bottom: 30px;
    text-align: center;
}

.rules-container{
    padding: 50px 0 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
}
.rules-img {
    /* width: 45%;
    position: absolute;
    bottom: 0; */
    line-height: 0;
}
.rules-content{
    width: 85%;
    margin: 0 auto;
}

.rules-content h2{
	font-size: 34px;
	font-weight:450;
}
.rules-text{
    color: #fff;
    padding-bottom: 40px;
}
.rules-text h2 {
    text-transform: capitalize;
}
.rules-text p{
    margin: 15px 0;
}
.rules-img img{
    width: 100%;
    /* margin-bottom: -10px; */
}
.rules-text ul{
    padding-left: 20px;
}
.rules-text ul li{
    margin-bottom: 15px;
    list-style: disc!important;
}
.benefit-container{
    padding: 40px;
    border-radius: 25px;
border: 1px solid #D4E1D1;
background: linear-gradient(90deg, rgba(217, 217, 217, 0.15) -0.1%, rgba(237, 237, 237, 0.15) 99.85%);  
}
.benefit-box{
    padding: 0 20px;
    text-align: center;
}
.benefit-box h3{
    margin:15px 0;
}
.benefit-box img{
    margin-bottom: 25px;
}
.faq-container {
    max-width: 100%;
    margin: 50px auto 24px;
}

.faq-area{
    padding-bottom: 100px;
}

.faq-item {
    background: linear-gradient(90deg, rgba(217, 217, 217, 0.15) -0.1%, rgba(237, 237, 237, 0.15) 99.85%);
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    align-self: start;
}

.faq-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-size: 24px;
    color: #1B152B;
}

.faq-title img {
    transition: transform 0.3s ease;
}

.faq-item.open .faq-title img {
    transform: rotate(45deg);
}

.faq-content {
    max-height: 0;
    overflow: hidden;
    font-size: 16px;
    color: #7A7D9C;
    margin-top: 10px;
    padding: 0 0 0 0; /* Remove initial padding */
    transition: max-height 0.5s ease, padding 0.3s ease;
}

.faq-item.open .faq-content {
    max-height: 500px; /* Increase max-height if necessary */
    padding: 10px 0;
}
.text-center{
    text-align: center;
}
.text-center a{
    background: linear-gradient(90deg, #26A9E1 -0.1%, #3F6CFF 99.85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.dif-color{
    text-align: center;
}
.dif-color a{
    color: #4212A1!important;
}
.code-area, .legal-area{
    border-radius: 25px;
    border: 1px solid #D4E1D1;
    background: linear-gradient(90deg, rgba(217, 217, 217, 0.15) -0.1%, rgba(237, 237, 237, 0.15) 99.85%);
}
.code-area {
	padding: 0px 100px 50px;
}
.legal-area {
	padding: 50px 100px;
}
	.legal-area h2 {
		font-size: 36px;
	}
.code-area .col-6{
    width: 49%;
}
.code-img{
    background: linear-gradient(90deg, #26A9E1 -0.1%, #3F6CFF 99.85%);
    padding: 40px 40px 0;
    border-radius: 15px;
    overflow: hidden;
}
.code-img img{
    width: 100%;
    margin-bottom: -5px;
}
.code-content h3{
    margin-bottom: 15px;
}
.padd-top-50{
    padding-top: 70px;
}

/* document-area */
.document-area{
    display: flex;
    width: 100%;
    align-items: self-start;
    justify-content: space-between;
    gap: 24px;
}
.document-sidebar {
	padding: 20px;
	border-radius: 19px;
	border: 1px solid #D4E1D1;
	background: linear-gradient(90deg, rgba(217, 217, 217, 0.15) -0.1%, rgba(237, 237, 237, 0.15) 99.85%);
	top: 110px;
}

ul.side-bar-all, .side-list {
	display: flex;
	flex-direction: column;
	gap: 2px;
}
ul.side-bar-all li {
	font-size:13px;
}
.side-bar-all  li a{
    color: #121212;
    line-height: 20px;
}
.side-list{
    padding-left: 20px;
}
.side-list li a{
    color: #444;
}
	.side-bar-all li a:hover {
		color: #ffbb00;
	}

.active-sidebar {
	display: inline-block;
	padding: 4px 8px;
	margin-left:-8px;
	border-radius: 10px;
	background: var(--Gray-Linear, linear-gradient(90deg, #D9D9D9 -0.1%, #EDEDED 99.85%));
}
li.active-sidebar a{
    color: #1B152B;
}
li.navCategory a {
	font-weight: 700;
	color: #000;
	font-size: 15px;
	line-height: 28px;
}
li.navSubCategory a {
	font-weight: 600;
	line-height: 28px;
	color: #333;
}
.headind-topic{
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.doucoment-button{
    width: 30%;
    text-align: right;
}
.gobal-btn a{
    padding:0;
    font-weight: 600;
}
.gobal-btn a i {
    margin-left:10px;
}

/*.gobal-btn a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #2b9de7;
} */  
.douc-btn{
    margin: 0 0 20px;
    width: 100%;
    text-align: right;
    display: flex;
    justify-content: space-between;
}
	.douc-btn a {
		text-decoration:none !important;
	}
	.douc-btn a i {
		margin-left: 6px;
	}
.douc-btn a i.fa-solid.fa-chevron-left {
    margin-left: 0;
    margin-right: 6px;
}


.bar{
    width: 100%;
    height: 1px;
    background: #D4E1D1;
}

.rule_area {
	margin: 0 0 10px 4px;
}

.contact-form, .rule-fields, .doucment-form {
	border-radius: 25px;
	background: #FFF;
	box-shadow: 0px 0.25px 0px 0px rgba(255, 255, 255, 0.50) inset, 0px -1px 5px 0px rgba(233, 223, 255, 0.30), 0px -1px 20px 0px rgba(187, 155, 255, 0.15);
	padding: 48px;
}

.contact-form {
	width: 50%;
}
	.contact-form h3 {
		margin-bottom: 26px;
		font-size:26px;
	}
.contact-form p {
	margin-bottom: 26px;
	line-height:20px;
}

.rule-fields, .doucment-form {
	width: 100%;
}

.cta-community{
    width: 100%;
    text-align: center;
    padding: 16px 40px;
    border-radius: 9px;
    background: rgba(212, 225, 209, 0.50);
    margin: 44px 0;
}
	.cta-community p {
		font-size: 20px;
		color: #7A7D9C;
		max-width: 900px;
		margin: auto;
	}

.doucment-form input[type=text],
.doucment-form textarea{
    width: 100%;
    padding: 12px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: 1px solid #D4E1D1;
    background: #F9F9F9;
}
.doucment-form textarea {
    height: 160px;
}

.doucment-form input:focus,
.doucment-form textarea:focus{
    outline: none;
}
.doucment-form input[type=button]{
    border-radius: 46px;
    padding: 18px 35px;
    background: linear-gradient(90deg, #26A9E1 -0.1%, #3F6CFF 99.85%);
    color: #fff;
    font-weight: 600;
    border: none;
    cursor: pointer;
}
.commment-btn{
    width: 100%;
    text-align: right;
}

.comment-top{
    display: flex;
    width: 100%;
    padding: 50px 0;
    align-items: center;
    justify-content: space-between;
}
.comment-top select{
    border: none;
    padding: 8px 16px;
    border-radius: 54px;
    background: #dcdcdc;
}

.comment-box{
    padding:20px 30px;
    margin-bottom: 15px;
}
.white-bg{
    border: 1px solid rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 30px 0px rgba(209, 217, 230, 0.2);
    background: #fff;
}
.comment-heading{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.gray-bg {
	border: 1px solid rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 30px 0px rgba(209, 217, 230, 0.2);
	background: #EDF6FF; /*rgba(209, 217, 230, 0.2);*/
}
.rule-btn{
    margin-top: 30px;
}

div.version-area, div.version-comments {
	width: 60%;
	margin: 20px auto 0;
}

	div.document-content table th,
	div.document-content table td,
	div.version-area table th,
	div.version-area table td {
		padding: 10px;
		border-bottom: solid 0.5px #bcbcbc;
		text-align:left;
	}

	div.document-content hr,
	div.version-area hr {
		margin-top:20px;
	}

	div.document-content blockquote,
	div.version-area blockquote {
		border-left: solid 3px #aeaeae;
		padding-left:10px;
	}

	div.document-content blockquote p,
	div.version-area blockquote p {
		color:#678;
	}
	div.document-content ul li,
	div.version-area ul li {
		list-style: square;
	}

	div.document-content h2,
	div.version-area h2 {
		margin-top: 20px;
		font-size: 38px;
		margin-bottom: 30px;
	}

	div.document-content h3,
	div.version-area h3 {
		margin-top: 50px;
		font-size: 28px;
	}

	div.document-content li p strong,
	div.version-area li p strong {
		font-size: 20px;
		color:#444;
	}

	div.document-content div.members li,
	div.version-area div.members li {
		margin-top: 50px;
	}

	div.document-content div.params li,
	div.version-area div.params li {
		margin-top: 8px;
	}

	div.document-content p,
	div.document-content h4,
	div.document-content h5,
	div.document-content ul,
	div.document-content pre,
	div.version-area p,
	div.version-area h4,
	div.version-area h5,
	div.version-area ul,
	div.version-area pre {
		margin-top: 14px;
	}

	div.document-content p,
	div.version-area p {
		line-height: 24px;
		font-size: 16px;
	}

	div.document-content ul,
	div.version-area ul {
		margin-left: 40px;
	}

		div.document-content ul li,
		div.version-area ul li {
			line-height: 24px;
			font-size: 16px;
			margin-top: 8px;
		}

	div.document-content li code,
	div.document-content p code,
	div.document-content div code,
	div.version-area li code,
	div.version-area p code,
	div.version-area div code {
		color: #555;
		background-color:#f2f2f2;
		border-radius: 4px;
		text-shadow: 1.3px 1.1px 2.6px #cecece;
		padding:0 6px 2px;
	}

div.document-content span.comment,
div.document-content span.comment {
	color: #a6a6a6;
	text-shadow:none !important;
	font-style:italic;
}

div.document-content span.class-name,
div.document-content span.type-list,
div.document-content span.class-name,
div.document-content span.type-list {
	color: teal;
}

div.document-content span.keyword,
div.document-content span.keyword {
	color: #0277eb;
}

div.version-area p strong em,
div.document-content p strong em {
	color: #888;
}

div.version-area p em,
div.document-content p em {
	color: #332;
}

div.comments {
	width: 60%;
	margin: 40px auto 30px;
}

/* General Section Styling */
.rule-section {
	display: flex;
	align-items: center;
	border: 1px solid #ddd;
	padding: 8px;
	border-radius: 4px;
	font-family: Arial, sans-serif;
	gap: 8px; /* Adds spacing between elements */
	flex-wrap: wrap; /* Allows wrapping on small screens */
}
  
  .rule-label {
    font-weight: bold;
    margin-right: 8px;
    white-space: nowrap; /* Prevents the label from wrapping */
  }
  
  .dropdown-arrow {
    font-size: 10px;
    margin-left: 4px;
  }
  
  /* Input Fields */

  /* General Section Styling */
.rule-section {
    margin:60px 0 10px ;
    display: flex;
    align-items: center;
    border: 1px solid #ddd;
    padding: 8px;
    border-radius: 4px;
    font-family: Arial, sans-serif;
    gap: 50px; /* Adds spacing between elements */
    flex-wrap: wrap; /* Allows wrapping on small screens */
  }
  
  /* Dropdown Styling */
  .rule-dropdown {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  
  .rule-label {
    font-weight: bold;
    white-space: nowrap;
  }
  
  .dropdown-arrow {
    font-size: 10px;
    margin-left: 4px;
    cursor: pointer;
  }
  
  .dropdown-select {
    border-radius: 4px;
    border: none;
    font-weight: 900;
    padding: 6px;
    font-size: 14px;
    cursor: pointer;
  }
  
  /* Input Fields */
  .rule-inputs {
    display: flex;
    gap: 8px;
    flex-grow: 1;
    flex-wrap: wrap;
  }
  
  .rule-input {
    text-align: center;
    flex: 1;
    min-width: 120px; /* Prevents shrinking */
    padding: 13px 8px;
    border: 1px solid #7c7c7c;
    border-radius: 4px;
    font-size: 14px;
  }
  .rule-input::placeholder{
    color: #0056b3;
    font-size: 18px;
  }
  
  /* Buttons Styling */
  .rule-actions {
    display: flex;
    gap: 8px;
  }
  
  .save-btn,
  .delete-btn {
    border: none;
    background: none;
    font-size: 14px;
    cursor: pointer;
  }
  
  .save-btn {
    color: black;
    font-weight: 900;
  }
  
  .delete-btn {
    color: #aaa;
    font-weight: 900;
  }
  
  .save-btn:hover {
    text-decoration: underline;
  }
  
  .delete-btn:hover {
    color: red;
  }

a.theme_btn, .contact-form input[type=button], .doucment-form input[type=button], span.button {
	padding: 9px 17px;
	display: inline-block;
	border-radius: 46px;
	background: linear-gradient(90deg, #cecece -0.1%, #e1e1e2 99.85%);
	border: 1px solid transparent;
	color: #1B152B;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	transition: linear 0.12s;
	text-decoration: none !important;
	cursor: pointer;
}

	a.theme_btn:hover, .contact-form input[type=button]:hover, .doucment-form input[type=button]:hover, span.button:hover {
		background: #fff;
		color: #0277eb;
		transition: linear 0.12s;
		border: 1px solid #0277eb;
	}

.clcik-text{
    text-align: center;
    background:#EBEBEB;
    padding: 4px;
    color: #7A7D9C;
    border-radius: 5px;
}
.fit-img{
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin: 10px 0 0;
}

.form-container {
    padding: 50px 0;
    width: 100%;
    
}

.form-container h2 {
    margin-bottom: 20px;
}
.form-container form{
    background: #fff;
    border: 1px #ccc solid;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Form Layout */
.form-row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.check-row{
    flex-direction: column;
}


.form-group {
    flex: 1;
    min-width: 220px;
    margin: 5px 20px;
}

.form-container label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 0.9rem;
    color: #444;
}

.form-container input, 
.form-container select {
    width: 100%;
    padding: 8px;
    font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    transition: border 0.3s ease;
}
.form-container input::placeholder{
    color: #26A9E1;
}
.form-container select{
    color: #26A9E1;
}
.form-container value{
    color: #26A9E1;
}
#pulse{
    text-align: center;
}
#temperature{
    text-align: center;
}

.form-container input:focus, select:focus {
    border-color: #007BFF;
    outline: none;
}

.checkbox-group {
    display: flex;
    align-items: center;
    margin: 5px;
}

.checkbox-group input {
    margin-right: 10px;
}

.checkbox-group input{
    width: 20px;
    margin-left: 12px;
}
.checkbox-group label{
    font-weight: 400;
}
/* Button Styling */
.submit-btn {
    padding: 10px 50px;
    margin-top: 15px;
    background-color:transparent;
    color: #1B152B;
    font-weight: 600;
    border: none;
    border-radius: 5px;
    border: 1px #26A9E1 solid;
    font-size: 1rem;
    display: inline-block;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.sub-btn{
    width: 100%;
    text-align: center;
}

.support-page div.heading-color {
	font-size: 24px;
}
.support-page div.small{font-size:13px;}
.support-page div.tech {
	color: #D50000;
}

.mar-50{
    margin-top: 80px;
}
.group-btn{
    margin-top: -5px;
    text-align: right;
}
.group-btn button{
    padding: 10px 50px;
    margin-top: 15px;
    background-color:transparent;
    color: #1B152B;
    font-weight: 600;
    border: none;
    border: 1px #26A9E1 solid;
    font-size: 20px;
    font-weight: 800;
    display: inline-block;
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.result-grid{
    padding: 90px 0 40px;
}
.result-grid p{margin-top: 20px;}
.table-container {
    width: 100%;
    overflow-x: auto; /* Ensures responsiveness */
}

table {
    /*width: 100%;*/
    border-collapse: collapse;
    margin: auto;
    background: #fff;
   /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);*/
}

/*th, td {
    border: 1px solid #ddd;
    padding: 10px 15px;
    text-align: left;
    white-space: nowrap;*/ /* Prevents wrapping */
/*}

th {
    background: linear-gradient(180deg, #A3A9AF 0%, #6E7181 100%);
    font-weight: 400;
    color: #ffffff;
}

tr:nth-child(even) {
    background-color: #F0F3F5;
}

tr:hover {
    background-color: #F0F3F5;
}*/

.support-form,.rule-form{
    padding: 60px 48px;
}
.support-content,.rule-content{
    width: 50%;
}
.support-content {
	margin-left: 30px;
	margin-right: 30px;
}
	/*.support-content a {
    text-decoration: underline;
    background: linear-gradient(90deg, #26A9E1 -0.1%, #3F6CFF 99.85%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}*/
	.support-content p {
		margin: 10px 0;
	}
	.support-content img.address, .support-content img.office {
		max-width: 100%;
		height: auto;
	}
.contact-area{
    padding-bottom: 100px;
}

.contact-form textarea, .contact-form select,
.contact-form input[type=email], .contact-form input[type=text],
.doucment-form input[type=text], .doucment-form textarea,
.rule-fields textarea,
.rule-fields input[type=email], .rule-fields input[type=tel], .rule-fields input[type=number], .rule-fields input[type=text], .rule-fields select, .rule-fields input[type=button] {
	width: 100%;
	padding: 12px;
	margin-bottom: 24px;
	border-radius: 5px;
	border: 1px solid #D4E1D1;
	background: #F9F9F9;
}
	.rule-fields input[type=button].blue {
		color: #26A9E1;
		border: 1px solid #26A9E1;
	}
	.rule-fields input[type=button].green {
		color: green;
		border: 1px solid green;
	}
	.rule-fields input[type=button].red {
		color: red;
		border: 1px solid red;
	}
.support-form h2.heading-color {
	text-align: center;
	margin-bottom: 48px;
}
.rule-form h2 {
	text-align: center;
	margin-bottom: 48px;
}
.rule-form h3 {
	text-align: left;
	margin-bottom: 22px;
	font-size:18px;
	font-weight:500;
}
.conttact_row, .rule_row, .rule_area {
	display: flex;
	align-items: center;
	gap: 24px;
}

.support-content p.warn {
	background-color: rgba(212, 225, 209, 0.50);
	padding: 4px 10px;
	border-radius: 6px;
}

.contact-form textarea {
	height: 230px;
}

	.contact-form input[type=email]:hover, .contact-form input[type=text]:hover, .contact-form textarea:hover, .contact-form select:hover, .rule-fields textarea:hover,
	.doucment-form input[type=text]:hover, .doucment-form textarea:hover,
	.rule-fields input[type=email]:hover, .rule-fields input[type=tel]:hover, .rule-fields input[type=number]:hover, .rule-fields input[type=text]:hover, .rule-fields select:hover {
		border: 1px solid #0297d7;
		background: #def0fb;
	}
.rule-fields input[type=button].blue:hover, .rule-fields input[type=button].green:hover, .rule-fields input[type=button].red:hover {
	color: #ffbb00;
	border: 1px solid #ffbb00;
}

.contact-form input[type=email]:focus, .contact-form input[type=text]:focus, .contact-form select:focus,
.rule-fields input[type=email]:focus, .rule-fields input[type=tel]:focus, .rule-fields input[type=number]:focus, .rule-fields input[type=text]:focus {
	/*outline: none;*/
	border: 1px solid #0297d7;
	background: #def0fb;
}
.contact-form textarea:focus, .rule-fields textarea:focus {
	/*outline: none;*/
	border: 1px solid #0297d7;
	background: #def0fb;
}

section.features-explored.section-padding {
	padding: 0 0 100px;
}



/*Blog page*/
.blog-box {
    align-items: center;
    background-color: #f5f8f9;
    border-radius: 20px;
    overflow: hidden;
    border: 1px solid #D4E1D1;
}

.blog-lists {
    display: grid;
    gap: 30px;
}

.blog-box:nth-child(even) {
    flex-direction: row-reverse;
}

.blog-image-side img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    line-height: 0;
}

.blog-image-side, .blog-content-side {
    width: 50%;
}
.blog-image-side {
    line-height: 0;
    min-height: 270px;
    background-size: cover;
    background-position: center;
}

.blog-content-side .blog-exeprt {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* number of lines to show */
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.blog-content-side {
    padding: 20px;
}
.blog-content-side .dif-color {
    text-align: right;
    padding-top: 20px;
}

.blog-content-side .blog-title {
    font-weight: 400;
    padding-block: 10px;
}

.blog_detail_content p {
    margin-block: 20px;
}

.bg_gradient_1{
    background: var(--Gray-Linear, linear-gradient(90deg, #D9D9D9 -0.1%, #EDEDED 99.85%));
    }
    .bg_gradient_1 h2 {
        color: #1B152B;
    }
    
    .bg_gradient_1 p,.bg_gradient_1 ul li {
        color: #585A72;
    }
    .main {
        padding-left: 15px;
        padding-right: 15px;
    }

/* Recent posts */
.recent__post {
    padding: 0 0 100px 0;
}

.recent__post h2.heading-color {
    text-align: center;
    margin-bottom: 90px;
}

.post_grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px;
}

.post_grid .post_box {
    border: 1px solid rgba(19, 17, 35, 0.15);
    border-radius: 10px;
}

.post_grid .post_box img {
    border-radius: 10px 10px 0 0;
}

.post__detail {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px 24px;
    background: #fff;
    border-radius: 0 0 10px 10px;
    transition: linear 0.2s;
}

.post__detail:hover {
    transition: linear 0.2s;
    background: #FFF;
    box-shadow: 0px 144px 40px 0px rgba(115, 115, 115, 0.00), 0px 92px 37px 0px rgba(115, 115, 115, 0.01), 0px 52px 31px 0px rgba(115, 115, 115, 0.05), 0px 23px 23px 0px rgba(115, 115, 115, 0.09), 0px 6px 13px 0px rgba(115, 115, 115, 0.10);
}

.post__detail h3 {
    color: #131123;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.post__detail p {
    color: #131123;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.post_grid img {
    width: 100%;
}
section.documentation {
    padding-top: 150px;
}

.map {
    padding-right: 93px;
}


.map iframe {
    width: 100%;
    height: 299px;
    max-height: 299px;
}


.address_detail h3.heading-color {
    font-family: "Inter Tight";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;
}
.gobal-btn.douc-btn.documentation_btn {
    justify-content: flex-end;
}
.coustomer_partners.mobile_partners {
    display: none;
}
.douc-text a,.dif-color a {
    padding: 0;
    background: var(--Style, linear-gradient(90deg, #26A9E1 -0.1%, #3F6CFF 99.85%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    position: relative;
}


/*  Activation Page  */

.activation .main{
    padding: 0px 30px;
}
.activation{
    padding: 150px 0px 80px 0px;
}

#activationFooter{
    padding: 30px 0px;
}
#activationFooter .copyright{
    padding: 0px;
    border: 0;
    margin: 0;
}
.activation-form{
    max-width: 750px;
    padding: 30px;
    border-radius: 24px;
    background-color: #ededed;
    margin: auto;
    box-shadow: 0px 0.25px 0px 0px rgba(255, 255, 255, 0.50) inset, 0px -1px 5px 0px rgba(233, 223, 255, 0.30), 0px -1px 20px 0px rgba(187, 155, 255, 0.15);
}
.activation-headline{
    color: #1B152B;
    text-align: center;
}
.license-activetion-form{
    margin: 35px 0px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.af-field-box label{
    font-size: 15px;
    color: #585A72;
    margin-bottom: 8px;
}
.af-input-container label{
    display: block;
}
.af-input-container input, .af-input-container select{
    width: 100%;
    padding: 15px 12px;
    border-radius: 5px;
    border: 1px solid #D4E1D1;
    background: #d8d8d8;
}
#spanBtn, #subminBtn{
    padding: 10px 22px;
    border: 0;
    border-radius: 50px;
    background: linear-gradient(90deg, #26A9E1 -0.1%, #3F6CFF 99.85%);
    font-family: inter, 'open-sans';
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    color: white;
    cursor: pointer;
    transition: .1s;
}
#spanBtn:hover, #subminBtn:hover{
    background: white;
    color: #1B152B;
}
#spanBtn a{
    color: white;
}
#spanBtn:hover a{
    color: #1B152B;
}
#productKey::-webkit-outer-spin-button,#productKey::-webkit-inner-spin-button{
    -webkit-appearance: none;
}
#productKey[type=number]{
    -moz-appearance:textfield;
}

.license-activetion-form input:focus {
    outline: none;
}
.accept-policy{
    font-size: 14px;
    color: #585A72 ;
}

.benefit-title {
	width: 45%;
}

.why-title p {
	width: 58%;
	margin: 0 auto;
}




/* Popup */

.ceOverlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: opacity 500ms;
	visibility: hidden;
	opacity: 0;
	z-index:1200;
}

	.ceOverlay.active {
		visibility: visible;
		opacity: 1;
	}

.cePopup {
	margin: 120px auto 0;
	padding: 10px 40px 40px;
	background: #fff;
	border-radius: 16px;
	width: 80%;
	position: relative;
	z-index: 1205;
}
	.cePopup.tall {
		height: 75%;
	}
	.cePopup .closer {
		width: 100%;
		text-align: right;
		padding:0;
	}
		.cePopup .closer .close {
			font-size: 46px;
			font-weight: 700;
			color: #333;
			cursor:pointer;
		}
			.cePopup .closer .close:hover {
				color: #ffbb00;
			}

div.cePopupContent {
	height: 90%;
	overflow:auto;
}






/* MEDIA QUERY */

@media (max-width: 600px) {
	.form-row {
		flex-direction: column;
	}

	.form-group {
		margin-bottom: 10px;
	}
}

@media (max-width: 768px) {
	.rule-section {
		flex-direction: column; /* Stack elements vertically */
		align-items: flex-start; /* Align content to the left */
		gap: 12px;
	}

	.rule-inputs {
		width: 100%;
	}

	.rule-input,
	.dropdown-select {
		width: 100%; /* Full width on small screens */
	}

	.rule-actions {
		width: 100%;
		justify-content: flex-start; /* Align buttons to the left */
	}

	div.document-content h2,
	div.version-area h2 {
		margin-top: 20px;
		margin-bottom:10px;
		font-size: 28px;
	}

	div.document-content h3,
	div.version-area h3 {
		margin-top: 40px;
		font-size: 20px;
	}

	div.document-content p,
	div.document-content h4,
	div.document-content h5,
	div.document-content ul,
	div.document-content pre,
	div.version-area p,
	div.version-area h4,
	div.version-area h5,
	div.version-area ul,
	div.version-area pre {
		margin-top: 12px;
	}

	div.document-content p,
	div.version-area p {
		line-height: 20px;
		font-size: 14px;
		margin-top: 10px;
	}

	div.document-content ul,
	div.version-area ul {
		margin-left: 30px;
	}

		div.document-content ul li,
		div.version-area ul li {
			line-height: 20px;
			font-size: 14px;
			margin-top: 6px;
		}
}

@media (max-width: 1076px) {
	.features .center-title {
		width: 100%;
	}
}

@media (max-width: 1150px) {
	.arrow-img img {
		width: 44%;
	}

	.arrow-img {
		right: -85%;
	}
}

@media (max-width: 1155px) {
	.navbar-menu {
		display: none;
		flex-direction: column;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		background-color: #ffffff;
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
		z-index: 10;
	}

	.for-desktop {
		display: none;
	}

	.navbar-menu.active {
		display: flex;
	}

	.dropdown {
		position: relative;
	}

		.dropdown a {
			padding: 8px 15px;
		}

	.navbar-toggle {
		display: block;
		cursor: pointer;
	}

		.navbar-toggle span {
			display: block;
			width: 25px;
			height: 3px;
			background-color: #333;
			margin: 5px 0;
		}

	.navbar-menu li:hover .dropdown {
		display: none;
	}
}

@media (max-width: 1200px) {
	.card-box {
		height: 780px;
	}
}

@media (max-width: 1227px) {
	.why-code .center-title {
		width: 100%;
	}
}

@media (max-width: 1296px) {
	.features .center-title {
		width: 59%;
	}
}

@media (max-width: 1329px) {
	.card-box {
		height: 730px;
	}
}

@media (max-width: 1368px) {
	.arrow-img img {
		width: 62%;
	}

	.arrow-img {
		right: -68%;
	}
	.coustomer .center-title {
		width: 90%;
	}
}

@media (max-width: 1404px) {
	.hero h1 {
		margin: 15px 0;
		font-size: 42px;
	}
}

@media (max-width: 1425px) {
	.benefit-title {
		width: 55%;
	}
}

@media (max-width: 1525px) {
	.why-title p {
		width: 70%;
		margin: 0 auto;
	}
	.coustomer .center-title {
		width: 80%;
	}
}

@media (max-width: 1550px) {
	.card-box {
		height: 670px;
	}
}

@media (max-width: 1557px) {
	.business-rule .center-title {
		width: 56%;
	}
}

@media (max-width: 1578px) {
	.featuers-box2 {
		padding: 0 40px;
	}
}

@media (max-width: 1640px) {
	.hero h1 {
		margin: 15px 0;
		font-size: 46px;
	}
}




@media screen and (max-width: 480px) {
	table {
		font-size: 12px;
	}

	th, td {
		padding: 6px;
	}

	th {
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	th, td {
		font-size: 14px;
		padding: 8px;
	}

	div.rule-header, div.rule-footer {
		flex-direction: column;
		margin: 10px;
	}
}

@media (min-width: 0px) and (max-width: 767px)
{
    nav.navbar a.theme_btn {
        display: none;
    }
    .blog-box {
        flex-direction: column;
    }
    .blog-image-side, .blog-content-side {
        width: 100%;
    }
	.cta-community p {
		font-size: 14px;
	}
    .coustomer_partners ul {
        gap: 15px;
    }
    
    .coustomer_partners ul li {
        width: 100%;
        padding: 50px;
        border: 1px solid #D9D9D9;
    }
    
    .coustomer_partners {
        gap: 15px;
    }
    .headind-topic {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .douc-btn{text-align: left;}
    .post_grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }
    
    .post__detail {
        padding: 20px;
        gap: 10px;
    }
    
    .post__detail h3 {
        font-size: 14px;
    }
    
    .post__detail p {
        font-size: 14px;
    }        
    .douc-btn {
        margin: 20px 0;
    }
    
    .recent__post h2.heading-color {
        margin-bottom: 30px;
    }
	.conttact_row, .rule_row {
		flex-direction: column;
		gap: 20px;
	}

	.rule_area {
		/*display:flex;
		flex-direction:column;*/
		align-items:start;
		gap: 10px;
		padding:0;
		margin:0 0 12px 4px;
	}
    
    .conttact_row .support-content,.conttact_row .contact-form {
        width: 100%;
    }

	.map {
		padding: 0;
	}

	.contact-form, .rule-fields {
		padding: 25px;
	}
    .rule-form {
        padding: 50px 20px;
    }
	.support-form {
		padding: 0 20px;
	}
    .hero {
        background-position: center;
        background-position-y: 410px;
        background-position-x: -640px;
    }
    .coustomer_partners {
        display: none;
    }
    .coustomer_partners.mobile_partners ul {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    
    .coustomer_partners.mobile_partners li {
        padding: 15px;
        height: 100%;
        display: flex;
    }
    
    .coustomer_partners.mobile_partners {
        display: block;
    }

	div.version-area, div.version-comments {
		width: 98%;
		margin: 40px auto 0;
	}

	div.comments {
		width: 98%;
		margin: 30px auto 20px;
	}
}

@media (min-width: 0px) and (max-width: 1155px)
{
    nav.navbar a.theme_btn {
        display: none;
    }
	.rule-content {
		width: 100%;
	}
}




@media (min-width: 768px) and (max-width: 1023px){

	.cta-community p {
		font-size: 16px;
	}
    .coustomer_partners ul {
        grid-template-columns: repeat(6, 1fr);
        gap: 15px;
        display: grid;
    }
    
    .coustomer_partners ul li {
        width: 100%;
        padding: 15px;
        border: 1px solid #D9D9D9;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .coustomer_partners {
            gap: 15px;
        }
    
    .coustomer_partners ul:nth-child(2) {
        grid-template-columns: repeat(5, 1fr);
        padding: 0 50px;
    }
    
    .coustomer_partners ul:last-child {
        grid-template-columns: repeat(4, 1fr);
        padding: 0 100px;
    }
    .post_grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }
    
    .post__detail {
        padding: 20px;
        gap: 10px;
    }
    
    .post__detail h3 {
        font-size: 14px;
    }
    
    .post__detail p {
        font-size: 14px;
    }
    .conttact_row,.rule_row {
        gap: 30px;
    }
	.conttact_row, .rule_row {
		flex-direction: column;
	}
    .contact-form, .rule-fields {
        padding: 30px;
    }
    .support-content,.rule-content {
        width: 100%;
    }
	.rule-content {
		vertical-align:top;
	}

		.contact-form, .rule-fields {
			width: 100%;
		}
    
    .map {
        padding: 0;
    }
    
    .map iframe {
        height: 450px;
        min-height: 450px;
    }

	div.version-area, div.version-comments {
		width: 90%;
		margin: 50px auto 0;
	}

	div.comments {
		width: 90%;
		margin: 30px auto 30px;
	}
}

@media (min-width: 1024px) and (max-width: 1440px){

	.cta-community p {
		font-size: 18px;
	}
    .coustomer_partners ul {
        grid-template-columns: repeat(6, 1fr);
        gap: 15px;
        display: grid;
    }
    
    .coustomer_partners ul li {
        width: 100%;
        padding: 15px;
        /* border: 1px solid #D9D9D9; */
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .coustomer_partners {
            gap: 15px;
        }
    
    .coustomer_partners ul:nth-child(2) {
        grid-template-columns: repeat(5, 1fr);
        padding: 0 50px;
    }
    
    .coustomer_partners ul:last-child {
        grid-template-columns: repeat(4, 1fr);
        padding: 0 100px;
    }

	div.version-area, div.version-comments {
		width: 80%;
		margin: 55px auto 0;
	}

	div.comments {
		width: 80%;
		margin: 35px auto 30px;
	}
}