/*
Theme Name: smartsacademy
Theme URI: http://kovgen.com/themes/smartsacademy
Author: kovgen team
Author URI: http://kovgen.com/
Description: Themes for smartsacademy site.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: smartsacademy

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.
*/
:root {
    /* generic */
    --gutterSm: 5px;
    --gutterMd: 10px;
    --gutterLg: 1.6rem;
    --gutterXl: 2.4rem;
    --gutterXx: 7.2rem;
    --colorPrimary400: #7e57c2;
    --colorPrimary600: #5e35b1;
    --colorPrimary800: #4527a0;
    --fontFamily: "Dosis", sans-serif;
    --fontSizeSm: 1.2rem;
    --fontSizeMd: 1.6rem;
    --fontSizeLg: 18px;
    --fontSizeXl: 2.8rem;
    --fontSizeXx: 3.6rem;
    --lineHeightSm: 1.1;
    --lineHeightMd: 1.8;
    --transitionDuration: 300ms;
    --transitionTF: cubic-bezier(0.645, 0.045, 0.355, 1);
  
    /* floated labels */
    --inputPaddingV: var(--gutterMd);
    --inputPaddingH: var(--gutterLg);
    --inputFontSize: var(--fontSizeLg);
    --inputLineHeight: var(--lineHeightMd);
    --labelScaleFactor: 0.8;
    --labelDefaultPosY: 50%;
    --labelTransformedPosY: calc(
      (var(--labelDefaultPosY)) - (var(--inputPaddingV) * var(--labelScaleFactor)) -
        (var(--inputFontSize) * var(--inputLineHeight))
    );
    --inputTransitionDuration: var(--transitionDuration);
    --inputTransitionTF: var(--transitionTF);
  }

/*RESET CSS*/
li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
a {
    text-decoration: none;
}
img {
    max-width: 100%;
}
a:active, a:visited {
    /*color: white;*/
}

body,ul {
    padding: 0;
    margin: 0;
}
/*HEADER*/

p,h3.adv {
    color: #777;
}
span {
    color: #3B4757;
}
h2,h3.why_title {
    color: #3B4757;
}
body, p, div, li, a {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
li {
    color: #777;
}
/*TOP MENU*/
nav {
    position: relative;
    display: block;
    float: right;
}
.head_area:after,ul#menu-top-menu:after,.top-menu:after {
    display: block;
    clear: both;
    content: '';
}
ul#menu-top-menu {
    float: right;
}
ul#menu-top li {
    float: left;
    padding: 3px 8px;
    text-align: center;
    position: relative;
    transition: all 0.3s;
    line-height: 41px;
}
a.soc_foot:hover {
    background: #46AADC;
}
ul#menu-top li.current-menu-item .cloud {
    opacity: 1;
    transition: all 0.3s;
}
a.site_logo {
    float: left;
}
ul#menu-top li.current-menu-item span {
    color: #66D0FF;
}
ul#menu-top li:hover span {
    color: #66D0FF;
}
a.site_logo img {
    height: 67px;
    position: absolute;
    margin-top: -15px;
}
.outer_menu {
    position: relative;
}
ul#menu-top:after {
    clear: both;
    display: block;
    content: '';
}
ul#menu-top-menu li {
    float: left;
    background: #ffaf60;
    margin: 0 5px;
    padding: 7px 21px;
    border-radius: 4px;
}

.cloud{ 
    width: 114px;
    height: 59px;
    background: #ECEFF1;
    box-shadow: 10px 10px rgb(0 0 0 / 20%);
    border-radius: 78px;
    position: absolute;
    top: 31px;
    left: calc(50% - 57px);
    opacity: 0;
    transition: all 0.3s;
}
ul#menu-top li:hover .cloud {
    opacity: 1;
    animation: move 3s infinite;
 }
.cloud::after, .cloud::before{
     content:"";
     position:relative;
     display:inline-block;
     background:inherit;
     border-radius:inherit;
}
.cloud::after {
    width: 43px;
    height: 45px;
    top: -40px;
    left: -47px;
}
.cloud::before{
    width: 62px;
    height: 63px;
    top: -28px;
    left: 51px;
}
.max-width {
    width: 100%;
    max-width: 1260px;
    
    margin: 0 auto;
}
a.site_logo {
    float: left;
}
ul#menu-top img {
    height: 40px;
    width: auto;
}
ul#menu-top span {
    display: block;
    text-align: center;
    color: #fff8bc;
    font-weight: 600;
    font-size: 17px;
    width: 99px;
}

