/*
Theme Name: Cybersquare
Text Domain: cybersquare
Version: 1.5
Requires at least: 4.7
Requires PHP: 5.2.4
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: the WordPress team
Author URI: https://wordpress.org/
Theme URI: https://wordpress.org/themes/twentytwenty/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

@charset "utf-8";
body {
	font-family: "Nunito", sans-serif !important;
}

body,
html {
	overflow-x: hidden !important;
}


.container,
.container-fluid {
	padding: 0;
}

a,
a:hover,
a:visited,
a:focus,
a:active {
	text-decoration: none !important;
	outline: none !important;
}

button:focus,
button:active {
	outline: none !important;
}

.mobe {display: none;}

.fl {
	float: left;
}

.fr {
	float: right;
}

.project-names ul {
	list-style-type: none;
	
    transition: opacity 0.3s ease-in-out;
  }

  .project-names ul li::before {
	content: "\2713";
	color: green;
	margin-right: 5px;
  }

/*---------------top_bar---------------*/

.center {display: flex; align-items: center;}

#menu {
	padding: 25px 0px; background: #fff;
}

.logo img {
	width: 270px;
}

.menu {
	display: flex;
    justify-content: flex-end;
    align-items: center;
}

.menu span {
	float: left;
	padding-left: 30px;
}

.menu span a {
	font-size: 14px;
	color: #303030;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.menu span a:hover {
	color: #fb5850;
}

.btn_login {
	float: right;
	font-weight: 800;
	font-size: 14px;
	text-transform: uppercase;
	color: #fb5850;
	background: rgba(251, 88, 80, 0.1);
	border-radius: 100px;
	outline: none;
	border: none;
	padding: 11px 30px;
	margin-left: 30px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.btn_freeclass {
	float: right;
	padding: 11px 30px;
	background: #fb5850;
	border-radius: 100px;
	font-weight: 800;
	font-size: 14px;
	text-transform: uppercase;
	color: #ffffff;
	outline: none;
	border: none;
	margin-left: 15px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.btn_freeclass:hover {
	background: #ec362d;
}

.btn_login:hover {
	background: #ec362d;
	color: #fff;
}

#banner_section {
	padding-top: 30px;
	position: relative;
}

.banner_content {
	padding-left: 8%;
	padding-right: 0px;
}

.banner_content h3 {
	font-weight: 800;
	font-size: 64px;
	color: #303030;
	line-height: 70px;
}

.banner_content h1 {
	font-weight: 800;
	font-size: 64px;
	color: #303030;
	line-height: 70px;
}

.banner_content h4 {
	font-weight: 800;
	font-size: 28px;
	color: #fb5850;
	margin-top: 15px;
}

.banner_content p {
	font-weight: normal;
	font-size: 18px;
	color: #52595b;
	margin-top: 25px;
}

.btn_book_class {
	position: relative;
	width: 274px;
	height: 61px;
	background: #de4829;
	border-radius: 100px;
	font-weight: 800;
	font-size: 17px;
	margin-top: 23px;
	text-transform: uppercase;
	outline: none;
	border: none;
	box-shadow: 0px 14px 34px rgba(251, 88, 80, 0.24);
	margin-left: 15px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	color: #ffffff;
	margin-left: 0px;
}

.btn_book_class span {
	position: absolute;
	background: #fb5850;
	left: 0px;
	width: 100%;
	top: 0;
	bottom: 0;
	border-radius: 100px;
	/* text-align: center; */
	display: flex;
	justify-content: center;
	align-items: center;
	height: 56px;
}

.banner_content h5 {
	font-weight: normal;
	font-size: 14px;
	color: #52595b;
	margin-top: 20px;
}

.polygon_banner {
	position: absolute;
	width: 51.94px;
	height: 54.94px;
	left: 5%;
	top: 50%;
	background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
	transform: rotate(-19.26deg);
}
.polygon_banner_pro {
	position: absolute;
	width: 51.94px;
	height: 54.94px;
	left: 5%;
	top: 50%;
	background: url(../assets/codingforkids/Polygon_banner_pro.png) no-repeat;
	transform: rotate(-19.26deg);
}

.wrapper_bannerimg img {
	width: 100%;
	border-top-left-radius: 100px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 100px;
}

.videoplay_icon {
	position: absolute;
	width: 102px;
	height: 102px;
	left: -50px;
	top: 0;
	bottom: 0;
	border-radius: 100%;
	background: rgba(255, 255, 255, 0.4);
	opacity: 1;
	margin: auto;
}

.playicon_inr {
	position: absolute;
	width: 76px;
	height: 76px;
	left: 13px;
	top: 0;
	bottom: 0;
	border-radius: 100%;
	margin: auto;
	background: #964097;
	display: flex;
	align-items: center;
	justify-content: center;
}

.playicon_inr:hover {
	background: #822383;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.playicon_inr img {
	border-radius: 0px;
	width: 17px;
	height: 18px;
	cursor: pointer;
}

.color_box_top_bnr {
	width: 56px;
	height: 56px;
	position: absolute;
	top: -25px;
	right: 40px;
	background: #ff8f00;
	transform: rotate(19.44deg);
}
.color_box_top_bnr_pro {
	width: 56px;
	height: 56px;
	position: absolute;
	top: -25px;
	right: 40px;
	background: #ca202c;
	transform: rotate(19.44deg);
}

.color_box_bottom_bnr {
	position: absolute;
	width: 36px;
	height: 36px;
	bottom: -18px;
	right: 80px;
	background: #739e00;
	transform: rotate(135deg);
}

.color_box_bottom_bnr_pro {
	position: absolute;
	width: 36px;
	height: 36px;
	bottom: -18px;
	right: 80px;
	background: #273376;
	transform: rotate(135deg);
}

#count_section {
	background: url(../assets/codingforkids/bg_count.png) no-repeat;
	background-size: cover;
	margin-top: 30px;
	padding: 120px 0px 80px 0px;
}
#count_section_pro {
	background: url(../assets/codingforkids/bg_count_pro.png) no-repeat;
	background-size: cover;
	margin-top: 30px;
	padding: 120px 0px 80px 0px;
}

.count_section {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.box_count img {
	width: 65px;
	float: left;
	margin-right: 15px;
}

.box_count h3 {
	font-weight: bold;
	font-size: 28px;
	margin-top: 2px;
	color: #fb5850;
	margin-bottom: -2px;
}

.box_count span {
	font-weight: bold;
	margin-left: 2px;
	font-size: 14px;
	color: #b3241d;
}

.learners img {
	width: 70px;
}

.row_count {
	margin-right: -15%;
	margin-left: 0px;
}

#popular_course {
	margin-top: 60px;
	margin-bottom: 60px;
}

.popular_course {
	text-align: center;
	position: relative;
}

.popular_course h1 {
	font-weight: bold;
	font-size: 40px;
	color: #303030;
}

.popular_course span {
	font-weight: normal;
	font-size: 17px;
	color: #52595b;
	margin-bottom: 20px;
	float: left;
	width: 100%;
}

.polygon_popular {
	position: absolute;
	width: 42px;
	height: 42px;
	right: 14%;
	top: -4%;
	background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
	background-size: contain;
	transform: rotate(0.74deg);
}

.square_popular {
	width: 34px;
	height: 34px;
	left: 20px;
	top: 20px;
	position: absolute;
	background: #ff8f00;
	opacity: 0.05;
	transform: rotate(19.44deg);
}

.round_one_popular {
	width: 30px;
	height: 30px;
	background: #f7b24a;
	opacity: 0.1;
	transform: matrix(-0.66, -0.75, -0.75, 0.66, 0, 0);
	position: absolute;
	bottom: 110px;
	right: -55px;
	border-radius: 100%;
}

.round_two_popular {
	width: 26px;
	height: 26px;
	background: #f29faf;
	opacity: 1;
	position: absolute;
	bottom: -10px;
	left: -80px;
	border-radius: 100%;
}

.round_three_popular {
	width: 44px;
	height: 44px;
	background: #a3d6f1;
	opacity: 1;
	position: absolute;
	bottom: -60px;
	left: -90px;
	border-radius: 100%;
}

.popular_box {
	padding: 20px;
	border: 1px solid rgba(255, 143, 0, 0.05);
	box-sizing: border-box;
	box-shadow: 0px 17px 25px rgba(255, 143, 0, 0.07);
	border-radius: 20px;
	position: relative;
	overflow: hidden;
	text-align: left;
	margin-top: 20px;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.04);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	min-height: 417px;
	margin-bottom: 15px;
	background-color: #ffff;
}

.popular_box:hover {
	border: 1px solid rgba(255, 143, 0, 0.05);
	box-shadow: 0px 17px 25px rgba(255, 143, 0, 0.07);
}

.side_color_box {
	width: 27px;
	height: 27px;
	background: #ff8f00;
	position: absolute;
	top: 23px;
	left: -23px;
	border-top-left-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 0px;
}

.blue_color_box {
	background: #007ba8;
}

.green_color_box {
	background: #00a800;
}

.popular_box img {
	width: 100%;
	border-radius: 20px;
}

.offer_bg {
	background: url(../images/offer_cybersquare-winter-camp.png) no-repeat;
	position: absolute;
	width: 113px;
	height: 46px;
	top: 11px;
	right: 60px;
	font-weight: 600;
	font-size: 13px;
	text-align: center;
	color: #ffffff;
	padding-top: 5px;
}

.wrapper_certi_popular {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 45px;
	text-align: left;
}

.wrapper_gradient {
	background: linear-gradient(360deg, #000000 36.73%, rgba(0, 0, 0, 0) 95.56%);
	opacity: 0.7;
	width: 100%;
	height: 166px;
	position: absolute;
	bottom: 0;
	border-radius: 20px 20px 20px 20px;
}

.guarantee {
	position: absolute;
    bottom: 0;
    width: 32%;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.wrapper_certi_popular img {
	float: left;
	width: 24px!important;
	height: 29px;
	margin-left: 15px;
}

.border_certificate {
	width: 1px;
	height: 32px;
	background: #ffffff;
	opacity: 0.5;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
}

.prltve {
	position: relative;
}

.wrapper_certi_popular h3 {
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
	margin-bottom: 3px;
}

.wrapper_certi_popular h5 {
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	color: #ffffff;
}

.popular_box h4 {
	font-weight: bold;
	width: 100%;
	float: left;
	font-size: 17px;
	color: #303030;
	margin-top: 20px;
	margin-bottom: 12px;
}

.popular_box p {
	font-size: 13px;
    color: #04749f;
}

.label_age {
	width: 79px;
	height: 23px;
	font-weight: bold;
	font-size: 12px;
	color: #ff8f00;
	background: rgba(255, 143, 0, 0.12);
	border: 1px solid rgba(255, 143, 0, 0.15);
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	margin-right: 10px;
}

.session_hr {
	font-size: 14px;
	color: #babdbd;
}

.blue_label {
	background: rgba(0, 123, 168, 0.12);
	border: 1px solid rgba(0, 123, 168, 0.15);
	color: #007ba8;
}

.green_label {
	background: rgba(0, 168, 42, 0.12);
	border: 1px solid rgba(0, 168, 42, 0.15);
	color: #00a81c;
}

.popular_box h2 {
	font-weight: bold;
	font-size: 19px;
	color: #303030;
	float: left;
	margin-top: 5px;
	display: flex;
}

.popular_box span {
	font-weight: 600;
	font-size: 14px;
	color: #babdbd;
	text-decoration-line: line-through;
	margin-left: 6px;
	float: right;
	margin-top: 2px;
}

.wrapp_enroll {
	margin-top: 5px;
}

.tp {
	margin-top: 20px;
}

.popular_box span.un {
    text-decoration-line: none!important;
    margin-bottom:0;
}

.enroll {
	float: right;
	width: 144px;
	height: 35px;
	border-radius: 100px;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	color: #fb5850;
	background: #fff url(../assets/codingforkids/arrow_enroll.png) no-repeat;
	background-size: 6px 10px;
	background-position: 121px 12px;
	outline: none;
	border: none;
	text-align: left;
	padding-left: 19px;
	line-height: 35px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	border: 1px solid #fb5850;
}

.enroll:hover {
	border: 1px solid #fb5850;
	color: #fff;
	background: #fb5850 url(../assets/codingforkids/arrow_enroll_over.png) no-repeat;
	background-size: 6px 10px;
	background-position: 121px 12px;
}

.btn_view_more {
	position: relative;
	width: 254px;
	height: 48px;
	background: #de4829;
	border-radius: 100px;
	font-weight: 800;
	font-size: 16px;
	margin-top: 35px;
	text-transform: uppercase;
	outline: none;
	border: none;
	/*box-shadow: 0px 14px 34px rgba(251, 88, 80, 0.24);8*/
	margin-left: 15px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	color: #ffffff;
	margin-left: 0px;
}

.btn_view_more span {
	position: absolute;
	background: #fb5850;
	left: 0px;
	width: 100%;
	top: 0;
	bottom: 0;
	border-radius: 100px;
	/* text-align: center; */
	display: flex;
	justify-content: center;
	align-items: center;
	height: 43px;
	color: #ffffff;
}

#online_coding {
	background: #fff;
	background-size: 100%;
	position: relative;
	padding-bottom: 50px;
	z-index: 0;
}

.online_coding {
	text-align: center;
	position: relative;
	padding: 145px 0px 0px 0px;
}

.online_coding h1 {
	font-weight: bold;
	font-size: 40px;
	color: #303030;
}

.online_coding span {
	font-weight: normal;
	font-size: 17px;
	color: #52595b;
	margin-bottom: 20px;
	width: 75%;
	margin: auto;
	margin: auto;
	display: block;
}

.padding_coding {
	padding-top: 90px;
}

.tab_section_coding {
	padding: 30px;
	margin-top: 40px;
	position: relative;
}

.wrap_tab_coding {
	background-color: #f4e5ed;
	margin: auto;
	border-radius: 100px;
	padding: 10px 30px;
	width: 364px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	background: #964097;
	border-radius: 100px;
	color: #fff;
	padding-left: 25px;
	padding-right: 25px;
}

.nav-pills .nav-link {
	font-weight: 600;
	font-size: 15px;
	color: #964097;
}

.wrap_toggle {
	width: 235px;
	margin: auto;
	overflow: hidden;
	margin-top: 20px;
	display: flex;
	margin-bottom: 15px;
}

.wrap_toggle span {
	float: left;
	font-weight: bold;
	font-size: 16px;
	color: #007ba8;
	margin-top: -2px;
}

.box_toggle {
	float: left;
	background-color: #e0e8ed;
	width: 60px;
	height: 27px;
	margin-left: 20px;
	margin-right: 20px;
	border-radius: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.box_toggle input#radio-six {
	margin-right: 7px;
}

.wrap_toggle strong {
	float: left;
	font-size: 16px;
	text-align: center;
	color: #d8b9b6;
	margin-top: -2px;
}


/*------------------toggle_button_start----------*/


/* The togglebox */

.togglebox {
	display: block;
	position: relative;
	padding-left: 28px;
	margin-bottom: 13px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	left: 5px;
	top: -1px;
}


/* Hide the browser's default radio button */

.togglebox input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}


