/* Reset S */
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
        font-family: "Manrope", sans-serif;
    }
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
        display: block;
    }
.modal{
  scroll-behavior: smooth;
}
	address
    {
      line-height: 1.3;
    }
    body {
        line-height: 1;
    }
    ol, ul {
        list-style: none;
    }
    blockquote, q {
        quotes: none;
    }
    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    body img {
        max-width: 100%;
    }
    img {
        width: auto;
        height: auto;
    }
    body a {
        color: inherit
    }
    body a:hover {
        color: inherit
    }
    body a,body a:active,body a:focus,body a:hover {
        color: inherit;
        text-decoration: none;
        outline: 0;
        outline-offset: 0;
        -webkit-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out
    }
    @media (max-width: 767px) {
        .wrapper {
            padding: 0 5px;
        }
    }
    .btn-close:focus
    {
        box-shadow: none;
    }
	.btn-close:hover
	{
      outline:none;
    }
/* Reset E */

/* CMS S */
    .cms+.cms,.cms~.cms {
        margin-top: 35px
    }

    .cms a {
        color: #23b8e9;
        position: relative;
        z-index: 1
    }

    .cms a .focus,.cms a:active,.cms a:focus,.cms a:not([disabled]):not(.disabled):active,.cms a:visited {
        color: #23b8e9
    }

    .cms a:hover {
        color: #f7d117
    }

    .cms blockquote {
        border-left: 10px solid #23b8e9;
        background-color: rgba(0,0,0,.02);
        padding: 25px;
        display: table
    }

    .cms figure.image {
        position: relative;
        z-index: 1;
        max-width: 100%;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin-top: 35px;
        margin-bottom: 25px;
        margin-left: auto;
        margin-right: auto;
        clear: both;
        text-align: center
    }

    @media (max-width: 480px) {
        .cms figure.image {
            width:100%!important
        }
    }

    @media (min-width: 481px) {
        .cms figure.image.image-style-align-right {
            float:right;
            margin-left: 50px
        }

        .cms figure.image.image-style-align-left {
            float: left;
            margin-right: 50px
        }
    }

    .cms figure.image img {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        min-width: 50px;
        width: 100%;
        border-radius: 5px 5px 0 0
    }

    .cms figure.image figcaption {
        background-color: #edf6f9;
        padding: 15px;
        text-align: center;
        font-style: italic;
        font-size: 16px;
        line-height: 120%
    }

    .cms figure.image+.h1,.cms figure.image+.h2,.cms figure.image+.h3,.cms figure.image+.h4,.cms figure.image+.h5,.cms figure.image+.h6,.cms figure.image+h1,.cms figure.image+h2,.cms figure.image+h3,.cms figure.image+h4,.cms figure.image+h5,.cms figure.image+h6,.cms figure.image+p {
        margin-top: 35px
    }

    .cms .page-break {
        position: relative;
        clear: both;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .cms .page-break+blockquote {
        margin-top: 35px
    }

    .cms .p-tag,.cms ol li,.cms p,.cms ul li {
        font-size: 16px;
        font-weight: 500;
        line-height: 150%;
        color: #595959
    }

    .cms .image+blockquote,.cms .image+ol,.cms .image+p,.cms .image+table,.cms .image+ul,.cms .table-responsive+blockquote,.cms .table-responsive+ol,.cms .table-responsive+p,.cms .table-responsive+table,.cms .table-responsive+ul,.cms blockquote+blockquote,.cms blockquote+ol,.cms blockquote+p,.cms blockquote+table,.cms blockquote+ul,.cms figure.table+blockquote,.cms figure.table+ol,.cms figure.table+p,.cms figure.table+table,.cms figure.table+ul,.cms ol+blockquote,.cms ol+ol,.cms ol+p,.cms ol+table,.cms ol+ul,.cms p+blockquote,.cms p+ol,.cms p+p,.cms p+table,.cms p+ul,.cms ul+blockquote,.cms ul+ol,.cms ul+p,.cms ul+table,.cms ul+ul {
        margin-top: 30px
    }

    .cms .image+.h1,.cms .image+.h2,.cms .image+.h3,.cms .image+.h4,.cms .image+.h5,.cms .image+.h6,.cms .image+h1,.cms .image+h2,.cms .image+h3,.cms .image+h4,.cms .image+h5,.cms .image+h6,.cms .table-responsive+.h1,.cms .table-responsive+.h2,.cms .table-responsive+.h3,.cms .table-responsive+.h4,.cms .table-responsive+.h5,.cms .table-responsive+.h6,.cms .table-responsive+h1,.cms .table-responsive+h2,.cms .table-responsive+h3,.cms .table-responsive+h4,.cms .table-responsive+h5,.cms .table-responsive+h6,.cms blockquote+.h1,.cms blockquote+.h2,.cms blockquote+.h3,.cms blockquote+.h4,.cms blockquote+.h5,.cms blockquote+.h6,.cms blockquote+h1,.cms blockquote+h2,.cms blockquote+h3,.cms blockquote+h4,.cms blockquote+h5,.cms blockquote+h6,.cms figure.table+.h1,.cms figure.table+.h2,.cms figure.table+.h3,.cms figure.table+.h4,.cms figure.table+.h5,.cms figure.table+.h6,.cms figure.table+h1,.cms figure.table+h2,.cms figure.table+h3,.cms figure.table+h4,.cms figure.table+h5,.cms figure.table+h6,.cms ol+.h1,.cms ol+.h2,.cms ol+.h3,.cms ol+.h4,.cms ol+.h5,.cms ol+.h6,.cms ol+h1,.cms ol+h2,.cms ol+h3,.cms ol+h4,.cms ol+h5,.cms ol+h6,.cms p+.h1,.cms p+.h2,.cms p+.h3,.cms p+.h4,.cms p+.h5,.cms p+.h6,.cms p+h1,.cms p+h2,.cms p+h3,.cms p+h4,.cms p+h5,.cms p+h6,.cms ul+.h1,.cms ul+.h2,.cms ul+.h3,.cms ul+.h4,.cms ul+.h5,.cms ul+.h6,.cms ul+h1,.cms ul+h2,.cms ul+h3,.cms ul+h4,.cms ul+h5,.cms ul+h6 {
        margin-top: 30px
    }

    .cms .image+.table-responsive,.cms .image+figure.table,.cms .table-responsive+.table-responsive,.cms .table-responsive+figure.table,.cms blockquote+.table-responsive,.cms blockquote+figure.table,.cms figure.table+.table-responsive,.cms figure.table+figure.table,.cms ol+.table-responsive,.cms ol+figure.table,.cms p+.table-responsive,.cms p+figure.table,.cms ul+.table-responsive,.cms ul+figure.table {
        margin-top: 30px
    }

    .cms .h1+.h1,.cms .h1+.h2,.cms .h1+.h3,.cms .h1+.h4,.cms .h1+.h5,.cms .h1+.h6,.cms .h1+h1,.cms .h1+h2,.cms .h1+h3,.cms .h1+h4,.cms .h1+h5,.cms .h1+h6,.cms .h2+.h1,.cms .h2+.h2,.cms .h2+.h3,.cms .h2+.h4,.cms .h2+.h5,.cms .h2+.h6,.cms .h2+h1,.cms .h2+h2,.cms .h2+h3,.cms .h2+h4,.cms .h2+h5,.cms .h2+h6,.cms .h3+.h1,.cms .h3+.h2,.cms .h3+.h3,.cms .h3+.h4,.cms .h3+.h5,.cms .h3+.h6,.cms .h3+h1,.cms .h3+h2,.cms .h3+h3,.cms .h3+h4,.cms .h3+h5,.cms .h3+h6,.cms .h4+.h1,.cms .h4+.h2,.cms .h4+.h3,.cms .h4+.h4,.cms .h4+.h5,.cms .h4+.h6,.cms .h4+h1,.cms .h4+h2,.cms .h4+h3,.cms .h4+h4,.cms .h4+h5,.cms .h4+h6,.cms .h5+.h1,.cms .h5+.h2,.cms .h5+.h3,.cms .h5+.h4,.cms .h5+.h5,.cms .h5+.h6,.cms .h5+h1,.cms .h5+h2,.cms .h5+h3,.cms .h5+h4,.cms .h5+h5,.cms .h5+h6,.cms .h6+.h1,.cms .h6+.h2,.cms .h6+.h3,.cms .h6+.h4,.cms .h6+.h5,.cms .h6+.h6,.cms .h6+h1,.cms .h6+h2,.cms .h6+h3,.cms .h6+h4,.cms .h6+h5,.cms .h6+h6,.cms h1+.h1,.cms h1+.h2,.cms h1+.h3,.cms h1+.h4,.cms h1+.h5,.cms h1+.h6,.cms h1+h1,.cms h1+h2,.cms h1+h3,.cms h1+h4,.cms h1+h5,.cms h1+h6,.cms h2+.h1,.cms h2+.h2,.cms h2+.h3,.cms h2+.h4,.cms h2+.h5,.cms h2+.h6,.cms h2+h1,.cms h2+h2,.cms h2+h3,.cms h2+h4,.cms h2+h5,.cms h2+h6,.cms h3+.h1,.cms h3+.h2,.cms h3+.h3,.cms h3+.h4,.cms h3+.h5,.cms h3+.h6,.cms h3+h1,.cms h3+h2,.cms h3+h3,.cms h3+h4,.cms h3+h5,.cms h3+h6,.cms h4+.h1,.cms h4+.h2,.cms h4+.h3,.cms h4+.h4,.cms h4+.h5,.cms h4+.h6,.cms h4+h1,.cms h4+h2,.cms h4+h3,.cms h4+h4,.cms h4+h5,.cms h4+h6,.cms h5+.h1,.cms h5+.h2,.cms h5+.h3,.cms h5+.h4,.cms h5+.h5,.cms h5+.h6,.cms h5+h1,.cms h5+h2,.cms h5+h3,.cms h5+h4,.cms h5+h5,.cms h5+h6,.cms h6+.h1,.cms h6+.h2,.cms h6+.h3,.cms h6+.h4,.cms h6+.h5,.cms h6+.h6,.cms h6+h1,.cms h6+h2,.cms h6+h3,.cms h6+h4,.cms h6+h5,.cms h6+h6 {
        margin-top: 30px
    }

    .cms .h1+blockquote,.cms .h1+ol,.cms .h1+p,.cms .h1+ul,.cms .h2+blockquote,.cms .h2+ol,.cms .h2+p,.cms .h2+ul,.cms .h3+blockquote,.cms .h3+ol,.cms .h3+p,.cms .h3+ul,.cms .h4+blockquote,.cms .h4+ol,.cms .h4+p,.cms .h4+ul,.cms .h5+blockquote,.cms .h5+ol,.cms .h5+p,.cms .h5+ul,.cms .h6+blockquote,.cms .h6+ol,.cms .h6+p,.cms .h6+ul,.cms h1+blockquote,.cms h1+ol,.cms h1+p,.cms h1+ul,.cms h2+blockquote,.cms h2+ol,.cms h2+p,.cms h2+ul,.cms h3+blockquote,.cms h3+ol,.cms h3+p,.cms h3+ul,.cms h4+blockquote,.cms h4+ol,.cms h4+p,.cms h4+ul,.cms h5+blockquote,.cms h5+ol,.cms h5+p,.cms h5+ul,.cms h6+blockquote,.cms h6+ol,.cms h6+p,.cms h6+ul {
        margin-top: 30px
    }

    .cms .h1+.table-responsive,.cms .h1+figure.table,.cms .h2+.table-responsive,.cms .h2+figure.table,.cms .h3+.table-responsive,.cms .h3+figure.table,.cms .h4+.table-responsive,.cms .h4+figure.table,.cms .h5+.table-responsive,.cms .h5+figure.table,.cms .h6+.table-responsive,.cms .h6+figure.table,.cms h1+.table-responsive,.cms h1+figure.table,.cms h2+.table-responsive,.cms h2+figure.table,.cms h3+.table-responsive,.cms h3+figure.table,.cms h4+.table-responsive,.cms h4+figure.table,.cms h5+.table-responsive,.cms h5+figure.table,.cms h6+.table-responsive,.cms h6+figure.table {
        margin-top: 30px
    }

    .cms img+p {
        margin-top: 30px
    }

    .cms ol,.cms ul {
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none
    }

    .cms ol li,.cms ul li {
        list-style: none;
        position: relative;
        padding-left: 20px;
        display: table
    }

    .cms ol li:before,.cms ul li:before {
        position: absolute;
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        left: 0;
        top: 9px;
        background-color: #595959;
        /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='512' height='512' style='enable-background:new 0 0 512 512'%3E%3Cpath fill='%23faf180' d='M346.9 153.1 256 248.7V10.9c12.7-.1 24.3 7.1 29.9 18.5l53.3 108c.1.2.2.4.3.7z' data-original='%23faf180'/%3E%3Cpath fill='%23ffaa39' d='m165.1 153.1 90.9 95.6V10.9c-12.7-.1-24.3 7.1-29.9 18.5l-53.3 108c-.1.2-.2.4-.3.7z' data-original='%23ffaa39'/%3E%3Cpath fill='%23ffc943' d='M508.9 191.9 256 248.7l90.9-95.6 16.5 2.4c.2 0 .6.1.8.1L483.5 173c11.1 1.6 20.7 8.7 25.4 18.9z' data-original='%23ffc943'/%3E%3Cpath fill='%23ffaa39' d='m501.9 229.8-86.2 84.1-12.5 12.2L256 248.7l252.9-56.8c6 12.8 3.2 28-7 37.9z' data-original='%23ffaa39'/%3E%3Cpath fill='%23ffc943' d='M414.9 493.3 256 248.7l147.1 77.4 3 17.2 20.3 118.8c2.1 11.7-2.3 23.7-11.5 31.2z' data-original='%23ffc943'/%3E%3Cpath fill='%23ffaa39' d='M414.9 493.3c-10.3 8.7-24.9 10.2-36.7 3.9l-106.6-56.1c-.2-.1-.5-.2-.8-.3L256 433V248.7z' data-original='%23ffaa39'/%3E%3Cpath fill='%23faf180' d='M256 248.7V433l-14.8 7.8c-.2.1-.6.2-.8.3l-106.6 56.1c-11.9 6.4-26.4 4.8-36.7-3.9z' data-original='%23faf180'/%3E%3Cpath fill='%23ffc943' d='M256 248.7 97.2 493.3c-9.2-7.5-13.7-19.5-11.6-31.2l20.3-118.8 3-17.2z' data-original='%23ffc943'/%3E%3Cpath fill='%23ffaa39' d='m256 248.7-147.1 77.4-12.5-12.2-86.2-84.1c-10.2-9.8-13-25-7-37.9z' data-original='%23ffaa39'/%3E%3Cpath fill='%23ffc943' d='M256 248.7 3.1 191.9c4.7-10.2 14.3-17.3 25.4-18.9l119.2-17.3c.2 0 .6-.1.8-.1l16.5-2.4z' data-original='%23ffc943'/%3E%3C/svg%3E"); */
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain
    }

    .cms ol li ol,.cms ol li ul,.cms ol li+li,.cms ul li ol,.cms ul li ul,.cms ul li+li {
        margin-top: 12px
    }

    .cms ol li ol,.cms ol li ul,.cms ul li ol,.cms ul li ul {
        margin-left: 15px
    }

    .cms ol li:hover,.cms ul li:hover {
        color: #23b8e9
    }

    .cms ol+.h1,.cms ol+.h2,.cms ol+.h3,.cms ol+.h4,.cms ol+.h5,.cms ol+.h6,.cms ol+h1,.cms ol+h2,.cms ol+h3,.cms ol+h4,.cms ol+h5,.cms ol+h6,.cms ol+p,.cms ul+.h1,.cms ul+.h2,.cms ul+.h3,.cms ul+.h4,.cms ul+.h5,.cms ul+.h6,.cms ul+h1,.cms ul+h2,.cms ul+h3,.cms ul+h4,.cms ul+h5,.cms ul+h6,.cms ul+p {
        margin-top: 35px
    }

    .section-gap {
        position: relative;
        z-index: 1;
        background-color: #fff;
        padding: 80px 0;
    }
    @media(max-width: 767px) {
        .section-gap {
            padding: 40px 0;
        }
    }
    .display-1 {
        font-size: 42px;
        font-weight: 800;
        line-height: 120%;
        color: #303334;
    }
    @media (max-width: 1024px) {
        .display-1 {
            font-size:30px
        }
    }
    
    @media (max-width: 767px) {
        .display-1 {
            font-size:26px
        }
    }
    .display-2 {
        font-size: 20px;
        font-weight: 500;
        line-height: 120%;
        color: #303334;
    }
    .display-3 {
        font-size: 18px;
        font-weight: 500;
        line-height: 120%;
        color: #303334;
    }
    @media (max-width: 767px) {
        .display-2 {
            font-size:18px
        }
        .display-3 {
            font-size:16px
        }
    }
    .text-primary {
        color: #23b8e9 !important;
    }
/* CMS E */

/* BTN S */
    .btn-outline-primary,.btn-outline-secondary,.btn-primary,.btn-secondary,.btn-white {
        padding: 16px 25px;
        font-size: 16px;
        font-weight: 600;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .btn-link {
        text-decoration: none
    }
	.about-play-btn{
      border: solid 1px #3fc5ee;
      border-radius: 6px;
      padding: 6px;
      box-sizing: border-box;
      max-width: 100%;
      width: 130px;
	}
	.about-play-btn:hover{
		border: solid 1px #3fc5ee;
	}
    .btn-sm {
        padding: 6px 15px;
        font-size: 14px
    }

    .btn-primary {
        color: #fff;
        background-color: #303334;
    }

    .btn-primary .focus,.btn-primary:active,.btn-primary:focus,.btn-primary:not([disabled]):not(.disabled):active,.btn-primary:visited {
        color: #fff;
        background-color: #303334;
    }

    .btn-primary:hover {
        background-color: #6fccdd;
        color: #fff
    }

    .btn-primary:hover:active,.btn-primary:hover:focus,.btn-primary:hover:not([disabled]):not(.disabled):active,.btn-primary:hover:visited {
        color: #fff;
        background-color: #6fccdd
    }

    .btn-secondary {
        color: #fff
    }

    .btn-secondary .focus,.btn-secondary:active,.btn-secondary:focus,.btn-secondary:not([disabled]):not(.disabled):active,.btn-secondary:visited {
        color: #fff
    }

    .btn-secondary:hover {
        background-color: #f89a2c;
        color: #fff
    }

    .btn-secondary:hover:active,.btn-secondary:hover:focus,.btn-secondary:hover:not([disabled]):not(.disabled):active,.btn-secondary:hover:visited {
        color: #fff;
        background-color: #f89a2c
    }
/* BTN E */

/* Animation S */
    .animation-headShake {
        -webkit-animation: headShake 1.3s infinite running;
        animation: headShake 1.3s infinite running
    }

    @media (min-width: 1025px) {
        .animation-topBottom {
            -webkit-animation:topBottom 5s infinite;
            animation: topBottom 5s infinite
        }

        @-webkit-keyframes topBottom {
            0% {
                -webkit-transform: translate(0,0);
                transform: translate(0,0)
            }

            50% {
                -webkit-transform: translate(0,20px);
                transform: translate(0,20px)
            }

            100% {
                -webkit-transform: translate(0,0);
                transform: translate(0,0)
            }
        }

        @keyframes topBottom {
            0% {
                -webkit-transform: translate(0,0);
                transform: translate(0,0)
            }

            50% {
                -webkit-transform: translate(0,20px);
                transform: translate(0,20px)
            }

            100% {
                -webkit-transform: translate(0,0);
                transform: translate(0,0)
            }
        }

        .animation-headShake {
            -webkit-animation: headShake 1.3s infinite running;
            animation: headShake 1.3s infinite running
        }

        @-webkit-keyframes headShake {
            0% {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }

            6.5% {
                -webkit-transform: translateX(-6px) rotateY(-9deg);
                transform: translateX(-6px) rotateY(-9deg)
            }

            18.5% {
                -webkit-transform: translateX(5px) rotateY(7deg);
                transform: translateX(5px) rotateY(7deg)
            }

            31.5% {
                -webkit-transform: translateX(-3px) rotateY(-5deg);
                transform: translateX(-3px) rotateY(-5deg)
            }

            43.5% {
                -webkit-transform: translateX(2px) rotateY(3deg);
                transform: translateX(2px) rotateY(3deg)
            }

            50% {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }
        }

        @keyframes headShake {
            0% {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }

            6.5% {
                -webkit-transform: translateX(-6px) rotateY(-9deg);
                transform: translateX(-6px) rotateY(-9deg)
            }

            18.5% {
                -webkit-transform: translateX(5px) rotateY(7deg);
                transform: translateX(5px) rotateY(7deg)
            }

            31.5% {
                -webkit-transform: translateX(-3px) rotateY(-5deg);
                transform: translateX(-3px) rotateY(-5deg)
            }

            43.5% {
                -webkit-transform: translateX(2px) rotateY(3deg);
                transform: translateX(2px) rotateY(3deg)
            }

            50% {
                -webkit-transform: translateX(0);
                transform: translateX(0)
            }
        }
    }
/* Animation E */

/* Thumbnail Container S */
    .thumbnail-container,.thumbnail_container {
        padding-bottom: 100%;
        overflow: hidden;
        position: relative;
        width: 100%
    }

    .thumbnail {
        margin: 0;
        display: block;
        padding: 0;
        border: none;
        height: 100%;
        width: 100%;
        position: absolute;
        background: 0 0
    }

    .thumbnail a,.thumbnail img {
        display: block;
        height: auto;
        max-height: 100%;
        max-width: 100%;
        width: auto;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        position: absolute;
        -webkit-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out
    }

    .thumbnail .vimeo-video,.thumbnail .youtube-video,.thumbnail iframe,.thumbnail video {
        display: block;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        position: absolute;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%
    }

    .object-fit img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%
    }
/* Thumbnail Container E */

/* Header S */
    .header-main-01 {
        padding: 15px 85px;
    }
    .header-main-01 .logo img{
        max-width: 250px;
    }
    .header-main-01 .display-1 {
        font-size: 24px;
        color: #303334;
    }
    .header-main-01 .display-1:hover {
        color: #f89a2c;
    }
    @media(max-width: 1024px) {
        .header-main-01 {
            padding: 15px 25px;
        }
    }
    @media(max-width: 767px) {
        .header-main-01 {
            padding: 15px 12px;
        }
    }
/* Header E */

/* Section 01 S */
    .s01{
        padding: 120px 85px;
        margin-left: 85px;
        margin-right: 85px;
        background-color: #e6f6f6;
        border-radius: 10px 10px 0 0;
        background-image: url(../images/banner-image.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .s01::after{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: -1;
        border-radius: 10px 10px 0 0;
    }
    .s01 .s01-1 {
        font-size: 19px;
        font-weight: 600;
        line-height: 120%;
        color: #23b8e9;
    }
    .s01 .display-1{
        color: white;
    }
    .s01 .display-2{
        color: white;
    }
    .s01 .s01-2 img {
        max-width: 50px;   
    }
    .s01 .s01-2 {
        border: 1px solid #f89a2c; 
        background-color: #f89a2c;
    }
    @media(max-width: 1366px) {
        .s01 {
            padding: 40px 25px;
        }
    }
    @media(max-width: 1024px) {
        .s01 {
            margin-left: 25px;
            margin-right: 25px;
        }
    }
    @media(max-width: 767px) {
        .s01 {
            padding: 40px 12px;
            margin-left: 12px;
            margin-right: 12px;
        }
        .s01 .s01-2 img {
            max-width: 40px;   
        }
    }
/* Section 01 E */

/* Section 02 S */
    .s02 {
        padding: 30px 0;
        margin-left: 85px;
        margin-right: 85px;
        background-color: #23b8e9;
        border-radius: 0 0 10px 10px;
    }
    .s02 a {
        color: #fff;
    }
    .s02 a:hover {
        color: #f89a2c;
    }
    .s02 .menu{
        gap: 35px;
    }
    @media(max-width: 1024px) {
        .s02 .menu{
            gap: 20px;
        }
        .s02 {
            margin-left: 25px;
            margin-right: 25px;
        }
    }
    @media(max-width: 767px) {
        .s02 {
            margin-left: 12px;
            margin-right: 12px;
        }
    }
    @media(max-width: 575px) {
        .s02 .menu a{
            font-size: 12px;
        }
        .s02 .menu li{
            font-size: 12px; 
        }
    }
/* Section 02 E */

/* Section 03 S */
    .s03 {
        padding-bottom: 120px;
    }
    .s03 .s03-1 {
        font-size: 19px;
        font-weight: 600;
        line-height: 120%;
        color: #23b8e9;
    }
    .s03 .s03-2 {
        max-width: 526px;
    }
    .s03 .s03-2 .thumbnail-container{
        padding-bottom: 130%;
    }
    .s03 .s03-3 {
        position: absolute;
        left: 40%;
        right: 0;
        bottom: 0;
        top: 25%;
        max-width: 335px;
    }
    .s03 .s03-3 .thumbnail-container{
        padding-bottom: 130%;
    }
    .s03 .s03-4 {
        position: absolute;
        top: 50%;
        left: -60px;
        height: 140px;
        width: 140px;
        box-shadow: 0 20px 60px rgba(0, 0, 0, .08);
        transition: all 350ms cubic-bezier(.37,0,.63,1);
        background-color: #fff;
        border-radius: 500px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 12px;
    }
    .s03 .s03-4-1 {
        animation: rotation 8s infinite linear;
    }
    .s03 .s03-4-2 {
        position: absolute;
    }
    @-webkit-keyframes rotation{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(359deg)}}
    @keyframes rotation{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(359deg)}}

    @media (max-width: 1024px){
        .s03 .s03-2 {
            max-width: 355px;
            margin-left: 30px;
        }
    }
    @media (max-width: 1024px){
        .s03 .s03-4 {
            left: 0;
        }
        .s03 {
            padding-bottom: 80px;
        }
    }
    @media (max-width: 767px){
        .s03 {
            padding-bottom: 40px;
        }
    }
/* Section 03 E */

/* Section 04 S */
    .s04 {
        padding: 120px 70px;
        margin-left: 85px;
        margin-right: 85px;
        background-color: #e6f6f6;
        border-radius: 10px;
    }
	.s04 .s01-1 {
        font-size: 19px;
        font-weight: 600;
        line-height: 120%;
        color: #23b8e9;
    }
    .s04 .s04-1 {
        box-shadow: 0 0 20px rgba(0, 0, 0, .08);
        transition: all 350ms cubic-bezier(.37,0,.63,1);
        background-color: #ffffff;
        padding: 48px;
    }
    .s04 .s04-1:hover {
        background-color: #23b8e9;
    }
    .s04 .s04-2 {
        width: 100px;
        padding: 24px;
        background-color: #e6f6f6;
    }
    .s04 .s04-bg1 {
        position: absolute;
        bottom: 50px;
        left: 50px;
        z-index: -1;
        opacity: 0.2;
    }
    .s04 .s04-bg2 {
        position: absolute;
        top: -90px;
        right: -53px;
        z-index: -1;
        opacity: 0.2;
    }
    .s04 .s04-1:hover .display-2, .s04  .s04-1:hover p {
        color: #ffffff;
    }
    @media (max-width: 1680px){
        .s04 .display-1 {
            font-size: 45px;
        }
    }
    @media (max-width: 1440px){
        .s04 .s04-1 {
            padding: 30px;
        }
        .s04 .s04-2 {
            width: 80px;
            padding: 18px;
        }
        .s04 {
            padding: 50px 35px;
        }
    }
    @media (max-width: 1366px) {
        .s04 .display-1 {
            font-size: 35px;
        }
    }
    @media(max-width: 1024px) {
        .s04 {
            margin-left: 25px;
            margin-right: 25px;
        }
        .s04 .s04-bg2, .s04 .s04-bg1 {
            display: none;
        }
    }
    @media(max-width: 767px) {
        .s04 {
            padding: 30px 12px;
            margin-left: 12px;
            margin-right: 12px;
        }
    }
/* Section 01 E */

/* Footer S */
    .footer-main .fm-bg {
        margin: 40px 85px;
        padding: 30px 70px;
        background-color: #303334;
        border-radius: 10px;
    }
    .footer-main .logo img{
        max-width: 250px;
    }
    .footer-main .display-1 {
        font-size: 31px;
        color: #ffffff;
    }
    .footer-main .display-1:hover,.link-hover:hover {
        color: #23b8e9;
    }
    .footer-main .fm-bg2 {
        margin-bottom: 40px;
    }
    .footer-main .netclues {
        position: relative;
        top: 2px;
    }
    @media(max-width: 1024px) {
        .footer-main .fm-bg {
            margin-left: 25px;
            margin-right: 25px;
            padding: 30px 25px;
        }
    }
    @media(max-width: 767px) {
        .footer-main .fm-bg {
            margin-left: 12px;
            margin-right: 12px;
        }
        .footer-main .display-1 {
            font-size: 25px;
        }
    }
/* Footer E */