.top_area {
    padding: 5px 0;
    position: relative;
}
.wp-block-column.image_line {
    position: relative;
}
figure.wp-block-image.aligncenter.size-full.image_before {
    max-width: 540px;
}



  /*main divs*/
  .infoPane {
      width: 1200px;
      height: 3000px;
      margin: 0 auto;
      position: relative;
      background: white;
      box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, .3);
      overflow: hidden;
      z-index: -5;
  }
  .cloudPane {
    width: 100%;
    height: 234px;
    z-index: 0;
    position: absolute;
    overflow: hidden;
    top: 0;
    margin: 0 auto;
  }


 button.menu-toggle {
    cursor: pointer;
    opacity: 0.6;
    background-color: transparent;
    position: fixed;
    z-index: 2;
    top: 24px;
    left: 24px;
    border: none;
    width: 36px;
    height: 30px;
    outline: none;
    transition: opacity 0.2s ease-out;
  }
  button.menu-toggle:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    right: auto;
    width: 100%;
    background: linear-gradient(to bottom, #98B296, #98B296 20%, transparent 20%, transparent 40%, #98B296 40%, #98B296 60%, transparent 60%, transparent 80%, #98B296 80%, #98B296 100%);
    transition: opacity 0.2s ease-out, width 0.2s 0.2s ease-out;
  }
  button.menu-toggle:after {
    opacity: 0;
    content: "×";
    color: white;
    position: absolute;
    top: 16px;
    left: -4px;
    font-family: Arial, sans-serif;
    font-size: 76px;
    line-height: 0;
    transition: opacity 0.4s ease-out;
  }
  button.menu-toggle:active {
    transform: translateY(2px);
  }
  button.menu-toggle:hover {
    opacity: 1;
  }
  .open button.menu-toggle {
    opacity: 1;
  }
  .open button.menu-toggle:before {
    opacity: 0;
    width: 0;
  }
  .open button.menu-toggle:after {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(360deg);
    transition: transform 0.4s 1s ease-out, opacity 0.4s 1s ease-out;
  }
  
  /*cloud position*/
   #cloud1 {
      opacity: .9;
      top:50px;
      left: 120%;
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      transform: scale(1.2);
      -moz-animation: drift 25s;
      -moz-animation-timing-function: linear;
      -moz-animation-iteration-count: infinite;
      -moz-animation-delay: 8s;
      -webkit-animation: drift 25s;
      -webkit-animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-delay: 8s;
      animation: drift 25s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-delay: 8s;
      z-index:2;
  }
  #circ1 p {
      color: #B3DAE6;
      font-size: 40px;
      font-family: helvetica;
      position: absolute;
      top: 5px;
      left: -10px;
  }
  #cloud2 {
      opacity: .8;
      top:40px;
      left: 120%;
      -webkit-transform: scale(.7);
      -moz-transform: scale(.7);
      transform: scale(.7);
      -moz-animation: drift 50s;
      -moz-animation-timing-function: linear;
      -moz-animation-iteration-count: infinite;
      -webkit-animation: drift 50s;
      -webkit-animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
      animation: drift 50s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      z-index: 1;
  }
  #cloud3 {
      opacity: 0;
      top:20px;
      left: 50%;
      -webkit-transform: scale(.35);
      -moz-transform: scale(.35);
      transform: scale(.35);
      -moz-animation: driftBg 70s;
      -moz-animation-timing-function: linear;
      -webkit-animation: driftBg 70s;
      -webkit-animation-timing-function: linear;
      animation: driftBg 70s;
      animation-timing-function: linear;
      z-index: 0;
  }
  #cloud4 {
      opacity: 0;
      top:50px;
      left: 20%;
      -webkit-transform: scale(.40, .45);
      -moz-transform: scale(.40, .45);
      transform: scale(.40, .45);
      -moz-animation: driftBg2 60s;
      -moz-animation-timing-function: linear;
      -webkit-animation: driftBg2 60s;
      -webkit-animation-timing-function: linear;
      animation: driftBg2 60s;
      animation-timing-function: linear;
      z-index: 0;
  }
  #cloud5 {
      opacity: 0;
      top:220px;
      left: 90%;
      -webkit-transform: scale(.40);
      -moz-transform: scale(.40);
      transform: scale(.40);
      -moz-animation: driftBg3 90s;
      -moz-animation-timing-function: linear;
      -webkit-animation: driftBg3 90s;
      -webkit-animation-timing-function: linear;
      animation: driftBg3 90s;
      animation-timing-function: linear;
      z-index: 0;
  }
  #cloud6 {
      opacity: .7;
      top:60px;
      left: 120%;
      -webkit-transform: scale(.40);
      -moz-transform: scale(.40);
      transform: scale(.40);
      -moz-animation: drift 110s;
      -moz-animation-timing-function: linear;
      -mox-animation-iteration-count: infinite;
      -moz-animation-delay: 11s;
      -webkit-animation: drift 110s;
      -webkit-animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-delay: 11;
      animation: drift 110s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-delay: 11;
      z-index: 0;
  }
  #cloud7 {
      opacity: .8;
      top:95px;
      left: 120%;
      -webkit-transform: scale(.7);
      -moz-transform: scale(.7);
      transform: scale(.7);
      -moz-animation: drift 45s;
      -moz-animation-timing-function: linear;
      -mox-animation-iteration-count: infinite;
      -moz-animation-delay: 35s;
      -webkit-animation: drift 45s;
      -webkit-animation-timing-function: linear;
      -webkit-animation-iteration-count: infinite;
      -webkit-animation-delay: 35s;
      animation: drift 45s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-delay: 35s;
      z-index: 1;
  }
  /*individual circle position*/
   #circ1 {
      z-index: 1;
  }
  #circ2 {
      top: 50px;
      left: -40px;
  }
  #circ3 {
      top: 50px;
      left: -120px;
  }
  #circ4 {
      top: 30px;
      left: -60px;
  }
  #circ5 {
      top: 100px;
      left: -150px;
  }
  #circ6 {
      top: 100px;
      left: 130px;
  }
  /*circle shadows*/
  #circ1shadow, #circ2shadow, #circ3shadow, #circ5shadow, #circ6shadow {
      background-repeat: no-repeat;
      position: absolute;
      z-index:2;
      -webkit-transform: scale(.9, -.9);
      -mox-transform: scale(.9, -.9);
      transform: scale(.9, -.9);
  
  }
  #circ1shadow {
      background: -webkit-radial-gradient(48% 64%, circle, rgba(204, 0, 0, 0) 110px, #9BBBC4 50px);
      background: -moz-radial-gradient(48% 64%, circle, rgba(204, 0, 0, 0) 110px, #9BBBC4 50px);
      background: radial-gradient(48% 64%, circle, rgba(204, 0, 0, 0) 110px, #9BBBC4 50px);
      top: 2px;
      z-index:3;
  }
  #circ2shadow {
      background: -webkit-radial-gradient(58% 61%, circle, rgba(204, 0, 0, 0) 82px, #9BBBC4 50px);
      background: -moz-radial-gradient(58% 61%, circle, rgba(204, 0, 0, 0) 82px, #9BBBC4 50px);
      background: radial-gradient(58% 61%, circle, rgba(204, 0, 0, 0) 82px, #9BBBC4 50px);
      top: 0px;
  }
  #circ3shadow {
      background: -webkit-radial-gradient(54% 60%, circle, rgba(204, 0, 0, 0) 80px, #9BBBC4 50px);
      background: -moz-radial-gradient(54% 60%, circle, rgba(204, 0, 0, 0) 80px, #9BBBC4 50px);
      background: radial-gradient(54% 60%, circle, rgba(204, 0, 0, 0) 80px, #9BBBC4 50px);
      top: 8px;
      -webkit-transform: scale(.8, -.8);
      -moz-transform: scale(.8, -.8);
      transform: scale(.8, -.8);
  }
  #circ5shadow {
      background: -webkit-radial-gradient(57% 61%, circle, rgba(204, 0, 0, 0) 53px, #9BBBC4 40px);
      background: -moz-radial-gradient(57% 61%, circle, rgba(204, 0, 0, 0) 53px, #9BBBC4 40px);
      background: radial-gradient(57% 61%, circle, rgba(204, 0, 0, 0) 53px, #9BBBC4 40px);
      top: 0px;
  }
  #circ6shadow {
      background: -webkit-radial-gradient(44% 65%, circle, rgba(204, 0, 0, 0) 53px, #9BBBC4 40px);
      background: -moz-radial-gradient(44% 65%, circle, rgba(204, 0, 0, 0) 53px, #9BBBC4 40px);
      background: radial-gradient(44% 65%, circle, rgba(204, 0, 0, 0) 53px, #9BBBC4 40px);
      top: 0px;
  }
  /*style the clouds*/
   .bigCloud {
      box-shadow: 10px 10px 5px 20px black inset;
      position: absolute;
  }
  /*style circles that make up clouds*/
   .smallCircle {
      height: 100px;
      width: 100px;
      background: white;
      border-radius: 100%;
      position: absolute;
  }
  .middleCircle {
      height: 150px;
      width: 150px;
      background: white;
      border-radius: 100%;
      position: absolute;
  }
  .largeCircle {
      height: 200px;
      width: 200px;
      background: white;
      border-radius: 100%;
      position: absolute;
  }

  img.big_nav_image {
    width: auto;
    max-height: 70px;
    margin-top: 15px;
}
div#primary ul li {
    margin-left: 22px;
}
.gen_content img {
    width: 100%;
}

.foot-menu-last ul#menu-foot li a {
    font-size: 15px;
    color: #777;
}
.content_simple.news {
    display: grid;
    grid-template-columns: 80% 20%;
    column-gap: 50px;
}
.gen_content {
    border-radius: 12px;
    overflow: hidden;
    -webkit-box-shadow: 0px 10px 22px rgb(42 135 158 / 14%);
    box-shadow: 0px 10px 22px rgb(42 135 158 / 14%);
    padding: 15px;
}
h1 {
    color: #6EC1E4;
}
.foot_info_text p {
    font-size: 15px;
}
.foot-menu-last ul#menu-foot li {
    width: 228px;
    line-height: 23px;
}
.foot-menu-last ul#menu-foot li a {
    font-size: 15px;
}
.content_simple {
    min-height: 500px;
}
.contact-list a {
    font-size: 15px;
}
  
section.home_slider {
    margin-top: 28px;
}
section.home_slider ul.slick-dots {
    bottom: 35px;
    z-index: 8;
}
section.home_slider .slick-dots li.slick-active button:before {
    color: white;
    font-size: 14px;
}
section.home_slider .slick-dots li button::before {
    font-size: 14px;
}

section.news_slider_section .slick-dots li button::before {
    font-size: 14px;
}

.why_item {
    background-image: url(/wp-content/uploads/2022/07/cloudx2.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.home_t {
    max-width: 50%;
    padding: 15px;
}
a.soc_foot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 6px 12px rgb(3 109 136 / 14%);
    box-shadow: 0px 6px 12px rgb(3 109 136 / 14%);
    float: none;
}
.why_item:nth-child(2n) {
    background-image: none;
}
.why_item {
    counter-increment: section; 
    padding-left: 35px;
    position: relative;
}
.why_item::before {        
    content: counter(section);
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 44px;
    color: #46AADC;
    font-weight: 500;

}
ul.sub-menu {
    position: absolute;
    background: white;
    z-index: 9;
    min-width: 260px;
    display: grid;
    text-align: left;
    padding: 15px 0;
    margin-left: -81px;
    border-top: 3px solid #46aadc;
    box-shadow: 0 3px 5px rgb(0 0 0 / 15%);
}
.foot-menu-last ul.sub-menu {
    display: none;
}
ul#menu-top li ul.sub-menu li {
    line-height: 19px!important;
}
ul#menu-top a {
    font-size: 14px;
    font-weight: 400;
    color: #3B4757;
    font-family: 'Poppins', sans-serif;
}
ul#menu-top a:hover, ul#menu-top li.current-menu-item a {
    color: #46AADC;
}
ul#menu-top a:hover, ul#menu-top li.current-menu-item ul.sub-menu a {
    color: #3B4757;
}

ul#menu-top a:hover, ul#menu-top li.current-menu-item ul.sub-menu a:hover {
    color: #46AADC;
}


.big_slide_text {
    background-image: url(/wp-content/uploads/2022/11/main-slider-rect_png.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 65px;
    position: relative;
}

.grow_img:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}
.content_prog p {
    color: #333333a8;
    margin: 0;
    line-height: 12px;
    font-size: 14px;
    font-weight: 400;
}
.content_prog a {
    color: #4faddc;
    display: block;
    margin-top: 23px;
}
input:focus {
    border: transparent;
    outline: none;
}
body ul li {
    position: relative;
}
body .content_area ul li::after {
    display: none;
}
body .content_area ul li {
    list-style-type: circle;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-block-columns {
    margin-bottom: 0;
}
body ul li::after {
    content: '\f105';
    position: absolute;
    top: 9px;
    left: -20px;
    line-height: 1em;
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    font-weight: 900;
    color: #46AADC;
}
.content_prog svg {
    margin-left: 10px;
}
h3.service_title {
    color: #3B4757;
    text-align: center;
    height: 55px;
}
.fixed_btn_group span {
    color: white;
}
h3.foot_contact_title {
    color: #3B4757;
}
.content_prog {
    overflow-y: auto;
}
.Input {
    position: relative;
    margin-top: 59px;
}
label.Input-label {
    color: black;
}
.Input-text {
    display: block;
    margin: 0;
    padding: var(--inputPaddingV) var(--inputPaddingH);
    color: inherit;
    width: 50%;
    font-family: inherit;
    font-size: var(--inputFontSize);
    font-weight: inherit;
    line-height: var(--inputLineHeight);
    border: none;
    border-radius: 0.4rem;
    transition: box-shadow var(--transitionDuration);
    border-bottom: 1px solid grey;
    margin-bottom: 25px;
   
  }
  
  .Input-text::placeholder {
    color: #b0bec5;
  }
  
  .Input-text:focus {
    outline: none;
    box-shadow: 0.2rem 0.8rem 1.6rem var(--colorPrimary600);
  }
  
  .Input-label {
    display: block;
    position: absolute;
    bottom: 50%;
    left: 1rem;
    color: #fff;
    font-family: inherit;
    font-size: var(--inputFontSize);
    font-weight: inherit;
    line-height: var(--inputLineHeight);
    opacity: 0;
    transform: translate3d(0, var(--labelDefaultPosY), 0) scale(1);
    transform-origin: 0 0;
    transition: opacity var(--inputTransitionDuration) var(--inputTransitionTF),
      transform var(--inputTransitionDuration) var(--inputTransitionTF),
      visibility 0ms var(--inputTransitionDuration) var(--inputTransitionTF),
      z-index 0ms var(--inputTransitionDuration) var(--inputTransitionTF);
  }
  
  .Input-text:placeholder-shown + .Input-label {
    visibility: hidden;
    z-index: -1;
  }
  
  .Input-text:not(:placeholder-shown) + .Input-label,
  .Input-text:focus:not(:placeholder-shown) + .Input-label {
    visibility: visible;
    z-index: 1;
    opacity: 1;
    transform: translate3d(0, var(--labelTransformedPosY), 0)
      scale(var(--labelScaleFactor));
    transition: transform var(--inputTransitionDuration), visibility 0ms,
      z-index 0ms;
  }
.content_prog li {
    /* list-style-type: none; */
    margin: 0;
    padding: 0;
    line-height: 6px;
}
.content_prog li a {
    color: black;
}
.home_news_img {
    height: 250px;
    background-size: cover;
    background-position: center;
}
  /*Circle shadows*/
  
  /*#circShadow1 {
      background: grey;
      border-radius: 30px 20px 500px 20px;
      
      -webkit-transform: rotate(45deg);
      z-index:2;
  }*/
  
  /*stars*/
   .star {
      height:3px;
      width: 3px;
      background: white;
      position: absolute;
      z-index:0;
  }
  #star1 {
      top: 20px;
      left: 20%;
  }
  #star1 + .star {
    top: 20px;
    left: 70%;
  }
  #star2 {
      top: 80px;
      left: 4%;
  }
  #star2 + .star {
      top: 80px;
      left: 75%;
  }
  #star3 {
      top:150px;
      left: 3%;
  }
  #star3 + .star {
      top:150px;
      left: 90%;
  }
  #star4 {
      top:100px;
      left: 7%;
  }
  #star4 + .star {
      top:100px;
      left: 78%;
  }
  #star5 {
      top:130px;
      left:13%;
  }
  #star5 + .star {
      top:130px;
      left: 60%;
  }
  #star6 {
      height: 5px;
      width: 5px;
      top:50px;
      left: 18%;
  }
  #star6 + .star {
      height: 5px;
      width: 5px;
      top:50px;
      left: 92%;
  }
  #star7 {
      top:35px;
      left: 27%;
  }
  #star7 + .star {
      top:35px;
      left: 79%;
  }
  #star8 {
      top:35px;
      left: 900px;
  }
  #star8 + .star{
      top:35px;
      left: 88%;
  }
  #star9 {
      height: 4px;
      width: 4px;
      top:50px;
      left: 45%;
  }
  #star9 + .star {
      height: 4px;
      width: 4px;
      top:50px;
      left: 97%;
  }
  #star10 {
      top:100px;
      left: 44%;
  }
  #star10 + .star{
      top:100px;
      left: 83%;
  }
  #star11 {
      top:75px;
      left: 37%;
  }
  #star11 + .star{
      top:75px;
      left: 66%;
  }
  

  .textBody {
    height: 100%;
    width: 1200px;
    padding: 15px 15px 15px 15px;
}
.leftText {
    width: 800px;
    top: 600px;
    position: absolute;
    margin-left: 20px;
}
.leftText h2 {
    font-family:"Century Gothic";
    letter-spacing: -2px;
    font-size: 40px;
    font-weight: normal;
    margin-left: 20px;
}
.leftText p {
    font-family:"arial";
    font-size: 15px;
    font-weight: normal;
    line-height: 30px;
    text-align: center;
    z-index: 5;
}
.rightText {
    width: 300px;
    height: auto;
    position: relative;
    left: 875px; top: 200px;
}
.rightText h4 {
    font-family:"Century Gothic";
    font-size: 20px;
    font-weight: normal;
    margin-left: 20px;
}
.rightText p {
    font-family:"arial";
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    text-align: left;
    margin: 30px;
}
.big_line_footer {
    min-height: 390px;
    padding: 45px 0;
    background-image: url(/wp-content/uploads/2022/07/footer-bg.svg);
    background-size: cover;
}
.foot-menu-last ul.sub-menu {
    display: none!important;
}

