/* 
Theme Name: SaoKim Digital
Theme URI: https://saokim.digital/
Description: A product designed and implemented by SaoKim Digital for customers. Hotline 0964.699.499
Author: Sao Kim Team
Template: hello-elementor
Author URI: https://saokim.digital/
Version: 1.0.0
*/
@media only screen and (max-width: 600px) {

}

@media only screen and (min-width: 1140px) {
    .e-con-boxed > .e-con-inner {
        max-width: 1120px !important;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (min-width: 1200px) {
    .e-con-boxed > .e-con-inner {
        max-width: 1140px !important;
        margin-left: auto;
        margin-right: auto;
    }
}


@media only screen and (min-width: 1440px) {
    .e-con-boxed > .e-con-inner {
        max-width: 1460px !important;
        margin-left: auto;
        margin-right: auto;
    }
}
body{
    overflow-x: hidden;
    background: #FDFFF9;
}


#awan {
    position: absolute;
    top: 45%;
    left: -40px;
    width: 120%;
    height:279px;
    text-align: center;
    background-size:201px;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    background: url(./assets/images/may.png) center top no-repeat;
    animation: awan-animasi 65s linear infinite;
    -ms-animation: awan-animasi 65s linear infinite;
    -moz-animation: awan-animasi 65s linear infinite;
    -webkit-animation: awan-animasi 65s linear infinite;
    z-index: 0;
}

@keyframes awan-animasi {
    from {
        background-position: 0 0;
    } to {
       background-position: 100% 0;
     };
}

@-webkit-keyframes awan-animasi {
    from {
        background-position: 0 0;
    } to {
       background-position: 100% 0;
    };
}

@-ms-keyframes awan-animasi {
    from {
        background-position: 0 0;
    } to {
       background-position: 100% 0;
    };
}

@-moz-keyframes awan-animasi {
    from {
        background-position: 0 0;
    } to {
        background-position: 100% 0;
    };
}
/*
    
#awan1{
    position: absolute;
    top:-11%;
    left: -10%;
    width: 120%;
    height: 293px;
    text-align: center;
    background-size:201px;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    background: url(./assets/images/m1.png) center top no-repeat;
    animation: ani-awan1 60s linear infinite;
    -ms-animation: ani-awan1 60s linear infinite;
    -moz-animation: ani-awan1 60s linear infinite;
    -webkit-animation: ani-awan1 60s linear infinite;
    z-index: 0;
}
        @keyframes ani-awan1 {
            from {
                background-position: 0 0;
            } to {
               background-position: 100% 0;
             };
        }

        @-webkit-keyframes ani-awan1 {
            from {
                background-position: 0 0;
            } to {
               background-position: 100% 0;
            };
        }

        @-ms-keyframes ani-awan1 {
            from {
                background-position: 0 0;
            } to {
               background-position: 100% 0;
            };
        }

        @-moz-keyframes ani-awan1 {
            from {
                background-position: 0 0;
            } to {
                background-position: 100% 0;
            };
        }
#awan2{
    position: absolute;
    top: -10%;
    left: 50%;
    width: 120%;
    height: 354px;
    text-align: center;
    background-size:848px;
    margin: 0px;
    padding: 0px;
    background: url(./assets/images/m2.png) center top no-repeat;
    animation: ani-awan2 65s linear infinite;
    -ms-animation: ani-awan2 65s linear infinite;
    -moz-animation: ani-awan2 65s linear infinite;
    -webkit-animation: ani-awan2 65s linear infinite;
    z-index: 0;
}
        @keyframes ani-awan2 {
            from {
                background-position: 0% 0;
            } to {
               background-position:100% 0;
             };
        }

        @-webkit-keyframes ani-awan2 {
            from {
                background-position: 0% 0;
            } to {
               background-position: 100% 0;
            };
        }

        @-ms-keyframes ani-awan2 {
            from {
                background-position: 0% 0;
            } to {
               background-position:100% 0;
            };
        }

        @-moz-keyframes ani-awan2 {
            from {
                background-position: 0% 0;
            } to {
                background-position:100% 0;
            };
        }
*/
#awan3{
    position: absolute;
    bottom: 0px;
    left:0px;
    width: 150%;
    height:279px;
    text-align: right;
    margin: 0px;
    padding: 0px;
    background-color: #fff;
    background: url(./assets/images/m3.png) center top repeat-x;
    animation: ani-awan3 60s linear infinite;
    -ms-animation: ani-awan3 60s linear infinite;
    -moz-animation: ani-awan3 60s linear infinite;
    -webkit-animation: ani-awan3 60s linear infinite;
    z-index: 0;
}
@keyframes ani-awan3 {
            from {
                background-position: 0 0;
            } to {
               background-position: 100% 0;
             };
        }

        @-webkit-keyframes ani-awan3 {
            from {
                background-position: 0 0;
            } to {
               background-position: 100% 0;
            };
        }

        @-ms-keyframes ani-awan3 {
            from {
                background-position: 0 0;
            } to {
               background-position: 100% 0;
            };
        }

        @-moz-keyframes ani-awan3 {
            from {
                background-position: 0 0;
            } to {
                background-position: 100% 0;
            };
        }
nav.elementor-pagination{
    display: flex;
    justify-content: center;
    margin: 50px 0;
    gap: 10px;
}
nav.elementor-pagination span,nav.elementor-pagination a{
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    border-radius: 6px;
    background: #fff;
    color: #000;
    box-shadow: 0 0 4px #00000024;
    font-size: 18px;
}
nav.elementor-pagination span{
    background: #04914C;
    color: #fff;
}
@media only screen and (max-width: 767px) {
    nav.elementor-pagination span,nav.elementor-pagination a{
        height: 30px;
        width: 30px;
        font-size: 14px;
    }
    nav.elementor-pagination{
        margin: 30px 0;
    }
}