:root {
            --text-black: #000;
            --text-shadow: #A2A2A2;
            --dark-black-background: #3A3A3A;
            --gray-stroke: #656363;
            --gray-background-stroke: #D4D4D4;
            --accent-yellow: #FFB627;
            --accent-purple: #BA84E4;
            --body-background: #FFF;
            --light-gray-background: #F2F2F2;
        }

        body {
            font-family: 'Sora', sans-serif;
            overflow-x: hidden;
            background-color: var(--body-background);
            color: var(--text-black) !important;
        }
        .container {
        	max-width:1320px;
        	position:relative;
        }
		.c2r_logo {
			width:56px;
		}
        .navbar {
            padding: 15px 0;
            text-align:center;
            background:#fff;
        }

        .nav-link {
            margin:0;
            color: var(--text-black)!important;
        }

		.nav-link.active {
            color: var(--accent-purple)!important;
			opacity:50%;
        }

        a.nav-link:hover {
            color: var(--gray-stroke)!important;
        }
        #navbarNav {
        	justify-content:center;
        	padding-bottom:1rem;
        }
        .navbar-toggler {
        	position: absolute;
		    right: 12px;
		    top: 16px;
            border:none!important;
        }

        .btn-contact {
            background-color: var(--text-black);
            border-color: var(--text-black);
            color: var(--body-background)!important;
            border-radius: 30px;
            padding: 3px 16px;
        }

        .btn-contact:hover {
            background-color: var(--body-background);
            color: var(--accent-purple)!important;
            border-color: var(--accent-purple);

        }

        .btn-contact:active {
            background-color: var(--gray-background-stroke)!important;
            color: var(--light-gray-background)!important;
            border-color: var(--gray-background-stroke);
        }

        .btn-sign {
            background-color: var(--body-background);
            border-color: var(--gray-stroke);
            color: var(--text-black)!important;
            border-radius: 30px;
            text-transform:uppercase;
        }

        .btn-sign:hover {
            background-color: var(--accent-yellow)!important;
            color: var(--text-black)!important;
            border-color: var(--accent-yellow);
        }

        .btn-sign:active {
            background-color: var(--gray-background-stroke)!important;
            color: var(--light-gray-background)!important;
            border-color: var(--gray-background-stroke);
        }

        .btn-start {
            background-color: var(--accent-purple);
            border-color: var(--accent-purple);
            color: var(--text-black)!important;
            border-radius: 16px;
            text-transform:uppercase;
			width:100%;
        }

        .btn-start:hover {
            background-color: #fff!important;
            color: var(--accent-purple)!important;
            border-color: var(--accent-purple);
        }

        .btn-start:active {
            background-color: var(--gray-background-stroke)!important;
            color: var(--light-gray-background)!important;
            border-color: var(--gray-background-stroke);
        }

        .dropdown-menu-dark {
        	border:solid var(--light-gray-background) 1px;
        	border-radius:0;
        }


        .hero-section {
            padding: 28px 0 16px;
            position: relative;
            overflow: hidden;
        }

        .hero-fly {
        	position:absolute;
        	white-space:nowrap;
        }
        .hero-fly img {
        	width:100%;
        }
        .purp {
        	border-radius:24px;
        	background-color:rgba(186, 132, 228, 0.6);
        	font-size:90%;
        	padding:2px 18px;
        }

        .fly_1_1 {
        	max-width:56px;
        	min-width:28px;
        	width:4.4%;
        }
        .fly_1_2 {
        	max-width:71px;
        	min-width:35px;
        	width:5.6%;
        }
        .fly_1_3 {
        	max-width:121px;
        	min-width:60px;
        	width:9.5%;
        }
        .fly_1_4 {
        	max-width:70px;
        	min-width:35px;
        	width:5.6%;
        }
        .fly_1_5 {
        	max-width:56px;
        	min-width:28px;
        	width:4.6%;
        }
        .fly_1_6 {
        	max-width:71px;
        	min-width:35px;
        	width:5%;
        }
        .fly_1_7 {
        	max-width:121px;
        	min-width:60px;
        	width:7.5%;
        }
        .fly_1_8 {
        	max-width:70px;
        	min-width:35px;
        	width:4.8%;
        }

        .hero-title {
            font-size: 3rem;
            font-weight:300;
            padding:0 8px;
            line-height:100%;
            position:relative;
            white-space:nowrap;
        }
        .serv-title {
        	white-space:wrap;
        }
        .resizable {
            display:inline;
        }
        #bott {
        	white-space:nowrap;
        }

        @media (max-width: 768px) {
	        .hero-title {
               white-space:wrap;
	        }
        }

        .for-business {
        	width:218px;
        	font-size:85%;
        	margin-left:auto;
        	text-align:right;
        	padding-top:8px;
        }

        .text-gray {
        	color:var(--gray-background-stroke);
        }

        .bg-gray-stroke {
        	background:var(--gray-background-stroke);
        }
        .change_form {
        	background:var(--dark-black-background);
        	border-radius:16px;
        	width:99%;
        	margin:0 auto;
        	color:#fff;
        	padding:2rem;
        }
        @media (max-width: 992px) {
	        .change_form {
               padding:1.5rem;
	        }
	        .change_form h5 {
	        	text-align:center;
	        }
        }


        .change_form_select_div {
        	background:#000;
        	border-radius:12px;
        	display:flex;
        	flex-wrap:nowrap;
        	justify-content: space-between;
        	width:37%;
        }
        .change_union {
        	width:9%;
        	padding:1%;
        }
        .change_start {
        	width:17%;
        	padding:1%;
        }

        @media (max-width: 768px) {
	        .change_form_select_div {
               width:100%;
	        }
	        .change_union {
	        	width:100%;
	        	margin:8px 0px;
	        }
	        .change_start {
               width:100%;
	        }

        }


        .change_form_select_div input[type=text] {
        	width:100%;
			font-size:120%;
        	background:#000;
        	border:none;
        	border-color:#000;
        	color:#fff;
        }
		.change_form_select_div input[type=text] {
			outline: none;
			border: none;
		}
        .change_form_select_div div {
        	background:#000;
        	color:#fff;
        	border:none;
        }
        .change_form_select_div div img {
			width:20px;
			margin-right:6px;
        }
        .btn-black {
        	background:#000;
        	color:#fff;
        	border:none!important;
        }
        .btn-black:hover {
        	background:#000;
        }
        .btn-black:active {

        }
        .bg-black {
        	background:#000;
        	color:#fff;
        }

        .fsp-85 {
			font-size:85%;
			line-height:115%;
        }
        .fsp-90 {
        	font-size:90%;
        	line-height:115%;
        }
        .fsp-120 {
        	font-size:120%;
        }
        .fsp-400 {
        	font-size:400%;
        }

        .marked-span {
        	background-color:var(--accent-yellow);
        	border-radius:16px 0px 16px 0px;
        	white-space:nowrap;
        	padding:0 8px;
        	margin-left:-8px;
        }


        .hero-subtitle {
            font-size: 1.2rem;
            margin-bottom: 30px;
            opacity: 0.9;
        }


        .hero-section .btn-green {
            background-color: var(--green-color);
            border-color: var(--green-color);
            color: var(--light-color);
            border-radius: 30px;
            padding: 8px 36px;
            font-weight: 600;
            margin-right: 15px;
        }


        .hero-section .btn:hover {
            background-color: var(--light-color);
            color: var(--green-color);
        }

        .btn-send {
            background-color: var(--primary-color);
            border-color: var(--primary-color);
            color: var(--light-color);
            border-radius: 30px;
            padding: 8px 36px;
            font-weight: 600;
        }
        .btn-send:hover {
            background-color: var(--light-color);
            color: var(--primary-color);
        }
        .why-choose {
        	margin:5rem 0;
        }

		.feature {
			border-radius:18px;
			padding:1.5rem;
			position:relative;
			min-height:200px;
			height:auto;
			margin:1rem 0.25rem;
			display:flex;
            flex-direction:column;
            height:100%;
            justify-content: space-between;
		}
		.feature-text {
			left:0;
			bottom:0;
		}

		.feature.gray {
			background:var(--gray-background-stroke);
			opacity:85%;
			border-color:var(--light-gray-background);
		}
		.feature.orange {
			background:var(--accent-yellow);
			opacity:85%;
			border-color:var(--accent-yellow);
		}
		.feature.purple {
			background:var(--accent-purple);
			opacity:85%;
			border-color:var(--accent-purple);
		}
        footer {
        	background-color:var(--light-gray-background);
        }
        footer .resizable {
        	color:var(--gray-background-stroke);
        	font-weight:300;
        }

        .how_it_works .container {
        	background:var(--gray-background-stroke);
        	border-radius:18px;
        }
        .how_it_works .container h3 {
        	padding:2rem 0 0 1.5rem;
        }
        .carousel-control-prev-icon {
        	background-image:url(/img/Left_0.png);
        }
        .carousel-control-prev-icon:hover {
        	background-image:url(/img/Left.png);
        }
        .carousel-control-next-icon {
        	background-image:url(/img/Right_0.png);
        }
        .carousel-control-next-icon:hover {
        	background-image:url(/img/Right.png);
        }
        .carousel-control-next, .carousel-control-prev {
        	width:8%;
        }
        .in-carousel {
        	padding:1.5rem 3rem 2rem 3rem
        }
        .in-carousel .row {
        	padding:2.5rem;
        }
        .in-carousel h5 {
        	font-weight:200;
        }
        .carousel-item-text {
        	padding-top:8rem;
        	width:60%;
        	padding-left:2rem;
        }
        .in-carousel img {
        	width:90%;
        }

        @media (max-width: 768px) {
	        .carousel-item-text {
	        	padding:2rem 1rem;
	        	width:100%;
	        }
	        .in-carousel .row {
	        	padding:1.5rem;
	        }
        }
		.keyfeatures .container {
			background-image:url(/img/Blur.jpg);
			background-size:100% auto;
			background-repeat:no-repeat;
		}
		.keyfeatures .left_ball {
			width:19rem;
			height:19rem;
			background-color:var(--light-gray-background);
			opacity:85%;
		}
		.keyfeatures .right_ball {
			width:18rem;
			height:18rem;
			background-color:var(--light-gray-background);
			opacity:85%;
		}
		.keyfeatures .center_ball {
			width:26rem;
			height:26rem;
			background-color:var(--accent-yellow);
			opacity:80%;
		}
		.features_balls {
			border-radius:50%;
			position:absolute;
			display:flex!important;
			flex-direction:column;
			justify-content:center;
		}
		.features_balls div {
		    padding:0.25rem;
		    margin-left:4rem;
			width:100%;
		}
		.keyfeatures h3 {
			padding-bottom:33rem;
        	border-bottom:solid var(--light-gray-background) 1px;
		}
		.features_rows.hidden_rows {
			display:none;
		}

        @media (max-width: 1075px) {
			.features_balls {
			    display:none!important;
			}
			.keyfeatures h3 {
				padding-bottom:3rem;
			}
			.features_rows.hidden_rows {
				display:block;
			}
        }
        .get_the_best {
        	font-size:400%;
        	text-align:right;
        }
        @media (max-width: 992px) {
	        .get_the_best {
        		font-size:270%;
			}
        }

        @media (max-width: 768px) {
	        .get_the_best {
	        	font-size:300%;
        		text-align:left;
			}
        }
        .feature_num {
        	font-weight:bold;
        	width:3%;
        }
        .feature_title {
        	font-weight:bold;
        	width:20%;
        }
        .feature_blank {
			width:17%;
        }
        .feature_text {
        	font-size:90%;
        	width:28%;
        }
        .features_rows {
        	padding:1.5rem 0 0.5rem 0;
        	border-bottom:solid var(--gray-background-stroke) 1px;
        }
        .feature_star {
			width:3%;
			font-size:170%;
        }

        @media (max-width: 992px) {
	        .feature_num {
	        	width:15%;
	        }
	        .feature_title {
	        	width:82%;
	        	padding-bottom:1rem;
	        }
	        .feature_blank {
				width:0%;
	        }
	        .feature_text {
	        	width:100%;
	        	padding:1rem;
	        }
	        .feature_star {
				display:none;
	        }
        }

        @media (max-width: 768px) {
        	.carousel-control-next {
        		display:none;
        	}
        	.carousel-control-prev {
        		display:none;
        	}
        	.in-carousel {
	        	padding:1.5rem 1rem 2rem 1rem
        	}
        }
        .article_cont {
        	background:var(--gray-background-stroke);
        	padding:1rem;
        	display:flex;
            flex-direction:column;
            height:100%;
            justify-content: space-between;
        }
        .article_cont img {
        	width:100%;
        	bottom:0;
        }
        .article_cont h4 {
        	margin-bottom:3rem;
        }
        .article_cont:hover {
        	background:var(--accent-purple);
        }
        .w-70 {
        	width:70%;
        }
        .fa-telegram:hover {
        	color:var(--accent-yellow);
        }
        .fa-telegram:active {
        	color: var(--gray-stroke);
        }
        .telega {
        	border:solid var(--gray-background-stroke) 1px;
        	border-radius:16px;
        	font-size:400%;
        	float:left;
        	width:auto;
        }
        .telega i {
        	margin:1rem 3rem;
        }
		.about_h2 {
			min-width:280px;
			max-width:400px;
			font-size:140%;
		}
		.about_h3 {
			color:var(--gray-background-stroke);
			font-size:250%;
		}
		@media (max-width: 576px) {
		    .about_h3 {
				font-size:180%;
			}
		}
		.about_cont {
			border-radius:18px;
			margin-top:4rem;
			padding:3rem!important;
			background:var(--light-gray-background);
		}
		.about_cont h4 {
			color:var(--text-shadow);
			font-size:220%;
		}
		.black_col {
			color:var(--text-black);
		}
		.mw-75 {
			max-width:75%;
		}

		@media (max-width: 768px) {
			.about_cont h4 {
				font-size:180%;
				padding-top:2rem;
			}
		}
		@media (max-width: 576px) {
			.about_cont h4 {
				font-size:150%;
				padding-top:2rem;
			}
		}
		.h4_look {
			max-width:700px;
			font-weight:600;
		}
		.bordered_top {
			border-top:solid var(--gray-background-stroke) 1px;
			padding-top:1.5rem;
		}
        .btn-about_sign {
            background-color: var(--light-gray-background);
            border-color: var(--gray-stroke);
            color: var(--text-black)!important;
            border-radius: 12px;
            text-transform:uppercase;
        }

        .btn-about_sign:hover {
            background-color: var(--accent-yellow)!important;
            color: var(--text-black)!important;
            border-color: var(--accent-yellow);
        }

        .btn-about_sign:active {
            background-color: var(--gray-background-stroke)!important;
            color: var(--light-gray-background)!important;
            border-color: var(--gray-background-stroke);
        }
        .btn-readall {
            background-color: #fff;
            border-color: var(--gray-stroke);
            color: var(--text-black)!important;
            border-radius: 12px;
            text-transform:uppercase;
            padding:1rem 2rem;
        }

        .btn-readall:hover {
            background-color: var(--accent-purple)!important;
            color: var(--text-black)!important;
            border-color: var(--accent-purple);
        }

        .btn-readall:active {
            background-color: var(--gray-background-stroke)!important;
            color: var(--light-gray-background)!important;
            border-color: var(--gray-background-stroke);
        }
        .serv_boxes {
        	display:flex;
        	flex-direction:column;
        	justify-content: space-between;
            color:#000;
        	border-radius:16px;
        	padding:1rem;
        	height:100%;
        	font-size:90%;
        	position:relative;
        }

        .shadow_black_bg {
        	background:var(--gray-background-stroke);
        	opacity:70%;
        }
        .shadow_yellow_bg {
        	background:var(--accent-yellow);
        	opacity:70%;
        }
        .yellow_bg {
        	background:var(--accent-yellow);
        }
        .shadow_purple_bg {
        	background:var(--accent-purple);
        	opacity:70%;
        }
        .faq-section {
        	margin-top:4rem;
        }
        .faq-num {
        	text-align:center;
        	border:solid var(--gray-stroke) 1px;
        	border-radius:16px;
        	height:100%;
        }
        .faq-qa {
        	background:var(--light-gray-background);
        	border-radius:16px;
        }
		#blog-title {
			font-size:777%;
			font-weight:500;
			text-align:center;

		}
		.modal-content {
			background:var(--dark-black-background)!important;
			color:#fff;

		}
		.article-title {
			font-size:400%;
			font-weight:500;
		}
		.quoted {
			border-left:solid var(--dark-black-background) 1px;
			padding:0 1rem;
			font-size:90%;
			width:40%;
		}
        @media (max-width: 768px) {
			.quoted {
				width:80%;
			}
        }
        .article_image_section {
        	background:var(--light-gray-background);
        	height:420px;
        	margin:0;
        }
        .article_image_section div {
        	height:100%;
        	margin:5rem 0;
        	background-position:center center;
        	background-repeat: space no-repeat;
        }
        .table_of_contents h5 {
        	margin-bottom:1rem;
        	margin-top:2rem;
        	font-size:140%;
        }
        .table_of_contents div {
        	margin:0.75rem 0;
        }
        .table_of_contents a {
        	color:var(--text-black);
        	text-decoration:none;
        }
        .article-section h3 {
        	font-size:250%;
        	font-weight:600;
        	margin-top:2rem;
        }
        .article-section p {
			line-height: 160%;
		    margin: 1.5rem 0;
		    font-size: 110%;
        }
        .ins_div h4 {
        	margin-top:1.5rem;
        	color:var(--text-shadow);
        	font-size:120%;
        }
        .ins_div p {
        	font-size:95%;
        	line-height:140%;
        	margin: 1.1rem 0;

        }
        p.gray_small_text {
        	line-height:150%;
        	color:var(--text-shadow);
        	margin:1rem;
        }
        p.conclusion_text {
        	margin-left:3rem;
        	line-height:150%;
        	margin-top:0.5rem;
        }
        .conclusion {
        	border-top:solid var(--gray-stroke) 1px;
        }

		h3.gray_text {
        	color:var(--text-shadow);
        	font-size:125%;
		}
        .gray_text {
        	color:var(--text-shadow);
        }
        .article-section h5 {
        	font-size:140%!important;
        	font-weight:600;
        }
        .marked_header {
        	color:var(--accent-yellow);
        }
	.invalid-feedback {
		color:#f1a1a1;
	}
	.form-check-input.is-invalid~.form-check-label {
		color:#fff;
	}