/*
  ░█████╗░██╗░░░██╗░█████╗░██████╗░░█████╗░████████╗███████╗░█████╗░██╗░░██╗
  ██╔══██╗██║░░░██║██╔══██╗██╔══██╗██╔══██╗╚══██╔══╝██╔════╝██╔══██╗██║░░██║
  ██║░░╚═╝██║░░░██║██║░░██║██████╔╝███████║░░░██║░░░█████╗░░██║░░╚═╝███████║
  ██║░░██╗██║░░░██║██║░░██║██╔══██╗██╔══██║░░░██║░░░██╔══╝░░██║░░██╗██╔══██║
  ╚█████╔╝╚██████╔╝╚█████╔╝██║░░██║██║░░██║░░░██║░░░███████╗╚█████╔╝██║░░██║
  ░╚════╝░░╚═════╝░░╚════╝░╚═╝░░╚═╝╚═╝░░╚═╝░░░╚═╝░░░╚══════╝░╚════╝░╚═╝░░╚═╝
   
   
   # About Cuoratech #
   * "Innovation meets technology! Cuoratech: a leader in software technologies, sustainable digitization, and innovative artificial intelligence."
   
   # You Can Contact US With *
   - https://fb.com/cuoratech
   - support@cuoratech.com 
   - https://www.linkedin.com/company/cuoratech/
   
   # All Rights Reserved © 2024 , Created By : Cuoratech
*/

:root {
	--bgcolor: #edf1f3;
	--ready-to-start: #0194fe;
	--bg-color-0: #333333;
	--bg-color-2-new: #0078d7;
	--bg-color-2: #0194fe;
	--bg-color-3: #0194fe;
	--bg-color-4: #ffa200;
	--bg-header: #fff;
	--bg-main-bg: #0a192f;
	--bg-second-bg: #fff;
	--bg-font-0: #181d23;
	--bg-font-1: #26313e;
	--bg-font-2: #354d69;
	--bg-font-3: #385c86;
	--bg-font-4: #666;
	--bg-font-5: #2270cc;
	--bg-font-6: #ddd;
	--nv-mobile-color: #213abc;
	--meta-bg: #0d6efd;
	--text-1-color: #03253e;
	--text-2-color: #797979;
	--text-3-color: #e3f2fd;
	--text-4-color: #fbe9e7;
	--text-5-color: #e0f2f1;
	--text-6-color: #e8eaf6;
	--text-7-color: #e9ebf8;
}


.fnt_mari {
/*	font-family: "Almarai", sans-serif;*/
	font-weight: 400;
	font-style: normal;
}
a{
    color:#fff !important;
}
body {
	background-color: var(--bg-main-bg);
    color:white !important;
}

.full_btn {
	background-color: #fff !important;
	border-color: #fff !important;
    color:#0d012c;
	border: 0;
	height: 36px;
	min-width: 64px;
	padding: 0 16px;
	cursor: pointer;
}

.full_btn:hover{
	 color:#0d012c !important;
}

