/**
 * Primary Branch:   main
 * Theme Name:       Sunbeam Education
 * Github Theme URI: https://github.com/ThinkSeb/sunbeam
 * Theme URI:        
 * Description:      Sunbeam Education theme by ThinkSeb
 * Author:           Djarma Kin
 * Version:          1.0.4
 * Template:
 * Template Version: 1.0.0
 * Text Domain:      sunbeam-education
 */




@font-face{
    font-family:PolySans;
    src:url(assets/fonts/PolySans_Median.woff2) format("woff2"),url(assets/fonts/PolySans_Median.woff) format("woff"),url(assets/fonts/PolySans_Median.ttf) format("truetype"),url(assets/fonts/PolySans_Median.otf) format("opentype"),url(assets/fonts/PolySans_Median.svg#PolySans_Median) format("svg");
    font-style:normal;
    font-weight:500
}
 @font-face{
    font-family:PolySans;
    src:url(assets/fonts/PolySans_Neutral.woff2) format("woff2"),url(assets/fonts/PolySans_Neutral.woff) format("woff"),url(assets/fonts/PolySans_Neutral.ttf) format("truetype"),url(assets/fonts/PolySans_Neutral.otf) format("opentype"),url(assets/fonts/PolySans_Neutral.svg#PolySans_Neutral) format("svg");
    font-style:normal;
    font-weight:400
}
 *,:after,:before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
 article,aside,details,figcaption,figure,footer,header,iframe,img,nav,picture,section,video{
    display:block
}
 a{
    display:inline-block;
    color:inherit;
    pointer-events:auto;
    text-decoration:none
}
 a:hover{
    text-decoration:none
}
 svg{
    display:block;
    width:100%
}
 address{
    font-style:normal
}
 button{
    background:0 0
}
 ul{
    list-style:none
}
 input,textarea{
    border:none;
    border-radius:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    background-color:transparent
}
 input:focus,textarea:focus{
    outline:0;
    -webkit-box-shadow:none;
    box-shadow:none;
    border-color:initial
}
 *{
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:0;
    font-size:100%;
    margin:0;
    padding:0;
    vertical-align:baseline
}
 :after,:before{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
 html{
    width:100%;
    min-height:100vh;
    scroll-behavior:smooth;
    color:#0b1747;
    background-color:#fffcf1
}
 body{
    min-height:100vh;
    overflow-x:hidden;
    margin:0;
    padding:0;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased
}
 body.mega-menu-open{
    overflow:hidden!important;
    height:100vh;
    width:100vw;
    scrollbar-width:none
}
 body.mega-menu-open::-webkit-scrollbar{
    display:none
}
 main{
    min-height:100vh
}
 .button_blue{
    border:1px solid #0b1747;
    border-radius:100px;
    padding:4px 34px;
    position:relative;
    text-transform:uppercase;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    overflow:hidden;
    will-change:transform;
    min-height:52px
}
 .button_blue::before{
    content:"";
    display:block;
    width:calc(100% - 20px);
    height:calc(100% - 8px);
    background-color:#0b1747;
    border-radius:inherit;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    -webkit-transition:.4s cubic-bezier(.68,-.22,.265,1.22);
    transition:.4s cubic-bezier(.68,-.22,.265,1.22)
}
 .button_blue .button_wrapper{
    overflow:hidden;
    position:relative;
    z-index:1
}
 .button_blue .button_wrapper .button_box{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex
}
 .button_blue .button_wrapper .button_text{
    display:inline-block;
    -webkit-transition:.4s cubic-bezier(.68,-.22,.265,1.22);
    transition:.4s cubic-bezier(.68,-.22,.265,1.22);
    will-change:transform;
    z-index:3;
    font-family:PolySans!important;
    font-size:14px;
    font-style:normal;
    font-weight:600;
    line-height:1.4em;
    color:#fffcf1
}
 .button_blue .button_wrapper .button_text:nth-of-type(2){
    position:absolute;
    left:0;
    bottom:100%
}
 .button_blue:hover::before{
    width:calc(100% - 40px)
}
 .button_blue:hover .button_text{
    -webkit-transform:translateY(100%);
    transform:translateY(100%)
}
 .header-new{
    min-height:88px;
    width:100%
}
 .header-new .header-wrapper{
    background:#fffcf1;
    padding:16px;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:3;
    -webkit-transition:.4s linear;
    transition:.4s linear
}
 .header-new .header-wrapper.hidden-bar{
    -webkit-transform:translateY(-100%);
    transform:translateY(-100%)
}
 .header-new .logo{
    width:133px;
    height:58px
}

.header-new .logo img{
	width:133px;
    height:58px
}

 @media screen and (max-width:1025px){
     .header-new{
        min-height:102px
    }
     .header-new .header-wrapper{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
     .header-new .logo{
        width:156px;
        height:70px
    }
	 .header-new .logo img{
	width:156px;
        height:70px
}

}
 .header-new .logo img{
    width:100%
}
 .header-new .mob_hamburger{
    display:block;
    width:30px;
    height:30px;
    -webkit-transition:.4s ease-in-out;
    transition:.4s ease-in-out
}
 @media screen and (min-width:1025px){
     .header-new .logo{
        position:absolute;
        top:50%;
        left:50%;
        -webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%)
    }
     .header-new .mob_hamburger{
        display:none
    }
}
 .header-new .mob_hamburger_wrapper{
    position:relative;
    display:block;
    width:30px;
    height:12px;
    margin:0 auto
}
 .header-new .mob_hamburger_line{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:2px;
    -webkit-transform-origin:center center;
    transform-origin:center center;
    background-color:#0b1747;
    -webkit-transition:.4s;
    transition:.4s;
    will-change:transform
}
 .header-new .mob_hamburger_line:last-of-type{
    top:unset;
    bottom:0
}
 .header-new .mob_hamburger.active .mob_hamburger_line{
    -webkit-transform:translate(0,-50%) rotate(135deg);
    transform:translate(0,-50%) rotate(135deg);
    top:50%
}
 .header-new .mob_hamburger.active .mob_hamburger_line:last-of-type{
    -webkit-transform:translate(0,-50%) rotate(225deg);
    transform:translate(0,-50%) rotate(225deg)
}
 .header-new .header-container{
    width:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    gap:32px;
    max-width:1300px;
    margin:0 auto;
    background:#fffcf1
}
 @media screen and (max-width:1280px){
     .header-new .header-container{
        gap:12px
    }
}
 @media screen and (max-width:1025px){
     .header-new .header-container{
        width:100%;
        z-index:2;
        position:absolute;
        top:102px;
        left:0;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:start;
        padding:10px 16px 24px;
        gap:20px;
        max-height:0;
        height:0;
        opacity:0;
        overflow:hidden;
        -webkit-overflow-scrolling:touch;
        -webkit-transition:.4s linear;
        transition:.4s linear
    }
     .header-new .header-container.active{
        height:100dvh;
        max-height:calc(100dvh - 102px);
        opacity:1
    }
     .header-new .header-container .main-navigation{
        height:calc(100% - 200px);
        overflow-y:auto
    }
}
 .header-new .header-container .right-menu{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    gap:32px
}
 @media screen and (max-width:1280px){
     .header-new .header-container .right-menu{
        gap:12px
    }
}
 @media screen and (max-width:1025px){
     .header-new .header-container .right-menu{
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        width:100%;
        gap:30px
    }
     .header-new .header-container .right-menu .button-navigation{
        padding-top:20px;
        border-top:1px solid #ced1da
    }
     .header-new .header-container nav{
        width:100%
    }
}
 @media screen and (max-width:1025px) and (min-width:565px){
     .header-new .header-container .right-menu .button-navigation li{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center
    }
}
 @media screen and (max-width:1280px) and (min-width:1025px){
     .header-new .header-container .right-menu .button_blue{
        padding:4px 14px
    }
     .header-new .header-container .right-menu .button_blue::before{
        width:calc(100% - 10px);
        height:calc(100% - 8px)
    }
     .header-new .header-container .right-menu .button_blue .button_text{
        font-size:12px
    }
     .header-new .header-container .right-menu .button_blue:hover::before{
        width:calc(100% - 20px)
    }
}
 @media screen and (max-width:565px){
     .header-new .header-container .right-menu .button_blue{
        width:100%
    }
}
 .header-new .header-container nav ul{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    gap:32px;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}
 @media screen and (max-width:1280px){
     .header-new .header-container nav ul{
        gap:12px
    }
}
 .header-new .header-container nav ul a{
    text-decoration:none;
    font-family:PolySans!important;
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:1.5em;
    position:relative
}
 @media screen and (max-width:1025px){
     .header-new .header-container nav ul{
        width:100%;
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:start;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:20px
    }
     .header-new .header-container nav ul .menu-item{
        width:100%
    }
     .header-new .header-container nav ul a{
        font-size:24px;
        line-height:1.3em
    }
}
 .header-new .header-container nav ul>.menu-item-has-children{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -ms-flex-direction:column;
    flex-direction:column
}
 @media screen and (min-width:1025px){
     .header-new .header-container nav ul a:before{
        content:"";
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:0;
        height:4px;
        background:url(assets/img/svg/hover-line.svg) top/cover no-repeat;
        position:absolute;
        bottom:-3px;
        left:0;
        -webkit-transition:.3s ease-in-out;
        transition:.3s ease-in-out
    }
     .header-new .header-container nav ul a:hover:before{
        width:100%
    }
     .header-new .header-container nav ul>.menu-item-has-children:after{
        content:"";
        display:block;
        width:0;
        height:0;
        border-left:22.5px solid transparent;
        border-right:22.5px solid transparent;
        border-bottom:24px solid #faf4df;
        margin:10px auto -34px;
        visibility:hidden;
        opacity:0;
        -webkit-transition:.4s linear .2s;
        transition:.4s linear .2s
    }
     .header-new .header-container nav ul>.menu-item-has-children:hover:after{
        visibility:visible;
        opacity:1
    }
     .header-new .header-container nav ul>.menu-item-has-children:hover .sub-menu{
        visibility:visible;
        opacity:1;
        margin-top:0;
        z-index:3
    }
     .header-new .header-container nav .sub-menu{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        position:absolute;
        left:0;
        top:84px;
        width:100%;
        background:#faf4df;
        z-index:2;
        visibility:hidden;
        opacity:0;
        margin-top:50px;
        -webkit-transition:.4s linear .2s;
        transition:.4s linear .2s;
        padding:0 16px
    }
     .header-new .header-container nav .sub-menu a{
        font-family:PolySans!important;
        font-size:24px;
        font-style:normal;
        font-weight:400;
        line-height:1.5em
    }
     .header-new .header-container nav .sub-menu-area{
        max-width:1300px;
        width:100%;
        margin:0 auto;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        gap:95px
    }
     .header-new .header-container nav .sub-menu-area .column-image,.header-new .header-container nav .sub-menu-area .column-menu{
        width:50%
    }
     .header-new .header-container nav .sub-menu-area .column-menu{
        padding:32px 0;
        position:relative;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:8px
    }
     .header-new .header-container nav .sub-menu-area .column-menu>.menu-item{
        width:50%
    }
     .header-new .header-container nav .sub-menu-area .column-menu>.menu-item.chosen.menu-item-has-children>a:before{
        width:100%
    }
     .header-new .header-container nav .sub-menu-area .column-menu>.menu-item .sub-sub-menu{
        position:absolute;
        left:calc(50% + 24px);
        top:32px;
        width:calc(50% - 24px);
        opacity:0;
        -webkit-transition:.3s linear;
        transition:.3s linear;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:8px;
        z-index:-1
    }
     .header-new .header-container nav .sub-menu-area .column-menu>.menu-item .sub-sub-menu .menu-item{
        width:100%
    }
     .header-new .header-container nav .sub-menu-area .column-menu>.menu-item .sub-sub-menu .menu-item a{
        font-size:20px
    }
     .header-new .header-container nav .sub-menu-area .column-menu>.menu-item.chosen{
        z-index:2
    }
     .header-new .header-container nav .sub-menu-area .column-menu>.menu-item.chosen .sub-sub-menu{
        opacity:1
    }
     .header-new .header-container nav .sub-menu-area .column-image{
        position:relative;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:end;
        -ms-flex-align:end;
        align-items:flex-end
    }
     .header-new .header-container nav .sub-menu-area .column-image:before{
        content:"";
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:7px;
        height:100%;
        background:url(assets/img/svg/header-horizontal-line.svg) top/cover no-repeat;
        position:absolute;
        top:0;
        left:-46px
    }
     .header-new .header-container nav .sub-menu-area .column-image img{
        width:100%;
        height:-webkit-fit-content;
        height:-moz-fit-content;
        height:fit-content;
        -o-object-fit:contain;
        object-fit:contain;
        -webkit-transition:opacity .3s ease-in-out;
        transition:opacity .3s ease-in-out
    }
}
 @media screen and (max-width:1025px){
     .header-new .header-container nav .sub-menu-area .column-image{
        display:none
    }
     .header-new .header-container nav .sub-menu-area .column-menu{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:20px;
        padding-top:20px
    }
     .header-new .header-container nav .sub-menu-area .column-menu .menu-item a{
        font-size:22px
    }
     .header-new .header-container nav .sub-menu-area .column-menu .menu-item .sub-sub-menu{
        font-size:20px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        gap:12px
    }
     .header-new .header-container nav .sub-menu-area .column-menu .menu-item .sub-sub-menu a{
        font-size:20px
    }
     .header-new .header-container nav .sub-menu-area .column-menu .menu-item .sub-sub-menu .menu-item:first-child{
        padding-top:15px
    }
     .header-new .header-container nav .menu-item-has-children{
        position:relative
    }
     .header-new .header-container nav .menu-item-has-children>a{
        position:relative;
        cursor:pointer;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
     .header-new .header-container nav .menu-item-has-children>a::after{
        content:"";
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        width:24px;
        height:24px;
        background:url(assets/img/svg/arrow-menu.svg) center/contain no-repeat;
        -webkit-transition:.4s linear;
        transition:.4s linear
    }
     .header-new .header-container nav .menu-item-has-children>.sub-menu,.header-new .header-container nav .menu-item-has-children>.sub-sub-menu{
        max-height:0;
        overflow:hidden;
        opacity:0;
        visibility:hidden;
        -webkit-transition:.4s linear;
        transition:.4s linear
    }
     .header-new .header-container nav .menu-item-has-children.active>a::after{
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
     .header-new .header-container nav .menu-item-has-children.active>.sub-menu,.header-new .header-container nav .menu-item-has-children.active>.sub-sub-menu{
        max-height:450px;
        opacity:1;
        visibility:visible
    }
     .header-new .header-container nav .menu-item-has-children.active>.sub-menu{
        max-height:1250px
    }
}