/*
Copyright (c) 2023 
------------------------------------------------------------------

Template Name: Preschool and Kindergarten
table of content:-
1. body css
2. reusable css
3. preloader css
4. header css
5. banner css
6. about css
7. what we do css
8. education structure css
9. service css
10. gallery css
11. counter css
12. teachers css
13. footer css
------------------------*/
/*-----------------------
1. body css start
------------------------*/

body {
    font-family: 'Manrope', sans-serif;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    background: #fff;
    color: #484848;
    position: relative;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Advent Pro', sans-serif;
    margin: 0;
    text-transform: none;
}

p {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    font-family: 'Manrope', sans-serif;
}

ul {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    color: #484848;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #484848;
    outline: none;
}

img {
    max-width: 100%;
}

input:focus,
button:focus,
textarea:focus {
    outline: none;
}

textarea {
    resize: none;
}

/*-----------------------body css end------------------------*/
/*-----------------------color css start-----------------------*/
a.red,
h3.red {
    color: #e64d3d;
}

a.blue,
h3.blue {
    color: #00b4ff;
}

a.orange,
h3.orange {
    color: #00b4ff;
}

a.green,
h3.green {
    color: #7bd020;
}

/*-----------------------color css end-----------------------*/
/*-----------------------2. reusable css start-----------------------*/
.px_toppadder10 {
    padding-top: 10px;
}

.px_toppadder20 {
    padding-top: 20px;
}

.px_toppadder30 {
    padding-top: 30px;
}

.px_toppadder40 {
    padding-top: 40px;
}

.px_toppadder50 {
    padding-top: 50px;
}

.px_toppadder60 {
    padding-top: 60px;
}

.px_toppadder70 {
    padding-top: 70px;
}

.px_toppadder80 {
    padding-top: 80px;
}

.px_toppadder90 {
    padding-top: 90px;
}

.px_toppadder100 {
    padding-top: 50px;
}

.px_bottompadder10 {
    padding-bottom: 10px;
}

.px_bottompadder20 {
    padding-bottom: 20px;
}

.px_bottompadder30 {
    padding-bottom: 30px;
}

.px_bottompadder40 {
    padding-bottom: 40px;
}

.px_bottompadder50 {
    padding-bottom: 50px;
}

.px_bottompadder60 {
    padding-bottom: 60px;
}

.px_bottompadder70 {
    padding-bottom: 70px;
}

.px_bottompadder80 {
    padding-bottom: 80px;
}

.px_bottompadder90 {
    padding-bottom: 90px;
}

.px_bottompadder100 {
    padding-bottom: 100px;
}

.px_padderboth120 {
    padding: 120px 0px;
}

/*------heading start------*/
.px_heading {
    text-align: center;
}

.px_heading h1 {
    font-size: 40px;
    color: #484848;
}

.px_heading h1 span {
    color: #00b4ff;
}

/*------heading end------*/
.px_svg_btn {
    position: relative;
    width: auto;
    display: inline-block;
}

.px_svg_btn svg path {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.px_svg_btn:hover path {
    fill: transparent;
    stroke: #00b4ff;
}

.px_svg_btn:hover .px_btn {
    color: #00b4ff;
}

.px_svg_a {
    position: absolute;
    top: 0;
    left: 0;
}

.px_btn {
    font-family: 'Manrope', sans-serif;
    font-size: 20px;
    text-transform: none;
    color: white;
    display: flex;
    justify-content: center;
    width: 135px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.px_btn:focus {
    color: #fff;
}

.px_overlay {
    position: absolute;
    left: 0%;
    top: 100%;
    bottom: 0%;
    right: 0%;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(241, 174, 45, 0.9));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(241, 174, 45, 0.9));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(241, 174, 45, 0.9));
    background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(241, 174, 45, 0.9));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(241, 174, 45, 0.9));
    opacity: 0;
    width: 100%;
    height: 0;
    transition: all 0.35s ease-in;
    -webkit-transition: all 0.35s ease-in;
    -moz-transition: all 0.35s ease-in;
    -o-transition: all 0.35s ease-in;
    -ms-transition: all 0.35s ease-in;
}

/*-----------------------reusable css end-----------------------*/

/* 3. preloader css start */

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    /* change if the mask should have another color then white */
    z-index: 100000;
    /* makes sure it stays on top */
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    /* is width and height divided by two */
}

/* preloader css end */

/*---------------------4. header css start---------------------*/
.top {
    position: absolute;
    top: -14px;
    left: 0;
}

.px_header {
    position: relative;
    z-index: 10;
    padding: 25px 0px;
}
.modal-body p {
margin-bottom:10px;
     font-size:16px
    
}
.modal-body {
    font-size:16px
}
.modal-body ul {
    list-style: disc;
    margin-left: 30px;
    margin-bottom:30px;
}

.modal-body {
    width: 100%;
    max-width: 600px;
}

.modal-body h3 {
    margin-bottom:20px;
    color:#31c3de
}

.modal-dialog.modal-dialog-centered {
    max-width:600px
}
.px_toggle_btn {
    display: none;
}

.header_menu > ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;

}

.header_menu ul li {
    padding: 0px;
    margin-right: 12px;
    position: relative;
}

.header_menu ul li.current a {
    color: #ffef69
}

.header_menu ul li:last-child {
    padding-right: 0;
}

.header_menu ul li a {
    font-family: 'Manrope', sans-serif;
    font-size: 16px;
    text-transform: none;
    position: relative;
    transition: all .5s ease-in-out;
    color: white;
}

.header_menu ul li a:hover {
    color: #fdf060;
}

.header_menu ul li a:hover::after,
.header_menu ul li a.active:hover::after {
    width: 100%;
    background-color: #fded6b;
}

.header_menu ul li a.active {
    border-bottom: 2px solid;
    color: #e64d3d;
}

.header_menu ul li a.active:hover:after {
    width: 0;
}