/* Create a custom radio button */

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #eee;
	border-radius: 50%;
}


/* On mouse-over, add a grey background color */

.togglebox:hover input~.checkmark {
	background-color: #ccc;
}


/* When the radio button is checked, add a blue background */

.togglebox input:checked~.checkmark {
	background-color: #007ba8;
}


/* Create the indicator (the dot/circle - hidden when not checked) */

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}


/* Show the indicator (dot/circle) when checked */

.togglebox input:checked~.checkmark:after {
	display: block;
}


/* Style the indicator (dot/circle) */

.togglebox .checkmark:after {
	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #007ba8;
	opacity: 0;
}


/*------------------toggle_button_end----------*/

.wrapper_view {
	display: flex;
	justify-content: center;
}

.square_online {
	position: absolute;
	width: 34px;
	height: 34px;
	right: 0px;
	top: 128px;
	background: #ff8f00;
	opacity: 0.05;
	transform: rotate(19.44deg);
}

.polygon_online {
	position: absolute;
	width: 40px;
	height: 40px;
	left: -1%;
	top: -3%;
	background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
	transform: rotate(-10.26deg);
	background-size: contain;
}

.round_one_online {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 19%;
	top: -2%;
	background: #f7b24a;
	opacity: 0.1;
	transform: matrix(-0.66, -0.75, -0.75, 0.66, 0, 0);
	border-radius: 100%;
}

.round_two_online {
	position: absolute;
	width: 26px;
	height: 26px;
	left: 0px;
	top: 61%;
	border-radius: 100%;
	background: #f29faf;
	transform: matrix(-0.66, -0.75, -0.75, 0.66, 0, 0);
}

.polygon_two_online {
	position: absolute;
	width: 23px;
	height: 23px;
	right: -2%;
	bottom: 25%;
	background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
	transform: rotate(-19.26deg);
	background-size: contain;
}

.round_three_online {
	position: absolute;
	width: 26px;
	height: 26px;
	right: 25%;
	bottom: 8%;
	border-radius: 100%;
	background: #f29faf;
	opacity: 0.1;
	transform: matrix(-0.66, -0.75, -0.75, 0.66, 0, 0);
}

.round_four_online {
	position: absolute;
	width: 26px;
	height: 26px;
	left: 0px;
	bottom: 8%;
	border-radius: 100%;
	background: #f29faf;
	opacity: 0.1;
	transform: matrix(-0.66, -0.75, -0.75, 0.66, 0, 0);
}

#testimonials {
	background: #fff url(../assets/codingforkids/bg_client.png) no-repeat;
	background-size: 100%;
	position: relative;
	padding-bottom: 50px;
}
#testimonials_pro {
	background: #fff url(../assets/codingforkids/bg_client_pro.png) no-repeat;
	background-size: 100%;
	position: relative;
	padding-bottom: 50px;
}

.testimonials {
	text-align: center;
	position: relative;
	padding: 90px 0px 0px 0px;
}

.title_testi {
	font-weight: bold;
	position: relative;
	font-size: 40px;
	margin: auto;
	overflow: hidden;
	color: #ffffff;
	font-family: "Oxygen", sans-serif !important;
	margin-bottom: 120px;
}

.title_testi h2 {
	font-weight: bold;
	font-size: 40px;
}

.box_title_testi {
	width: 83%;
	background: #ffffff;
	opacity: 0.15;
	border-radius: 5px;
	height: 22px;
	position: absolute;
	top: 33px;
	left: 0;
	right: 0;
	margin: auto;
}

.box_testimonials {
	position: relative;
	background: #ffffff;
	box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
	border-radius: 20px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	margin-bottom: 20px;
}

.top_card {
	top: -140px;
}

.row_testimonials {
	margin-left: 13px;
}

.box_testimonials img {
	position: relative;
	border-radius: 20px 20px 0px 0px;
	width: 100%;
}

.box_testimonials h4 {
	font-weight: bold;
	font-size: 19px;
	color: #572148;
	margin: 20px 0px 0px 0px;
}

.box_testimonials h2 {
	font-weight: normal;
	font-size: 13px;
	color: #6d6d78;
	margin: 5px 0px 30px 0px;
}

.small_testi img {
	width: 83px !important;
	height: 78px;
	margin: auto;
	border-radius: 8px !important;
	margin-top: 31px;
}

.small_testi h3 {
	font-weight: bold;
	font-size: 19px;
	color: #572148;
	margin-top: 20px;
}

.small_testi h4 {
	font-weight: normal;
	font-size: 13px;
	color: #6d6d78;
}

.small_testi p {
	font-weight: normal;
	font-size: 17px;
	color: #52595b;
	width: 65%;
	margin: auto;
	display: block;
	margin-top: 30px;
	margin-bottom: 40px;
}

.box_quotes {
	margin: auto;
	margin-top: 30px;
}

.box_quotes img {
	width: 35px !important;
	height: 24px !important;
}

.client_play_btn img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0px;
	margin: auto;
	width: 53px !important;
	height: 53px;
	z-index: 999;
	left: 0px;
	cursor: pointer;
}


/*-------button_start-- ---*/

.owl-dots {
	display: none;
}

.owl-theme .owl-nav {
	margin-top: 10px;
	position: absolute;
	top: -89px;
	width: 100%;
}

.owl-prev {
	background: #7d4d6f url(../assets/codingforkids/arrow_prev_owl.png) no-repeat !important;
	width: 40px;
	height: 40px;
	border-radius: 100% !important;
	background-position: center center !important;
}

.owl-prev span {
	display: none;
}

.owl-next {
	background: #7d4d6f url(../assets/codingforkids/arrow_next_owl.png) no-repeat !important;
	width: 40px;
	height: 40px;
	border-radius: 100% !important;
	background-position: center center !important;
}

.owl-next span {
	display: none;
}

.owl-carousel .owl-nav button.owl-prev {
	margin-right: 10px;
}

.owl-carousel .owl-nav button.owl-next {
	margin-left: 10px;
}


/*-------button_end- ---*/

.wrap_testimonials {
	margin-top: 160px;
}

.title_features {
	font-weight: 700
	;
	position: relative;
	font-size: 40px;
	margin: auto;
	overflow: hidden;
	color: #303030;
	margin-bottom: 18px;
	padding-left: 11px !important;
	z-index: 0;
}

.title_features h2 {
	font-weight: 700;
	position: relative;
	font-size: 40px;
	margin: auto;
	overflow: hidden;
	color: #303030;
	margin-bottom: 18px;
	padding-left: 11px !important;
	z-index: 0;
}

.box_title_features {
	width: 85%;
	background: #fff8f0;
	border-radius: 5px;
	height: 22px;
	position: absolute;
	top: 33px;
	z-index: -1;
	left: 0;
}

.box_title_popular {
	margin: auto;
	width: 55%;
	left: 11px;
	right: 0;
	top: 30px;
}

.box_title_browse {
	margin: auto;
	width: 52%;
	left: 12px;
	right: 0;
	top: 30px;
	background: #f5eaec;
}

.box_title_minds {
	margin: auto;
	width: 51%;
	left: 10px;
	right: 0;
	top: 30px;
	background: #f5eaec;
}

.box_title_institution {
	margin: auto;
	width: 40%;
	left: 10px;
	right: 0;
	top: 30px;
	background: #f5eaec;
}

#associated {
	padding: 60px 0px 70px 0px;
	background: url(../assets/codingforkids/bg_count.png) no-repeat;
	background-size: cover;
	margin-top: 30px;
}

#associated_pro{
	padding: 60px 0px 70px 0px;
	background: url(../assets/codingforkids/bg_count_pro.png) no-repeat;
	background-size: cover;
	margin-top: 30px;
}

#ceo-corner-bg {
	padding: 60px 0px 70px 0px;
	background: url(../assets/codingforkids/bg_count.png) no-repeat;
	background-size: cover;
}
#feature_cyber {
	margin-top: 20px;
}

.why_cyber span {
	float: left;
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	color: #fb5850;
	padding-left: 11px !important;
	margin-top: 15px;
}

.arrow_more {
	background: url(../assets/codingforkids/arrow_knowmore.png) no-repeat;
	width: 17px;
	height: 11px;
	margin: 5px 15px;
	margin-top: 20px;
}

.why_cyber h3 {
	font-weight: normal;
	font-size: 17px;
	line-height: 28px;
	color: #52595b;
	padding-left: 11px !important;
}

.icon_box_cyber {
	width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ff8f00;
	border-radius: 10px;
	margin-bottom: 20px;
}

.icon_box_cyber.bg_color_two {
    background: #d94a00;
}

.bg_color_three {
    background: #007ba8;
}

.box_cyber h1 {
	font-weight: bold;
	font-size: 19px;
	color: #303030;
	line-height: 24px;
}

.box_cyber h5 {
	font-weight: bold;
	font-size: 19px;
	color: #303030;
	line-height: 24px;
}

.box_cyber h3 {
	font-weight: normal;
	font-size: 15px;
	line-height: 22px;
	color: #52595b;
	min-height: 100px;
}

.bg_color_2 {
	background: #d94a00;
}

.bg_color_three {
	background: #007ba8;
}

.bg_color_four {
	background: #739e00;
}

.bg_color_five {
	background: #681a6f;
}

.bg_color_six {
	background: #f0a300;
}

.round_one_cyber {
	position: absolute;
	width: 24px;
	height: 24px;
	right: 10%;
	top: -5%;
	background: #f29faf;
	opacity: 1;
	border-radius: 100%;
}

.round_two_cyber {
	position: absolute;
	width: 24px;
	height: 24px;
	right: 3%;
	top: 23%;
	background: #f29faf;
	opacity: 1;
	border-radius: 100%;
}

.round_three_cyber {
	position: absolute;
	width: 24px;
	height: 24px;
	left: 22%;
	top: 58%;
	background: #f29faf;
	opacity: 0.1;
	border-radius: 100%;
}

.polygon_cyber {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 3%;
	top: 11%;
	background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
	transform: rotate(-10.26deg);
	background-size: contain;
}

.polygon_two_cyber {
	position: absolute;
	width: 40px;
	height: 40px;
	left: 1%;
	top: 23%;
	opacity: 0.1;
	background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
	transform: rotate(-10.26deg);
	background-size: contain;
}

.polygon_three_cyber {
	position: absolute;
	width: 40px;
	height: 40px;
	right: 3%;
	bottom: 23%;
	opacity: 0.1;
	background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
	transform: rotate(-10.26deg);
	background-size: contain;
}

#learn_coding {
	margin-top: 60px;
	background: #fff url(../assets/codingforkids/learn_coding.png) no-repeat;
	background-size: 100%;
	position: relative;
	padding-bottom: 20px;
	min-height: 300px;
}

.learn_coding {
	margin-top: 110px;
	padding-left: 10%;
}

.learn_coding h1 {
	font-weight: bold;
	font-size: 40px;
	line-height: 50px;
	color: #ffffff;
}

.learn_coding h2 {
	font-weight: bold;
	font-size: 40px;
	line-height: 50px;
	color: #ffffff;
}

.btn_freeclass_two {
	height: 58px;
	margin-bottom: 56px;
}

.btn_freeclass_two span {
	height: 53px;
}

.round_learncoding {
	width: 129px;
	height: 129px;
	border: 9px solid #821664;
	border-radius: 100%;
	position: absolute;
	top: -58%;
	left: 12%;
}

.round_learncoding img {
	width: 100%;
	border-radius: 100%;
}

.round_learncoding_two {
	width: 183px;
	height: 183px;
	border: 9px solid #821664;
	border-radius: 100%;
	position: absolute;
	bottom: -24%;
	left: 46%;
}

.round_learncoding_two img {
	width: 100%;
	border-radius: 100%;
}

