:root {
        --theme-color: #7619b8;
        --theme-color2: #ff215a;
        --theme-color3: #87b819;
        --theme-color4: #f8bb0a;
        --theme-color5: #00c8c9;
        --theme-color6: #ff5500;
        --theme-color7: #0000ff;
        --title-color: #000;
        --body-color: #0e0e0e;
        --smoke-color: #f5f5f5;
        --black-color: #000;
        --white-color: #fff;
        --light-color: #b0b0b0;
        --yellow-color: #fec624;
        --success-color: #28a745;
        --error-color: #dc3545;
        --border-color: #f2f2f2;
        --title-font: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
        --body-font: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
        --icon-font: "Font Awesome 6 Pro";
        --main-container: 1170px;
        --container-gutters: 30px;
        --section-space: 60px;
        --section-space-mobile: 60px;
        --section-title-space: 80px;
        --ripple-ani-duration: 5s;
        --banner-font: "Comic Sans MS", cursive;
      }

      .as-header *,
      .footer-wrapper *,
      .Articc-sec *,
      .scrollToTop *,
      .as-menu-wrapper * {
        box-sizing: border-box;
      }

      .ll-ffo-auto{
        padding-top:40px;
      }

      .as-header img,
      .footer-wrapper img,
      .Articc-sec img {
        max-width: 100%;
        height: auto;
        border: 0;
        border-radius:unset !important;
      }

      .as-header a,
      .footer-wrapper a,
      .Articc-sec a,
      .scrollToTop {
        color: inherit;
        text-decoration: none;
        transition: all ease 0.4s;
      }

      .as-header ul,
      .footer-wrapper ul,
      .Articc-sec ul {
        margin: 0;
        padding: 0;
      }

      .as-header p,
      .footer-wrapper p,
      .Articc-sec p {
        margin: 0 0 12px 0;
        color: var(--body-color);
        line-height: 1.65;
        font-family: var(--body-font);
        font-weight: 500;
      }

      .as-header h1,
      .as-header h2,
      .as-header h3,
      .as-header h4,
      .as-header h5,
      .as-header h6,
      .footer-wrapper h1,
      .footer-wrapper h2,
      .footer-wrapper h3,
      .footer-wrapper h4,
      .footer-wrapper h5,
      .footer-wrapper h6,
      .Articc-sec h1,
      .Articc-sec h2,
      .Articc-sec h3,
      .Articc-sec h4,
      .Articc-sec h5,
      .Articc-sec h6 {
        margin: 0 0 15px 0;
        color: var(--title-color);
        line-height: 1.4;
        font-family: var(--title-font);
        font-weight: 700;
      }

      .p-left-0{
        padding-left:0px !important;
      }

      .p-right-0{
        padding-right:0px !important;
      }

      /* .container{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}
      @media (min-width:576px){.container{max-width:540px}}
      @media (min-width:768px){.container{max-width:720px}}
      @media (min-width:992px){.container{max-width:960px}}
      @media (min-width:1200px){.container{max-width:1140px}}
      @media (min-width:1400px){.container{max-width:1320px}}
      .row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}
      .row>*{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)} */
      /* .col-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto} */
      /* .col-auto{width:auto} */
      /* @media (min-width:576px){.col-sm-6{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.col-sm-6{width:50%}}
      @media (min-width:768px){.col-md-6{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.col-md-6{width:50%}} */
      /* @media (min-width:992px){.col-lg-auto{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.col-lg-auto{width:auto}} */
      /* .d-inline-block{display:inline-block!important}
      .d-none{display:none!important}
      @media (min-width:992px){.d-lg-block{display:block!important}.d-lg-none{display:none!important}}
      .justify-content-end{-webkit-box-pack:end!important;-webkit-justify-content:flex-end!important;-ms-flex-pack:end!important;justify-content:flex-end!important}
      .justify-content-center{-webkit-box-pack:center!important;-webkit-justify-content:center!important;-ms-flex-pack:center!important;justify-content:center!important}
      .justify-content-between{-webkit-box-pack:justify!important;-webkit-justify-content:space-between!important;-ms-flex-pack:justify!important;justify-content:space-between!important}
      .align-items-center{-webkit-box-align:center!important;-webkit-align-items:center!important;-ms-flex-align:center!important;align-items:center!important}
      .text-end{text-align:right!important}
      .text-center{text-align:center!important} */

      .fal,
      .far {
        display: inline-block;
        font-style: normal;
        line-height: 1;
        text-rendering: auto;
      }

      .fa-bars:before {
        content: "\2630";
        font-family: Arial, sans-serif;
      }

      .fa-times{
        font-size:25px;
        margin-top:5px;
      }
      .fa-times:before {
        content: "\00d7";
        font-family: Arial, sans-serif;
        color:#fff;
      }

      .fa-arrow-up:before {
        content: "\2191";
        font-family: Arial, sans-serif;
      }

      .sec-title {
        margin-top: -0.24em;
        margin-bottom: calc(var(--section-title-space) - 12px);
        font-size: 48px;
        line-height: 1.2;
        text-transform: capitalize;
      }

      .title-area {
        position: relative;
        z-index: 2;
        margin-bottom: 35px;
      }

      .title-area p {
        font-size: 16px;
        font-weight: 500;
      }

      .title-area .sec-title {
        margin-bottom: 10px;
        font-size: 32px;
        line-height: 1.25;
        font-weight: 700;
        color: var(--title-color);
        text-transform: capitalize;
      }

      @media (max-width: 1399px) {
        .sec-title {
          font-size: 42px;
        }

        .title-area,
        .sec-title {
          --section-title-space: 75px;
        }
      }

      @media (max-width: 1199px) {
        .sec-title {
          font-size: 38px;
        }

        .title-area,
        .sec-title {
          --section-title-space: 65px;
        }
      }

      @media (max-width: 991px) {
        .sec-title {
          font-size: 34px;
        }

        .title-area,
        .sec-title {
          --section-title-space: 50px;
        }
        .Articc-sec {
            position: relative;
            padding: 40px 0px 140px 0px !important;
        }
      }

      @media (max-width: 767px) {
        .sec-title {
          font-size: 26px;
        }
      }

      .as-menu-wrapper {
        position: fixed;
        inset: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        opacity: 0;
        visibility: hidden;
        transition: all ease 0.8s;
        z-index: 999999;
      }

      .as-menu-wrapper .as-menu-toggle {
        position: absolute;
        top: 17px;
        right: -17px;
        width: 33px;
        height: 33px;
        padding: 0;
        border: none;
        border-radius: 50%;
        line-height: 32px;
        font-size: 18px;
        color: var(--title-color);
        background-color: var(--theme-color);
        z-index: 1;
      }

      .as-menu-wrapper .as-menu-toggle:hover {
        color: var(--white-color);
        background-color: var(--title-color);
      }

      .as-menu-wrapper .as-menu-area {
        position: relative;
        left: -110%;
        width: 100%;
        max-width: 310px;
        height: 100%;
        background-color: #fff;
        border-right: 3px solid var(--theme-color);
        opacity: 0;
        visibility: hidden;
        transition: all ease 1s;
        z-index: 1;
      }

      .as-menu-wrapper.as-body-visible {
        opacity: 1;
        visibility: visible;
      }

      .as-menu-wrapper.as-body-visible .as-menu-area {
        left: 0;
        opacity: 1;
        visibility: visible;
      }

      .as-mobile-menu {
        overflow-y: scroll;
        max-height: 100vh;
        margin-top: 0;
        padding-top: 20px;
        padding-bottom: 20px;
        text-align: left;
      }

      .as-mobile-menu > ul {
        padding: 0 40px;
      }

      .as-mobile-menu ul li {
        list-style-type: none;
        border-bottom: 1px solid #fdedf1;
      }

      .as-mobile-menu ul li li:first-child {
        border-top: 1px solid #fdedf1;
      }

      .as-mobile-menu ul li a {
        display: block;
        position: relative;
        padding: 14px 0;
        line-height: 1;
        font-size: 15px;
        font-weight: 600;
        text-transform: capitalize;
        color: var(--title-color);
        text-decoration:none;
        padding-left:20px;
      }

      .as-mobile-menu ul li a:before {
        content: "\f105" !important;
        display: inline-block;
        margin-right: 10px;
        font-size: 16px;
        line-height: 1;
        font-family: "Font Awesome 5 Free";
        font-weight: 900; /* IMPORTANT */
      }

      .as-mobile-menu ul li.as-active > a {
        color: var(--theme-color);
      }

      .as-mobile-menu ul li.as-active > a:before {
        transform: rotate(90deg);
      }

      .as-mobile-menu ul li ul li {
        padding-left: 15px;
      }

      .as-mobile-menu ul li ul li a {
        padding: 12px 0 12px 15px;
        font-size: 15px;
      }

      .as-mobile-menu ul li ul li a:before {
        content: "\203a";
        position: absolute;
        top: 10px;
        left: 0;
        margin-right: 0;
      }

      .as-mobile-menu ul li ul li:last-child,
      .as-mobile-menu > ul > li:last-child {
        border-bottom: none;
      }

      .as-mobile-menu ul .as-item-has-children > a .as-mean-expand {
        position: absolute;
        top: 50%;
        right: 0;
        width: 25px;
        height: 25px;
        margin-top: -12.5px;
        border-radius: 50%;
        line-height: 25px;
        text-align: center;
        font-size: 12px;
        color: var(--title-color);
        background-color: var(--smoke-color);
        box-shadow: 0 0 20px -8px rgba(173, 136, 88, 0.5);
      }

      .as-mobile-menu ul .as-item-has-children > a .as-mean-expand:before {
        content: "\f067";
        font-family: "Font Awesome 5 Free";
      }

      .as-mobile-menu ul .as-item-has-children.as-active > a .as-mean-expand:before {
        content: "\f068";
        font-family: "Font Awesome 5 Free";
      }

      .as-menu-toggle {
        display: inline-block;
        width: 39px;
        height: 39px;
        padding: 0;
        border: none;
        line-height: 39px;
        font-size: 25px;
        color: var(--theme-color);
        background-color: transparent;
      }

      .as-header {
        position: relative;
        width: 100%;
        z-index: 41;
        font-family: var(--body-font);
      }

      .header-top-six {
        position: relative;
        margin: 0;
        padding: 10px 0;
        background: var(--theme-color);
      }

      .top-menus-li {
        position: relative;
      }

      .top-menus-li li {
        display: inline-block;
        position: relative;
        margin-right: 20px;
        line-height: 21px;
        list-style: none;
      }

      .top-menus-li li:before {
        content: "";
        position: absolute;
        top: 0;
        right: -10px;
        width: 1px;
        height: 100%;
        background: rgba(255, 255, 255, 0.3);
      }

      .top-menus-li li:last-child:before {
        content: none !important;
      }

      .top-menus-li li a {
        color: #fff;
        font-size: 16px;
        text-decoration: none;
      }

      .top-menus-li li a:hover {
        color: var(--theme-color5);
      }

      .sso-c-auto {
        padding-left: 0;
        padding-right: 0px;
      }

      .head-top-links {
        display: inline-block;
        position: relative;
        z-index: 2;
        list-style: none;
      }

      .head-top-links > li {
        display: inline-block;
        position: relative;
        margin-right: 28px;
        padding-right: 0;
      }

      .head-top-links.v6 > li:last-child {
        margin-right: 0;
        padding-right: 0;
      }

      .head-top-links a {
        color: var(--white-color);
        font-size: 14px;
      }

      .header-social {
        list-style-type: none;
      }

      .header-social li {
        display: inline-block;
        margin-right: 5px;
      }

      .header-social li:last-child {
        margin-right: 0;
      }

      .header-social a {
        display: inline-block;
        margin: 0 2px 0 0;
        font-size: 16px;
        color: var(--body-color);
      }

      .header-social a img {
        width: 25px;
        height: 25px;
        border-radius: 50%;
      }

      .header-search {
        position: relative;
      }

      .header-search input {
        width: 251px;
        height: 33px;
        padding: 0 45px 0 8px;
        border: 1px solid #d7d7d7;
        border-radius: 5px;
        font-size: 14px;
      }

      .header-search button {
        position: absolute;
        top: 4px;
        right: 25px;
        border: 0;
        padding: 0;
        background: transparent;
        cursor: pointer;
      }

      .sticky-wrapper {
        position: relative;
      }

      .will-sticky .sticky-active,
      .sticky-wrapper .sticky-active {
        top: 0;
        right: 0;
        left: 0;
        background-color: var(--white-color);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07);
        transition: all ease 0.8s;
        z-index: 999;
      }

      .will-sticky .sticky-active {
        position: fixed;
      }

      .will-sticky .sticky-active.active {
        top: 0;
      }

      .header-layout2 .menu-area {
        position: relative;
        z-index: 2;
        background-color: #fff;
        /* padding: 5px 10px 5px 10px; */
      }

      .header-layout2 .menu-area > .container > .row {
        min-height: 96px;
        flex-wrap: nowrap;
      }

      .header-layout2 .oo2 {
        min-width: 0;
      }

      .header-layout2 .header-logo {
        padding: 5px 0;
      }

      .header-layout2 .header-logo img {
        display: block;
        height: 80px;
        margin-top: 0;
      }

      .header-layout2 .will-sticky .sticky-active .header-logo img {
        height: 64px;
      }

      .main-menu a {
        display: block;
        position: relative;
        font-family: var(--title-font);
        font-size: 16px;
        font-weight: 600;
        color: var(--title-color);
        text-transform: capitalize;
      }

      .main-menu a:hover {
        color: var(--theme-color);
      }

      .main-menu > ul > li {
        margin: 0 13px;
      }

      .main-menu > ul > li > a {
        padding: 34px 0;
        color: var(--title-color);
      }

      .header-layout2 .will-sticky .main-menu > ul > li > a {
        padding: 23px 0;
      }

      .main-menu ul li {
        display: inline-block;
        position: relative;
        list-style-type: none;
      }

      .main-menu ul li:first-child {
        margin-left: 0 !important;
      }

      .main-menu ul li:last-child {
        margin-right: 0 !important;
      }

      .main-menu ul li.menu-item-has-children > a:after {
        content: "\f107";
        position: relative;
        top: 1px;
        margin-left: 6px;
        font-size: 16px;
        font-family: "Font Awesome 5 Free";
          font-weight: 900; /* IMPORTANT */
      }

      .main-menu ul li:hover > ul.sub-menu {
        margin-top: 0;
        opacity: 1;
        visibility: visible;
        z-index: 9;
      }

      .main-menu ul.sub-menu {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 190px;
        width: max-content;
        max-width: 286px;
        margin-top: 50px;
        padding: 0;
        text-align: left;
        background-color: var(--white-color);
        box-shadow: 0 10px 60px 0 rgba(0, 0, 0, 0.09), 0 3px 0 0 rgba(231, 13, 60, 0.004);
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        transform-origin: top center;
        transition: margin-top 0.4s ease-in-out 0s, visibility 0.4s ease-in-out 0s, opacity 0.4s ease-in-out 0s, z-index 0s;
      }

      .main-menu ul.sub-menu a {
        font-size: 16px;
        line-height: 30px;
      }

      .main-menu ul li:last-child ul.sub-menu {
        left: auto;
        right: 0;
      }

      .main-menu ul.sub-menu ul {
        border-top: 1px solid #f2f2f2;
      }

      .main-menu ul.sub-menu .row {
        width: 100%;
        position: relative;
      }

      .main-menu ul.sub-menu .row .col-lg-6 {
        border-right: 1px solid rgba(2, 145, 224, 0.25);
      }

      .main-menu ul.sub-menu .row .col-lg-6:last-child {
        border-right: none;
      }

      .main-menu ul.sub-menu li {
        display: block;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #f2f2f2;
      }

      .main-menu ul.sub-menu li:last-child {
        border-bottom: none;
      }

      .main-menu ul.sub-menu li.menu-item-has-children > a:after {
        content: "\f105";
        float: right;
        top: 3px;
        font-family: "Font Awesome 5 Free";
          font-weight: 900; /* IMPORTANT */
      }

      .main-menu ul.sub-menu li a {
        position: relative;
        padding: 9px 20px;
        font-size: 14px;
        line-height: 24px;
        font-weight: 600;
      }

      .main-menu ul.sub-menu li a:hover {
        color: #fff !important;
        background: var(--theme-color);
      }

      .main-menu ul.sub-menu h3 {
        margin-bottom: 8px;
      }

      .main-menu ul.sub-menu h3 a {
        padding-left: 15px;
        font-size: 17px;
        font-weight: 500;
        color: var(--theme-color);
      }

      .main-menu ul.sub-menu li ul.sub-menu {
        top: 0;
        left: 100%;
        right: auto;
        margin: 0;
      }

      .main-menu ul li:last-child ul.sub-menu li ul.sub-menu {
        left: auto;
        right: 100%;
      }

      .footer-wrapper {
        position: relative;
        z-index: 2;
        overflow: hidden;
      }

      .footer-layout3 {
        --body-color: #fff;
        background-color: #7619b8;
        background-image: url("https://www.kidsworldfun.com/assets/img/game_clip.png");
        background-position: center top;
        background-repeat: repeat;
      }

      .footer-layout3 > img {
        display: block;
        width: 100%;
      }

      .widget-area {
        padding-top: 9px;
        padding-bottom: 5px;
      }

      .fc-top {
        position: relative;
        margin-top: 32px;
        text-align: center;
      }

      .footeree-logo img {
        height: 124px;
      }

      .foo-years {
        max-width: 500px;
        margin: 0 auto;
        padding: 33px 40px;
        font-size: 21px;
        line-height: 30px;
        font-weight: 700;
        text-align: center;
        text-transform: capitalize;
        color: #fff;
        background: url("https://www.kidsworldfun.com/assets/img/ai-1.png") no-repeat;
        background-size: 100% 100% !important;
      }

      .Social-img h3 {
        margin-bottom: 10px;
        font-size: 23px;
        color: #fff;
      }

      .Social-img a {
        display: inline-block;
        margin: 0 3px;
      }

      .Social-img a img {
        width: 28px;
        height: 28px;
        border-radius: 50%;
      }

      .widget {
        position: relative;
        margin-bottom: 40px;
        padding: 20px;
        background-color: var(--smoke-color);
      }

      .widget_title {
        position: relative;
        margin: 0 0 15px 0;
        font-size: 24px;
        line-height: 1;
        font-family: var(--title-font);
        font-weight: 700;
        color: var(--theme-color);
        text-transform: capitalize;
      }

      .footer-widget {
        margin-bottom: 0;
      }

      .footer-widget,
      .footer-widget .widget {
        padding: 0;
        border: 0;
        background-color: transparent;
      }

      .footer-widget .widget_title {
        display: inline-block;
        max-width: 100%;
        margin: 0 0 20px 0;
        padding: 17px 39px;
        font-size: 18px;
        line-height: 1.25;
        font-weight: 700;
        color: #fff;
        background: url("https://www.kidsworldfun.com/assets/img/heading-bg.png") no-repeat;
        background-size: 100% 100% !important;
      }

      .footer-widget .widget_title a {
        display: inline;
        padding: 0;
        margin: 0;
        font-weight: 700;
        color: #fff !important;
        background: transparent;
      }

      .widget_nav_menu ul {
        list-style: none;
      }

      .footer-widget.widget_nav_menu .menu a {
        display: block;
        width: max-content;
        max-width: 100%;
        margin-bottom: 10px;
        padding: 0;
        font-size: 15px;
        line-height: 21px;
        font-weight: 500;
        text-align: center;
        color: #ffffff;
        background-color: transparent;
      }

      .footer-widget.widget_nav_menu a:hover {
        color: var(--theme-color5);
      }

      .footer-widget.widget_nav_menu li:last-child a {
        margin-bottom: 0;
      }

      .footrt-ccsec {
        position: relative;
        padding-top: 35px;
      }

      .footrt-ccsec .col-lg-6 {
        width: 42%;
      }

      .footrt-ccsec .col-lg-3 {
        width: 29%;
      }

      .tyyy {
        padding-left: 50px;
      }

      .copyright-wrap {
        margin-top: 0;
        padding: 20px 0;
        background-color: #f8bb0a;
      }

      .copyright-text {
        margin: 0;
        font-size: 16px;
        font-weight: 500;
      }

      .footer-layout3 .copyright-text {
        margin: 0;
        text-align: center;
        color: #000;
      }

      .footer-layout3 .copyright-text a,
      .footer-layout3 .copyright-text a:hover {
        color: #fff;
        font-weight: 500;
      }

      .Articc-sec {
        position: relative;
        padding: 40px 0 0;
        margin-top: 40px
      }

      .Articc-sec:before {
        content: "";
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        background: #e9e9e9;
      }

      .Articc-sec-bg {
        position: relative;
        z-index: 2;
        max-width: 758px;
        margin: 0 auto -149px;
        text-align: center;
      }

      .Articc-sec-bg p a {
        font-weight: 600;
        color: #0000FF;
      }
      .Articc-sec-bg p a:hover{
        color: #dc3545;
      }

      .art-immm {
        position: relative;
        z-index: 1;
      }

      .scroll-btn {
        position: fixed;
        right: 30px;
        bottom: 300px;
        display: inline-block;
        border-radius: 50%;
        z-index: 33;
      }

      .scroll-btn i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: var(--btn-size, 50px);
        height: var(--btn-size, 50px);
        font-size: 20px;
        color: var(--title-color);
        background-color: var(--theme-color);
        border-radius: inherit;
        transition: all ease 0.8s;
      }

      .scroll-btn:before {
        content: "";
        position: absolute;
        top: var(--extra-shape, -6px);
        left: var(--extra-shape, -6px);
        right: var(--extra-shape, -6px);
        bottom: var(--extra-shape, -6px);
        border: 2px dashed var(--theme-color);
        border-radius: inherit;
        z-index: 1;
      }

      .scroll-btn:hover i,
      .scroll-btn:focus i {
        color: var(--white-color);
        background-color: var(--title-color);
      }

      .scroll-btn.show {
        bottom: 200px;
        opacity: 1;
        visibility: visible;
      }

      .scrollToTop {
        position: fixed;
        right: 30px;
        bottom: 500px;
        opacity: 0;
        visibility: hidden;
        transition: all ease 0.4s;
        z-index: 96;
      }

      .scrollToTop.show {
        bottom: 40px;
        opacity: 1;
        visibility: visible;
      }

      @media (max-width: 1199px) {
        .widget_title {
          font-size: 20px;
        }
      }

      @media (max-width: 991px) {
        .as-header .sideMenuToggler,
        .as-header .searchBoxToggler {
          display: none;
        }

        .header-top-six .row {
          justify-content: center;
        }

        .mo-ann-auto,
        .header-search,
        .head-top-links {
          width: 100%;
          text-align: center;
        }

        /* .header-search {
          margin: 12px 0;
        } */

        /* .header-search input {
          width: 100%;
          max-width: 320px;
        } */
      .header-search button {
        right: 35px;
      }
        .fc-top .row,
        .footrt-ccsec,
        .ll-ffo-auto {
          row-gap: 24px;
        }
      }

      @media (max-width: 767px) {
        .scroll-btn {
          --btn-size: 40px;
          --extra-shape: -4px;
          right: 15px;
          bottom: 50px;
        }

        .scroll-btn.show {
          bottom: 15px;
        }

        .scrollToTop {
          right: 20px;
        }

        .scrollToTop.show {
          bottom: 20px;
        }

        .footrt-ccsec .col-sm-6,
        .ll-ffo-auto .col-sm-6,
        .fc-top .col-auto {
          width: 100%;
          text-align: center;
        }

        .footer-widget {
          text-align: center;
        }

        .header-layout2 .header-logo img,
        .footeree-logo img,
        .footer-widget.widget_nav_menu .menu a {
          margin-left: auto;
          margin-right: auto;
        }

        .ll-ffo-auto-first .menu-all-pages-container > .row {
          justify-content: center;
        }

        .ll-ffo-auto-first .menu-all-pages-container > .row > .col-auto {
          width: 100%;
          text-align: center;
        }

        .tyyy {
          padding-left: 0 !important;
        }
      }

      @media (max-width: 575px) {
        .header-logo {
          max-width: 180px;
          padding: 20px 0;
        }

        .header-layout2 .header-logo img {
          height: auto;
        }

        .footeree-logo img {
          height: 74px;
        }

        .footer-layout3 .copyright-text {
          text-align: center;
        }

        .title-area .sec-title {
          margin-top: 0;
          margin-bottom: 19px;
          font-size: 30px;
        }
      }

      @media (max-width: 400px) {
        .as-menu-wrapper .as-menu-area {
          max-width: 270px;
        }

        .as-mobile-menu > ul {
          padding: 0 20px;
          padding-left: 0px;
        }
      }
      @media only screen and (max-width: 575px) and (min-width: 100px) {
          .head-top-links {
              display: none;
          }
      }
      @media only screen and (max-width: 767.78px) {
          .mo-ann-auto {
              display: none !important;
          }
      }
      @media only screen and (max-width: 575px) and (min-width: 100px) {
          .header-layout2 .header-logo img {
              height: 53px !important;
          }
      }

      .footer-widget ul li {
        padding-left:0px;
      }
      .footer-widget ul li:before {
        content:none;
      }
      /* .footer-wrapper .row {
        flex-wrap:unset;
      } */
      ul.learn-press-breadcrumb {
        display:none;
      }
      @media only screen and (max-width: 575px) and (min-width: 100px) {
          .fc-top .col-auto:nth-child(3) {
              order: 2;
              width: 100%;
              text-align: center;
          }
      }
      .footer-widget.widget_nav_menu{
        margin-bottom:20px;
      }
      .copyright-wrap .col-auto{
        flex:auto !important;
      }
      .kwf-course-item-page__main{
        width: 100% !important;
      }
.as-mobile-menu ul {
    margin: 0;
    padding: 0 10px;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    right: 10px;
}

.header-layout2,
.header-layout2 .menu-area,
.header-layout2 .container,
.header-layout2 .row,
.main-menu {
    overflow: visible !important;
}