.borderd_btn {
	caret-color: #fff !important;
	will-change: box-shadow;
	cursor: pointer;
	background-color: transparent;
	color: #fff;
	border-color: #fff;
	height: 36px;
	min-width: 64px;
	padding: 0 16px;
	border-radius: 0.375rem;
	border-width: 1px;
}
.menu_icon{
    font-size: 26px;
    color: #fff;
    cursor: pointer;
}
.card{
    background-color:#172a46;
}
.p_card_text{
    color:white !important;
}
.p_card_text_two{
    color:black;
}
.card_acc{
      background-color: #172a46;
    color:white;
    border:none;
}
.accordion-button::after {
  margin-left: 0 !important;
  margin-right: auto;
  filter: invert(100%);
}
.accordion-body{
    background-color: #26282b;
  color: white;
}
.card_txt1{
    color: #fff !important;
}
.card_txt2{
    color: #fff !important;
}
.main_alert{
    margin-top: 6px;
    color: #fff;
}
rtag{
    color:#60f3d1;
}
.studyzen_logo{
      filter: brightness(0) invert(1) !important;
}
.offcan_body{
/*    background-color:red;
    */
      background-color: #0a192f !important;
      box-shadow: 0 2.03rem 2.25rem rgba(0, 0, 0, 0.09) !important;
      transition: .3s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
/*    color:whit*/
}
.off_close{
    filter: brightness(0) invert(1) !important;
  margin-right: 1px;
}
.buy_button_2{
    background-color: white !important;
}
.offcanvers-link{
    color:white !important;
}
.dk_input{
    background-color: #0a192f !important;
  box-shadow: 0 2.03rem 2.25rem rgba(0, 0, 0, 0.09) !important;
  color: white;
  border: 0;
      color: #fff !important;

}
.dk_input_sz{
    background-color: #0a192f !important;
  box-shadow: 0 2.03rem 2.25rem rgba(0, 0, 0, 0.09) !important;
  color: white;
/*  border: 0;*/
      color: #fff !important;
/*    text-align: right;*/

}
.form-control::-moz-placeholder {
  color: #fff !important;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #fff !important;
}
.form-control::-webkit-input-placeholder {
  color: #fff !important;
}



/* First : Navbar Styles */
.navbar_cuora {
	background-color: #0a192f !important;
	padding: 0px 0px;
	margin-bottom: 0px;
	/*  z-index: 10000;*/
	transition: .3s all cubic-bezier(0.25, 0.46, 0.45, 0.94);
	width: 100% !important;
	max-width: 100% !important;
	right: 0px;
	left: 0px;
	  box-shadow: 0 2.03rem 2.25rem rgba(0, 0, 0, 0.09) !important;
}
.link_nav{
    color:white;
}

.add_code{
    color:#60f3d1;
}
.nav_iicon{
/*    filter: sepia(100%); 
    */
/*    filter: brightness(0.9) invert(.7) sepia(.5) hue-rotate(100deg) saturate(200%);*/
      filter: brightness(0) invert(1) !important;
}
.nav_link_cuora {
	color: #000;
	font-size: 16px;
	direction: ltr;
}

.nav-link {
	color: #fff !important;
}

.mob_part {
	display: none;
}

.mob_logo {
	display: none;
}
.text-light{
/*      color: black !important;*/
}
.buy_button{
background-color: dimgrey !important;
  color: white;
}
@media only screen and (max-width: 1100px) {
	.pc_nv_part {
		display: none;
	}

	.mob_part {
		display: block;
	}
}

.nav_btn {
	border: none;
	font-size: 24px;
	outline: none !important;
}


/* Start Home Page Styles */

/* Start Footer Styles */
#footer .footer-newsletter form input[type=submit]:hover,
.contact .php-email-form button[type=submit]:hover {
	background: #0d012c
}

@keyframes animate-loading {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}

#footer {
	font-size: 14px;
	background-color: #0a192f !important;  
}

#footer .footer-newsletter {
	padding: 50px 0;
	background: #f3f5fa;
	text-align: center;
	font-size: 15px;
	color: #444
}

#footer .footer-newsletter h4 {
	font-size: 24px;
	margin: 0 0 20px;
	padding: 0;
	line-height: 1;
	font-weight: 600;
	color: #0d012c
}

#footer .footer-newsletter form {
	margin-top: 30px;
	background: #fff;
	padding: 6px 10px;
	position: relative;
	border-radius: 50px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, .06);
	text-align: left
}

#footer .footer-newsletter form input[type=email] {
	border: 0;
	padding: 4px 8px;
	width: calc(100% - 100px)
}

#footer .footer-newsletter form input[type=submit] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0;
	background: #0d012c;
	font-size: 16px;
	padding: 0 20px;
	color: #fff;
	transition: .3s;
	border-radius: 50px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, .1)
}

#footer .footer-top {
	padding: 60px 0 30px;
		background-color: #0a192f !important;