#project_brilliant {
	padding-bottom: 30px;
	background: #fff7f6 url(../assets/codingforkids/bg_count.png) no-repeat;
	background-size: cover;
	margin-top: -90px;
}

.row_project_slider {
	margin-left: -20%;
	margin-right: -20%;
}

.wrapper_project_box {
	width: 100%;
	margin-top: 40px;
}

.project_box strong {
	font-weight: normal;
	font-size: 13px;
	color: #6d6d78;
}

.small_dp_project {
	width: 46px;
	height: 46px;
	border: 2px solid #e5e5e5;
	border-radius: 10px;
	position: absolute;
	right: 0px;
	top: 0px;
	margin: 15px;
}

.small_dp_project img {
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

.project_box {
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	min-height: auto;
}

.project_box:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.1);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-o-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
}

.wrapper_project_box .owl-stage-outer {
	padding-bottom: 80px;
}

.box_client_logos {
	text-align: center;
	border: 1px solid #ddd;
}

.box_client_logos img {width: 100%;}

.wrap_client_logos {
	display: grid;
	gap: 1rem;
	grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
	margin-top: 40px;
}

.polygon_coding {
	position: absolute;
	width: 42px;
	height: 42px;
	right: 18%;
	top: 7%;
	background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
	background-size: contain;
	transform: rotate(0.74deg);
}

.round_one_coding {
	width: 30px;
	height: 30px;
	background: #f7b24a;
	opacity: 0.1;
	transform: matrix(-0.66, -0.75, -0.75, 0.66, 0, 0);
	position: absolute;
	top: 225%;
	left: -10px;
	border-radius: 100%;
}

#footer {
	background: #572148 url(../assets/codingforkids/bg_footer.png) no-repeat;
	background-size: 100%;
	position: relative;
	padding-bottom: 50px;
	z-index: 0;
}
#footer_pro {
	background: #972322 url(../assets/codingforkids/bg_footer_pro.png) no-repeat;
	background-size: 100%;
	position: relative;
	padding-bottom: 50px;
	z-index: 0;
}

.footer {
	margin-top: 120px;
}
.footer_pro {
	margin-top: 120px;
}

.box_left_footer img {
	width: 153px;
}

.box_left_footer h5 {
    font-weight: 700;
    font-size: 15px;
    line-height: 20px;
    color: rgb(255 255 255);
    opacity: 0.8;
    margin-top: 0px;
}

.box_left_footer p {
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	color: rgb(255 255 255);
	opacity: 0.8;
	margin-top: 20px;
	margin-bottom: 5px;	
}

.box_left_footer a {
	font-weight: normal;
	font-size: 13px;
	line-height: 20px;
	color: rgb(250 89 81);
	opacity: 0.8;
	margin-top: 20px;
}

.box_left_footer .loc {margin-right: 20px; margin-bottom: 20px;}

.footer_link {
	font-weight: normal;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.85);
	margin-bottom: 20px;
	text-align: left;
	min-width: 90px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
}

.footer_link:hover {
	color: #fff;
}

.social {
	margin-right: 20px;
}

.social img{
	width: 20px;
}
.box_right_footer h5 {
	font-weight: normal;
	font-size: 13px;
	line-height: 23px;
	text-align: right;
	color: rgba(255, 255, 255, 0.85);
	width: 100%;
	float: right;
	margin: 20px 15px 0px 0px;
}

.close_popup {
	float: right;
	margin-right: 13px;
	margin-top: 5px;
	margin-bottom: -7px;
	text-align: right;
}

.wrapper_links_mobile {
	display: none;
}

.row_owl_three {
	margin-left: -1px;
	margin-right: 0px;
}


/*-----course_start-----*/

.row_inr_three {
	/*margin-left: -30px;
	margin-right: -10px;*/
	margin-left: -1px;
	margin-right: 0;
}



.tab_inr_coding {
	padding-top: 20px;
}

.label_tab {
	margin-top: 2px !important;
}

#wrapper_banner_inr {
	background: url(../assets/codingforkids/images/banner_course.png) no-repeat;
	float: left;
	background-size: 100%;
	width: 100%;
	min-height: 170px;
}

#wrapper_banner_inr_ceo {
	background-color: #572148;
	float: left;
	background-size: 100%;
	width: 100%;
	height: auto;
}
#wrapper_banner_inr_ceo_message {
	background: url(../assets/codingforkids/images/bg_client1.png) no-repeat;
	float: left;
	background-size: 100%;
	min-height: 200px;
}
.tab_inr_coding {
	padding-top: 10px;
}

.title_inr_banner {
	font-weight: 800;
	font-size: 40px;
	color: #ffffff;
}

.description_inr_banner {
	font-weight: normal;
	font-size: 17px;
	color: #ffffff;
	float: left;
	margin-bottom: 10px;
}

.box_shadow_item {
	box-shadow: none;
	border: 1px solid #e7e7e7;
	margin-bottom: 10px;
	min-height: 450px;
    max-height: 450px;
}

.box_shadow_item:hover {
	box-shadow: none;
	border: 1px solid #e7e7e7;
	margin-bottom: 10px;
}

#wrapper_games {
	background: url(../assets/codingforkids/games_cybersquare-winter-camp.png) no-repeat;
	float: left;
	position: relative;
	background-size: 100%;
	width: 100%;
	min-height: 210px;
	position: relative;
	margin-top: 20px;
	background-color: #fff7f6;
}

.polygon_game {
	position: absolute;
	width: 20px;
	height: 20px;
	left: 22%;
	top: 41px;
	background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
	transform: rotate(-10.26deg);
	background-size: contain;
}

.round_one_game {
	position: absolute;
	width: 30px;
	height: 30px;
	left: -40px;
	bottom: -209px;
	background: #f7b24a;
	opacity: 0.1;
	transform: matrix(-0.66, -0.75, -0.75, 0.66, 0, 0);
	border-radius: 100%;
}

.round_two_game {
	position: absolute;
	width: 26px;
	height: 26px;
	right: -8px;
	top: 6px;
	background: #f29faf;
	opacity: 1;
	transform: matrix(-0.66, -0.75, -0.75, 0.66, 0, 0);
	border-radius: 100%;
}

.round_three_game {
	position: absolute;
	width: 48px;
	height: 48px;
	right: -30px;
	top: 47px;
	background: #a3d6f1;
	opacity: 1;
	transform: matrix(-0.66, -0.75, -0.75, 0.66, 0, 0);
	border-radius: 100%;
}

.round_four_game {
	position: absolute;
	width: 26px;
	height: 26px;
	right: 11%;
	top: 180px;
	background: #f29faf;
	opacity: 1;
	transform: matrix(-0.66, -0.75, -0.75, 0.66, 0, 0);
	border-radius: 100%;
}

#footer_inr {
	background: #572148 url(../assets/codingforkids/bg_footer_course.png) no-repeat;
	background-size: 100%;
	position: relative;
	padding-bottom: 50px;
	z-index: 0;
}

.wrap_games span {
	font-weight: 800;
	font-size: 40px;
	color: #572148;
	padding-top: 80px;
	float: left;
}

.wrap_games h2 {
	font-weight: 800;
	font-size: 40px;
	color: #572148;
}

.btn_class_inr {
	position: relative;
	width: 274px;
	height: 61px;
	background: #de4829;
	border-radius: 100px;
	font-weight: 800;
	font-size: 16px;
	text-transform: uppercase;
	outline: none;
	border: none;
	margin-top: 85px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	color: #ffffff;
	margin-left: 0px;
}

.btn_class_inr strong {
	position: absolute;
	background: #fb5850;
	left: 0px;
	width: 100%;
	top: 0;
	bottom: 0;
	border-radius: 100px;
	/* text-align: center; */
	display: flex;
	justify-content: center;
	align-items: center;
	height: 56px;
	text-transform: uppercase;
	color: #ffffff;
}


/*-----course_end-----*/

/*-----course_details_start-----*/
.text_certi h2{    font-size: 30px !important; padding-left: 0px !important; margin-left: -11px !important;
	}
.banner_inr_content h1{
	font-weight: 800;
	font-size: 50px;
	color: #303030;
	line-height: 60px;

}
.btn_enroll_inr{ width: 225px; margin-top: 10px;}
.breadcrumbs_inr { margin-bottom: 8px;}
.breadcrumbs_inr span{float: left; font-weight: 600; color: #FB5850;
	font-size: 13px;}

.breadcrumbs_inr img{
	float: left;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 5px;
}

.wrapp_enroll_inr h2{    
    font-weight: bold;
	font-size: 30px;
    color: #303030;
    float: left;
    margin-top: 12px;
    display: flex;}
.wrapp_enroll_inr span{
    font-weight: 600;
    font-size: 20px;
    color: #BABDBD;
    text-decoration-line: line-through;
    margin-left: 15px;
    float: right;
    margin-top: 6px;
}
.gua {text-align: center;}









.banner_content img.guarant {width: 70%;}

.wrapp_enroll_inr span.un {text-decoration-line: none;}
.banner_content h5 {
    font-weight: normal;
    font-size: 14px;
    color: #52595b;
    margin-top: 20px;
}
.entroll_content_inr h5{    font-weight: normal;
    font-size: 17px;
    color: #52595B;
    margin: 30px 0px 0px 30px;}
.clr_box_inr{background: #FF8F00;
	transform: rotate(19.44deg);     bottom: -45px;     right: 30%;}



	.clr_box_inr_two {
		position: absolute;
		width: 36px;
		height: 36px;
		left: -18px;
		top: 0;
		bottom: 0;
		background: #739E00;
		transform: rotate(135deg);
		margin: auto;
	}
	
	.banner_inr_content p {
		margin-top: 25px;
		margin-bottom: 10px;
		padding-right: 50px;
	}

	.banner_inr_content .session_hr {margin-bottom: 20px; font-size: 18px;}
	.banner_inr_content .emi {color: #04749f;}

	.banner_inr_content .session_hr img {width: 7%;}

.level_course img{ float: left; margin-right: 15px;}
#level_course{margin-top: 45px; margin-bottom: 50px;}
.border_level_inr{
	width: 1px;
	height: 102px;
	background: #C4C4C4;
	opacity: 0.2;
}
.box_level h2{font-weight: normal;
	font-size: 17px;
	color: #52595B;}
.box_level h3{
	font-weight: bold;
font-size: 14px;
color: #303030;
}

.margin_level {
    margin-top: 20px; padding-left: 20px;
}
.wrapper_sticky_course{ position: relative;}
.wrap_artificial_sticky{background: #964097; min-height: 103px; margin-top: 0px; width:100%; display: none;} 
.wrap_artificial_sticky h2{
	font-weight: 800;
    font-size: 30px;
    color: #FFFFFF;
    width: fit-content;
    padding-top: 35px;
    margin-bottom: 20px;
	float: left;
}
.wrap_artificial_sticky h5{
	font-weight: 800;
    font-size: 30px;
    color: #FFFFFF;
    width: fit-content;
    padding-top: 35px;
	float: left;
}
.wrap_artificial_sticky h3{
	font-weight: 800;
	font-size: 30px;
    color: #fff;
    float: left;
    display: flex;}
.wrap_artificial_sticky span{font-weight: 600;
    font-size: 20px;
    color: #BABDBD;
    text-decoration-line: line-through;
    margin-left: 15px;
    float: right;
    margin-top: 6px;}

.wrap_artificial_sticky .emi {
    font-weight: 300;
    font-size: 14px;
    color: #ffffff;
    margin-left: 0px;
    float: left;
    text-decoration-line: inherit;
}    

.btn_enroll_inr_white{width: 155px; height: 43px; background: #c08cc1; margin-top: -3px;
margin-left: 25px; box-shadow: none;}
.btn_enroll_inr_white span{ margin: 0px; height: 40px; background: #FFFFFF; text-decoration: none;
	font-weight: 800;
	font-size: 14px; color: #964097;}

.wrap_artificial_sticky .fr{padding-top: 40px;}

.wrap_inner_menu_sticky{background: #F4ECF5;  width: 100%;} 
.wrap_inner_menu_sticky span{
	font-weight: bold;
    font-size: 16px;
    color: #964097;
    background-color: #F4ECF5;;
    border-radius: 100px;
    padding: 5px 30px;
    margin-top: 7px;
    float: left;
    margin-bottom: 7px;
	margin-right: 15px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	}

	.wrap_inner_menu_sticky span:hover, .wrap_inner_menu_sticky span.active{
		background: #964097;
		color: #fff;
	}
#about_course_inr{margin-top: 50px;}
.about_course_inr {position: relative;}

.about_course_inr h2{font-weight: bold;
	font-size: 30px;
	color: #303030;
	}
.about_course_inr p{font-weight: normal;
	font-size: 17px;
	color: #52595B; line-height: 28px;margin-top: 10px;
    display: block;
	}

	.about_course_inr h3{font-weight: bold;
		font-size: 19px;
		color: #303030; margin-top: 30px; margin-bottom: 15px;
		}


		.about_course_inr span{font-weight: normal;
			font-size: 13px;
			color: #FF8F00; 
			background: #FFF2E0;
border: 1px solid rgba(255, 143, 0, 0.15);
padding: 8px 15px; margin-right: 15px; float: left; border-radius: 100px;
			}
	
			.polygon_about_inr {
				position: absolute;
				width: 40px;
				height: 40px;
				right: 9%;
				top: -12%;
				background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
				transform: rotate(-19.26deg);
				background-size: contain;
			}

			.round_about_inr {
				width: 30px;
				height: 30px;
				background: #f7b24a;
				opacity: 0.1;
				transform: matrix(-0.66, -0.75, -0.75, 0.66, 0, 0);
				position: absolute;
				bottom: 0px;
				right: -55px;
				border-radius: 100%;
			}

#guinnes_section {
    background: url(../assets/codingforkids/bg_count.png) no-repeat;
    background-size: cover;
    margin-top: 30px;
    padding: 120px 0px 120px 0px;
}

#guinnes_section .guinnes {text-align: center;} 
#guinnes_section img {
    width: 90%;
    margin: auto;
    background: #fff;
    padding: 30px;
    border-radius: 20px;
}
#guinnes_section_pro {
    /* background: url(../images/bg_count.png) no-repeat; */
    background-size: cover;
    margin-top: -260px;
    padding: 120px 0px 120px 0px;
}

#guinnes_section_pro .guinnes {text-align: center;} 
#guinnes_section_pro img {
    width: 90%;
    margin: auto;
    background: #fff;
    padding: 30px;
    border-radius: 20px;
}

#footer .fr {
    float: right;
    display: flex;
} 