.head_area ul#menu-top {
    padding: 0 0 13px 0;
    margin-top: -5px;
}
body {
    padding-top: 75px;
}
.footer_group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 10px;
}
.footer_group {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 10px;
    padding: 72px 0 0 0;
}
.contact-list img.lazy {
    line-height: 22px;
    display: inline-block;
    margin-right: 25px;
    position: absolute;
    margin-left: -25px;
    margin-top: 3px;
}
.foot_nav img {
    width: 38px;
    float: left;
    margin-right: 15px;
}
.foot_nav li {
    line-height: 34px;
    font-size: 18px;
    vertical-align: middle;
    padding: 3px 0;
}
.content_area ul {
    padding-left: 25px;
    /* margin-left: 25px; */
}
.content_area ul li {
    padding: 5px 0;
}
.foot_nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.footer_group {
    display: grid;
    grid-template-columns: 30% 40% 30%;
    column-gap: 10px;
    padding: 72px 0 0 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
.foot_nav {
    padding-left: 25px;
}
.foot_info_text {
    margin-top: 33px;
}

.color_corrector {
    margin-bottom: -53px;
}


.color_corrector {
    z-index: 0;
    /* opacity: 0.9; */
  
    height: 100px;
    width: 100%;
    background: rgb(102,208,255);
    background: linear-gradient(180deg, rgba(102,208,255,1) 0%, rgba(255,255,255,0.4542191876750701) 100%);
}

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.back_menu {
    z-index: 12;
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    overflow: hidden;
  }
  .back_menu:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: #66d0fff2;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    border-radius: 100%;
    transform: scale(0.04), translateY(9999px);
    overflow: hidden;
  }
  .open .back_menu {
    top: 0;
  }
  .open .back_menu:before {
    -webkit-animation: menu-animation 0.8s ease-out forwards;
            animation: menu-animation 0.8s ease-out forwards;
  }
  
  .back_menu ul.menu {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    perspective: 1000;
    color: white;
  }
  .back_menu ul.menu li {
    opacity: 0;
    text-align: center;
    transform: translate3d(0, 36px, 0);
  }
 .back_menu ul.menu li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    left: auto;
    background-color: white;
    height: 100%;
    width: 0;
    overflow: hidden;
    transition: width 0.14s ease-out;
  }
  .back_menu ul.menu li:after {
    opacity: 0;
    content: attr(data-text);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    color: #98B296;
    overflow: hidden;
    transform: translate(-24px, 6px);
    transition: transform 0.1s ease-out, opacity 0.1s ease-out;
  }
  .back_menu ul.menu li:hover:before {
    left: 0;
    right: auto;
    width: 100%;
  }
  .back_menu ul.menu li:hover:after {
    opacity: 1;
    padding: 0 20px;
    transform: translate(0px, 6px);
    transition: transform 0.2s 0.14s ease-out, opacity 0.2s 0.14s ease-out;
  }
  .open ul.menu li {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  }
  .open ul.menu li:nth-child(1) {
    transition-delay: 0.75s;
  }
  .open ul.menu li:nth-child(2) {
    transition-delay: 0.85s;
  }
  .open ul.menu li:nth-child(3) {
    transition-delay: 0.95s;
  }
  .open ul.menu li:nth-child(4) {
    transition-delay: 1.05s;
  }
  