color:white !important;
    
    	  box-shadow: 0 2.03rem 2.25rem rgba(0, 0, 0, 0.09) !important;
    
}

#footer .footer-top .footer-contact,
#footer .footer-top .footer-links {
	margin-bottom: 30px
}

#footer .footer-top .footer-contact h3 {
	font-size: 28px;
	margin: 0 0 10px;
	padding: 2px 0;
	line-height: 1;
	text-transform: uppercase;
	font-weight: 600;
	color: #0d012c
}

#footer .footer-top .footer-contact p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
	color: #fff
}

#footer .footer-top h4 {
	font-size: 16px;
	/*font-weight: 700;*/
	color: #fff;
	position: relative;
	padding-bottom: 12px
}

#footer .footer-top .footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0
}

#footer .footer-top .footer-links ul i {
	padding-right: 2px;
	color: #fff; 
	font-size: 18px;
	line-height: 1
}

#footer .footer-top .footer-links ul li {
	padding: 10px 0;
	display: flex;
	align-items: center
}

#footer .footer-top .footer-links ul li:first-child {
	padding-top: 0
}

#footer .footer-top .footer-links ul a {
	color: #fff;
	transition: .3s;
	display: inline-block;
	line-height: 1
}

#footer .footer-top .footer-links ul a:hover {
	text-decoration: none;
	color: #0d012c
}

#footer .footer-top .social-links a {
	font-size: 18px;
	display: inline-block;
	background: #0d012c;
	color: #fff;
	line-height: 1;
	padding: 8px 0;
	margin-right: 4px;
	border-radius: 50%;
	text-align: center;
	width: 36px;
	height: 36px;
	transition: .3s
}

#footer .footer-top .social-links a:hover {
	background: #209dd8;
	color: #fff;
	text-decoration: none
}

#footer .footer-bottom {
	padding-top: 30px;
	padding-bottom: 30px;
	color: #fff
}

#footer .copyright {
	float: left
}

#footer .credits {
	float: right;
	font-size: 13px
}

#footer .credits a {
	transition: .3s
}

@media (max-width:768px) {
	#footer .footer-bottom {
		padding-top: 20px;
		padding-bottom: 20px
	}

	#footer .copyright,
	#footer .credits {
		text-align: center;
		float: none
	}

	#footer .credits {
		padding-top: 4px
	}
}

/* End Footer Styles */

/* Start Home Page Styles */
.home_view {}

.hello_txt1 {
	color: #fff;
	font-size: 37px;
}

.p_home_1 {
	color: #fff;
	line-height: 2rem !important;
	font-size: 19px;
}

.join_home_btn {
	background-color: #0d012c !important;
	border-color: #0d012c !important;
	border: 0;
	width: 148px;
	height: 52px;
	padding: 0 16px;
	cursor: pointer;
/*	font-family: "Almarai", sans-serif;*/
}

.index_borderd_btn {
	caret-color: var(--text-2-color) !important;
	will-change: box-shadow;
	cursor: pointer;
	background-color: transparent;
	color: var(--text-1-color);
	border-color: var(--text-1-color);
	width: 148px;
	height: 52px;
	padding: 0 16px;
	border-radius: 0.375rem;
	border-width: 1px;
/*	font-family: "Almarai", sans-serif;*/
}

.iwd_ic_1 {
	padding: 11px;
	background-color: var(--text-3-color);
	color: #1e88e5 !important;
	border-radius: 33%;
	font-size: 27px;
}

.iwd_ic_2 {
	padding: 11px;
	background-color: var(--text-4-color);
	color: #e64a19 !important;
	border-radius: 33%;
	font-size: 27px;
}

.iwd_ic_3 {
	padding: 11px;
	background-color: var(--text-5-color);
	color: #00897b !important;
	border-radius: 33%;
	font-size: 27px;
}

.iwd_ic_4 {
	padding: 11px;
	background-color: var(--text-6-color);
	color: #3949ab !important;
	border-radius: 33%;
	font-size: 27px;
}