#syllabus_course_inr{ margin-top: 30px; position: relative;}
.syllabus_course_inr h2{ margin-top: 30px;font-weight: bold; margin-bottom: 30px;
	font-size: 30px; color: #303030;}

.wrap_syllabus{ display: flex; width: 100%; }
.left_box_syllabus{ margin-right: 10px; position: relative;     margin-right: 30px;}
.right_box_syllabus{ padding: 20px; border-radius: 20px; border: 1px solid #E7E7E7; width:100%;
margin-bottom: 25px; display: flex; position: relative;}

.border_left_box_syllabus{ width:1px; height: 100%;  position: absolute;opacity: 0.2;
left:0px; right:0; top:0px; margin: auto;  border-left: 1px dashed #964097;}
.chapter_box_left{background: #F4ECF5; width: 63px; height: 61px; text-align: center; top: 20px;
	
	border-radius: 8px; position: relative; z-index: 1;}
.top_first{top:0px}


.chapter_box_left h3{font-weight: 600;
    font-size: 11px;
    color: #964097;
    margin-bottom: 3px;
    padding-top: 13px;}

.chapter_box_left h2{font-weight: bold;
	font-size: 20px;
margin-top: 0px;
	text-align: center;
	margin-top: 0px;
	color: #964097;}

.right_box_syllabus img{width: fit-content; height: fit-content;border-radius: 10px; margin-right: 20px;} 

.item_content_syllabus h2{
	font-weight: bold;
	font-size: 19px;
	line-height: 25px;
	margin-top: 5px;
	color: #000000;
margin-bottom: 10px;}
.item_content_syllabus p{
	font-weight: normal;
font-size: 15px;
line-height: 22px;
color: #52595B;
margin-bottom: 25px;
}
.item_content_syllabus ul li{
	font-weight: normal;
font-size: 15px;
line-height: 22px;
color: #52595B;
margin-bottom: 0;
}
.week_syllabus img{    width: fit-content; height: fit-content;
    margin-right: 10px;
    float: left;
    margin-top: 5px;}
.week_syllabus span{font-weight: normal;
    font-size: 13px;
    line-height: 28px;
    color: #303030;
    float: left;}


.week_syllabus {margin-right: 25px;}

.position_date{margin-top: 20px;}

.last_border_syllabus{width:1px; height: 90%;  position: absolute;
	left:0px; right:0; bottom: 0; margin: auto; background-color: #fff; }

	.round_two_syllabus {
		width: 26px;
		height: 26px;
		background: #f29faf;
		opacity: 1;
		position: absolute;
		bottom: 0;
		left: -80px;
		border-radius: 100%;
		top: 43px;
		margin: auto;
	}
	.round_three_syllabus {
		width: 44px;
		height: 44px;
		background: #a3d6f1;
		opacity: 1;
		position: absolute;
		bottom: 0;
		left: -96px;
		border-radius: 100%;
		top: 141px;
		margin: auto;
	}
	.polygon_syllabus_inr {
		position: absolute;
    width: 30px;
    height: 30px;
    right: -69px;
    top: 0;
    background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
    transform: rotate(-19.26deg);
    background-size: contain;
    bottom: 83px;
    margin: auto;
	}

#userssay_course_inr{margin-top: 50px; position: relative;}
.container_carousel_inr{position: absolute; top:0; left: 0; right: 0; bottom: 0; margin: auto;}
.content_user_course{margin-right: 100px; margin-left: 105px;}
.content_user_course h2{font-weight: bold;
	font-size: 30px;
	color: #303030; 
	}
.content_user_course p{font-weight: normal;
	font-size: 17px;
	line-height: 28px;
	color: #52595B; width: 315px;}

	.design_user_course{background: #572148; border-radius: 20px 0px 0px 20px; padding: 40px; 
		width: 100%; position: relative; min-height: 630px; }

.shape_user_course{position: absolute; right: 0px; top: 0; background: url(../assets/codingforkids/users_say_cybersquare-winter-camp.png) no-repeat;
width:214px; background-size: contain; height: 214px;

}
.quotes_user_course{position: absolute;
    left:85px;
    top: 65px;
    background: url(../assets/codingforkids/quote_client_inr.png) no-repeat;
    width: 68px;
    height: 65px;     
    background-size: contain;}
.round_design_user {
    width: 24px;
    height: 24px;
    background: #F29FAF;
    opacity: 0.2;
    transform: matrix(-0.66, -0.75, -0.75, 0.66, 0, 0);
    position: absolute;
    top: 275px;
    right: 30px;
    border-radius: 100%;}

.wrapper_client_inr_carousel{ 
    margin-top: 140px;

   
	
display: flex;
}
.wrap_img_carousel{position: relative; width: fit-content;
    height: fit-content; position: relative;}
.wrap_img_carousel img{ width: fit-content; border-radius: 10px; }


#owl-six.owl-carousel .owl-item img {
    display: block;
    width: fit-content !important;
}



.wrap_text_carousel h2{font-weight: normal;
	font-size: 30px;
	line-height: 48px;
	color: #FFFFFF; margin-top: 50px;}


.wrap_text_carousel h3{font-weight: bold;
	font-size: 19px; margin-top: 35px;
	color: #FFFFFF;}
.wrap_text_carousel h4{font-weight: normal;
	font-size: 13px;
	color: #C4B1BF;}

.play_inr_carousel{
	background: url(../assets/codingforkids/client_play_btn.png) no-repeat;
	width: 53px; height: 53px; position: absolute; top:0; bottom: 0; margin: auto; left:0px; right:0px;
	cursor: pointer;
}
.wrap_text_carousel { padding-left: 40px;}


.polygon_client_inr {
	position: absolute;
    width: 30px;
    height: 30px;
    left: -70px;
    bottom: 168px;
    background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
    transform: rotate(-19.26deg);
    background-size: contain;
}



#owl-six.owl-theme .owl-nav {
    margin-top: 10px;
    width: fit-content;
    bottom: 31px;
  

    position: relative;
    margin-top: 89px;
}
#owl-six .owl-next {
    background: url(../assets/codingforkids/arrow_btn_inr_carsl.png) no-repeat !important;
    width: 57px;
    height: 20px;
margin-top: 10px;
    background-position: center center !important;
}





#owl-six .owl-prev {
    background: url(../assets/codingforkids/arrow_btn_inr_carsl2.png) no-repeat !important;
    width: 20px;
    height: 20px;

    background-position: center center !important;
}

.certificate_inr img{float: left;}
.icon_certi{margin-right: 30px;}

#certification_cyber {
	margin-top: 100px;
}

.box_certi h3{min-height: 59px;}





.btn_enroll_two{
    width: 225px;
	margin-top: 40px;
	box-shadow: none;
}


.round_one_certi {
	position: absolute;
    width: 24px;
    height: 24px;
    right: 8%;
    top: 6%;
    background: #F7B24A;
	opacity: 0.1;
    border-radius: 100%;
}

.polygon_one_certi {
	position: absolute;
    width: 30px;
    height: 30px;
    right: 50px;
    bottom: 230px;
    background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
    transform: rotate(-19.26deg);
    background-size: contain;
    opacity: 0.1;
}

.round_two_certi {
	position: absolute;
    width: 24px;
    height: 24px;
    left: 5%;
    bottom: 45px;
    background: #f29faf;
    opacity: 0.1;
    border-radius: 100%;
}

#career_path img{width:100%; margin-top: 70px;}
.text_align h2{text-align: left; font-size: 30px; margin-bottom: 5px; padding-left: 0px !important;
margin-left: -11px;}
.polygon_one_specialization {
	position: absolute;
    width: 30px;
    height: 30px;
    left: -70px;
    bottom: 111px;
    background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
    transform: rotate(-19.26deg);
    background-size: contain;
}

.polygon_two_specialization {
	position: absolute;
    width: 30px;
    height: 30px;
    left: -70px;
    bottom: 20px;
    background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
    transform: rotate(-19.26deg);
    background-size: contain;
    opacity: 0.1;
    transform: rotate(86.09deg);
}

.popbox_inr{min-height: 368px;
	margin-bottom: 15px;
	}

.enroll_inner{position: absolute;
	bottom: 0px;
	
	padding-left: 0px !important;
	padding-right: 40px !important;}

	.size_institution h2{font-size: 30px;}
#faq{ margin-top: 50px; background: #FFF7F6; position: relative; padding-top: 70px; padding-bottom: 70px;}
.faq h2{font-weight: bold;
	font-size: 30px;
	text-align: center;
	color: #303030;
	padding: 0px 0px 30px 0px;
	}

.wrap_faq{background: #FFFFFF; text-align: left; padding: 20px 20px 0px 20px!important;
	border-radius: 20px; position: relative; margin-bottom: 10px; }
.wrap_faq h2{    font-weight: bold;margin-bottom: 0px; min-height: 40px;
    text-align: left;
    font-size: 19px;
    color: #000000; cursor: pointer;
    padding: 0px 0px 0px 0px;
    display: block;}
.wrap_faq h3{font-weight: normal;
	font-size: 15px;
	line-height: 22px;
	color: #52595B;
	padding: 0px 0px 0px 0px;
	display: block;        margin-bottom: 20px;

	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;

}

	.btn_plus_accordion {
		position: absolute;
		right: 20px;
		width: 16px;
		height: 16px;
		background: url(../images/minus_accordion.png) no-repeat; 
	background-size: contain;
		top: 20px;
		cursor: pointer;
	}

.wrap_faq .collapsed .btn_plus_accordion{
	background: url(../images/plus_accordion.png) no-repeat; 
	background-size: contain;
}


.round_one_faq {
    width: 26px;
    height: 26px;
    background: #f29faf;
    opacity: 1;
    position: absolute;
    top: 41px;
    left: 10%;
    border-radius: 100%;
}


.round_two_faq {
	width: 24px;
    height: 24px;
    background: #f29faf;
    opacity: 0.1;
    position: absolute;
    bottom: 115px;
    left: 4%;
    border-radius: 100%;
}

.round_three_faq {
	width: 24px;
    height: 24px;
    background: #f29faf;
    opacity: 1;
    position: absolute;
    bottom: -40px;
    left: 45px;
    border-radius: 100%;
}


.round_four_faq {
	width: 26px;
    height: 26px;
    background: #f29faf;
    opacity: 0.1;
    position: absolute;
    top: 70px;
    right: 10%;
    border-radius: 100%;
}
.polygon_one_faq{    position: absolute;
    width: 30px;
    height: 30px;
    right: 115px;
    top: 50%;
    background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
    transform: rotate(-19.26deg);
    background-size: contain;}

	.polygon_two_faq{position: absolute;
		position: absolute;
    width: 30px;
    height: 30px;
    right: 73px;
    top: 33px;
    background: #FF8F00;
opacity: 0.05;
    transform: rotate(-19.26deg);
    background-size: contain;}



.text_more_question{font-size: 13px;font-weight: bold;
	color: #000000; text-align: center; margin-top: 15px;}


	.text_more_question span{
		color: #FB5850; }



.fixed_menu{position: fixed;z-index: 9; transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;}
.padding_scroll h2{ padding-top: 160px; transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;}
.display_sticky{display: block; transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;}


/*---register_start-----*/

#wrapper_header_register{background: #964097; padding: 30px 30px; width:100%; float: left;
text-align: center;}

#wrapper_form_register{background-color: #fff7f6; padding-top: 50px; padding-bottom: 50px;}

.wrap_form_register{background: #FFFFFF; overflow: hidden;
	border-radius: 20px; margin: auto; padding: 30px; }

.wrap_form_register h3{
	font-weight: bold;
font-size: 19px;
color: #000000;

}

.box_form{margin-top: 15px;}

.box_form label{font-weight: 600;
	font-size: 13px;
	color: #303030; width: 100%;
	}
	.box_form input{
	background: #FCFCFC;
	border: 1px solid #E7E7E7;
	border-radius: 5px;
	height: 50px;
	}

.box_form .pl-0{padding-right: 10px;}
.box_form .pr-0{padding-left: 10px;}
input{outline: none !important;}
.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {

    width: 120px !important;
}

.box_form_number input{width:100%;}
.phone_input{width:100%}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 2em 1em 3.5em;
    margin: auto;
    margin-bottom: 2em;
    position: relative;
    background-color: #fff;
    color: #515151;
    border-top: 3px solid #a46497;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
}

.woocommerce-error:before, .woocommerce-info:before, .woocommerce-message:before {
    font-family: WooCommerce;
    content: "\e028";
    display: inline-block;
    position: absolute;
    top: 1em;
    left: 1.5em;
}

.woocommerce .showcoupon {color: #cd2653;}

.woocommerce h3 {
    font-size: 19px;
    color: #303030;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 20px;
}

.woocommerce table.shop_table {
    border-radius: 15px;
}

.woocommerce table.shop_table {
    border: 1px solid rgba(0,0,0,.1);
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 15px;
}

.woocommerce table.shop_table {
    background: #F4ECF5;
    border: none;
}

.woocommerce table.shop_table th {
    font-weight: 700;
    padding: 9px 12px;
    line-height: 1.5em;
    font-size: 15px;
}

.woocommerce table.shop_table td {
    border-top: 1px dashed rgba(0,0,0,.1);
    font-size: 15px;
}

.woocommerce table.shop_table td {
    padding: 9px 12px;
    vertical-align: middle;
    line-height: 1.5em;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    border-top: none;
}

.woocommerce tr.order-total {
    background: #f4daf7;
}

pre, fieldset, input, textarea, table, table *, hr {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}


.woocommerce .woocommerce-checkout-payment {
    background: #F4ECF5; clear: both; border-radius: 5px;
}

.wc_payment_methods {
    text-align: left;
    padding: 1em;
    border-bottom: 1px solid #d3ced2;
    margin: 0;
    list-style: none outside;
}

.woocommerce .payment_methods li input {
    margin: 0 1em 0 0;
}

.woocommerce div.form-row {
    padding: 1em;
}

.woocommerce label {
    font-size: 14px;
}

.woocommerce-privacy-policy-text p {
    font-size: 13px;
}

.woocommerce-privacy-policy-text a {color: #cd2653;}

.woocommerce .form-row {
    padding: 3px;
    margin: 0 0 6px;
}

.woocommerce .button.alt {
    background-color: #FB5850;
    color: #fff;
    margin: auto;
    border-radius: 100px;
    padding: 0px 30px;
    height: 48px;
    margin-bottom: 40px; border: none;
}

.woocommerce .button.alt:hover {background-color: #96588a;}




/*---radio_btn_start----*/

label.togglebox.toggle_box_inr {
    width: fit-content;
    float: left;
    margin-right: 20px;
	margin-top: 10px;
	margin-left: 30px;
}

.toggle_box_inr .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
	border-radius: 50%;
	border:solid 1px #303030;
}

.toggle_box_inr .checkmark:after {
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    opacity: 1;
    right: 0;
    bottom: 0;
    margin: auto;
}


.toggle_box_inr:hover input~.checkmark {
    background-color: #ccc;
}

.toggle_box_inr input:checked~.checkmark {
	background-color: #fb5850;
	border: none;

}


.row_label_inr{margin-left: -35px;}


/*---radio_btn_end----*/
.text_below_form { margin: auto; margin-top: 25px; 
	margin-bottom:25px; padding-left: 0px; padding-right: 0px;}
.text_below_form h5{font-weight: normal;
	font-size: 13px;
	line-height: 19px;
	color: #303030;
	 }

.text_below_form span{ color: #FB5850; font-weight: 600;}

.btn_free_section {
    position: relative;
    width: 325px;
    height: 48px;
    background: #de4829;
    border-radius: 100px;
    font-weight: 800;
    font-size: 16px;

    text-transform: uppercase;
    outline: none;
    border: none;
    margin-left: 15px;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    color: #ffffff;

	margin: auto;
}

.btn_free_section span {
    position: absolute;
    background: #fb5850;
    left: 0px;
    width: 100%;
    top: 0;
    bottom: 0;
    border-radius: 100px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 43px;
    color: #ffffff;
}

.clr_box_register {
    background: #FF8F00;
    transform: rotate(19.44deg);
    top: 36%;
    left: 20px;
}

.round_one_register {
    width: 20px;
    height: 20px;
    background: #f29faf;
    opacity: 1;
    position: absolute;
    bottom: 65px;
    left: 3px;
    border-radius: 100%;
    margin: auto;
}

.round_two_register {
    width: 38px;
    height: 38px;
    background: #a3d6f1;
    opacity: 1;
    position: absolute;
    bottom: 0;
    left: -13px;
    border-radius: 100%;
    bottom: 13px;
    margin: auto;
}

.polygon_register_inr {
    position: absolute;
    width: 22px;
    height: 22px;
    right: 9%;
    top: 18px;
    background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
    transform: rotate(-19.26deg);
    background-size: contain;
}

.round_three_register {
    width: 20px;
    height: 20px;
    background: #f29faf;
    opacity: 0.1;
    position: absolute;
    top: 56%;
    right: 9%;
    border-radius: 100%;
    margin: auto;
}





/*---register_end-----*/

/*---vivek--course_details_end-----*/














/*-----media_query_start-----*/

@media screen and (max-width: 768px) {
	/*-----mob_menu_start-----*/
	.logo {
		margin-left: 15px;
	}
	.mob_logo img {
		width: 120px;
		margin-top: 29px;
		margin-left: 4px;
	}
	.mob_logo {
		margin-left: 10px;
	}
	.mobile_menu {
		width: 16px;
		height: 12px;
		background: url(../assets/codingforkids/mob_menu.png) no-repeat;
		float: left;
		margin-top: 5px;
		position: relative;
		z-index: 9;
	}
	.wrapper_links_mobile {
		background-color: #fff;
		position: fixed;
		left: -260px;
		width: 260px;
		height: 100%;
		z-index: 9999;
		top: 0px;
		border-radius: 0px 35px 35px 0px;
		display: block;
	}
	.close_mobile_menu {
		width: 17px;
		height: 16px;
		background: url(../assets/codingforkids/mob_close.png) no-repeat;
		margin-top: 30px;
		margin-left: 25px;
	}
	.link_mobile {
		font-weight: normal;
		font-size: 14px;
		color: #303030;
		margin-left: 10px;
		margin-top: 25px;
		transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		-moz-transition: all 0.3s ease-in-out;
	}
	.link_mobile:hover,
	.active_mb_menu {
		color: #fb5850;
	}
	.wrapper_profile_bottom {
		width: 100%;
		float: left;
		position: absolute;
		bottom: 0;
		padding: 20px 0px;
		border-radius: 0px 0px 35px 0px;
		display: flex;
	}
	.dp_img_mob img {
		width: 52px;
		height: 55px;
		float: left;
		margin: 0px 15px 0px 25px;
		border-radius: 12px;
	}
	.dp_text_mob h1 {
		font-weight: normal;
		margin-top: 5px;
		font-size: 16px;
		color: #303030;
	}
	.dp_text_mob h2 {
		font-weight: normal;
		font-size: 14px;
		color: #babdbd;
	}
	.leftbox_menu_mob {
		display: none;
	}
	.active_mb_menu .leftbox_menu_mob {
		display: block;
		width: 30px;
		height: 30px;
		background: #ff8f00;
		position: absolute;
		top: -4px;
		left: -36px;
		border-top-left-radius: 0px;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 0px;
	}
	.bg_mobmenu_body {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0);
	}
	.tab_display {
		display: none;
	}
	/*-----mob_menu_end-----*/
	.btn_login {
		float: right;
		background-color: #fb5850;
		color: #fff;
	}
	.banner_content {
		padding-left: 25px;
	}
	.polygon_banner {
		left: inherit;
		right: -64%;
		top: 88%;
	}
	.polygon_banner_pro {
		left: inherit;
		right: -64%;
		top: 88%;
	}
	.banner_content h3 {
		font-size: 36px;
		line-height: 40px;
	}
	.banner_content h1 {
		font-size: 36px;
		line-height: 40px;
	}
	.banner_content h4 {
		font-size: 24px;
		margin-top: 10px;
	}
	.banner_content p {
		font-size: 16px;
		margin-top: 12px;
	}
	#menu {
		padding-bottom: 15px;
	}
	.btn_book_class {
		width: 235px;
		height: 61px;
		font-size: 16px;
		margin-top: 5px;
	}
	.box_count h3 {
		font-size: 30px;
	}
	.row_count {
		margin-right: -22%;
		margin-left: -68px;
	}
	.count_section {
		display: grid;
		gap: 2rem;
		grid-template-columns: repeat(auto-fill, minmax(187px, 1fr));
	}
	.title_features {
		font-size: 30px;
	}
	.box_title_popular {
		width: 68%;
		left: 8px;
	}
	.box_title_browse {
		width: 63%;
		left: 11px;
	}
	.title_testi {
		font-size: 28px;
	}
	.box_title_testi {
		width: 95%;
	}
	#testimonials {
		padding-bottom: 0px;
	}
	.box_testimonials {
		top: -140px;
	}
	.wrap_testimonials {
		margin-bottom: -40px;
	}
	.why_cyber .title_features {
		font-size: 26px;
	}
	.tab_min_height {
		min-height: 338px;
	}
	.learn_coding h1 {
		font-size: 30px;
		line-height: 38px;
	}
	#learn_coding {
		background: #fff url(../assets/codingforkids/learn_coding.png) no-repeat;
		background-size: 134% 100%;
	}
	.box_title_minds {
		width: 62%;
	}
	.row_project_slider {
		margin-left: 10px;
		margin-right: -20%;
	}
	.wrapper_project_box .owl-stage-outer {
		padding-bottom: 50px;
	}
	#footer {
		padding-bottom: 20px;
	}
	#footer_pro {
		padding-bottom: 20px;
	}
	.box_title_institution {
		width: 50%;
		left: 11px;
	}
	.row_owl_three {
		margin-left: 0px;
		margin-right: -100px;
	}
	#owl-four .item {
		max-width: 100%;
	}
	.wrapper_certi_popular {
		bottom: -4px;
	}
	.wrapper_certi_popular img {
		width: 24px !important;
		margin-left: 10px;
	}
	.border_certificate {
		margin-left: 10px;
		margin-right: 10px;
	}
	#owl-four .item {
		padding-right: 0px;
	}
	#owl-two .item {
		padding-right: 0px;
	}
	.tab_section_coding {
		padding: 0px;
	}
	.row_client {
		margin-right: -110px;
		overflow: hidden;
	}
	.wrap_client_logos {
		display: block;
	}
	.owl-item .box_client_logos {
		width: 150px;
		text-align: center;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.owl-item .box_client_logos img {
		width: fit-content !important;
	}
	/*------------course_start-----------------------------------*/
	.title_inr_banner {
		font-size: 30px;
	}
	.tab_inr_coding {
		margin-top: 20px;
		padding-bottom: 30px;
	}
	#wrapper_banner_inr {
		background-size: cover;
		min-height: 118px;
		background-position: center;
		margin-bottom: 25px;
	}
	#wrapper_games {
		background-size: cover;
		min-height: 118px;
		background-position: center;
		margin-bottom: 0px;
	}
	.btn_class_inr {
		margin-bottom: 33px;
		margin-top: 90px;
	}
	.wrap_games span {
		font-size: 26px;
		padding-top: 75px;
	}
	.wrap_games h2 {
		font-size: 26px;
	}
	.polygon_game {
		top: 29px;
	}
	.round_one_game {
		width: 20px;
		height: 20px;
		left: -13px;
		bottom: -172px;
	}
	.round_two_game {
		width: 20px;
		height: 20px;
		right: 2px;
		top: 0px;
	}
	.round_three_game {
		width: 36px;
		height: 36px;
		right: -9px;
		top: 40px;
	}
	.round_four_game {
		width: 20px;
		height: 20px;
		right: 8%;
		top: 158px;
	}
	.row_inr_three {
		margin-left: 0px;
		margin-right: -15px;
	}
	/*------------course_end----------------------------------*/


