/*
Theme Name: twentytwenty Child
Text Domain: twentytwenty Child
Template: twentytwenty
Version: 1.2
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.
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{
    font-family: 'Montserrat', sans-serif;
	background:#fff;
}
h1, h2, h3 {
    letter-spacing: 0;
}
p{
    font-family: 'Montserrat', sans-serif;
}
a, a:hover, a:focus{
	text-decoration: none;
	outline: none;
	transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	text-decoration: none !important;
}

button, button:hover, button:focus{
	outline: none;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
	cursor: pointer;
}

.section-inner {
    max-width: 100%;
    padding: 0px;
}
ul, ol {
    margin: 0;
}

li {
    line-height: 1.5;
    margin: 0px;
}
.extrim-bottom {
    background: #3cb2d8;
    text-align: center;
    padding: 1em 0px;
}
.extrim-bottom-title {
    color: #fff;
    margin: 0px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
}
.footer-icon{
	margin-top:15px;
}
.footer-icon li {
    display: inline-block;
}
.footer-icon li a {
    color: #fff;
    display: block;
    padding: 0px 10px;
    border: 3px solid #0e87ae;
    line-height: 42px;
    width: 45px;
    text-align: center;
    height: 45px;
    border-radius: 100px;
}
.footer-icon li a:hover {
    background: #0e87ae;
}
.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {
    margin-top: 8rem;
    display: none;
}
.footer-wrapper {
    background: #dedddd;
    padding: 1em 0px;
	position:relative;
}
.footer-inner {
    display: flex;
    justify-content: space-around;
}
.footer-widget {
    width: 33.3%;
    padding: 50px 10px;
    border-right: 2px solid #cdcdcd;
}
.widget-button {
    display: block;
    background: #3cb2d8;
    text-align: center;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    line-height: 40px;
    max-width: 180px;
    margin: 0px auto 10px;
    border-radius: 100px;
}
.widget-button:hover {
    box-shadow: 0px 6px 6px 1px rgb(171 171 174);
}
.contact-details {
    text-align: center;
    color: #5135ff;
}
.contact-details h2 {
    margin: 0px 0px 12px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 800;
	color:#3cb2d8;
}
.contact-details p {
    font-size: 15px;
    color: #0f0f0f;
    font-weight: 500;
    margin-bottom: 10px;
}
.footer-menu {
    display: block;
    margin: 0;
    text-align: center;
}
.footer-menu li {
    margin: 0px;
    list-style: none;
}
.footer-menu li a {
    text-transform: uppercase;
    font-size: 16px;
    display: block;
    line-height: 36px;
    letter-spacing: 0;
    color: #3cb2d8;
}
.footer-menu li a:hover {
    opacity: 0.8;
}
.get-direction {
    position: absolute;
    top: -20px;
    display: block;
    background: #ffffff;
    text-align: center;
    color: #353535 !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0px auto 10px;
    border-radius: 100px;
    padding: 0px 26px;
    box-shadow: 0px 8px 15px rgb(0 0 0 / 22%);
}
.circle-map {
    height: 300px;
    max-width: 630px;
    margin: 0px auto;
    border-radius: 800px 800px 0px 0px;
    position: relative;
    background-position: center center !important;
    background-size: cover !important;
}
.pin {
    position: absolute;
    top: 36%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 30px;
}
.course-wrapper {
    background: #3cb2d8;
    margin-bottom: 3em;
    padding: 8rem 0px;
}
.course-title {
    margin: 0px;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 2em;
}
.course-title span {
    font-weight: 400;
}
section.count {
    margin: 1em 0px 4em;
}
.course-list li {
    display: inline-block;
    width: 30%;
    overflow: hidden;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    margin: 15px;
    border-radius: 20px;
    box-shadow: 0px 10px 16px 2px rgb(26 102 127);
    position: relative;
}
.course-list li:hover img {
    transform: scale(1.2);
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}

.course-list {
    font-size: 0;
    text-align: center;
}
.course-list li img {
    height: 400px;
    object-fit: cover;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.course-details p {
    font-size: 15px;
    color: #fff;
    text-align: left;
	margin-bottom:0px;
}
h4.course-name {
    margin: 0px 0px 15px !important;
    color: #fff;
    text-align: left;
    font-size: 20px;
}
.course-details {
    padding: 30px;
}
.course-details {
    padding: 30px;
    position: absolute;
    bottom: 0;
    z-index: 99;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.course-list li:hover .course-details {
    bottom: 32px;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.course-list li:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 99;
    background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.8688725490196079) 0%, rgba(0,0,0,0) 100%);
}

.count-item:after {
    position: absolute;
    content: '';
    background: #e8e5e5;
    width: 150px;
    height: 150px;
    right: -60px;
    z-index: 0;
    border-radius: 100px;
    bottom: -60px;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.count-item:hover:after{
	right: -40px;
	bottom: -40px;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.elementor-counter {
    position: relative;
    z-index: 9;
}
.count-item {
    overflow: hidden !important;
}
/*.about-section-inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}*/
.about-section-inner {
    padding: 0;
}
.about-content {
    max-width: 500px;
    padding: 40px 0px;
}
.about-slider {
    overflow: hidden;
}
.about-content h3{
    color: #3cb2d8;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 900;
}
.about-content p{
    font-size: 15px;
    color: #5135ff;
}
.welcome-content h3 {
	color:#fff;
	margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 25px;
    font-weight: 900;
}
.welcome-content {
    max-width: 500px;
	margin:0px auto;
}
.welcome-content p{
	color:#fff;
	font-size:15px;
}
.about-section {
    position: relative;
}
.about-slider img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.about-slider {
    position: relative;
    width: 400px;
    margin-bottom: 0px !important;
}
.about-slider .slick-slide {
    border-radius: 0px 0 100% 0px;
    overflow: hidden;
    width: 400px !important;
    height: 300px !important;
}
.about-slider .slick-prev {
    right: 33px !important;
    background: #5135ff !important;
    z-index: 9;
    color: #fff !important;
    border-radius: 100px;
    top: 222px;
    width: 35px;
    height: 35px;
    transform: rotate(-30deg);
    left: 219px;
}
.welcome-slider .slick-prev {
    background: #3cb2d8 !important;
    left: 20px;
    z-index: 9;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 100%;
}
.slick-slide img {
    display: block;
    width: 100% !important;
}
.slider-carousel img {
    height: 600px;
    object-fit: cover;
    object-position: top;
}
.welcome-slider .slick-next {
    background: #5135ff !important;
    right: -20px;
    z-index: 9;
    width: 40px;
    height: 40px;
    border: 2px solid #fff;
    border-radius: 100%;
	display:none !important;
}
.welcome-section-inner {
    padding: 0;
}
.welcome-slider img {
    height: 400px;
    object-fit: cover;
    border-radius: 0px 0px 0px 100%;
    width: 100%;
}
.about-slider .slick-next {
    right: 106px !important;
    background: #5135ff !important;
    z-index: 9;
    color: #fff !important;
    border-radius: 100px;
    top: 197px;
    width: 35px;
    height: 35px;
    transform: rotate(-36deg);
}
span.elementor-counter-number {
    color: #3cb2d8;
}
.elementor-counter-title {
    color: #3cb2d8 !important;
}
.slick-prev:before, .slick-next:before {
    color: #fff !important;
    opacity: 1 !important;
	text-decoration:none;
}
button:focus, button:hover, .button:focus, .button:hover, .faux-button:focus, .faux-button:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover {
    text-decoration: none !important;
}
.welcome-section {
    background: #3cb2d8;
    padding: 0px 0px 0;
    position: relative;
    overflow: hidden;
}
.welcome-slider img {
    height: 500px;
    object-fit: cover;
}