ul.s_in_menu.menu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 10px;
    row-gap: 10px;
}
.service_menu a {
    display: block;
    box-shadow: 0 4px 15px 0 rgb(141 141 141 / 25%);
    border-radius: 5px;
    transition: all 0.3s;
}
.service_menu a:hover {
    box-shadow: 0 4px 15px 0 rgb(141 141 141 / 35%);
}
.inner_news {
    overflow: hidden;
    margin: 0 15px;
    /* background: red; */
    border-radius: 12px;
    -webkit-box-shadow: 0px 10px 22px rgb(42 135 158 / 14%);
    box-shadow: 0px 10px 22px rgb(42 135 158 / 14%);
}
h2.home_title {
    color: #3B4757;
    font-size: 26px;
    text-align: center;
}
h2.home_title.colored {
    color: #46AADC;
}
p.sub_title span {
    color: #46AADC;
}
p.sub_title {
    text-align: center;
    font-size: 26px;
}
section.spogady_section {
    background-image: url(/wp-content/uploads/2022/07/wave-pink.svg);
    background-size: cover;
    padding: 100px 0;
}
section.what_services {
    background-image: url(/wp-content/uploads/2022/07/blue-wave.png);
    background-size: cover;
    padding: 100px 0;
    margin-top: -50px;
}
.column_service {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 25px;
    row-gap: 25px;
}
.bac_image_prog {
    height: 300px;
    background-size: cover;
    background-position: center;
}
.over_effect {
    position: relative;
}
.content_prog {
    position: absolute;
    top: 0;
    padding: 15px;
    opacity: 0;
}
.caell_program:hover .content_prog {
    opacity: 1;
}
.caell_program:hover .bac_image_prog {
    opacity: 0.5;
}
.content_prog {
    position: absolute;
    top: 0;
    padding: 15px;
    opacity: 0;
    height: calc(100% - 30px);
    background: #ffffffa1;
    width: calc(100% - 30px);
}
span.big_pr {
    padding: 0 5px;
    font-family: "Poppins", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    white-space: nowrap;
    line-height: 67px;
    opacity: 0.5;
    color: white;
}
h3.foot_contact_title {
    line-height: 56px;
}