/*-----course_details_start-----*/

.wrap_artificial_sticky h2 {
    font-size: 20px;}
	.wrap_artificial_sticky h3 {

		font-size: 20px;}

		.wrap_artificial_sticky span {
			font-size: 15px;
			margin-top: 2px;
		}
		.btn_enroll_inr_white {
			width: 155px;
			height: 41px;
			background: #c08cc1;
			margin-top: -3px;
			margin-left: 25px;
			box-shadow: none;
		}

		.btn_enroll_inr_white {
			width: 155px;
			height: 46px;
			background: #c08cc1;
			margin-top: -5px;

		}
		.btn_enroll_inr_white span{top:-1px}

		.wrap_inner_menu_sticky span {
			font-size: 14px;
			padding: 5px 18px;
		}

.tab_pr_pl{padding-left: 0px; padding-right: 0px;}

.syllabus_course_inr h2 {
    font-size: 24px;
}

.about_course_inr h2 {

    font-size: 24px;

}

.wrapp_enroll_inr h2 {font-size: 20px;}
.wrapp_enroll_inr span {font-size: 14px;}
.banner_inr_content .session_hr {font-size: 14px;}

.item_content_syllabus h2{font-size: 16px;
    line-height: 22px;
    margin-top: 2px;}

.wrapper_client_inr_carousel {

    display: block;
}
#owl-six.owl-carousel .owl-item img {
    display: block;
    width: 100% !important;
}

.wrap_img_carousel {
    width: 100%; margin-top: 10px;

}