section {
    padding: 0px 0;
}
.welcome-section:before {
    position: absolute;
    content: '';
    background: #39a8cc;
    width: 500px;
    height: 500px;
    border-radius: 100%;
    left: -100px;
    bottom: -70px;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
.welcome-section:hover:before {
    left: -70px;
	-o-transition: all 400ms ease-in-out;
	-ms-transition: all 400ms ease-in-out;
	-moz-transition: all 400ms ease-in-out;
	-webkit-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.bounce i {
  animation: bounce 2s infinite;
}
.arrow {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    max-width: 40px;
    margin: 0px auto;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
}
.slider-section:after {
    position: absolute;
    content: '';
    background: #fff;
    width: 2px;
    height: 50px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0px auto;
    z-index: 0;
}
#site-header {
    z-index: 2;
    background: transparent;
    position: absolute;
    width: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#333131+0,211110+99&1+0,0+100 */
background: linear-gradient(to bottom,  rgba(51,49,49,1) 0%,rgba(33,17,16,0.01) 99%,rgba(33,17,16,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.header-titles .site-title, .header-titles .site-logo, .header-titles .site-description {
    margin: 0;
    color: #fff;
}

.header-inner {
    align-items: center;
    display: block;
    justify-content: space-between;
    padding: 0;
    flex-direction: column;
    position: relative;
}
.header-inner {
    display: block !important;
    padding: 0px !important;
    position: relative;
}
.header-titles-wrapper {
    margin-right: 0px !important;
    display: block;
    margin: 0px auto;
    max-width: 100%;
}

.header-titles {
    align-items: baseline;
    display: block;
    margin: 0;
}
span.toggle-icon {
    display: none;
}
span.toggle-text {
    padding-right: 0px !important;
}
.toggle-wrapper {
    background: #3cb2d8;
    position: fixed !important;
    top: 0;
    right: 0;
    border-radius: 0px 0px 0px 100%;
    height: 90px;
    width: 100px;
}

.menu-modal.active {
    background: rgb(0 0 0 / 70%);
    transition: background-color 0.3s ease-out;
}
.header-toggles:only-child .nav-toggle .toggle-inner {
    padding-top: 0;
    display: block;
    line-height: 58px;
    text-transform: uppercase;
    font-weight: bold;
}
button.toggle.nav-toggle.desktop-nav-toggle {
    display: block !important;
}
span.toggle-text {
    color: #fff !important;
    text-decoration: none !important;
}
.header-toggles {
    margin-right: 0;
}
@keyframes bounce  {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.slider-section {
    position: relative;
}
.menu-modal-inner.modal-inner {
    background: #3cb2d8;
    width: 700px !important;
    border-radius: 50% 0px 0px 50%;
    padding: 0px 100px;
}
.modal-menu li {
    display: block !important;
}
.modal-menu li a {
    padding: 0px !important;
    color: #fff;
    line-height: 43px;
    font-size: 20px !important;
}
.modal-menu li {
    border-color: #4026e1;
}
.expanded-menu {
    display: block;
    max-width: 340px;
    margin: 0px auto;
}
svg.svg-icon {
    color: #fff;
}
.singular .entry-header {
    padding: 0px;
}
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: 100%;
    width: 100%;
}
.entry-title {
    font-size: 40px;
    margin-top: 50px !important;
}
.post-inner {
    padding-top: 20px;
}
.circle-map i {
    color: #000;
}
.get-direction:hover {
    background: #3cb2d8;
    color: #fff !important;
}
h2.elementor-heading-title {
    margin: 0px;
}
.school-name{
	position:relative;
	z-index:9 !important;
}
p.elementor-icon-box-title {
    margin-bottom: 0px;
}
.elementor-icon-box-icon {
    margin-bottom: 0px !important;
}
td {
    color: #000;
    font-size: 16px;
    border: 1px solid #000 !important;
    text-align: center !important;
}
.elementor-widget-container h4 {
    margin: 0px 0px;
}
.site-logo img {
    max-height: inherit;
    transition: height 0.15s linear, width 0.15s linear, max-height 0.15s linear;
    width: 120px;
    border-radius: 10px;
    text-align: left;
    box-shadow: 1px 1px 10px 1px rgb(113 113 113 / 50%);
}
h3.elementor-icon-box-title {
    margin: 0px;
}
.ninja-form-contact label {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    color: #fff;
}
span#nf-label-field-12 {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #fff;
}
.ninja-form-contact h3 {
    margin: 0;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
}
.ninja-form-contact input {
    background: #1a5a6f !important;
    border: 2px solid #fff !important;
    height: 50px !important;
    border-radius: 10px !important;
    box-shadow: 1px 3px 0px 1px rgb(0 0 0 / 73%) !important;
    color: #fff !important;
}
.nf-error.field-wrap .nf-field-element:after {
    border-radius: 10px;
}
.list-radio-wrap ul li input {
    height: auto !important;
}
.list-radio-wrap ul li {
    display: inline-block;
    margin-bottom: 0px !important;
}
.nf-before-form-content {
    display: none;
}
.ninja-form-contact textarea {
    background: #1a5a6f !important;
    border: 2px solid #fff !important;
    height: 100px !important;
    border-radius: 10px !important;
    box-shadow: 1px 3px 0px 1px rgb(0 0 0 / 73%) !important;
    color: #fff !important;
}
#ninja_forms_required_items, .nf-field-container {
    clear: both;
    position: relative;
    margin-bottom: 10px;
}
.nf-form-content label {
    font-size: 16px !important;
    line-height: 20px;
}
#ays-quiz-container-2 {
    min-height: 450px;
    width: 800px;
    background-color: #3cb2d8 !important;
    background-position: center center;
    border-radius: 8px;
    box-shadow: 0px 0px 15px 1px rgba(201,201,201,0.4);
    border: none;
}
p.ays-fs-title {
    color: #fff !important;
}
#ays-quiz-container-2 .select2-container, #ays-quiz-container-2 .ays-field * {
    font-size: 15px !important;
    background: #fff;
}
.wp_quiz_question.testclass {
    color: #fff !important;
}
p.ays-question-counter.animated {
    color: #fff !important;
}
label.ays_answer_image.ays_anser_image_class.correct.answered {
    color: #fff !important;
}
#ays-quiz-container-2 #ays_finish_quiz_2 .ays-field input:checked+label:before {
    border-color: #ffffff !important;
    background: #2b3feb !important;
    background: #eaeaea;
}
@media only screen and (max-width: 768px) {
  .footer-inner {
    flex-direction: column;
}
.footer-widget {
    width: 100%;
    padding: 20px;
    border-bottom: 2px solid #cdcdcd;
    margin-top: 20px;
}
.footer-wrapper {
    padding: 0px 0px;
}
a.get-direction {
    left: 0;
    right: 0;
    max-width: 180px;
}
.course-list li {
    width: 40%;
}
.course-list li img {
    height: 300px;
    width: 100%;
}
/*header#site-header {
    display: none;
}*/
button.toggle.nav-toggle.mobile-nav-toggle, .search-toggle {
    display: none;
}
.site-logo img {
    max-height: inherit;
    margin: 0 auto;
    width: 250px;
}
.mobile-search-toggle {
    display: none !important;
}
.header-titles-wrapper {
    padding: 10px 0;
    width: auto !important;
}
	#site-header {
    background: #fff !important;
}
	.site-logo img{
		box-shadow:none;
	}
}

@media only screen and (max-width: 540px) {
.course-list li {
    width: 90%;
    margin: 20px auto;
    display: block;
}
.about-slider {
    width: 100%;
}
.about-slider {
    width: 100%;
    display: none;
}
.about-content {
    max-width: 100%;
    text-align: center;
    padding: 40px 20px 0px;
}
section {
    padding: 0rem 0;
}
.course-wrapper {
    padding: 2em 0px;
}
.welcome-slider img {
    height: 360px;
    object-fit: cover;
    border-radius: 0;
}
.welcome-slider .slick-prev {
    left: 20px;
}
section.welcome-section {
    text-align: center;
    padding: 2em 0px;
}
section.welcome-section {
    text-align: center;
    padding: 0em 0px;
}
#site-header {
    z-index: 2;
    background: transparent;
    position: inherit;
    width: 100%;
    background: linear-gradient(135deg, rgb(135 94 252) 0%,rgb(93 220 230) 100%);
}
}