.footer_group .tow_foot .foot-menu-last img {
    display: none;
}

.foot-menu-last li a span {
    color: black;
}
.prog_foot {
    text-align: center;
    line-height: 60px;
    width: 100%;
}
.service_menu {
    text-align: center;
    background: #ffffff54;
    position: relative;
}
p.timer {
    position: absolute;
    bottom: 3px;
    background: #46aadc;
    color: white;
    padding: 3px 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 5px;
}
p.timer svg {
    fill:white;
}
p.age_row {
    position: absolute;
    top: -16px;
}
span.t_age {
    font-weight: 400;
}
span.ager {
    background: #ffaf60;;
    color: white;
    padding: 0px 10px;
}
ul.s_in_menu.menu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 10px;
    row-gap: 10px;
}
.service_menu {
    border-radius: 15px;
}
.back_menu {
    overflow-y: auto;
}
body.open {
    overflow: hidden;
}
.big_slide_text {
    position: absolute;
    top: 20%;
    right: 20%;
    /* z-index: 999; */
}
.big_slide {
    position: relative;
}
span.normal_pr {
    font-weight: 600;
    font-size: 21px;
    color: white;
    padding: 5px;
    vertical-align: top;
    /* padding-top: 18px; */
    line-height: 67px;
}

.content_area:after {
    clear: both;
    display: block;
    content: '';
}
.foot_nav .cloud {
    display: none!important;
}
section.text_image {
    background-image: url(https://smartsacademy.panandpani.com.ua/wp-content/uploads/2022/07/gray_wave-1-1.svg);
    background-size: cover;
    padding: 45px 0;
}
.correct_svg {
    float: right;
    width: 40%;
}
.grouped_img_text:after {
    clear: both;
    display: block;
    content: '';
}
.why_us_c {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.gall {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 15px;
}
.galary_item {
    height: 250px;
    border-radius: 15px;
    margin-bottom: 15px;
    background-size: cover;
    background-position: center;
}
.foot_social {
    float: right;
    display: flex;
    vertical-align: middle;
    line-height: 50px;
    margin-right: 50px;
}
.foot_social span {
    margin-right: 25px;
}
p.copiright {
    float: left;
}
button.slick-next.slick-arrow, button.slick-prev.slick-arrow {
    display: none!important;
}
/*@keyframes*/
@keyframes move {
    0% {transform: translatex(0);}
    50% {transform: translatex(-20px);}
}
@keyframes menu-animation {
    0% {opacity: 0; transform: scale(0.04) translateY(300%);}
    40% {transform: scale(0.04) translateY(0);transition: ease-out;}
    40% {transform: scale(0.04) translateY(0);}
    60% {opacity: 1;transform: scale(0.02) translateY(0px);}
    61% {transform: scale(0.04);}
    99.9% {height: 0;padding-bottom: 100%;border-radius: 100%;}
    100% {transform: scale(2);height: 100%;padding-bottom: 0;border-radius: 0;}
}
@-webkit-keyframes menu-animation {
    0% {opacity: 0;transform: scale(0.04) translateY(300%);}
    40% {transform: scale(0.04) translateY(0);transition: ease-out;}
    40% {transform: scale(0.04) translateY(0);}
    60% {opacity: 1;transform: scale(0.02) translateY(0px);}
    61% {transform: scale(0.04);}
    99.9% {height: 0;padding-bottom: 100%;border-radius: 100%;}
    100% {transform: scale(2);height: 100%;padding-bottom: 0;border-radius: 0;}
}
@-webkit-keyframes drift {
    from {left: 120%;}
    to {left: -25%;}
}
@-moz-keyframes drift {
    from {left: 120%;}
    to {left: -25%;}
}
@keyframes drift {
    from {left: 120%;}
    to {left: -25%;}
}
@-webkit-keyframes driftBg {
    0% {left: 50%;opacity: 0}
    3% {left: 48%;opacity: .7}
    100% {left: -25%;opacity: .7;}
}
@-moz-keyframes driftBg {
    0% {left: 50%;opacity: 0}
    3% {left: 48%;opacity: .7}
    100% {left: -25%;opacity: .7;}
}
@keyframes driftBg {
    0% {left: 50%;opacity: 0}
    3% {left: 48%;opacity: .7}
    100% {left: -25%;opacity: .7;}
}
@-webkit-keyframes driftBg2 {
    0% {left: 20%;opacity: 0}
    3% {left: 19%;opacity: .7}
    100% {left: -25%;opacity: .7;}
}
@-moz-keyframes driftBg2 {
    0% {left: 20%;opacity: 0}
    3% {left: 19%;opacity: .7}
    100% {left: -25%;opacity: .7;}
}
@keyframes driftBg2 {
    0% {left: 20%;opacity: 0}
    3% {left: 19%;opacity: .7}
    100% {left: -25%;opacity: .7;}
}
@-webkit-keyframes driftBg3 {
    0% {left: 90%;opacity: 0}
    2% {left: 88%;opacity: .65}
    100% {left: -25%;opacity: .65;}
}
@-moz-keyframes driftBg3 {
    0% {left: 90%;opacity: 0}
    2% {left: 88%;opacity: .65}
    100% {left: -25%;opacity: .65;}
}
@keyframes driftBg3 {
    0% {left: 90%;opacity: 0}
    2% {left: 88%;opacity: .65}
    100% {left: -25%;opacity: .65;}
}
.top-menu a {
    color: white;
    font-size: 16px;
}
.snap_padding {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 15px;
    padding: 0 15px;
}
.art_zone {
    margin-bottom: 25px;
}
.content_prog p {
    margin: 0;
    padding: 7px 16px;
}
section#primary {
    padding-top: 50px;
}

.nav-button {
    text-transform: uppercase;
  }
  
  .nav-wrapper {
    background-color: #03a9f4e3;
    box-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.75);
    height: 100%;
    padding-top: 80px;
    perspective: 1000px;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: transform 0.6s, visibility 0.6s;
    visibility: hidden;
    width: 100%;
  }
  .nav-visible .nav-wrapper {
    transform: translateX(0);
    visibility: visible;
  }
  
  .nav {
    position: relative;
    transform: rotateY(90deg);
    transform-origin: left center;
    transition: transform 0.6s;
  }
  .nav-visible .nav {
    transform: rotateY(0deg);
  }
  .nav li.active a {
    background-color: #212635;
  }
  .nav a {
    display: block;
    line-height: 1.4;
    padding: 0.7em 0.5em 0.7em 1.4em;
    text-transform: uppercase;
  }
  .nav a:focus, .nav a:hover {
    
    text-decoration: none;
  }

  
  
  .nav-marker {
    background-color: currentColor;
    height: 2.8rem;
    position: absolute;
    right: 0;
    top: 80px;
    width: 3px;
  }
  .nav-marker:before {
    border: 5px solid transparent;
    border-right-color: inherit;
    content: "";
    height: 0;
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
  }
  
  .color-1 {
    color: deeppink;
  }
  
  .button-lines {
    background: transparent;
    border: none;
    cursor: pointer;
    display: inline-block;
    padding: 1rem 0.5rem;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  
  .lines {
    background: #fff;
    border-radius: 0.2rem;
    display: inline-block;
    height: 0.2rem;
    width: 2rem;
    position: relative;
    top: -3px;
  }
  .lines:hover {
    background: #000;
  }
  .lines:after, .lines:before {
    background: #fff;
    border-radius: 0.2rem;
    display: inline-block;
    height: 0.2rem;
    width: 2rem;
    content: "";
    left: 0;
    position: absolute;
  }
  .lines:after:hover, .lines:before:hover {
    background: #000;
  }
  .lines:after {
    top: 0.5rem;
  }
  .lines:before {
    top: -0.5rem;
  }
  
  .button-lines-x .lines {
    transition: background 0.3s ease;
  }
  .button-lines-x .lines:after, .button-lines-x .lines:before {
    transform-origin: 50% 50% 0;
    transition: top 0.3s 0.4s ease, transform 0.3s ease;
  }
  .nav-visible .button-lines-x .lines {
    background: transparent;
  }
  .nav-visible .button-lines-x .lines:after, .nav-visible .button-lines-x .lines:before {
    top: 0;
    transition: top 0.3s ease, transform 0.3s 0.3s ease;
  }
  .nav-visible .button-lines-x .lines:after {
    transform: rotate3d(0, 0, 1, 45deg);
  }
  .nav-visible .button-lines-x .lines:before {
    transform: rotate3d(0, 0, 1, -45deg);
  }
  button.nav-button.button-lines {
    display: none;
    position: absolute;
    top: 25px;
    right: 8px;
    background: #ffaf60;
    width: 52px;
    height: 51px;
    border-radius: 50%;
    z-index: 10;
    /* padding: 5px 15px; */
}
.btn a {
    color: white;
    display: block;
}
.btn {
    cursor: pointer;
    color: white;
    font-weight: 600;
    padding: 5px;
    margin: 1px 7px;
    float: left;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.fixed_btn_group {
    position: fixed;
    z-index: 8;
    right: -7px;
    top: 40vh;
    display: grid;
}
.btn.adress_btn {
    background: #46AADC;
}
.btn.consultant_btn {
    background: #FFAF60;
}
.btn.contact_btn {
    background: #76BEBA;
}
img.service_image {
    max-width: 278px;
    float: right;
    margin-right: 23px;
    /* padding-left: 15px; */
    margin-bottom: 25px;
}
.fixed_btn_group span {
    display: block;
    text-align: center;
    font-size: 12px;
}
.fixed_btn_group img {
    height: 27px;
    width: auto;
}
.fixed_btn_group .btn {
    text-align: center;
    padding: 10px;
}
.fixed_btn_group.oftop span {
    display: none;
    opacity: 0;
}
.fixed_btn_group img {
    height: 16px;
    width: auto;
}
div#ex1 {
    max-width: 700px;
    text-align: center;
}
div#ex2 {
    text-align: center;
}
.contact-list a {
    display: block;
    color: black;
}
h3.foot_contact_title {
    padding-top: 19px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background: #46AADC;
    color: white;
    font-size: 16px;
    border: none;
    padding: 9px 18px;
    border-radius: 8px;
}
div#ex2 input {
    min-height: 25px;
    margin-bottom: 15px;
    border: none;
    border-bottom: 1px solid grey;
    max-width: 100%;
}
div#ex3 {
    padding: 25px 55px;
}
.fixed_btn_group .btn {
    width: 81px;
    transition: all 1s;
}
.fixed_btn_group.oftop .btn{
    width: 25px;
}
.jquery-modal.blocker.current {
    z-index: 999;
}
body.complete.nav-visible.openbig {
    overflow: hidden;
}
body.complete.nav-visible.openbig button.nav-button.button-lines.button-lines-x.close {
    position: fixed;
}
ul#menu-top {
    padding: 11px 0 0px 0;
}