.container_carousel_inr{position: relative;}
.design_user_course{display: none;}
.wrap_text_carousel{ background: #572148;

background: url(../images/mob_bg_testi.png) no-repeat;
background-size: cover;

padding-bottom: 50px;

    position: relative;
    width: 90%;
    margin: auto;
    border-radius: 5px;}
.wrap_text_carousel h2 {
    margin-top: -40px; padding-top: 80px; font-weight: normal;
    font-size: 22px;
    line-height: 31px;
	color: #FFFFFF;
	padding-right: 35px;
}

.wrap_text_carousel h3 {
    font-size: 18px;
}

#owl-six.owl-theme .owl-nav {
    width: 100%;}

	.content_user_course {
		 margin-right: 0px;
		margin-left: 25px;
	}

	#userssay_course_inr {
		margin-top: 20px;
	}	


	.wrapper_client_inr_carousel{margin-top: 0px;}

	#certification_cyber {
		margin-top: 0px;
	}

	#certification_cyber {
		margin-top: -50px;
	}

	.certificate_inr img {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		padding-right: 25px;
	}


	.content_user_course p {
		width: 100%;
	}

	.last_border_syllabus {
		width: 1px;
		height: 70%;
		background-color: white;
	}

	.item_content_syllabus p {
		line-height: 20px;
		margin-bottom: 0px;
	}


	.about_course_inr span{margin-bottom: 15px;}

	.syllabus_course_inr h2 {
		margin-top: 0px;
	}

	#syllabus_course_inr {
		margin-top: 15px;
	}

	.content_user_course h2 {
		font-size: 24px;
	}

	.content_user_course p {
		font-size: 16px;
		line-height: 22px;}

.text_certi h2{    font-size: 24px;}

.box_cyber h1 {
    font-size: 17px;
}
.box_cyber h5 {
    font-size: 17px;
}
.box_cyber h3 {
    font-size: 15px;
    line-height: 21px;
    
}
.btn_enroll_two {margin-top: 10px;}
.icon_box_cyber{ margin-bottom: 35px;}

#career_path img {
    margin-top: 60px;
}

.text_align h2{font-size: 24px !important; margin-top: 2px;}


.polygon_client_inr {
    left: 0px;
    bottom: -874px;
    background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
    transform: rotate(-19.26deg);
    background-size: contain;
}

.faq h2 {
    font-size: 24px;}

	.wrap_faq h2 {
		font-size: 17px !important;}

		.wrap_faq h3 {
			font-size: 14px;}

			#faq {
				padding-top: 50px;
				padding-bottom: 55px;
			}


			.polygon_one_faq {
		
				right: 144px;
				top: 86%;
				background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
				transform: rotate(-19.26deg);
				background-size: contain;
			}


			.text_certi h2 {
				font-size: 24px !important;}

		
/*-----course_details_end-----*/





















}

@media screen and (max-width: 768px) {
	.menu-div {
		display: none;
	}
	.learn_coding h2 {
		font-size: 18px;
		line-height: 22px;
		margin-top: 43px;
	}
	.box_title_testi h2 {
		width: 45%;
		top: 13px;
		height: 11px;
		font-size: 17px;
	}
	.title_features h2 {
		font-size: 17px;
	}
	.title_testi h2 {
		font-size: 17px;
	}
}

a.btn_login:hover {
	color: #fff;
}

a.btn_freeclass:hover {
	color: #fff;
}

.title_inr_banner h1 {
	font-weight: 800;
	font-size: 40px;
	color: #ffffff;
}

@media screen and (max-width: 600px) {
	.title_inr_banner h1 {
		font-size: 15px;
	}
	.mob_pr_pl {
		padding-left: 0px;
		padding-right: 0px;
	}
	.mob_pr {
		padding-right: 0px;
	}
	.mob_pl {
		padding-left: 0px;
	}
	.popular_box {
		padding: 15px;
	}
	.row_owl_three {
		margin-left: 12px;
		margin-right: -80px;
	}
	#owl-three .item {
		padding-right: 0px;
	}


	.wrapper_certi_popular h3 {
		font-size: 11px;
		margin-top: 2px;
	}
	.offer_bg {
		top: 7px;
		right: 23px;
		font-size: 12px;
	}
	.wrapper_certi_popular {
		bottom: -4px;
	}
	.wrapper_certi_popular img {
		width: 24px !important;
		margin-left: 10px;
	}
	.border_certificate {
		margin-left: 10px;
		margin-right: 10px;
	}
	.popular_box h4 {
		font-size: 16px;
		margin-top: 10px;
		line-height: 18px;
		margin-bottom: 14px;
	}
	.popular_box img {
		border-radius: 8px;
	}
	.popular_box {
		border-radius: 8px;
	}
	.wrapper_gradient {
		border-radius: 8px 8px 8px 8px;
		height: 115px;
	}
	.wrapp_enroll {
		margin-top: 5px;
	}
	.popular_box h2 {
		font-size: 16px;
		margin: 0;
	}
	.popular_box span {
		font-size: 13px;
		margin-bottom: 2px;
	}
	.enroll {
		float: left;
		width: 136px;
		height: 33px;
		font-size: 12px;
		background: #fff url(../assets/codingforkids/arrow_enroll.png) no-repeat;
		background-size: 6px 10px;
		background-position: 113px 10px;
		padding-left: 15px;
		line-height: 31px;
	}
	.enroll:hover {
		border: 1px solid #fb5850;
		color: #fff;
		background: #fb5850 url(../assets/codingforkids/arrow_enroll_over.png) no-repeat;
		background-size: 6px 10px;
		background-position: 113px 10px;
	}
	.wrapper_certi_popular h5 {
		font-size: 9px;
		line-height: 14px;
	}
	.row_client {
		margin-right: -10px;
		overflow: hidden;
	}
	.owl-item .box_client_logos {
		width: 120px;
		text-align: center;
		padding-left: 40px;
	}
	.associated {
		padding-left: 10px;
		padding-right: 10px;
	}
	.associated_pro {
		padding-left: 10px;
		padding-right: 10px;
	}
	#testimonials .owl-theme .owl-nav {
		display: none;
	}
	.row_testimonials {
		margin-left: 13px;
		margin-right: -120px;
	}
	#testimonials .item {
		padding-left: 2px;
		padding-right: 2px;
	}
	.box_testimonials h4 {
		font-weight: bold;
		font-size: 14px;
		color: #572148;
		margin: 10px 0px 0px 0px;
	}
	.box_testimonials h2 {
		font-size: 13px;
		margin: 5px 0px 10px 0px;
	}
	.small_testi p {
		font-size: 13px;
		width: 70%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.box_quotes img {
		width: 20px !important;
		height: 14px !important;
	}
	.small_testi img {
		margin-top: 20px;
	}
	.box_quotes {
		margin: auto;
		margin-top: -10px;
	}
	.small_testi h3 {
		font-size: 14px;
		margin-top: 10px;
	}
	.testimonials {
		padding: 25px 0px 0px 0px;
	}
	.title_testi {
		margin-bottom: 0px;
	}
	.title_testi {
		font-size: 16px;
	}
	.box_title_testi {
		width: 45%;
		top: 13px;
		height: 11px;
	}
	#menu {
		padding: 15px 0px;
	}
	.mobile_menu {
		margin-left: 15px;
		margin-top: 8px;
	}
	.close_mobile_menu {
		margin-top: 20px;
		margin-left: 15px;
	}
	.mob_logo img {
		margin-top: 19px;
	}
	.logo img {
		width: 120px;
	}
	.mobe {display: block;}
	.lap {display: none;}
	.btn_freeclass {
		position: fixed;
		bottom: -60px;
		z-index: 9;
		width: 100%;
		margin-left: 0px;
		border-radius: 25px 25px 0px 0px;
		height: 50px;
		margin-right: -15px;
		font-size: 13px;
		font-weight: 500;
		text-align: center;
		line-height: 26px;
	}
	button.btn_login {
		margin-top: -28px;
		padding: 7px 22px;
		margin-left: 0px;
		font-size: 12px;
		margin-right: 13px;
	}
	a.btn_login {
		margin-top: -28px;
		padding: 7px 22px;
		margin-left: 0px;
		font-size: 12px;
		margin-right: 13px;
	}
	.banner_content {
		padding-left: 15px;
	}
	.banner_content h3 {
		font-size: 20px;
		line-height: 24px;
	}
	.banner_content h1 {
		font-size: 18px;
		line-height: 24px;
	}
	#banner_section {
		padding-top: 0;
		position: relative;
	}
	.banner_content h4 {
		font-size: 14px;
		margin-top: 0px;
	}
	.banner_content p {
		font-size: 13px;
		margin-top: 5px;
	}
	.btn_book_class span {
		height: 35px;
	}
	.btn_book_class {
		width: 170px;
		height: 40px;
		font-size: 12px;
		margin-top: 0px;
	}
	.banner_content h5 {
		margin-top: 10px;
	}
	.wrapper_bannerimg {
		width: 100%;
		border-radius: 20px;
		padding-left: 15px !important;
		padding-right: 15px !important;
		position: relative;
		margin-top: 15px;
	}
	.wrapper_bannerimg img {
		border-radius: 20px;
	}
	.videoplay_icon {
		position: absolute;
		width: 62px;
		height: 62px;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		right: 0;
	}
	.playicon_inr {
		left: 9px;
		width: 46px;
		height: 46px;
	}
	.playicon_inr img {
		border-radius: 0px !important;
		width: 10px;
		height: 11px;
		cursor: pointer;
	}
	.link_mobile {
		margin-left: 3px;
	}
	.active_mb_menu .leftbox_menu_mob {
		left: -30px;
	}
	.dp_img_mob img {
		margin: 0px 10px 0px 15px;
	}
	.color_box_top_bnr {
		width: 26px;
		height: 26px;
		top: -16px;
	}
	.color_box_top_bnr_pro {
		width: 26px;
		height: 26px;
		top: -16px;
	}
	.color_box_bottom_bnr {
		width: 20px;
		height: 20px;
		bottom: -11px;
	}
	.color_box_bottom_bnr_bottom {
		width: 20px;
		height: 20px;
		bottom: -11px;
	}
	.box_count h3 {
		font-size: 18px;
	}
	.box_count img {
		width: 71px;
		float: none;
		margin-right: 0px;
	}
	.box_count {
		text-align: center;
	}
	.count_section {
		display: grid;
		gap: 1rem;
		grid-template-columns: repeat(auto-fill, minmax(99px, 1fr));
		/* text-align: center; */
	}
	.row_count {
		margin-right: 0;
		margin-left: 5px;
	}
	#count_section {
		padding: 55px 0px 55px 0px;
	}
	.box_count img {
		width: 55px;
	}
	.learners img {
		width: 62px;
		margin-top: -6px;
	}
	.polygon_banner {
		left: inherit;
		right: 22px;
		top: 56%;
		width: 20.94px;
		height: 20.94px;
		background-size: contain;
		transform: rotate(12.74deg);
	}
	.polygon_banner_pro {
		left: inherit;
		right: 22px;
		top: 56%;
		width: 20.94px;
		height: 20.94px;
		background-size: contain;
		transform: rotate(12.74deg);
	}
	.polygon_popular {
		right: 4%;
		top: -3%;
		width: 10px;
		height: 10px;
	}
	.title_features {
		font-size: 16px;
		margin-bottom: 13px;
	}
	.box_title_popular {
		top: 10px;
	}
	#popular_course {
		margin-top: 25px;
		margin-bottom: 25px;
	}
	.popular_course span {
		font-size: 14px;
		margin-bottom: 0px;
	}
	.round_two_popular {
		width: 13px;
		height: 13px;
		bottom: 115px;
		left: -4px;
	}
	.round_three_popular {
		width: 22px;
		height: 22px;
		bottom: 88px;
		left: -13px;
	}
	.popular_course span {
		font-size: 13px;
	}
	.btn_view_more span {
		height: 37px;
	}
	.btn_view_more {
		width: 210px;
		height: 42px;
		font-size: 13px;
		margin-top: 20px;
	}
	#online_coding {
		margin-top: 30px;
		padding-bottom: 30px;
	}
	.online_coding span {
		font-size: 13px;
		margin-bottom: 20px;
		width: 80%;
	}
	.padding_coding {
		padding-top: 35px;
	}
	.polygon_online {
		width: 13px;
		height: 13px;
		right: 4%;
		left: inherit;
		top: -35%;
	}
	.round_one_online {
		width: 16px;
		height: 16px;
		right: 85%;
		top: 18%;
	}
	.round_two_online {
		width: 10px;
		height: 10px;
		left: -2px;
		top: 53%;
	}
	.round_four_online {
		width: 20px;
		height: 20px;
		left: -11px;
		bottom: 39%;
		background: #a3d6f1;
		opacity: 1;
	}
	.polygon_two_online {
		width: 16px;
		height: 16px;
		left: 5%;
		bottom: -2%;
	}
	#testimonials {
		background-size: 145% 100%;
		background-position: center;
	}
	.testimonials {
		padding: 40px 0px 0px 0px;
	}
	.box_testimonials h1 {font-size: 22px;}
	#guinnes_section {padding: 70px 0px 70px 0px; margin-top: 0px;}
	#guinnes_section_pro {padding: 70px 0px 70px 0px; margin-top: 0px;}
	/*#feature_cyber {
		margin-top: -75px;
	}*/
	.why_cyber .title_features {
		font-size: 16px;
	}
	.box_title_features {
		width: 49%;
		top: 10px;
		left: 0;
	}
	.round_one_cyber {
		width: 18px;
		height: 18px;
		right: 10%;
		top: -1%;
		background: #f29faf;
		opacity: 0.1;
	}
	.polygon_cyber {
		width: 16px;
		height: 16px;
		left: 3%;
		top: -2%;
	}
	.why_cyber h3 {
		font-size: 14px;
		line-height: 24px;
		padding-left: 5px !important;
	}
	.why_cyber span {
		font-size: 13px;
		line-height: 20px;
		padding-left: 5px !important;
		margin-top: 0px;
	}
	.arrow_more {
		width: 17px;
		height: 11px;
		margin: 30px 10px;
		margin-top: 4px;
	}
	.box_cyber h5 {
		font-size: 14px;
		line-height: 18px;
	}
	.box_cyber h1 {
		font-size: 14px;
		line-height: 18px;
	}
	.icon_box_cyber {
		margin-bottom: 15px;
	}
	.box_cyber h3 {
		font-size: 14px;
		line-height: 22px;
		min-height: 10px;
		margin-bottom: 20px;
	}
	.round_two_cyber {
		position: absolute;
		width: 16px;
		height: 16px;
	}
	.tab_min_height {
		min-height: auto;
	}
	.col-sm-6.pl-0.fl.mt-3.mob_pr_pl,
	.col-sm-6.pr-0.fl.mt-3.mob_pr_pl {
		margin-top: 0px !important;
	}
	.learn_coding h1 {
		font-size: 18px;
		line-height: 22px;
		margin-top: 43px;
	}
	.round_learncoding {
		width: 70px;
		height: 70px;
		border: 5px solid #821664;
		top: -21%;
		left: 37%;
	}
	.round_learncoding_two {
		width: 60px;
		height: 60px;
		border: 4px solid #821664;
		bottom: -5%;
		right: 19%;
		left: inherit;
		z-index: 1;
	}
	.learn_coding {
		margin-top: 55px;
		padding-left: 20px;
	}
	#learn_coding {
		background: #fff url(../images/learn_coding.png) no-repeat;
		background-size: 145% 63%;
		background-position: center;
		margin-top: -18px;
	}
	.btn_freeclass_two {
		margin-bottom: 56px;
		width: 174px !important;
		margin-top: 10px !important;
	}
	#project_brilliant {
		background-size: cover;
		margin-top: 0px;
		position: relative;
	}
	.online_coding {
		padding: 35px 0px 0px 0px;
	}
	.box_title_features {
		width: 66%;
		top: 10px;
		left: 11px;
	}
	.wrapper_project_box {
		margin-top: -20px;
	}
	.wrapper_project_box .owl-stage-outer {
		padding-bottom: 0px;
	}
	#associated {
		padding: 30px 0px 25px 0px;
	}
	.box_title_features {
		top: 10px;
		left: 18px;
	}
	.round_one_coding {
		width: 12px;
		height: 12px;
		background: #f29faf;
		opacity: 1;
		position: absolute;
		top: -6px;
		left: 31px;
	}
	.polygon_coding {
		position: absolute;
		width: 14px;
		height: 14px;
		right: 35px;
		top: 10px;
	}
	.title_features h2 {
		font-size: 16px;
		margin-top: 10px;
	}
	.footer {
		margin-top: 40px;
	}
	.footer_pro {
		margin-top: 40px;
	}
	.box_left_footer img {
		width: 120px;
	}
	.box_left_footer h5 {
		margin-top: 10px;
	}

	.mob_box_ftr {
		width: 120px;
	}
	.box_middle_footer {
		display: flex;
		margin-top: 10px;
	}
	.footer_link {
		margin-bottom: 15px;
	}
	.box_right_footer .fr {
		float: none;
		margin: auto;
		margin-top: 10px;
	}
	.mob_margin_ftr {
		margin: auto;
		width: 170px;
		overflow: hidden;
		padding-left: 0px;
	}
	#footer .fr {
    float: left;
}
	#footer_pro .fr {
    float: left;
}
	.box_right_footer h5 {
		margin: 3px 0px 40px 0px;
		text-align: center;
	}
	.why_bottom_box {
		width: 160px;
		left: 18px;
	}
	.box_title_institution {
		width: 180px;
		left: 18px;
	}
	/*------------------------course_start------*/
	.title_inr_banner {
		font-size: 20px;
	}
	.title_inr_banner {
		font-size: 17px;
		padding-left: 15px !important;
	}
	.description_inr_banner {
		font-size: 10px;
		margin-bottom: 10px;
		line-height: 19px;
		padding-left: 15px !important;
		margin-top: 5px;
		width: 74%;
	}
	#wrapper_banner_inr {
		background: url(../assets/codingforkids/images/mob_banner_course.png) no-repeat;
		background-size: 100% 110px;
		min-height: 100px;
		margin-bottom: 20px;
	}
	.title_inr_banner {
		font-size: 15px;
		padding-left: 15px !important;
	}
	.tab_inr_coding {
		margin-top: 17px;
		padding-bottom: 30px;
	}
	.nav-pills .nav-link {
		font-size: 14px;
	}
	.wrap_toggle span {
		font-size: 14px;
	}
	.wrap_toggle strong {
		font-size: 14px;
	}
	.wrap_toggle {
		margin-top: 15px;
		margin-bottom: 10px;
	}
	.box_shadow_item .enroll {
	float: left;
    margin-top: 15px;
	}
	.wrap_games span {
		font-size: 18px;
		padding-top: 60px;
		padding-left: 15px;
	}
	.wrap_games h2 {
		font-size: 18px;
	}
	.btn_class_inr {
		margin-bottom: 30px;
		margin-top: 15px;
		float: left;
		width: 232px;
		height: 46px;
		font-size: 13px;
		margin-left: 15px !important;
	}
	.polygon_game {
		top: 20px;
		width: 16px;
		height: 16px;
		left: 45%;
	}
	.round_four_game {
		width: 20px;
		height: 20px;
		right: 8%;
		top: 158px;
		opacity: 0.1;
	}
	.round_two_game {
		width: 14px;
		height: 14px;
		right: 40px;
		top: -15px;
	}
	.round_three_game {
		width: 26px;
		height: 26px;
		right: 32px;
		top: 13px;
	}
	.btn_class_inr strong {
		height: 42px;
	}
	#wrapper_games {
		margin-top: 0px;
		background-position: unset;
		background-size: cover;
	}
	.box_shadow_item {
		margin-bottom: 0px;
		margin-top: 15px;
		min-height: 400px;
    	max-height: 400px;
	}