.header_menu ul li a:after {
    position: absolute;
    content: "";
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: transparent;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.header_menu ul li a.active:after {
    bottom: -4px;
}

.footer_top_section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.sub_menu {
    position: absolute;
    display: none;
    top: 100%;
    left: 0px;
    width: 145px;
    background: #fff;
    padding: 10px;
    z-index: 10;
    border-top: 2px solid #00b4ff;
}

.header_menu ul li ul.sub_menu li {
    list-style: none;
    padding: 5px 0px;
    margin: 0;
    text-align: left;
}

.header_menu ul li:hover .sub_menu {
    display: block;
}

.sub_sub_menu {
    position: absolute;
    display: none;
    top: 0;
    left: 100%;
    width: 165px;
    background: #fff;
    padding: 10px;
    z-index: 10;
    border-top: 2px solid #00b4ff;
}

.sub_menu li:hover .sub_sub_menu {
    display: block;
}

.education_img.edu_img1 img {
    width: 100%;
}

.education_img.edu_img2 img {
    width: 100%;
}

.education_img.edu_img3 img {
    width: 100%;
}

/*---------------------header css start---------------------*/
/*--------------------5. banner css start---------------------*/
.px_index_banner {
    width: 100%;
    background-image: url(../images/main-banner.jpg);
    background-size: cover;
    position: relative;
    overflow: hidden;
    height: auto !important;

}

.banner_element {
    position: relative;
    bottom: 0;
    left: -13px;

}

.popup {
    transform-style: preserve-3d;
}

.element_text {
    position: absolute;
    top: 12%;
    left: 17%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    color: #00b4ff;
}

.banner_element1 {
    position: absolute;
    top: -10px !important;
    left: 29% !important;
    z-index: 0;
    transition: all .9s;
}

.banner_element2 {
    position: absolute;
    top: -195px;
    left: 47%;
    transition: all .5s;
}

.banner_element3 {
    position: absolute;
    top: -210px;
    right: 26%;
    transition: all .5s;
}

.banner_element4 {
    position: absolute;
    top: -360px;
    right: 2%;
    transition: all .5s;
}

.element_text1 {
    position: absolute;
    bottom: 33%;
    color: #e64d3d;
    left: 25%;
    text-align: center;

}

.element_text1 a {
    color: #e64d3d;
}

.element_text2 {
    position: absolute;
    bottom: 17%;
    color: #00b4ff;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.element_text2 a {
    color: #00b4ff;
}

.px_index_banner h2 {
    font-size: 2.2rem;
    text-align: center;
}

.element_text3 {
    position: absolute;
    bottom: 20%;
    color: #00b4ff;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.element_text3 a {
    color: #00b4ff;
}

.element_text4 {
    position: absolute;
    bottom: 16%;
    color: #e64d3d;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.element_text4 a {
    color: #e64d3d;
}

.element_text h1,
.element_text1 h1,
.element_text2 h1,
.element_text3 h1 {
    font-size: 73px;
    font-weight: 600;
}

.banner_element img {
    width: 551px;
}

.banner_element1 img {
    transition: all .9s;
}

.banner_element1, .banner_element2, .banner_element3, .banner_element4 {
    max-width:420px;
}

/*-------------------banner css end--------------------*/

/*------------------6. about section css start-------------------*/
.about_section h1 {
    text-transform: none;
    font-size: 40px;
}

.about_section h1 span {
    color: #1cb4f0;
}

.about_section p {
    margin: 15px 0px 25px;
}

.about_section ul li {
    list-style: none;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 20px;
    color: black;

}

.about_section ul li i:before {
    margin-right: 20px;
    margin-left: 0;
    color: #00b4ff;
    font-size: 20px;
    font-weight: 600;
}

.about_section a {
    text-transform: none;
}

/*-----------------about section css end------------------*/
/*----------------------------7. what we do section css start-----------------------------*/

.px_wedo {
    background: linear-gradient(rgb(0 180 255 / 91%), rgb(0 180 255 / 95%)), url('../images/footer1.jpg') fixed;
    background: -webkit-linear-gradient(rgb(0 180 255 / 91%), rgba(0 180 255 / 95%)), url('../images/footer1.jpg') fixed;
    background: -o-linear-gradient(rgb(0 180 255 / 91%), rgba(0 180 255 / 95%)), url('../images/footer1.jpg') fixed;
    background: -moz-linear-gradient(rgb(0 180 255 / 91%), rgba(0 180 255 / 95%)), url('../images/footer1.jpg') fixed;
    background: -ms-linear-gradient(rgb(0 180 255 / 91%), rgba(0 180 255 / 95%)), url('../images/footer1.jpg') fixed;
    background: -webkit-linear-gradient(rgb(0 180 255 / 91%), rgb(0 180 255 / 95%)), url(../images/footer1.jpg) fixed;
    background-size: cover;
    background-position: bottom;
}

.px_wedo .px_heading h1 {
    color: #fff;
}

.wedo_section {
    text-align: center;
}

.wedo_section div {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.wedo_section i:before {
    font-size: 55px;
    color: #fff;
    line-height: 1;
    margin-left: 0;
}

.wedo_section:hover div {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}

.wedo_section h3 {
    font-size: 20px;
    color: #fff;
    padding-top: 20px;
}

.wedo_section p {
    color: white;
    margin-top: 5px;
}

/*----------------------------what we do section css end-----------------------------*/
/*----------------------------8. education structure section css start-----------------------------*/
.education_img {
    position: relative;
}

.education_img.edu_img1 {
    border: 5px solid transparent;
    border-image-source: url(../images/Eclips/circle-border-orange.png);
    border-image-repeat: round;
    border-image-slice: 5;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    text-align: center;
    transition: all 0.5s;
    overflow: hidden;
}

.education_img.edu_img1 img {
    transition: all .5s linear;
}

.education_section:hover .education_img.edu_img1 img {
    transform: scale(1.1);
}

.education_img.edu_img2 {
    border: 5px solid transparent;
    border-image-source: url(../images/Eclips/circle-border-blue.png);
    border-image-repeat: round;
    border-image-slice: 5;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    text-align: center;
    transition: all 0.5s;
    overflow: hidden;
}

.education_img.edu_img2 img {
    transition: all .5s linear;
}

.education_section:hover .education_img.edu_img2 img {
    transform: scale(1.1);
}

.education_img.edu_img3 {
    border: 5px solid transparent;
    border-image-source: url(../images/Eclips/circle-border-red.png);
    border-image-repeat: round;
    border-image-slice: 5;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    text-align: center;
    transition: all 0.5s;
    overflow: hidden;
}

.education_img.edu_img3 img {
    transition: all .5s linear;
}

.education_section:hover .education_img.edu_img3 img {
    transform: scale(1.1);
}

.education1 .education_img .px_overlay {
    height: 100%;
    opacity: 1;
    top: 0;
}

.education2 .education_img .px_overlay {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(28, 180, 240, 0.9));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(28, 180, 240, 0.9));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(28, 180, 240, 0.9));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(28, 180, 240, 0.9));
    background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(28, 180, 240, 0.9));
    height: 100%;
    opacity: 1;
    top: 0;
}

.education3 .education_img .px_overlay {
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(225, 82, 64, 0.9));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(225, 82, 64, 0.9));
    background: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(225, 82, 64, 0.9));
    background: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(225, 82, 64, 0.9));
    background: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(225, 82, 64, 0.9));
    height: 100%;
    opacity: 1;
    top: 0;
}