ul.sub-menu {
    display: none;
    opacity: 0;
    transition: all 0.3s
}
.menu-item-has-children:hover ul.sub-menu {
    display: grid;
    opacity: 1;
    transition: all 0.3s;
}
.foot_logo img {
    width: 200px;
}
.header-menu ul#menu-top li:after {
    display: none;
}

.head_area.fantikkkkkkkk {
    box-shadow: 0px 6px 12px rgb(3 109 136 / 14%);
}
.up-btn.show-up {
    text-align: center;
    background: #46AADC;
    display: block;
    width: 50px;
    position: fixed;
    right: 25px;
    bottom: 50px;
    height: 50px;
    border-radius: 50%;
    color: white;
    line-height: 45px;
    cursor: pointer;
    display: none;
}
.art_zone {
    margin-bottom: 25px;
    box-shadow: 0 4px 15px 0 rgb(141 141 141 / 25%);
    border-radius: 10px;
    overflow: hidden;
}
.smal_paf {
    padding: 0 15px 16px 15px;
}
.art_zone h2 {
    color: #777;
    padding: 0 15px;
    font-size: 20px;
    height: 43px;
}
.text_s p {
    margin-top: 0;
}


@media screen and (min-width: 1100px) {
    .footer_group {
        padding: 0;
        width: 100%;
    }
    
    
    .footer_contact_text {
        padding-left: 5%;
        padding-top: 7px;
    }
    p.copiright {
        padding-left: 5%;
        /* margin: 0 auto; */
    }
    .head_area {
        position: fixed;
        z-index: 9999;
        background: white;
        width: 100%;
        top: 0;
        padding: 25px 0 0 0;
    }
    .foot-menu-last ul#menu-foot {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
        margin-left: 25px;
        max-width: 350px;
        margin-top: 22px;
    }
    .foot_logo {
        margin-top: 44px;
    } 
}
@media screen and (max-width: 1100px) {
    .slide_in img {
        opacity: 1;
    }
    .slide_in {
        background: #ffaf60;
    }
    .text_s {
        padding: 0 30px;
    }
    .content_simple.news {
        display: block;
    }
    div#primary h1 {
        /* text-align: center; */
        margin-left: 15px;
    }
    .foot_logo img {
        width: 200px;
        margin: 0 auto;
        display: block;
    }
    h3.foot_contact_title {
        margin-left: 31px;
    }
    .footer_contact_text {
        padding: 0 45px;
    }
    p.copiright {
        padding: 0 21px;
    }
    section.spogady_section {
        padding: 100px 0 0 0;
    }
    .big_line_footer {
        padding: 0;
    }
    .foot_info_text,.foot-menu-last ul#menu-foot {
        padding: 0 15px;
    }
    .back_menu {
        display: none;
    }
    body.open .back_menu {
        display: block;
    }
    body.open .nav-visible .nav {
        display: none;
        transition: none;
      
      }
    .back_menu {
        padding-top: 100vh;
    }
    h3.service_title {
        font-size: 16px;
    }
    .top_area {
        display: none;
    }
    .big_slide p {
        line-height: 12px;
        padding: 0 75px;
    }
    .nav-visible .nav {
        display: block;
    }
   a.site_logo {
    display: inline-block;
    max-width: 74%;
    float: none;
    position: absolute;
    height: 150px;
    width: 70%;
    left: 5px;
    top: 90px;
}
    a.site_logo img {
        position: inherit;
    }
    div#ex1 {
        /* width: 90%!important; */
        /* max-width: 90%; */
        padding: 5px;
    }
    div#ex1 iframe {
        width: 100%;
    }
    .fixed_btn_group {
        position: absolute;
        top: 0;
        grid-template-columns: 1fr 1fr 1fr;
        border-radius: 0;
    }
    .content_area {
        padding: 1px 15px;
    }
    h1.page-title {
        padding: 0 15px;
    }
    .content_simple {
        padding: 0 15px;
    }
    img.service_image {
        max-width: 100%;
        margin: 18px auto;
    }
    .fixed_btn_group .btn {
        width: 100%;
        border-radius: 0!important;
        padding: 15px 0;
        margin: 0;
    }
    .fixed_btn_group {
        width: 100%;
        right: 0!important;
        /* left: 0; */
    }
    header {
        padding-top: 64px;
    }
    button.nav-button.button-lines {
        top: 80px;
    }
    .color_corrector {
        /* display: none; */
        height: 50px;
    }
    .fixed_btn_group {
        width: 100%;
        
        /* left: 0; */
    }
    button.nav-button.button-lines {
        display: block;
    }
    .wp-block-columns {
        padding: 0 15px;
    }
    .snap_padding {
        display: block;
    }
    .foot_nav {
        display: block;
    }
    .header-menu_mobail img {
        width: 50px;
    }
    .header-menu {
        display: none;
    }
    ul#menu-top-menu {
        display: none;
    }
    nav.nav-wrapper {
        z-index: 9;
        overflow-y: auto;
    }
    nav.nav-wrapper a, nav.nav-wrapper span {
        color: white;
        font-weight: 500!important;

    }
    .column_service,.why_us_c {
        display: block;
        margin: 0 auto;
        padding: 0 45px;
    }
    .footer_group {
        display: block;
        margin: 0 auto;
}
    
    .gall {
        grid-template-columns: 1fr 1fr;
    }
    ul.s_in_menu.menu {
        grid-template-columns: 1fr 1fr;
    }
    .home_t {
        max-width: 100%;
    }
    .correct_svg {
        width: 100%;
    }
    .caell_program {
        margin-bottom: 25px;
    }
  
    .big_slide_text {
        background-image: url(/wp-content/uploads/2022/11/main-slider-rect_png_op1.png);
    }
    p.age_row {
        padding: 8px 0;
        margin: 0;
        padding-left: 5px;
    }
    .header-menu_mobail ul.sub-menu {
        display: none!important;
    }
    .big_slide_text {
        padding: 5px;
    }
    section.home_slider ul.slick-dots {
        bottom: -25px;
    }
    .big_slide p {
        line-height: 13px;
        padding: 0 47px;
    }
    .text_s img {
        max-width: 150px;
    }
    .slide_in {
        width: 200%;
    }
    input#input {
        width: 80%;
        padding: 15px;
        margin: 18px auto;
    }
    p.age_row {
        font-size: 12px;
    }
    p.timer {
        font-size: 12px;
    }
    h3.service_title {
        height: 65px;
    }
    .Input {
        margin-top: 40px;
    }
}
ul.slick-dots li:after {
    display: none;
}
p.timer svg {
    width: 14px;
    margin-right: 7px;
}