#guinnes_section img {
    width: 80%;
    margin: auto;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
}	
#guinnes_section_pro img {
    width: 80%;
    margin: auto;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
}	
	.box_shadow_item h2 {
		margin-top: 10px;
	}
	.row_inr_three {
		margin-left: 15px;
		margin-right: 0px;
	}
	/*-----------coursee_end----------*/




/*-----course_details_start-----*/


	.wrapp_enroll_inr h2 {
		font-size: 20px;}

		.wrapp_enroll_inr span {
			font-size: 16px;
			margin-left: 15px;
			margin-top: 3px;
		}


		.banner_inr_content p {
			margin-top: 10px;
			margin-bottom: 8px;
		}

		.entroll_content_inr h5 {
			font-weight: normal;
			font-size: 14px;
			color: #52595B;
			margin: 20px 0px 0px 0px;
			width: 100%;
		}

		.clr_box_inr {
			background: #FF8F00;
			transform: rotate(19.44deg);
			bottom: -45px;
			right: 30%;
			top: -35px;
		}

		.clr_box_inr_two {
			width: 20px;
			height: 20px;
			right: -172px;
			top: 0;
			bottom: -249px;
			background: #739E00;
			transform: rotate(135deg);
			margin: auto;
		}


		.level_course {
			width: 50%;
		}
		.box_level h2 {
			font-size: 15px;
		}

		.box_level h3 {
			font-size: 13px;

		}


		.border_level_inr{display: none;}

		#level_course {
			margin-top: 30px;
			margin-bottom: 30px;
		}

		.wrap_inner_menu_sticky .col-sm-12{display:inline-block;
		
		    overflow-x: auto; 
    white-space: nowrap;
	padding: 15px !important;
	padding-top: 10px !important;
    padding-bottom: 3px !important;
		} 

		.wrap_inner_menu_sticky span{float: none;}


		
		  
		  /* width */
		  .wrap_inner_menu_sticky .col-sm-12::-webkit-scrollbar {
			width: 0px;
			height: 0px;
		  }
		  
		  /* Track */
		  .wrap_inner_menu_sticky .col-sm-12::-webkit-scrollbar-track {
			background: #f1f1f1;
			border-radius: 10px;
		  }
		  
		  /* Handle */
		  .wrap_inner_menu_sticky .col-sm-12::-webkit-scrollbar-thumb {
			background: #cccccc;
			border-radius: 10px;
		  }
		  
		  /* Handle on hover */
		  .wrap_inner_menu_sticky .col-sm-12::-webkit-scrollbar-thumb:hover {
			background: #cccccc;
		  }


.about_course_inr{padding-left: 15px !important;}
.about_course_inr{padding-right: 15px !important;}


.polygon_about_inr {
    position: absolute;
    width: 22px;
    height: 22px;
    right: 9%;
    top: 80%;
    background: url(../assets/codingforkids/Polygon_banner.png) no-repeat;
    transform: rotate(-19.26deg);
    background-size: contain;
}

.wrap_artificial_sticky h2 {
    font-size: 14px;
	width: 100%;
	margin-left: 15px;
	padding-top: 20px;
}
.wrap_artificial_sticky h3 {
    font-size: 14px;
}
.wrap_artificial_sticky span {
    font-size: 13px;
    margin-top: 2px;
}

.btn_enroll_inr_white {
    width: 100px !important;
	height: 36px !important;
	margin-left: 10px ;
	margin-right: 15px;
	margin-top: -10px;
}

.about_course_inr span {

    font-size: 11px;

    padding: 8px 9px;
    margin-right: 7px;

}
#syllabus_course_inr{padding-left: 15px; padding-right: 15px;}

.left_box_syllabus {
    margin-right: 15px;
}
.right_box_syllabus {

    display: block;

}

.chapter_box_left {
    width: 55px;
	height: 60px;}
	
	.right_box_syllabus {
		padding: 15px;}


		.right_box_syllabus {
			width: 77%;

		}
		.chapter_box_left {
			width: 57px;
    height: 53px;
		}

		.right_box_syllabus img {
			width: 104px;
			height: 75px;
			margin-bottom: 8px;
		}

		.week_syllabus img {
			width: fit-content !important;
			height: fit-content !important;
			margin-right: 8px;
		}

		.week_syllabus {
			margin-right: 18px;
			width: fit-content;
		}

		.position_date {
			display: flex;
		}

		.right_box_syllabus {
			margin-bottom: 15px;
			padding-bottom: 10px;
		}

		.last_border_syllabus {
			height: 81%;}


			.item_content_syllabus h2 {
				font-size: 14px;
				line-height: 18px;
				margin-top: 2px;
				margin-bottom: 6px;
			}



			.item_content_syllabus p {
				font-size: 13px;}

				.position_date {
					margin-top: 8px;
				}



				.syllabus_course_inr h2 {
					font-size: 18px;
					line-height: 26px;
				}


				.chapter_box_left h3 {
					font-weight: 600;
					font-size: 11px;
					color: #964097;
					margin-bottom: 3px;
					padding-top: 10px;
				}


				.about_course_inr h2 {
					font-size: 18px;
				}

				.gua {text-align: left;}

				.banner_content img.guarant {width: 30%; margin-top: 20px;}
				.banner_inr_content .session_hr img {width: 4%;}


				.about_course_inr p {
					font-size: 13px;
					line-height: 22px;}

					.about_course_inr h3 {
						font-size: 18px;}



						.item_content_syllabus h2 {
							font-size: 14px !important;
							line-height: 20px;
						}


						.content_user_course h2 {
							font-size: 18px;
						}


						.content_user_course {
							margin-left: 15px;
						}

						.content_user_course p {
							font-size: 14px;
							line-height: 22px;
						}


						.wrap_text_carousel h2 {
							margin-top: -32px;
							padding-top: 40px;
							font-weight: normal;
							font-size: 13px;
							line-height: 20px;
							color: #FFFFFF;
							padding-right: 15px;
							
						}


						.wrap_text_carousel {
							width: 85%;
							border-radius: 5px;
							padding-left: 15px;padding-bottom: 3px;
						}


						.wrap_text_carousel h3 {
							font-size: 14px;
							margin-top: 13px;
						}

						.wrap_img_carousel {
							padding-left: 15px;
							padding-right: 15px;
						}


						.polygon_client_inr {
							left: 32px;
							top: 490px;}

							.certificate_inr img {
								padding-right: 0px;
							}


.box_certi h5{float: left; width: 100%;}
.box_certi h3{float: left; width: 100%;}

#career_path img {
    margin-top: 40px;
}

.text_align h2 {
    margin-top: 0px !important;     margin-bottom: 0px;
}

.popbox_inr {
    min-height: 270px;
    
  
}
.enroll_inner {
    margin-top: 10px;
    margin-bottom: 10px;
}