.education_img .px_caption {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.education_img .px_caption h2 {
    font-size: 40px;
    color: #fff;
}

.education_img .px_caption h6 {
    font-size: 16px;
}

.education_text {
    text-align: center;
    padding: 20px;
}

.education_text p span {
    font-size: 16px;
}

.education_text h1 {
    font-size: 25px;
    padding: 10px 0px;
}

.education_text .px_svg_btn {
    margin-top: 20px;
}

.education2 .px_svg_btn:hover path {
    fill: transparent;
    stroke: #1cb4f0;
}

.education2 .px_svg_btn:hover .px_btn {
    color: #1cb4f0;
}

.education3 .px_svg_btn:hover path {
    fill: transparent;
    stroke: #e15240;
}

.education3 .px_svg_btn:hover .px_btn {
    color: #e15240;
}

.education_section.education1 .education_text {
    border: 1px solid #f1ac27;
    border-top: 0;
}

.education_section.education1 h1,
.education_section.education1 p span {
    color: #f1ac27;
}

.education_section.education2 .education_text {
    border: 1px solid #00b4ff;
    border-top: 0;
}

.education_section.education2 h1,
.education_section.education2 p span {
    color: #00b4ff;
}

.education_section.education3 .education_text {
    border: 1px solid #e15240;
    border-top: 0;
}

.education_section.education3 h1,
.education_section.education3 p span {
    color: #e15240;
}

/*----------------------------education structure section css end-----------------------------*/

/*----------------------------9. service section css start-----------------------------*/
.px_service {
    background: url('../images/service-banner.jpg') fixed;
    background-size: cover;
    background-position: bottom;
}

.service_section {
    text-align: center;
    margin-bottom: 50px;
    padding: 10px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.service_section img {
    display: inline-block;
    height: 100px;
}

.service_section h1 {
    font-size: 20px;
    color: #f1ac27;
    padding-top: 25px;
    padding-bottom: 10px;
}

/*----------------------------service section css end-----------------------------*/
/*---------------------------10. gallery css start---------------------------*/
.px_gallery {
    text-align: center;
}

.gallery_section {
    width: auto;
    display: inline-block;
}

ul.photopile li {
    transform: rotate(-10deg) !important;
    -webkit-transform: rotate(-10deg) !important;
    -o-transform: rotate(-10deg) !important;
    -moz-transform: rotate(-10deg) !important;
    -ms-transform: rotate(-10deg) !important;
    margin: 0px 55px 100px 0px !important;
    border: 1px solid transparent !important;

}

ul.photopile li:hover {
    background: #fff !important;
}

ul.photopile li:nth-child(even) {
    transform: rotate(10deg) !important;
    -webkit-transform: rotate(10deg) !important;
    -o-transform: rotate(10deg) !important;
    -ms-transform: rotate(10deg) !important;
    -moz-transform: rotate(10deg) !important;
}

ul.photopile li a {
    max-width: 225px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    border: 7px solid transparent !important;
    border-image-repeat: round !important;
    border-image-slice: 9 !important;
    padding: 0px !important;
}

ul.photopile li:nth-child(4n+1) a {
    border-image-source: url(../images/Eclips/gallery-border-orange.png) !important;
}

ul.photopile li:nth-child(4n+2) a {
    border-image-source: url(../images/Eclips/gallery-border-blue.png) !important;
}

ul.photopile li:nth-child(4n+3) a {
    border-image-source: url(../images/Eclips/gallery-border-red.png) !important;
}

ul.photopile li:nth-child(4n+4) a {
    border-image-source: url(../images/Eclips/gallery-border-green.png) !important;
}

ul.photopile li a img {
    border: 1px solid transparent !important;
    min-height: 180px;
}

div#photopile-active-image-container {
    box-shadow: 0 2px 53px rgba(51, 122, 183, 0.46);
}

.single_blog_img img {
    width: 100%;
}

/*---------------------gallery css end----------------------*/

/*--------------------11. counter css start--------------------*/

.px_counter {
    background: linear-gradient(rgba(15 180 242 / 94%), rgba(0 180 255 / 97%)), url('../images/footer1.jpg') fixed;
    background: -webkit-linear-gradient(rgba(15 180 242 / 94%), rgba(0 180 255 / 97%)), url('../images/footer1.jpg') fixed;
    background: -ms-linear-gradient(rgba(15 180 242 / 94%), rgba(0 180 255 / 97%)), url('../images/footer1.jpg') fixed;
    background: -moz-linear-gradient(rgba(15 180 242 / 94%), rgba(0 180 255 / 97%)), url('../images/footer1.jpg') fixed;
    background: -o-linear-gradient(rgba(15 180 242 / 94%), rgba(0 180 255 / 97%)), url('../images/footer1.jpg') fixed;
    background: -webkit-linear-gradient(rgb(15 180 242 / 94%), rgb(0 180 255 / 97%)), url(../images/footer1.jpg) fixed;
    background-size: cover;
    background-position: bottom;
}

.counter_section {
    text-align: center;
    color: #fff;
}

.counter_section .counter {
    display: inline-block;
    width: 100%;
}

.counter-img i:before {
    margin-right: 0;
    line-height: 1.2;
    font-size: 50px;
    opacity: 0.6;
}

.counter_section h2 {
    font-size: 40px;
    padding-top: 15px;
    margin-left: 10px;
}

.counter_section h3 {
    font-size: 25px;
    margin-top: 5px;
}

/*------------------counter css end-------------------*/
/*-----------------------12. teacher section css start-----------------------*/
.teacher_slider .item {
    background: #fac868;
    border: 3px solid #f1ac27;
    border-radius: 100%;
}

.teacher_slider .item img {
    border-radius: 100%;
}

.teacher_slider .item .px_overlay {
    border-radius: 100%;
    background: rgba(241, 172, 39, 0.5);
}

.teacher_slider .item:hover .px_overlay {
    height: 100%;
    opacity: 1;
    backface-visibility: visible;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.teacher_slider .item .caption {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    color: #fff;
    text-align: center;
}

.teacher_slider .item .caption p {
    font-size: 18px;
    font-weight: 600;
}

.teacher_slider .item .caption p span {
    font-size: 14px;
    position: relative;
    padding-bottom: 10px;
    font-weight: 400;
}

.teacher_slider .item .caption p span:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: -7px;
    width: 65px;
    height: 1px;
    background: #fff;
}

.teacher_slider .item .caption ul {
    padding-top: 20px;
}

.teacher_slider .item .caption ul li a i {
    color: #fff;
    font-size: 18px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.teacher_slider .item .caption ul li a i:hover {
    color: #f5a305;
}

/*----------------------teacher section css end----------------------*/
/*---------------------13. footer css start---------------------*/

.px_footer {
    background: linear-gradient(rgba(35, 44, 60, 0.98), rgba(35, 44, 60, 0.98));
    background: -webkit-linear-gradient(rgba(35, 44, 60, 0.98), rgba(35, 44, 60, 0.98));
    background: -moz-linear-gradient(rgba(35, 44, 60, 0.98), rgba(35, 44, 60, 0.98));
    background: -ms-linear-gradient(rgba(35, 44, 60, 0.98), rgba(35, 44, 60, 0.98));
    background: -o-linear-gradient(rgba(35, 44, 60, 0.98), rgba(35, 44, 60, 0.98));
    border: 5px solid transparent;
    border-image-source: url(../images/Eclips/circle-border-footer.png);
    border-image-repeat: round;
    border-image-slice: 5;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    text-align: center;
    border-image-outset: 5px;
}

.px_footer hr {
    margin: 0px;
    border-color: #676d78;
}

.footer_top_section:after {
    content: "";
    display: table;
    width: 100%;
}

.footer_section {
    text-align: center;
    color: #fff;
    display: inline-block;
}

.footer_section .footer_section_icon {
    width: 50px;
    display: table-cell;
}

.footer_section_icon i {
    font-size: 30px;
}

.footer_section .footer_section_text {
    display: table-cell;
    vertical-align: top;
    text-align: left;
}

.soc {
    display: flex;
}

.soc a img {
    width: 24px;
    margin: 0 5px;
}

.soc {
    margin-top: 0px;
}

.footer_section_text .soc {
    margin-top: 5px;
}

.footer_section .footer_section_text h3 {
    font-size: 25px;
}

.footer_bottom_section {
    background: linear-gradient(rgba(35, 44, 60, 0.98), rgba(35, 44, 60, 0.98)), url(../images/footer1.jpg) fixed;
    background: -webkit-linear-gradient(rgba(35, 44, 60, 0.98), rgba(35, 44, 60, 0.98)), url(../images/footer1.jpg) fixed;
    background: -moz-linear-gradient(rgba(35, 44, 60, 0.98), rgba(35, 44, 60, 0.98)), url(../images/footer-banner.jpg) fixed;
    background: -ms-linear-gradient(rgba(35, 44, 60, 0.98), rgba(35, 44, 60, 0.98)), url(../images/footer-banner.jpg) fixed;
    background: -o-linear-gradient(rgba(35, 44, 60, 0.98), rgba(35, 44, 60, 0.98)), url(../images/footer-banner.jpg) fixed;
    background-size: cover;
    background-position: bottom;
    text-align: center;
}

.footer_bottom_section:after {
    content: "";
    display: table;
    width: 100%;
}

.footer_bottom_section.px_bottompadder50 {
    padding-bottom: 0;
}

.footer_bottom_section p {
    color: #fff;
    margin-top: 20px;
    max-width: 800px;
    margin: 0 auto;
    margin-top: 20px;
}

.list-inline li {
    margin-left: 10px;
}

.footer_bottom_section ul {
    margin: 0px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_bottom_section ul:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #676d78;
    bottom: -7px;
}

.footer_bottom_section ul:before {
    position: absolute;
    content: "";
    bottom: -10px;
    left: 50px;
    width: 85%;
    height: 1px;
    background: #676d78;
}

.footer_bottom_section ul li a i {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    line-height: 43px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.footer_bottom_section ul li:first-child a i {
    background: #00aedd;
    border: 2px solid #00aedd;
}

.footer_bottom_section ul li:first-child:hover a i {
    background: transparent;
}

.footer_bottom_section ul li:nth-child(2) a i {
    background: #075fa7;
    border: 2px solid #075fa7;
}

.footer_bottom_section ul li:nth-child(2):hover a i {
    background: transparent;
}

.footer_bottom_section ul li:nth-child(3) a i {
    background: #d02935;
    border: 2px solid #d02935;
}

.footer_bottom_section ul li:nth-child(3):hover a i {
    background: transparent;
}

.footer_bottom_section ul li:nth-child(4) a i {
    background: #0c67b1;
    border: 2px solid #0c67b1;
}

.footer_bottom_section ul li:nth-child(4):hover a i {
    background: transparent;
}

.footer_bottom_section ul li:nth-child(5) a i {
    background: #d4464b;
    border: 2px solid #d4464b;
}

.footer_bottom_section ul li:nth-child(5):hover a i {
    background: transparent;
}

.footer_bottom_section ul li:last-child a i {
    background: #d52e35;
    border: 2px solid #d52e35;
}

.footer_bottom_section ul li:last-child:hover a i {
    background: transparent;
}

.px_copyright {
    text-align: center;
    color: #fff;
    padding: 10px 10px 30px;
}

.px_copyright p span a {
    color: #00b4ff;
}

/*---------------------footer css end----------------------*/
/*--------------------------------index page css end--------------------------*/
/*------------------------------teachers page css start-----------------------*/
/*---------------banner css start----------------*/
.breadcrumb-item + .breadcrumb-item::before {
    color: #fff;
}

.px_banner {
    background: linear-gradient(rgba(50, 195, 222, 0.93), rgba(50, 195, 222, 0.93)), url('../images/footer1.jpg') fixed;
    background-size: cover;
    background-position: bottom;
    padding-top: 0px;
}

.px_banner .row {
    align-items: center;
}

.banner_section {
    padding-top: 0px;
}

.banner_section h1 {
    font-size: 40px;
    color: #fff;
}

@media (min-width: 992px) {
    .banner_section h1 {
    font-size: 100px;
    letter-spacing:6px;
    color: #fff;
    font-weight: 600;
}

    .prod .banner_section h1 {
        font-size:60px;
    }
    
    body.page-42 .banner_section h1 { font-size:50px}

    
}

.banner_section .breadcrumb-item,
.banner_section .breadcrumb-item a {
    color: #fff;
    font-size: 16px;
    text-transform: none;
}

.breadcrumb > li + li:before {
    color: #fff;
    content: "\f105";
    font-family: fontawesome;
}

.banner_section .breadcrumb {
    background: transparent;
    margin: 0px;
    padding: 0px;
}

/*---------------banner css end----------------*/
/*---------------teacher css start----------------*/
.px_main_teacher {
    text-align: center;
}

.teacher_section:after {
    content: "";
    display: table;
    width: 100%;
}

.teacher_section_img {
    background: #fac868;
    border: 3px solid #f1ac27;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
}

.teacher_section_img img {
    border-radius: 100%;
}

.teacher_section .px_overlay {
    border-radius: 100%;
    background: rgba(241, 172, 39, 0.5);
    overflow: hidden;
}

.teacher_section:hover .px_overlay {
    height: 100%;
    opacity: 1;
    backface-visibility: visible;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.teacher_section_text {
    text-align: left;
}

.teacher_section_text h1 {
    font-size: 20px;
    color: #00b4ff;
}

.teacher_section_text p {
    padding-bottom: 10px;
    text-transform: none;
}

.teacher_section_text ul {
    padding-top: 20px;
    display: flex;
    align-items: center;
}

.teacher_section_text ul li a i {
    color: #b6b6b6;
    font-size: 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.teacher_section_text ul li a i:hover {
    color: #00b4ff;
}

/*---------------teacher css end----------------*/
/*-------------------------------teachers page css end-------------------------*/
/*-------------------------------about page css start-------------------------*/

.testimonial_top_section {
    background: linear-gradient(rgba(241, 174, 45, 0.9), rgba(241, 174, 45, 0.9)), url('../images/about/testimonial-bg.jpg');
    background: -webkit-linear-gradient(rgba(241, 174, 45, 0.9), rgba(241, 174, 45, 0.9)), url('../images/about/testimonial-bg.jpg');
    background: -o-linear-gradient(rgba(241, 174, 45, 0.9), rgba(241, 174, 45, 0.9)), url('../images/about/testimonial-bg.jpg');
    background: -ms-linear-gradient(rgba(241, 174, 45, 0.9), rgba(241, 174, 45, 0.9)), url('../images/about/testimonial-bg.jpg');
    background: -moz-linear-gradient(rgba(241, 174, 45, 0.9), rgba(241, 174, 45, 0.9)), url('../images/about/testimonial-bg.jpg');
    background-position: right;
    border: 5px solid transparent;
    border-image-source: url(../images/Eclips/circle-border-orange.png);
    border-image-repeat: round;
    border-image-slice: 5;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    border-image-outset: 5px;
}

.testimonial_slider .owl-carousel .owl-item {
    border: 1px solid #00b4ff;
    position: relative;
    overflow: hidden;

}

.testimonial_bottom_section .testimonial_img {
    position: absolute;
    left: 50%;
    top: 16px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.testimonial_bottom_section .testimonial_img img {
    border-radius: 100%;
}

.testimonial_slider .owl-carousel .owl-item img {
    width: auto;
}

.testimonial_bottom_section h1 {
    padding-bottom: 10px;
    font-size: 20px;
}

.testimonial_bottom_section p {
    font-size: 14px;
}

.testimonial_bottom_section {
    padding: 60px 30px 30px 30px;
    text-align: center;
}

.testimonial_slider .owl-dots {
    text-align: center;
    margin-top: 20px;
}

.testimonial_slider .owl-dots button {
    width: 15px;
    height: 15px;
    border-radius: 100%;
    border: 1px solid transparent;
    margin: 0px 5px;
}

.testimonial_slider .owl-dots button.active {
    width: 18px;
    height: 18px;
    background: #00b4ff;
}

/*-------------------------------about page css end-------------------------*/
/*-------------------------------gallery page css start-------------------------*/
.px_main_gallery {
    text-align: center;
}

.pagination {
    margin: 0px;
}

.pagination > li > a,
.pagination > li > span {
    font-size: 16px;
    padding: 8px 16px;
    color: #b6b6b6;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.pagination > li > a:hover,
.pagination > li > a:focus {
    background: #00b4ff;
    color: #fff;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background: #00b4ff;
    border-color: #00b4ff;
    color: #fff;
}

/*-------------------------------gallery page css end-------------------------*/
/*-------------------------------contact page css start-------------------------*/
.px_contact_form .form-control {
    margin-bottom: 30px;
    padding: 20px;
    resize: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.px_contact_form .form-control:hover,
.px_contact_form .form-control:focus {
    outline: none;
    border-color: #00b4ff;
    box-shadow: none;
}

.px_map {
    margin-bottom: 5px;
}

#map {
    height: 415px;
}

/*-------------------------------contact page css end-------------------------*/
/*-------------------------------classes page css start-------------------------*/
.classes_btn {
    text-align: center;
}

.classes_btn ul {
    border: 1px solid transparent;
    border-radius: 10px;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
}

.classes_btn ul li {
    padding: 0px;

    position: relative;
    padding: 10px 20px;
    cursor: pointer;
    background: #00b4ff;
    color: #fff;
    font-size: 20px;
    text-transform: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.classes_btn ul li:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 48px;
    width: 1px;
    background: #f1f1f1;
}

.classes_btn ul li:hover,
.classes_btn ul li:focus,
.classes_btn ul li.active {
    background: #f1f1f1;
    color: #00b4ff;
}

.classes_section {
    border: 1px solid #00b4ff;
    margin-bottom: 50px;
    border-radius: 8px;
    overflow: hidden;
}

.classes_img {
    width: 200px;
    display: table-cell;
}

.classes_text {
    display: table-cell;
    vertical-align: top;
    padding: 22px;
}

.classes_text h1 {
    font-size: 20px;
    color: #00b4ff;
    margin-top: 5px;
}

.classes_text p {
    padding-bottom: 10px;
}

.classes_text p span {
    font-size: 16px;
}

.classes_text ul {
    margin: 0px;
    padding: 0px;
    margin-top: 2px;
    display: flex;
    align-items: center;
}

.classes_text ul li h5 {
    font-size: 16px;
    color: #00b4ff;
    text-align: center;
}

.classes_text ul li {
    position: relative;
    padding: 0px 15px;
}

.classes_text ul li:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 35px;
    width: 1px;
    background: #b6b6b6;
}

.classes_text ul li:last-child:after {
    display: none;
}

.classes_text ul li:first-child {
    padding-left: 0px;
}

.classes_text ul li:last-child {
    padding-right: 0px;
}

.classes_text .px_svg_btn {
    margin-top: 10px;
}

.load_more_btn {
    text-align: center;
}

ul.class_event {
    display: inline-block;
}

ul.class_event li::after {
    display: none;
}

ul.class_event li:last-child {
    padding: 0;
}

ul.class_event li {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 5px;
}

ul.class_event li i {
    font-size: 16px;
}

ul.class_event li p {
    padding-bottom: 0;
    font-size: 15px;
}

.event_section .classes_text h6 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
    font-weight: 600;
}

.event_section .classes_text > p {
    padding-bottom: 10px;
}

.classes_section.event_section2 {
    display: flex;
    align-items: center;
    position: relative;
    border: none;
    border-radius: 8px;
}

.event_section2 .classes_img {
    flex: 0 0 54%;
    width: 54%;
    overflow: hidden;
    border-radius: 8px;
    transition: all .5s ease-in-out;
}

.event_section2 .classes_img img {
    transition: all .5s ease-in-out;
    transform: scale(1.001);
    transition: all .5s ease-in-out;
}

.event_section2 .classes_text {
    position: absolute;
    right: 0px;
    top: 8%;
    max-width: 350px;
    background-color: #ffffff;
    border: 2px solid #e7e1e1;
    transition: all .5s ease-in-out;
    border-radius: 8px;
}

.event_section2 .classes_text h6 {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
    font-weight: 600;
    color: #f1ac27;
}

.event_section2 .classes_text h1 {
    font-weight: 500;
}

.event_section .classes_img {
    width: 100%;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
}

.event_section .classes_img img {
    border-radius: 8px 8px 0 0;
    transform: scale(1.001);
    transition: all .5s ease-in-out;
    width: 100%;
}

.classes_section.event_section {
    position: relative;
    border: none;
}

.event_section .classes_text {
    border-radius: 0 0 8px 8px;
    transition: all .5s ease-in-out;
    color: #fff;
}

.event_section:hover .classes_img img,
.event_section2:hover .classes_img img {
    transform: scale(1.15);
}

.event_section2:hover .classes_text {
    border-color: rgb(230, 77, 61);
}

/*-------------------------------classes page css start-------------------------*/
/*-------------------------------blog page css start-------------------------*/
.widget {
    margin-bottom: 50px;
}

.widget_title h1 {
    font-size: 20px;
    color: #00b4ff;
}

.widget_text {
    padding-top: 20px;
}

.widget_text ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.widget_search .form-control {
    width: 100%;
    padding: 13px 10px;
    border-radius: 5px 0px 0px 5px;
    border-color: #00b4ff;
    border-right: none;
}

.widget_search .form-control:focus {
    outline: none;
    box-shadow: none;
}

.widget_search i {
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 20px;
    background: #00b4ff;
    border: 1px solid #00b4ff;
    color: #fff;
    border-radius: 0px 5px 5px 0px;
    font-size: 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.widget_search i:hover,
.widget_search i:focus {
    background: transparent;
    color: #00b4ff;
}

.widget_category ul li {
    margin-bottom: 12px;
}

.widget_category ul li i {
    color: #00b4ff;
    margin-right: 10px;
}

.widget_category ul li a {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.widget_category ul li a:hover {
    color: #00b4ff;
}

.widget_latest_news .news_img {
    display: table-cell;
    overflow: hidden;
    border-radius: 5px;
}

.widget_latest_news .news_text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 12px;
}

.widget_latest_news ul li {
    padding-bottom: 30px;
}

.widget_latest_news ul li img {
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.widget_latest_news ul li:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
}

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

.news_text p span a {
    font-size: 16px;
    text-transform: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    font-weight: 600;
}

.news_text p span a:hover {
    color: #00b4ff;
}

.widget_links .panel {
    box-shadow: none;
}

.widget_links .panel-default > .panel-heading {
    background: transparent;
    border-color: transparent;
    color: #484848;
    font-size: 14px;
    cursor: pointer;
    cursor: pointer;
    padding: 0px;
}

.widget_links .panel-default {
    border: none;
}

.widget_links .panel-title span.acc_sign:before {
    content: "\f067";
    font-family: fontawesome;
    color: #00b4ff;
    font-size: 20px;
    border: 1px solid #00b4ff;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 28px;

    margin-right: 15px;
}

.widget_links .panel-default .panel-heading[aria-expanded="true"] span.acc_sign:before {
    content: "\f068";
    font-family: fontawesome;
}

.widget_links ul li {
    margin-bottom: 30px;
}

.widget_links ul li:last-child {
    margin: 0px;
}

/*-----right part start----*/
.blog_item {
    margin-bottom: 50px;
}

.blog_item_img {
    position: relative;
}

.blog_date {
    position: absolute;
    top: 0px;
    left: 20px;
    background: #00b4ff;
    color: #fff;
    text-align: center;
    padding: 10px;
    opacity: 0;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.blog_date h5 {
    font-size: 14px;
}

.blog_item:hover .blog_date {
    opacity: 1;
}

.blog_item .blog_item_text {
    border: 1px solid #efefef;
    border-top: none;
    border-radius: 0px 0px 3px 3px;
    padding: 20px;
}

.blog_item_text h1 {
    font-size: 22px;
    margin-top: 8px;
}

.blog_item_text ul {
    margin: 10px 0px;
    padding: 0px;
    display: flex;
    align-items: center;
}

.blog_item_text ul li {
    margin-right: 20px;
}

.blog_item_text ul li i {
    color: #00b4ff;
    margin-right: 10px;
}

.blog_item_text .px_svg_btn {
    margin-top: 10px;
}

.blog_item_img img {
    width: 100%;
}

.blog_right .pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background: #00b4ff;
    border-color: #00b4ff;
    color: #fff;
}

.color_change {
    color: #fff !important;
}

/*-----right part end----*/
/*-------------------------------blog page css end-------------------------*/
/*--------------------------single blog page css start---------------------*/
.single_blog_img {
    position: relative;
    border: 5px solid transparent;
    border-image-source: url(../images/Eclips/circle-border-orange.png);
    border-image-repeat: round;
    border-image-slice: 5;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.single_blog_item:after {
    content: "";
    display: table;
    width: 100%;
}

.single_blog_item:hover .blog_date {
    opacity: 1;
}

.single_blog_heading {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 20px 10px;
    background: #00b4ff;
}

.single_blog_heading h1 {
    font-size: 20px;
    color: #fff;
}

.single_blog_text ul {
    margin: 25px 0px;
    padding: 0px;
    display: flex;
    align-items: center;
}

.single_blog_text ul li i {
    color: #00b4ff;
    margin-right: 10px;
}

.single_blog_text p {
    margin-bottom: 35px;
}

.single_blog_text ul.tag_list {
    margin: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.single_blog_text ul.tag_list li a {
    position: relative;
    padding-right: 10px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.single_blog_text ul.tag_list li a:hover {
    color: #00b4ff;
}

.single_blog_text ul.tag_list li a:after {
    position: absolute;
    content: "";
    top: 0;
    right: -3px;
    width: 1px;
    height: 18px;
    background: #484848;
}

.single_blog_text ul.tag_list li:last-child a:after,
.single_blog_text ul.tag_list li:nth-child(3) a:after {
    display: none;
}

.single_blog_text ul.social_list {
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.single_blog_text ul.social_list li a i {
    color: #b6b6b6;
    font-size: 18px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.single_blog_text ul.social_list li a i:hover {
    color: #00b4ff;
}

.blog_comment:after {
    content: "";
    display: table;
    width: 100%;
}

.blog_comment h1 {
    font-size: 25px;
    color: #00b4ff;
    padding-bottom: 50px;
}

.blog_comment ol {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.blog_comment ol li {
    padding-bottom: 35px;
}

.blog_comment .comment_img {
    display: table-cell;
    width: 125px;
    vertical-align: top;
    border-radius: 100%;
}

.comment_img img {
    border-radius: 100%;
}

.comment_content h3 {
    font-size: 16px;
    color: #484848;
    margin-bottom: 10px;
}

.comment_content h3 span {
    font-family: "Manrope";
    font-size: 14px;
}

.blog_comment .comment_content {
    display: table-cell;
}

.comment_content button {
    position: relative;
    background: transparent;
    border: none;
    color: #00b4ff;
    font-size: 14px;
}

.comment_content button:after {
    position: absolute;
    content: "";
    bottom: -5px;
    left: 0;
    width: 0px;
    height: 1px;
    background: #00b4ff;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.comment_content button:hover:after {
    width: 100%;
}

.comment_form .form-control {
    padding: 15px 20px;
    border-color: #ebebeb;
    margin-bottom: 30px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
}

.comment_form .form-control:focus,
.comment_form .form-control:hover {
    border-color: #00b4ff;
    outline: none;
    box-shadow: none;
}

/*--------------------------single blog page css end---------------------*/
/*  Back to top button */
#back-top {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1;
}

/* arrow icon (span tag) */
#back-top span {
    width: 108px;
    height: 108px;
    display: block;
    margin-bottom: 7px;
    background: url(../images/back-to-top.png) no-repeat center center;
    /* rounded corners */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

/* team-section-css-start */
/* ==================      BASIC STYLES  ===================*/
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

a,
a:link,
a:hover,
a:focus,
a:active {
    text-decoration: none;
}

img {
    max-width: 100%;

}

/* =====================	  TEAM STYLES  ======================= */
#team-section {
    overflow: hidden;
    padding: 80px 0 105px;
    background: #f5f5f5;

}

#team-section .col-md-4 {
    overflow: hidden;
}

.pd_botton {
    padding-bottom: 20px;
}

.single-team {
    display: block;
    justify-content: center;
    align-items: center;
    width: 92%;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    transition: all .4s ease;
    transform: scale(1);
    margin-bottom: 30px;
}

.single-team img {
    border-radius: 50%;
    border: 10px solid white;
    height: 282px;
    width: 100%;
    object-fit: cover;
}

.single-team:hover img {
    border-color: color(srgb 0 0.7073 0.9994);
    transition: 0.5s;
}

.single-team .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(103, 58, 181, .3);
    cursor: pointer;
    display: none;

}

.social-team {
    position: absolute;
    top: -43px;
    right: -9999px;
    padding: 5px 15px;
    transition: all .4s ease;
}

.social-team ul li {
    display: inline-block;
}

.social-team ul li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #f1b135;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    color: #fff;
    margin-right: 5px;
}

.single-team:hover .social-team {
    right: -55px;
}

.intro-team {
    display: block;
    position: relative;
    transition: all .4s ease;
    margin-top: 20px;
    text-align: center;

}

.single-team:hover .intro-team {
    /* left: -36px; */
    /* bottom: -73px; */

}

.intro-team h4 {
    font-size: 16px;
    line-height: 18px;
    display: block;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;

}

.intro-team span {
    font-size: 14px;
    text-transform: none;
    margin-left: 0;
    color: #000;
    display: block;
    margin-top: 5px;

}

.single-team:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e15240;
    transform: translate(5px, -5px);
    z-index: -2;
    transition: all .4s ease;
    display: none;
}

.single-team:hover:before {
    transform: translate(50px, -50px);
}

.single-team:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translate(-5px, 5px);
    background: #00b4ff;
    z-index: -1;
    transition: all .4s ease;
    display: none
}

.single-team:hover:after {
    transform: translate(-60px, 80px);

}

/* testimonial-css */
@import url(//cdn.rawgit.com/rtaibah/dubai-font-cdn/master/dubai-font.css);

*,
*:after,
*:before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    width: 100%;
    height: auto;
}

.testim .wrap {
    position: relative;
    width: 100%;
    max-width: 1020px;
    padding: 0px 20px;
    margin: auto;
}

.testim .arrow {
    display: block;
    position: absolute;
    color: #eee;
    cursor: pointer;
    font-size: 2em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    padding: 5px;
    z-index: 22222222;
}

.testim .arrow:before {
    cursor: pointer;
}

.testim .arrow:hover {
    color: #ea830e;
}

.testim .arrow.left {
    left: 10px;
}

.testim .arrow.right {
    right: 10px;
}

.testim .dots {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 8px;
    left: 0;
    display: block;
    z-index: 3333;
}

.testim .dots .dot {
    list-style-type: none;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #eee;
    margin: 0 10px;
    cursor: pointer;
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative;
}

.testim .dots .dot.active,
.testim .dots .dot:hover {
    background: #ffff;
    border-color: #ea830e;
}

section#testim {
    background: #e64d3d;
    padding: 71px 0px;
}

.testim .dots .dot.active {
    -webkit-animation: testim-scale .5s ease-in-out forwards;
    -moz-animation: testim-scale .5s ease-in-out forwards;
    -ms-animation: testim-scale .5s ease-in-out forwards;
    -o-animation: testim-scale .5s ease-in-out forwards;
    animation: testim-scale .5s ease-in-out forwards;
}

.testim .cont {
    position: relative;
    overflow: hidden;
}

.testim .cont > div {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 70px 0;
    opacity: 0;
}

.testim .cont > div.inactive {
    opacity: 1;
}

.testim .cont > div.active {
    position: relative;
    opacity: 1;
}

.testim .cont div .img img {
    display: block;
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
}

.testim .cont div h2 {
    color: #ffffff;
    font-size: 22px;
    margin: 15px 0;
    font-weight: 700;

}

.testim .cont div p {
    font-size: 1.15em;
    color: #eee;
    width: 80%;
    margin: auto;
}

.testim .cont div.active .img img {
    -webkit-animation: testim-show .5s ease-in-out forwards;
    -moz-animation: testim-show .5s ease-in-out forwards;
    -ms-animation: testim-show .5s ease-in-out forwards;
    -o-animation: testim-show .5s ease-in-out forwards;
    animation: testim-show .5s ease-in-out forwards;
}

.testim .cont div.active h2 {
    -webkit-animation: testim-content-in .4s ease-in-out forwards;
    -moz-animation: testim-content-in .4s ease-in-out forwards;
    -ms-animation: testim-content-in .4s ease-in-out forwards;
    -o-animation: testim-content-in .4s ease-in-out forwards;
    animation: testim-content-in .4s ease-in-out forwards;
}

.testim .cont div.active p {
    -webkit-animation: testim-content-in .5s ease-in-out forwards;
    -moz-animation: testim-content-in .5s ease-in-out forwards;
    -ms-animation: testim-content-in .5s ease-in-out forwards;
    -o-animation: testim-content-in .5s ease-in-out forwards;
    animation: testim-content-in .5s ease-in-out forwards;
}

.testim .cont div.inactive .img img {
    -webkit-animation: testim-hide .5s ease-in-out forwards;
    -moz-animation: testim-hide .5s ease-in-out forwards;
    -ms-animation: testim-hide .5s ease-in-out forwards;
    -o-animation: testim-hide .5s ease-in-out forwards;
    animation: testim-hide .5s ease-in-out forwards;
}

.testim .cont div.inactive h2 {
    -webkit-animation: testim-content-out .4s ease-in-out forwards;
    -moz-animation: testim-content-out .4s ease-in-out forwards;
    -ms-animation: testim-content-out .4s ease-in-out forwards;
    -o-animation: testim-content-out .4s ease-in-out forwards;
    animation: testim-content-out .4s ease-in-out forwards;
}

.testim .cont div.inactive p {
    -webkit-animation: testim-content-out .5s ease-in-out forwards;
    -moz-animation: testim-content-out .5s ease-in-out forwards;
    -ms-animation: testim-content-out .5s ease-in-out forwards;
    -o-animation: testim-content-out .5s ease-in-out forwards;
    animation: testim-content-out .5s ease-in-out forwards;
}

.testimonial {
    position: relative;
}

@-webkit-keyframes testim-scale {
    0% {
        -webkit-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -webkit-box-shadow: 0px 0px 10px 5px #eee;
        box-shadow: 0px 0px 10px 5px #eee;
    }

    70% {
        -webkit-box-shadow: 0px 0px 10px 5px #ea830e;
        box-shadow: 0px 0px 10px 5px #ea830e;
    }

    100% {
        -webkit-box-shadow: 0px 0px 0px 0px #ea830e;
        box-shadow: 0px 0px 0px 0px #ea830e;
    }
}

@-moz-keyframes testim-scale {
    0% {
        -moz-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -moz-box-shadow: 0px 0px 10px 5px #eee;
        box-shadow: 0px 0px 10px 5px #eee;
    }

    70% {
        -moz-box-shadow: 0px 0px 10px 5px #ea830e;
        box-shadow: 0px 0px 10px 5px #ea830e;
    }

    100% {
        -moz-box-shadow: 0px 0px 0px 0px #ea830e;
        box-shadow: 0px 0px 0px 0px #ea830e;
    }
}

@-ms-keyframes testim-scale {
    0% {
        -ms-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -ms-box-shadow: 0px 0px 10px 5px #eee;
        box-shadow: 0px 0px 10px 5px #eee;
    }

    70% {
        -ms-box-shadow: 0px 0px 10px 5px #ea830e;
        box-shadow: 0px 0px 10px 5px #ea830e;
    }

    100% {
        -ms-box-shadow: 0px 0px 0px 0px #ea830e;
        box-shadow: 0px 0px 0px 0px #ea830e;
    }
}

@-o-keyframes testim-scale {
    0% {
        -o-box-shadow: 0px 0px 0px 0px #eee;
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        -o-box-shadow: 0px 0px 10px 5px #eee;
        box-shadow: 0px 0px 10px 5px #eee;
    }

    70% {
        -o-box-shadow: 0px 0px 10px 5px #ea830e;
        box-shadow: 0px 0px 10px 5px #ea830e;
    }

    100% {
        -o-box-shadow: 0px 0px 0px 0px #ea830e;
        box-shadow: 0px 0px 0px 0px #ea830e;
    }
}

@keyframes testim-scale {
    0% {
        box-shadow: 0px 0px 0px 0px #eee;
    }

    35% {
        box-shadow: 0px 0px 10px 5px #eee;
    }

    70% {
        box-shadow: 0px 0px 10px 5px #ea830e;
    }

    100% {
        box-shadow: 0px 0px 0px 0px #ea830e;
    }
}

@-webkit-keyframes testim-content-in {
    from {
        opacity: 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes testim-content-in {
    from {
        opacity: 0;
        -moz-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@-ms-keyframes testim-content-in {
    from {
        opacity: 0;
        -ms-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes testim-content-in {
    from {
        opacity: 0;
        -o-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes testim-content-in {
    from {
        opacity: 0;
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes testim-content-out {
    from {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-moz-keyframes testim-content-out {
    from {
        opacity: 1;
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        opacity: 0;
        -moz-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-ms-keyframes testim-content-out {
    from {
        opacity: 1;
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        opacity: 0;
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-o-keyframes testim-content-out {
    from {
        opacity: 1;
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes testim-content-out {
    from {
        opacity: 1;
        transform: translateY(0);
    }

    to {
        opacity: 0;
        transform: translateY(-100%);
    }
}

@-webkit-keyframes testim-show {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-moz-keyframes testim-show {
    from {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }

    to {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1);
    }
}

@-ms-keyframes testim-show {
    from {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }

    to {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

@-o-keyframes testim-show {
    from {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }

    to {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes testim-show {
    from {
        opacity: 0;
        transform: scale(0);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

@-webkit-keyframes testim-hide {
    from {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-moz-keyframes testim-hide {
    from {
        opacity: 1;
        -moz-transform: scale(1);
        transform: scale(1);
    }

    to {
        opacity: 0;
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-ms-keyframes testim-hide {
    from {
        opacity: 1;
        -ms-transform: scale(1);
        transform: scale(1);
    }

    to {
        opacity: 0;
        -ms-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes testim-hide {
    from {
        opacity: 1;
        -o-transform: scale(1);
        transform: scale(1);
    }

    to {
        opacity: 0;
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes testim-hide {
    from {
        opacity: 1;
        transform: scale(1);
    }

    to {
        opacity: 0;
        transform: scale(0);
    }
}

@media (max-width: 991px) {
    .footer_section .footer_section_text h3 {
        font-size: 20px;
    }

    .about_section p {
        text-align: left;
    }
}

@media all and (max-width: 580px) {
    .education_section.education1 .education_text {
        border: none;
    }

    .education_section.education2 .education_text {
        border: none;
    }

    .education_section.education3 .education_text {
        border: none;
    }
}

@media all and (max-width: 300px) {
    body {
        font-size: 14px;
    }
}

@media all and (max-width: 500px) {
    .testim .arrow {
        font-size: 1.5em;
    }

    .testim .cont div p {
        line-height: 25px;
    }

}

.px_blog form {
    position: relative;
}

.sub_sub_menu {
    position: absolute;
    display: none;
    top: 0;
    left: 100%;
    width: 171px;
    background: #fff;
    padding: 10px;
    z-index: 10;
    border-top: 2px solid #00b4ff;
}

.widget_search .form-control {
    width: 100%;
    padding: 13px 74px 13px 10px;
    border-radius: 5px 0px 0px 5px;
    border-color: #daf4ff;
    border-right: none;
}

section.px_main_gallery.px_toppadder80.px_bottompadder80 {
    padding: 90px 0px 80px 0px;
}

.event_section.event_sec1 .classes_text {
    background-color: #f1ac27;
}

.event_section.event_sec2 .classes_text {
    background-color: #00b4ff;
}

.event_section.event_sec3 .classes_text {
    background-color: #e15240;
}

.classes_section.event_section {
    position: relative;
    border: none;
    display: flex;
    flex-direction: column;
    z-index: 0;
    padding-top: 30px;
}

.px_overlay_date {
    position: absolute;
    top: 0px;
    left: 16px;
    border: 6px solid #fff;
    border-radius: 100%;
    height: 65px;
    width: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #db2d18;
    z-index: 999;
    padding: 0 10px;
}

.px_overlay_date h6 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    border-radius: 100%;
}

.event_section .classes_text h1 {
    color: #fff;
    padding: 0 0 15px;
}

.px_about .row {
    align-items: center
}

.about_img img {
    max-width: 500px;
    padding: 0 50px;
}

.about_section h2 {
    font-size: 32px;
    margin-bottom: 30px;
}

.text-phone {
    font-size: 28px;
    margin-top: 30px;
    color: white;
    padding: 15px;
    border-radius: 25px;
    background: linear-gradient(rgba(50, 195, 222, 0.93), rgba(50, 195, 222, 0.93)), url('../images/footer1.jpg') fixed;

}

.text-phone i,
.text-phone a {
    color: #feee66;

}



.text-phone i {
    margin-right: 8px;
    margin-left: 10px;
}

.px_gallery .col-lg-3 {
    margin-bottom: 25px;
}

.more {
    margin: 10px auto 50px
}

.more a {
    background: #00b4ff;
    display: inline-block;
    color: white;
    font-family: 'Advent Pro';
    font-size: 22px;
    padding: 10px 25px;
    border-radius: 5px;
}

.header_logo img {
    max-width: 180px;
}

.footer-logo {
    max-width: 180px;
}

.testim .img p {
    margin-top: 10px !important;
}

.mob {
    display: none;
}

header .fl {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

header .phone {
    margin-left: 10px;
    margin-right: 20px;
}

.header_menu {
    margin-bottom: 20px;
    background: #32c3de;
    border-radius: 5px;
    padding: 8px;
    flex-basis: 100%;

}

header i {
    color: #fb62eb
}

header .phone a {
    font-size: 17px;
    margin-left: 10px;

}

header .soc a {
    padding: 0 1px;
}

header .adr {
    font-size: 16px;
    margin-left: 10px;
}

header .adr i {
    margin-right: 10px
}

.px_about.px_toppadder100 {
    padding-bottom: 50px;
    font-size: 16px;

}

.px_about.px_toppadder100 p {
    margin-bottom: 10px;
    font-size: 16px;
}

.px_about.px_toppadder100 ul {
    padding: 10px 10px 20px
}

.px_about.px_toppadder100 ul li {
    list-style: none;
    position: relative;
    padding-left: 0px;
    margin-left: 0px;
}

.px_about.px_toppadder100 ul li:before {
    content: '';
    width: 6px;
    height: 6px;
    background: color(srgb 0.1692 0.7254 0.9983);
    display: inline-block;
    border-radius: 20px;
    margin-right: 10px;
}

.menu-in ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.menu-in ul li:before {
    display: none !Important;
}

.menu-in ul li a {
    color: #003842;
    display: inline-block;
    border: 1px solid;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;

}

.menu-in ul li {
    padding-right: 15px;
}

.px_about h3 {
    margin-bottom: 20px;
    margin-top: 40px;
}

.px_about table td {
    border: 1px solid #ddd;
    padding: 10px;
}

.px_about table td:first-child {
    min-width: 120px;
}


.docs .fl {
    display: flex;
    flex-wrap: wrap;
}

.docs .item img {
    min-width: 100px;
    max-width: 100px;
}

.docs .item a {
    display: block;
}

.docs .item {
    padding-right: 20px;
    flex-basis: 33%;
    margin-bottom: 30px;
    display: flex;
    align-items: center
}

.about-main ul li:before {
    display: none !important
}

.text-about {
    background: linear-gradient(rgba(251, 99, 234, 0.9), rgba(251, 98, 238, 0.88)), url('../images/footer1.jpg') fixed;
    padding: 20px;
    margin-top: -130px;
    z-index: 99;
    position: relative;

}

.text-about {
    font-size: 24px;
    color: white;
    max-width: 360px;
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto;

}

.text-about i {
    margin-right: 10px;
}

.text-about .phone a {
    font-size: 24px;
    color: white
}

.fl {
    display: flex;
}

.pre img {
    width: 180px;
    height: 180px;
    text-align: center;
    display: block;
    margin: 15px auto;
    border-radius: 50%;
    object-fit: cover;
    object-position: 10%;
}

.pre-item {
    flex-basis: 25%;
    text-align: center;
    font-size: 18px;
}

.pre-text {
    padding: 0 45px;
}

.pre-item:first-child img {
    width: auto;
}

.pre-item:nth-child(3) img {
    width: auto;
}

.pre2 {
    background: #2fc1ee;

    padding: 20px;
    border-radius: 12px;
    margin-bottom: 30px;
}

.pre2 .fl {
    display: flex;
    flex-wrap: wrap;
}

.pre2.lager .fl {
    justify-content: center;
}

.pre2-item {
    flex-basis: calc(33.333% - 40px);
    margin-bottom: 30px;
    font-size: 30px;
    font-family: 'Advent Pro';
    color: #2fc1ee;
    margin: 0 20px;
    position: relative;
    transition: 0.5s;
    font-weight: 600;
}

.pre2-item:nth-child(1) {
    background: url(/img/cloud1.png) no-repeat center center/100%;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pre2-item:nth-child(2) {
    background: url(/img/cloud3.png) no-repeat center center/100%;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f863e8;
    top: -20px;

}

.pre2-item:nth-child(3) {
    background: url(/img/cloud4.png) no-repeat center center/100%;
    color: #F44336;
    height: 280px;
    display: flex;
    align-items: center;
    top: 30px;
    justify-content: center;
}

.pre2-item:nth-child(4) {
    background: url(/img/cloud5.png) no-repeat center center/100%;
    height: 280px;
    display: flex;
    align-items: center;
    color: #ff7d00;
    padding-top: 30px;
    justify-content: center;
    top: 40px
}

.pre2-item:nth-child(5) {
    background: url(/img/cloud2.png) no-repeat center center/100%;
    height: 280px;
    display: flex;
    align-items: center;
    color: #F44336;
    top: -20px;
    justify-content: center;
}
.single-team img {
    border-radius: 50%;
    border: 10px solid white;
    height: 262px;
    width: 262px;
    object-fit: cover;
}
.pre2-item:nth-child(6) {
    background: url(/img/cloud3.png) no-repeat center center/100%;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 60px
}

.pre2-item:nth-child(7) {
    background: url(/img/cloud1.png) no-repeat center center/100%;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 20px
}

.pre2-item:hover {
    transform: translateY(-15px)
}

section.px_banner.yasli {
    background: linear-gradient(rgb(255 255 255 / 93%), rgb(255 255 255)), url(/assets/images/footer1.jpg) fixed;
    background-size: cover;
    background-position: bottom;
    padding-top: 0px;
}

section.px_banner.yasli h1 {
    color: #2fc1ee;
    font-size: 106px;
}

.yasli .pre2-item {
    font-size: 22px;
    padding: 0 50px;
    line-height: 1.3;
}

.vk {
    font-size: 20px;
    margin-bottom: 40px;
}

.vk a {
    color: #2fc1ee;
}

.pre2.yasli .fl {
    justify-content: center;
}

.pre2.prodlenka {
    color: white;
    font-size: 24px;
    font-family: 'Advent Pro';
    background: #2fc1ee url(/img/cloud1.png) no-repeat 90% 30%/240px;
}

.pre2.prodlenka * {
    font-size: 24px;
    font-family: 'Advent Pro';
    text-align: left;
}

.pre2.prodlenka ul li {
    list-style: disc;
    margin-left: 30px;
}

.pre2.prodlenka ul {
    padding: 20px 0;
}

.banner_img img {
    max-height: 430px;
}

.pre2.lager p {
    font-size: 20px;
    color: white;
    margin-top: 30px;
}

.pre2.lager a {
    color: white;
}

.footer_bottom_section a {
    color:white;
}

.header_menu ul ul {
    display: none;
    background: #31c3de;
    padding: 10px;
    border-radius: 10px;
    position:absolute;
    width:300px;
    margin-top:1px;
}

.header_menu ul li:hover ul {
    display:block;
    
}

.header_menu ul ul li {
    margin-bottom:5px;
}

@media (max-width: 767px) {
    .desc {
        display: none;
    }



    .mob {
        display: block;
    }

    header {
        padding: 10px 0
    }


    .docs .item {
        padding-right: 0px;
        flex-basis: 100%;
        margin-bottom: 30px;
        display: flex;
        align-items: center
    }

    .logo img {
        max-width: 80px;
    }

    header .fl {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    header .soc a {
        padding: 0 10px
    }

    header .soc svg {
        width: 36px;
        height: 36px;
    }

    .px_index_banner h2 {
        font-size: 2rem;
        text-align: center;
    }

    .banner_element1 {
        position: absolute;
        top: -90px !important;
        left: 0% !important;
        z-index: 0;
        transition: all .9s;
    }

    .banner_element3 {
        position: absolute;
        top: -80px;
        right: 6%;
        transition: all .5s;
        left: 19%;
    }


    .banner_element2 {
        position: absolute;
        top: -125px;
        left: 19%;
        transition: all .5s;

    }

    .promo.mob h2 a{
        display:block;
        color: #00b4ff;
        padding: 0 20px 20px;
    }

    .promo.mob h2 + h2 a {
        color: #e64d3d;
        /* padding: 10px 0; */
    }

    .promo.mob h2 + h2 + h2 a {
        padding-bottom: 30px;
        color: color(srgb 0.9 0.3 0.24);
        /* padding: 0; */
    }

     .promo.mob h2 + h2 + h2+h2 a {
        padding-bottom: 30px;
        color: color(srgb 0 0.71 1);
        /* padding: 0; */
    }

    .promo {
        background: url(../images/promo2.jpeg) no-repeat center 0/100%;
        padding: 140px 0 40px;

    }

    .about_img img {
        max-width: 100%;
        padding: 0 20px;
        border-radius: 25px;

    }

    .burger-menu {
        background: color(srgb 0.2116 0.7793 0.8602);
        padding: 20px;
        border-bottom: 1px solid rgb(215, 215, 215);
        position: absolute;
        top: 100px;
        width: 100%;
        z-index: 99;
    }

    .burger-menu ul li a {
        font-size: 19px;
        padding: 5px 0;
        display: block;
        color: white;

    }

    .promo .fl {
        background: rgba(255, 255, 255, 0.91);
        padding: 20px;
        border-radius: 15px;
        margin-top: 140px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .single-team {
        margin-bottom: 30px;
    }

    .about_section ul li {
        list-style: none;
        margin-bottom: 12px;
        font-weight: 400;
        font-size: 17px;
        color: black;
    }

    .fl {
        display: flex;
        flex-wrap: wrap;
    }

    .pre img {
        width: 180px;
        height: 180px;
        text-align: center;
        display: block;
        margin: 15px auto;
        border-radius: 50%;
        object-fit: cover;
        object-position: 10%;
    }

    .pre-item {
        flex-basis: 100%;
        text-align: center;
        font-size: 18px;
        margin-bottom: 20px;
    }

    .pre-text {
        padding: 0 22px;
    }

    .pre-item:first-child img {
        width: auto;
    }

    .pre-item:nth-child(3) img {
        width: auto;
    }

    .pre2 {
        background: #2fc1ee;

        padding: 20px;
        border-radius: 12px;
        margin-bottom: 30px;
    }

    .pre2 .fl {
        display: flex;
        flex-wrap: wrap;
    }

    .pre2-item {
        flex-basis: 100%;
        margin-bottom: 30px;
        font-size: 21px;
        font-family: 'Advent Pro';
        color: #2fc1ee;
        margin: 0 20px 30px;
        position: relative;
        transition: 0.5s;
        height: 200px !important;
    }

    .pre2-item:nth-child(1) {
        background: url(/img/cloud1.png) no-repeat center center/100%;
        height: 280px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pre2-item:nth-child(2) {
        background: url(/img/cloud3.png) no-repeat center center/100%;
        height: 280px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #f863e8;
        top: 0;
    }

    .pre2-item:nth-child(3) {
        background: url(/img/cloud4.png) no-repeat center center/100%;
        color: #F44336;
        height: 200px;
        display: flex;
        align-items: center;
        top: 0;
        justify-content: center;
    }

    .pre2-item:nth-child(4) {
        background: url(/img/cloud5.png) no-repeat center center/100%;
        height: 280px;
        display: flex;
        align-items: center;
        color: #ff7d00;
        padding-top: 30px;
        justify-content: center;
        top: 0;
    }

    .pre2-item:nth-child(5) {
        background: url(/img/cloud2.png) no-repeat center center/100%;
        height: 280px;
        display: flex;
        align-items: center;
        color: #F44336;
        top: 0;
        justify-content: center;
    }

    .pre2-item:nth-child(6) {
        background: url(/img/cloud3.png) no-repeat center center/100%;
        height: 280px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
    }

    .pre2-item:hover {
        transform: translateY(-15px)
    }

    section.px_banner.yasli {
        background: linear-gradient(rgb(255 255 255 / 93%), rgb(255 255 255)), url(/assets/images/footer1.jpg) fixed;
        background-size: cover;
        background-position: bottom;
        padding-top: 0px;
    }

    section.px_banner.yasli h1 {
        color: #2fc1ee;
        font-size: 56px;
    }

    .yasli .pre2-item {
        font-size: 20px;
        padding: 0 60px;
        line-height: 1.3;
    }

    .vk {
        font-size: 20px;
        margin-bottom: 40px;
    }

    .vk a {
        color: #2fc1ee;
    }

    .pre2.yasli .fl {
        justify-content: center;
    }

    .pre2.prodlenka {
        color: white;
        font-size: 24px;
        font-family: 'Advent Pro';
        background: #2fc1ee url(/img/cloud1.png) no-repeat 90% 32%/90px;
    }

    .pre2.prodlenka * {
        font-size: 24px;
        font-family: 'Advent Pro';
        text-align: left;
    }

    .pre2.prodlenka ul li {
        list-style: disc;
        margin-left: 30px;
    }

    .pre2.prodlenka ul {
        padding: 20px 0;
    }

    .banner_img img {
        max-height: 430px;
    }
    
    section.pre.px_toppadder80.px_bottompzdder30 {
    padding-top: 0px;
}
    
    .single-team img {
    border-radius: 50%;
    border: 10px solid white;
    height: 302px;
    width: 302px;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}


}