.iwd_ic_5 {
	padding: 11px;
	background-color: var(--text-7-color);
	color: #03253e !important;
	border-radius: 33%;
	font-size: 27px;
}


.bk_white_full_space {
	/*	background-color: var(--bg-header);*/
	margin-top: -98px;
}

.screenshot_image {
	width: 416px;
	border: 10px solid #fff;
	border-radius: 14px;
	box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .06);
	margin-top: -98px;
}

.shopia_card_icon {
	padding: 11px;
	background-color: #4fa1cf;
}

.shopia_card_icon {
	border-radius: 33%;
	font-size: 22px;
	color: #fff;
}

.about_top_image {
	width: 400px;
}

.text_gd_2 {
	font-weight: normal !important;
	font-size: 17px;
	text-align: right;
/*	font-family: NotoExtraBold !important;*/
}

.about_top_txt {
	color: #60f3d1;
	font-size: 28px;
	line-height: 39px;
/*	font-family: 'Noto Kufi Arabic', sans-serif;*/
}

.about_top {
	/*	margin-top: -54px;*/
}

.about_tag_title {
/*	font-family: NotoExtraBold;*/
	color: #60f3d1;
	font-size: 20px;
}

.about_tag_text {
	color: #fff;
	line-height: 24px;
	font-size: 16px;
}

.categorie_course_card {
	border-radius: 30px;
	box-shadow: 0 2px 7px 1px rgba(0, 0, 0, .06);
}

.cateogir_course_btn {
	background-color: #0d012c !important;
	border-color: #0d012c !important;
	width: 50%;
	font-size: 15px;
	border-radius: 31px;
	border: 0;
}

.categorie_course_img {
	border-top-right-radius: 30px;
	border-top-left-radius: 30px;
}

/* End Home Page Styles */
/* Start Login,Register Forms Page */
.my-login-page {}

.my-login-page .brand {
	width: 90px;
	height: 90px;
	overflow: hidden;
	border-radius: 50%;
	margin: 40px auto;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
	position: relative;
	z-index: 1;
}

.my-login-page .brand img {
	width: 100%;
}

.my-login-page .card-wrapper {
	width: 400px;
}

.my-login-page .card {
	border-color: transparent;
	box-shadow: 0 4px 8px rgba(0, 0, 0, .05);
}

.my-login-page .card.fat {
	padding: 10px;
}

.my-login-page .card .card-title {
	margin-bottom: 30px;
}

.my-login-page .form-control {
	border-width: 2.3px;
}

.my-login-page .form-group label {
	width: 100%;
}

.my-login-page .btn.btn-block {
	padding: 12px 10px;
}

.my-login-page .footer {
	margin: 40px 0;
	color: #888;
	text-align: center;
}

@media screen and (max-width: 425px) {
	.my-login-page .card-wrapper {
		width: 90%;
		margin: 0 auto;
	}
}

@media screen and (max-width: 320px) {
	.my-login-page .card.fat {
		padding: 0;
	}

	.my-login-page .card.fat .card-body {
		padding: 15px;
	}
}

/* End Login,Register Forms Page */

/* Start Product Pages Styles */
.span-count {
	float: left;
	margin-left: 24px;
	background-color: dimgrey;
	padding: 5px 7px;
	font-size: 12px;
	font-weight: 500;
    color:white;
}
.btn:hover {
/*  color: var(--bs-btn-hover-color);*/
  background-color: none !important;
  border-color: none !important;
}
/* End Product Pages Styles */
 .services_card{
          padding: 26px;
        color:#fff !important;
    }
.services_card p{
/*          padding: 26px;*/
        color:#fff !important;
    }

.services_card:hover{
       
/*  background-color: #0d012c;*/
/*    filter: brightness(0) invert(1) !important;*/
/*  clip-path: polygon(50% 0,50% 0,50% 50%,50% 100%,50% 100%,50% 50%);*/
  transition: .4s;
     margin-top: -11px;
    
    }