#faq {
    margin-top: 40px; padding-bottom: 40px;}

	.round_one_faq {
		width: 14px;
		height: 14px;
		top: 15px;
		left: 5%;
		border-radius: 100%;
	}

	.faq h2 {
		font-size: 18px;
		text-align: left;
		padding: 0px 0px 10px 0px;
	}

	.wrap_faq h2 {
		font-size: 13px !important;
		line-height: 18px;width: 96%;

	}


	.wrap_faq {
		padding: 15px 15px 0px !important;}

		.wrap_faq h3 {
			margin-bottom: 13px !important;}
		

			.polygon_one_faq {
				right: 20px;
    top: 90%;
    width: 15px;
    height: 15px;
			}



			.round_three_faq{display: none;}


			.wrap_artificial_sticky .fr {
				padding-top: 8px;
    float: left;
    margin-left: 15px;
			}

			.wrap_artificial_sticky {
			    min-height: 100px;
			}


			.text_certi h2 {
				font-size: 18px !important;
			}


			.text_align h2{font-size: 16px !important; margin-left: 0px !important; }


/*-----course_details_end-----*/



/*-----register_start-----*/
.wrap_form_register{ padding: 15px;}

#wrapper_form_register {
    padding-left: 15px;
    padding-right: 15px;
}
.box_form .pr-0 {
    padding-left: 0px;
}


.box_form .pl-0 {
    padding-right: 0px;
}

.mob_phoneno.col-sm-3{float: left;}
/*-----register_end-----*/

.mobile_tel{float: left; width:130px;  margin-right: 20px; margin-bottom: 10px;}
.mobile_flex{display: flex;}

.wrap_form_register h3 {
line-height: 21px;
	font-size: 14px;
	margin-bottom: 0px;

}
.mob_topmargin {margin-top: 15px;}

.wrap_form_register{padding-bottom: 0px;}

.btn_free_section span {
	font-size: 13px;
	height: 40px;
}
.btn_free_section {
    position: relative;
    width: 262px;
    height: 45px;
    margin: auto;
}

.round_two_register {
    width: 30px;
    height: 30px;
    left: -15px;
    bottom: 22px;

}

.round_one_register {
    width: 18px;
    height: 18px;
    left: -6px;


}

#wrapper_header_register {
    padding: 20px 20px;
}

#wrapper_header_register img{
   width: 140px;
}
.box_form input {
    height: 40px;
}


}

@media screen and (max-width: 320px) {
	.count_section {
		grid-template-columns: repeat(auto-fill, minmax(77px, 1fr));
	}
	.enroll {
		clear: left;
	}
	.row_owl_three {
		margin-right: -37px;
	}
	.nav-pills .nav-link.active,
	.nav-pills .show>.nav-link {
		padding-left: 15px;
		padding-right: 15px;
	}
	/*----add this-------*/
	.nav-pills .nav-link {
		font-size: 14px !important;
	}
	.wrap_toggle span {
		font-size: 14px !important;
		margin-top: 2px;
	}
	.wrap_toggle strong {
		font-size: 14px !important;
		margin-top: 2px;
	}
	/*----add this-------*/
	.wrap_tab_coding {
		padding: 10px 10px;
		width: 100%;
	}
	.tab_section_coding {
		margin-top: 10px;
	}
	.togglebox {
		top: -4px;
	}
	.owl-item .box_client_logos {
		padding-left: 133px;
	}
	/*-----------coursee_start----------*/
	.enroll_mob {
		clear: none;
		float: left;
		width: 112px;
		height: 27px;
		font-size: 12px;
		background: #fff url(../assets/codingforkids/arrow_enroll.png) no-repeat;
		background-size: 6px 10px;
		background-position: 95px 7px;
		padding-left: 9px;
		line-height: 22px;
		margin-top: 2px;
	}
	.box_shadow_item {
		padding-bottom: 10px;
	}
	/*-----------coursee_end----------*/








/*-----course_details_start-----*/




	.clr_box_inr {
		background: #FF8F00;
		transform: rotate(19.44deg);
		bottom: -50px;
		right: 15%;
		top: -33px;
	}
	.clr_box_inr_two {
		bottom: -181px;
	}
	.position_date {
		display: block;
	}	

	
	.wrap_artificial_sticky {
		min-height: 90px;
	}
	
	.wrap_artificial_sticky h2 {
		padding-top: 16px;
	}








/*-----course_details_end-----*/



}

.menu-div li {
	float: left;
	padding-left: 40px;
	padding-top: 8px;
	list-style-type: none;
}

.menu-div li a {
	color: #000;
}

.menu a:hover {
	color: #fff;
}

.current-menu-item a {
	color: #fb5850!important;
}

.pt-17, .py-17 {
  padding-top: 16rem !important;
}



.hbspt-form input.hs-input, textarea.hs-input, select.hs-input {
	background: #FCFCFC!important;
    border: 1px solid #E7E7E7!important;
    border-radius: 5px!important;
    height: 45px!important;
    box-shadow :none!important;
}


.hbspt-form input[type=radio] {
	height: inherit!important;
}

.hbspt-form input[type=submit] {
    font-weight: 700!important;
    font-size: 1rem!important;
    line-height: 1.25!important;
    padding: 1rem 2.5rem!important;
    border-width: 1px!important;
    border-radius: 0.25rem!important;
    box-shadow :none!important;
    text-shadow:none!important;
    background: #ff5a43!important;
    border-color: #ff5a43!important;
}


#factDisplay .project_box:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -o-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
    -webkit-transform-origin: top;
    -moz-transform-origin: top;
    -o-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
}


.bx-wrapper img {width: 160px; border: 1px solid #ddd;}
.bx-wrapper li {margin: 0 8px; width: auto!important;}
.bx-wrapper {width: 100%;}
.bx-wrapper .bx-viewport {height: auto!important;}



@media only screen and (min-width : 1024px) and (max-width : 1199px){
.banner_content h3 {font-size: 44px; line-height: 50px;}
.wrapper_gradient {height: 137px;}
.box_shadow_item {min-height: 440px; max-height: 440px;}

}


@media only screen and (min-width : 1920px) and (max-width : 2560px){}
@media only screen and (min-width : 1600px) and (max-width : 1919px){}
@media only screen and (min-width : 1440px) and (max-width : 1599px){}
@media only screen and (min-width : 1366px) and (max-width : 1439px){}
@media only screen and (min-width : 1280px) and (max-width : 1365px){

}
@media only screen and (min-width : 1200px) and (max-width : 1279px){
.container {max-width: 1140px!important;}
.logo img {width: 175px;}
.menu span {padding-left: 20px;}



}
@media only screen and (min-width : 1024px) and (max-width : 1199px){}
@media only screen and (min-width : 768px) and (max-width :1023px){
.center {display: block;}

}
@media only screen and (min-width : 150px) and (max-width : 767px){
.center {display: block;}

}
@media only screen and (max-width : 375px){}
@media only screen and (max-width : 360px){}
@media only screen and (max-width : 320px){}

/*ceo corner*/


.meet-ceo{
	height: auto;
	border-radius: 30px 0px 0px 30px;
	background-color: #572148;
	color: #ffffff;
	font-family: "Nunito", sans-serif !important;
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 38px;
	padding: 10px;
	
}
.text-sm{
	font-size: 16px;
}
@media (max-width: 576px) {
    .text-sm {
        font-size: 12px;

    }
}
.meet-ceo p ,h5 {
	padding: 15px 25px 0 80px;
}
@media (max-width: 576px) {
    .meet-ceo p ,h5 {
        padding: 15px 15px 0 20px;
    }
}
.btn-violet{
	background-color: #964097;
	width: 130px;
	color: #ffffff;
	font-size: 15px;
	border-radius: 30px;
}
.btn-violet:hover{
	background-color: #741f76;
}
.img-ceo-index-prof{
	height: 300px;
	max-width: 320px;
	margin-bottom: 40px;
}
.img-ceo-prof{
	height: 300px;
	max-width: 320px;
	margin-top: 40px;
	margin-bottom: 40px;
	position: relative;
	z-index: 1;
}


@media (max-width: 576px) {
    .img-ceo-prof {
		max-width: 100%;
		height: auto;
		left: 75px;
		top: -40px;
    }
}

@media (min-width: 577px) and (max-width: 767px) {
    .img-ceo-prof {
        max-width: 250px;
		height: auto;
		top: -65px;
		left:70px;

   }
}

@media (min-width: 768px) and (max-width: 992px) {
    .img-ceo-prof {
        max-width: 250px;
		height: auto;
		top: -65px;
		right: 50px;

   }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .img-ceo-prof {
        max-width: 280px;
		height: auto;
		top: -65px;
		right: 50px;

    }
}
@media (min-width: 993px) and (max-width: 1350px) {
    .img-ceo-prof {
        max-width: 320px;
		top:-55px;

    }
}

@media (min-width: 1351px) {
    .img-ceo-prof {
        max-width: 700px;
		top:-48px;
		left: 48px;
    }
}

.img-ceo-message-prof{
	height: 300px;
	max-width: 320px;
	margin-top: 40px;
	margin-bottom: 40px;
	position: relative;
	z-index: 1;
}

@media (max-width: 576px) {
    .img-ceo-message-prof {
		max-width: 100%;
		height: auto;
		left: -30px;
		top: -80px;

    }
}

@media (min-width: 577px) and (max-width: 767px) {
    .img-ceo-message-prof {
        max-width: 250px;
		height: auto;
		top: -85px;
		left:-100px
   }
}

@media (min-width: 768px) and (max-width: 992px) {
    .img-ceo-message-prof {
        max-width: 250px;
		height: auto;
		top: -65px;
		right: 50px;

   }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .img-ceo-message-prof {
        max-width: 280px;
		height: auto;
		top: -65px;
    }
}

@media (min-width: 993px) and (max-width: 1350px) {
    .img-ceo-message-prof {
        max-width: 320px;
		top:-8px;
		margin: auto;
		left: 20px;

    }
}

@media (min-width: 1351px) {
    .img-ceo-message-prof {
        max-width: 800px;
		top:-45px;
		left: -10px;
    }
}

.mj-5{
	margin-top: 400px;
	position: relative;
}
@media (max-width: 576px) {
    .mj-5 {
		margin-top: 250px;
	position: relative;
    }
}
.ceo-message-p{
	font-family: "Nunito", sans-serif !important;
	font-size: 15px;
	line-height: 20px;
	text-align: justify;
	font-weight: 700;
}
.bg-white{
	background-color: #ffffff;
}
.rounded-1{
	border-radius: 20px;
}
.ceo-profile-p{
	font-family: "Nunito", sans-serif !important;
	font-size: 17px;
	line-height: 40px;
	text-align: justify;
	font-weight: 700;
	padding:50px;
}

@media (min-width: 1351px) {
    .view-prof {
		position: relative;
		top:-38px;
		width: 500px;
		left: -30px;
		
    }
}
.whatsappscroll {
	width: 	70px;
	height: 70px;
	color: #fff;
	z-index: 999;
	bottom:70px;
	right: 5px;
	margin: auto;
	position: fixed;
	-webkit-transform: translateY(150px);
	-ms-transform: translateY(150px);
	transform: translateY(150px);
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
  }
  .whatsappscroll.active {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	animation: bounceInDown 2s;
	-webkit-animation: bounceInDown 2s;
	-moz-animation: bounceInDown 2s;
  }


  .form-group{
	font-size: 13px;
	a{ color:#fb5850;; text-decoration: underline; font-size: 13px;}
  }
  .select-dropdown{ display: inline-block; width: 100%; height: 55px; padding: 0px 15px; cursor: pointer; border: 1px solid #DFE5F2; color: #7b7b7b; border-radius: 5px; background: #F8FAFF; -webkit-appearance: none;
	-moz-appearance: none; appearance: none; transition: all 0.2s ease}
  .select-dropdown ::-ms-expand{ display: none;}
  .select-dropdown:hover, .select-dropdown:focus{ border-color:var(--Primary); outline: none;}
  .arrow{ position: absolute; top :cal(50%-4px); right: 25px; pointer-events: none; margin-top: 13px; font-size: 18px;}
  .select-dropdown:hover + .arrow, .select-dropdown:focus +.arrow{ color: #fb5850;}
  .input-field{ display: inline-block; margin-bottom:10px ; width: 100%; height: 55px; padding: 10px 15px; cursor: pointer; border: 1px solid #DFE5F2; border-radius: 5px; background: #F8FAFF; 
	-webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all 0.2s ease}
  .input-field:hover, .input-field:focus{ border-color:#fb5850;; outline: none;}
  .formbtncancel, .formbtnsend { flex: 1; text-align: center; padding: 10px; text-decoration: none; font-size: 13px;}
.formbtncancel { border: 1px solid #fb5850;; border-radius: 4px; text-decoration: none; color: #fb5850; cursor: pointer; margin-right: 5px; /* Space between buttons */}
.formbtnsend { background-color: #fb5850;; border-radius: 4px; text-decoration: none; color: #ffff; cursor: pointer; margin-left: 5px;}
.formbtnsend:hover { color: #ffff; text-decoration: none;}
.formbtncancel:hover { text-decoration: none;}
/* Image Styling */
.demo-image {
    border-radius: 8px;
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 768px) {

    .col-md-6 img {
        width:100%; 
		height: 200px;
        border-radius: 8px;
    }

    .col-md-6 {
        width: 100%; 
        padding: 0 15px; 
    }

    input.input-field {
        font-size: 14px; 
        height: 35px; 
    }

    .formbtncancel, .formbtnsend {
        padding: 8px 10px; 
        font-size: 12px; 
    }

    .modal-dialog {
        max-width: 90%; 
        margin: 10px auto; 
    }

}