@-webkit-keyframes mypulse {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 50px rgba(255, 255, 255, 0.6);
        box-shadow: 0 0 0 50px rgba(255, 255, 255, 0.6)
    }

    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}

@-webkit-keyframes pulseBorder {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes pulseBorder {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}

@keyframes mypulse {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-box-shadow: 0 0 0 50px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 50px rgba(255, 255, 255, 0)
    }

    100% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}

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

    100% {
        -webkit-transform: translateX(-100%)
    }
}

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

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@font-face {
    font-family: "Gotham";
    src: url("Gotham-Book.eot");
    src: url("Gotham-Book.eot?#iefix") format("embedded-opentype"), url("Gotham-Book.woff2") format("woff2"), url("Gotham-Book.woff") format("woff"), url("Gotham-Book.ttf") format("truetype"), url("Gotham-Book.svg#Gotham-Book") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url("Gotham-Light.eot");
    src: url("Gotham-Light.eot?#iefix") format("embedded-opentype"), url("Gotham-Light.woff2") format("woff2"), url("Gotham-Light.woff") format("woff"), url("Gotham-Light.ttf") format("truetype"), url("Gotham-Light.svg#Gotham-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url("Gotham-Medium.eot");
    src: url("Gotham-Medium.eot?#iefix") format("embedded-opentype"), url("Gotham-Medium.woff2") format("woff2"), url("Gotham-Medium.woff") format("woff"), url("Gotham-Medium.ttf") format("truetype"), url("Gotham-Medium.svg#Gotham-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url("Gotham-Medium_1.eot");
    src: url("Gotham-Medium_1.eot?#iefix") format("embedded-opentype"), url("Gotham-Medium_1.woff2") format("woff2"), url("Gotham-Medium_1.woff") format("woff"), url("Gotham-Medium_1.ttf") format("truetype"), url("Gotham-Medium_1.svg#Gotham-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url("Gotham-MediumItalic.eot");
    src: url("Gotham-MediumItalic.eot?#iefix") format("embedded-opentype"), url("Gotham-MediumItalic.woff2") format("woff2"), url("Gotham-MediumItalic.woff") format("woff"), url("Gotham-MediumItalic.ttf") format("truetype"), url("Gotham-MediumItalic.svg#Gotham-MediumItalic") format("svg");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url("Gotham-LightItalic.eot");
    src: url("Gotham-LightItalic.eot?#iefix") format("embedded-opentype"), url("Gotham-LightItalic.woff2") format("woff2"), url("Gotham-LightItalic.woff") format("woff"), url("Gotham-LightItalic.ttf") format("truetype"), url("Gotham-LightItalic.svg#Gotham-LightItalic") format("svg");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url("Gotham-Bold.eot");
    src: url("Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("Gotham-Bold.woff2") format("woff2"), url("Gotham-Bold.woff") format("woff"), url("Gotham-Bold.ttf") format("truetype"), url("Gotham-Bold.svg#Gotham-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url("Gotham-BoldItalic.eot");
    src: url("Gotham-BoldItalic.eot?#iefix") format("embedded-opentype"), url("Gotham-BoldItalic.woff2") format("woff2"), url("Gotham-BoldItalic.woff") format("woff"), url("Gotham-BoldItalic.ttf") format("truetype"), url("Gotham-BoldItalic.svg#Gotham-BoldItalic") format("svg");
    font-weight: bold;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url("Gotham-BookItalic.eot");
    src: url("Gotham-BookItalic.eot?#iefix") format("embedded-opentype"), url("Gotham-BookItalic.woff2") format("woff2"), url("Gotham-BookItalic.woff") format("woff"), url("Gotham-BookItalic.ttf") format("truetype"), url("Gotham-BookItalic.svg#Gotham-BookItalic") format("svg");
    font-weight: normal;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url("Gotham-XLightItalic.eot");
    src: url("Gotham-XLightItalic.eot?#iefix") format("embedded-opentype"), url("Gotham-XLightItalic.woff2") format("woff2"), url("Gotham-XLightItalic.woff") format("woff"), url("Gotham-XLightItalic.ttf") format("truetype"), url("Gotham-XLightItalic.svg#Gotham-XLightItalic") format("svg");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url("Gotham-ThinItalic.eot");
    src: url("Gotham-ThinItalic.eot?#iefix") format("embedded-opentype"), url("Gotham-ThinItalic.woff2") format("woff2"), url("Gotham-ThinItalic.woff") format("woff"), url("Gotham-ThinItalic.ttf") format("truetype"), url("Gotham-ThinItalic.svg#Gotham-ThinItalic") format("svg");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url("Gotham-UltraItalic.eot");
    src: url("Gotham-UltraItalic.eot?#iefix") format("embedded-opentype"), url("Gotham-UltraItalic.woff2") format("woff2"), url("Gotham-UltraItalic.woff") format("woff"), url("Gotham-UltraItalic.ttf") format("truetype"), url("Gotham-UltraItalic.svg#Gotham-UltraItalic") format("svg");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url("Gotham-BookItalic_1.eot");
    src: url("Gotham-BookItalic_1.eot?#iefix") format("embedded-opentype"), url("Gotham-BookItalic_1.woff2") format("woff2"), url("Gotham-BookItalic_1.woff") format("woff"), url("Gotham-BookItalic_1.ttf") format("truetype"), url("Gotham-BookItalic_1.svg#Gotham-BookItalic") format("svg");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url("Gotham-Black.eot");
    src: url("Gotham-Black.eot?#iefix") format("embedded-opentype"), url("Gotham-Black.woff2") format("woff2"), url("Gotham-Black.woff") format("woff"), url("Gotham-Black.ttf") format("truetype"), url("Gotham-Black.svg#Gotham-Black") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url("Gotham-XLight.eot");
    src: url("Gotham-XLight.eot?#iefix") format("embedded-opentype"), url("Gotham-XLight.woff2") format("woff2"), url("Gotham-XLight.woff") format("woff"), url("Gotham-XLight.ttf") format("truetype"), url("Gotham-XLight.svg#Gotham-XLight") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url("Gotham-Bold_1.eot");
    src: url("Gotham-Bold_1.eot?#iefix") format("embedded-opentype"), url("Gotham-Bold_1.woff2") format("woff2"), url("Gotham-Bold_1.woff") format("woff"), url("Gotham-Bold_1.ttf") format("truetype"), url("Gotham-Bold_1.svg#Gotham-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url("Gotham-Thin.eot");
    src: url("Gotham-Thin.eot?#iefix") format("embedded-opentype"), url("Gotham-Thin.woff2") format("woff2"), url("Gotham-Thin.woff") format("woff"), url("Gotham-Thin.ttf") format("truetype"), url("Gotham-Thin.svg#Gotham-Thin") format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Gotham";
    src: url("Gotham-Light_1.eot");
    src: url("Gotham-Light_1.eot?#iefix") format("embedded-opentype"), url("Gotham-Light_1.woff2") format("woff2"), url("Gotham-Light_1.woff") format("woff"), url("Gotham-Light_1.ttf") format("truetype"), url("Gotham-Light_1.svg#Gotham-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Sarabun";
    src: url("Sarabun-BoldItalic.eot");
    src: url("Sarabun-BoldItalic.eot?#iefix") format("embedded-opentype"), url("Sarabun-BoldItalic.woff2") format("woff2"), url("Sarabun-BoldItalic.woff") format("woff"), url("Sarabun-BoldItalic.ttf") format("truetype"), url("Sarabun-BoldItalic.svg#Sarabun-BoldItalic") format("svg");
    font-weight: bold;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Sarabun";
    src: url("Sarabun-Bold.eot");
    src: url("Sarabun-Bold.eot?#iefix") format("embedded-opentype"), url("Sarabun-Bold.woff2") format("woff2"), url("Sarabun-Bold.woff") format("woff"), url("Sarabun-Bold.ttf") format("truetype"), url("Sarabun-Bold.svg#Sarabun-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Sarabun";
    src: url("Sarabun-ExtraBold.eot");
    src: url("Sarabun-ExtraBold.eot?#iefix") format("embedded-opentype"), url("Sarabun-ExtraBold.woff2") format("woff2"), url("Sarabun-ExtraBold.woff") format("woff"), url("Sarabun-ExtraBold.ttf") format("truetype"), url("Sarabun-ExtraBold.svg#Sarabun-ExtraBold") format("svg");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Sarabun";
    src: url("Sarabun-ExtraLight.eot");
    src: url("Sarabun-ExtraLight.eot?#iefix") format("embedded-opentype"), url("Sarabun-ExtraLight.woff2") format("woff2"), url("Sarabun-ExtraLight.woff") format("woff"), url("Sarabun-ExtraLight.ttf") format("truetype"), url("Sarabun-ExtraLight.svg#Sarabun-ExtraLight") format("svg");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Sarabun";
    src: url("Sarabun-ExtraBoldItalic.eot");
    src: url("Sarabun-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("Sarabun-ExtraBoldItalic.woff2") format("woff2"), url("Sarabun-ExtraBoldItalic.woff") format("woff"), url("Sarabun-ExtraBoldItalic.ttf") format("truetype"), url("Sarabun-ExtraBoldItalic.svg#Sarabun-ExtraBoldItalic") format("svg");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Sarabun";
    src: url("Sarabun-ExtraLightItalic.eot");
    src: url("Sarabun-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("Sarabun-ExtraLightItalic.woff2") format("woff2"), url("Sarabun-ExtraLightItalic.woff") format("woff"), url("Sarabun-ExtraLightItalic.ttf") format("truetype"), url("Sarabun-ExtraLightItalic.svg#Sarabun-ExtraLightItalic") format("svg");
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Sarabun";
    src: url("Sarabun-Italic.eot");
    src: url("Sarabun-Italic.eot?#iefix") format("embedded-opentype"), url("Sarabun-Italic.woff2") format("woff2"), url("Sarabun-Italic.woff") format("woff"), url("Sarabun-Italic.ttf") format("truetype"), url("Sarabun-Italic.svg#Sarabun-Italic") format("svg");
    font-weight: normal;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Sarabun";
    src: url("Sarabun-Light.eot");
    src: url("Sarabun-Light.eot?#iefix") format("embedded-opentype"), url("Sarabun-Light.woff2") format("woff2"), url("Sarabun-Light.woff") format("woff"), url("Sarabun-Light.ttf") format("truetype"), url("Sarabun-Light.svg#Sarabun-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Sarabun";
    src: url("Sarabun-LightItalic.eot");
    src: url("Sarabun-LightItalic.eot?#iefix") format("embedded-opentype"), url("Sarabun-LightItalic.woff2") format("woff2"), url("Sarabun-LightItalic.woff") format("woff"), url("Sarabun-LightItalic.ttf") format("truetype"), url("Sarabun-LightItalic.svg#Sarabun-LightItalic") format("svg");
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Sarabun";
    src: url("Sarabun-Medium.eot");
    src: url("Sarabun-Medium.eot?#iefix") format("embedded-opentype"), url("Sarabun-Medium.woff2") format("woff2"), url("Sarabun-Medium.woff") format("woff"), url("Sarabun-Medium.ttf") format("truetype"), url("Sarabun-Medium.svg#Sarabun-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Sarabun";
    src: url("Sarabun-Regular.eot");
    src: url("Sarabun-Regular.eot?#iefix") format("embedded-opentype"), url("Sarabun-Regular.woff2") format("woff2"), url("Sarabun-Regular.woff") format("woff"), url("Sarabun-Regular.ttf") format("truetype"), url("Sarabun-Regular.svg#Sarabun-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Sarabun";
    src: url("Sarabun-MediumItalic.eot");
    src: url("Sarabun-MediumItalic.eot?#iefix") format("embedded-opentype"), url("Sarabun-MediumItalic.woff2") format("woff2"), url("Sarabun-MediumItalic.woff") format("woff"), url("Sarabun-MediumItalic.ttf") format("truetype"), url("Sarabun-MediumItalic.svg#Sarabun-MediumItalic") format("svg");
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Sarabun";
    src: url("Sarabun-SemiBold.eot");
    src: url("Sarabun-SemiBold.eot?#iefix") format("embedded-opentype"), url("Sarabun-SemiBold.woff2") format("woff2"), url("Sarabun-SemiBold.woff") format("woff"), url("Sarabun-SemiBold.ttf") format("truetype"), url("Sarabun-SemiBold.svg#Sarabun-SemiBold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Sarabun";
    src: url("Sarabun-SemiBoldItalic.eot");
    src: url("Sarabun-SemiBoldItalic.eot?#iefix") format("embedded-opentype"), url("Sarabun-SemiBoldItalic.woff2") format("woff2"), url("Sarabun-SemiBoldItalic.woff") format("woff"), url("Sarabun-SemiBoldItalic.ttf") format("truetype"), url("Sarabun-SemiBoldItalic.svg#Sarabun-SemiBoldItalic") format("svg");
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Sarabun";
    src: url("Sarabun-ThinItalic.eot");
    src: url("Sarabun-ThinItalic.eot?#iefix") format("embedded-opentype"), url("Sarabun-ThinItalic.woff2") format("woff2"), url("Sarabun-ThinItalic.woff") format("woff"), url("Sarabun-ThinItalic.ttf") format("truetype"), url("Sarabun-ThinItalic.svg#Sarabun-ThinItalic") format("svg");
    font-weight: 100;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: "Sarabun";
    src: url("Sarabun-Thin.eot");
    src: url("Sarabun-Thin.eot?#iefix") format("embedded-opentype"), url("Sarabun-Thin.woff2") format("woff2"), url("Sarabun-Thin.woff") format("woff"), url("Sarabun-Thin.ttf") format("truetype"), url("Sarabun-Thin.svg#Sarabun-Thin") format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Corinthia';
    src: url("Corinthia-Bold.eot");
    src: url("Corinthia-Bold.eot?#iefix") format("embedded-opentype"), url("Corinthia-Bold.woff2") format("woff2"), url("Corinthia-Bold.woff") format("woff"), url("Corinthia-Bold.ttf") format("truetype"), url("Corinthia-Bold.svg#Corinthia-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Corinthia';
    src: url("Corinthia-Regular.eot");
    src: url("Corinthia-Regular.eot?#iefix") format("embedded-opentype"), url("Corinthia-Regular.woff2") format("woff2"), url("Corinthia-Regular.woff") format("woff"), url("Corinthia-Regular.ttf") format("truetype"), url("Corinthia-Regular.svg#Corinthia-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'icomoon';
    src: url("icomoon.eot?fe1aux");
    src: url("icomoon.eot?fe1aux#iefix") format("embedded-opentype"), url("icomoon.ttf?fe1aux") format("truetype"), url("icomoon.woff?fe1aux") format("woff"), url("icomoon.svg?fe1aux#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-downloadd:before {
    content: "\e926"
}

.icon-homee:before {
    content: "\e927"
}

.icon-pdff:before {
    content: "\e928"
}

.icon-zoomm:before {
    content: "\e929"
}

.icon-Group-17347:before {
    content: "\e91d"
}

.icon-handicap:before {
    content: "\e91e"
}

.icon-konut:before {
    content: "\e91f"
}

.icon-old:before {
    content: "\e920"
}

.icon-other:before {
    content: "\e921"
}

.icon-share:before {
    content: "\e922"
}

.icon-sosyaldonati:before {
    content: "\e923"
}

.icon-turkey:before {
    content: "\e924"
}

.icon-young:before {
    content: "\e925"
}

.icon-arrow-down:before {
    content: "\e900"
}

.icon-arrow-left:before {
    content: "\e901"
}

.icon-arrow-right:before {
    content: "\e902"
}

.icon-arrow-up:before {
    content: "\e903"
}

.icon-arsa:before {
    content: "\e904"
}

.icon-calendar:before {
    content: "\e905"
}

.icon-close:before {
    content: "\e906"
}

.icon-cross:before {
    content: "\e907"
}

.icon-down:before {
    content: "\e908"
}

.icon-ev:before {
    content: "\e909"
}

.icon-go:before {
    content: "\e90a"
}

.icon-home:before {
    content: "\e90b"
}

.icon-ilk:before {
    content: "\e90c"
}

.icon-left:before {
    content: "\e90d"
}

.icon-link:before {
    content: "\e90e"
}

.icon-map:before {
    content: "\e90f"
}

.icon-menu:before {
    content: "\e910"
}

.icon-ofis:before {
    content: "\e911"
}

.icon-play:before {
    content: "\e912"
}

.icon-qr:before {
    content: "\e913"
}

.icon-right:before {
    content: "\e914"
}

.icon-sosyal:before {
    content: "\e915"
}

.icon-titledown:before {
    content: "\e916"
}

.icon-titleleft:before {
    content: "\e917"
}

.icon-titleright:before {
    content: "\e918"
}

.icon-titleup:before {
    content: "\e919"
}

.icon-touch:before {
    content: "\e91a"
}

.icon-twitter:before {
    content: "\e91b"
}

.icon-up:before {
    content: "\e91c"
}

.icon-files-empty:before {
    content: "\e931"
}

.icon-barcode:before {
    content: "\e937"
}

.icon-qrcode:before {
    content: "\e938"
}

.icon-map2:before {
    content: "\e94c"
}

.icon-mobile:before {
    content: "\e958"
}

.icon-undo:before {
    content: "\e965"
}

.icon-redo:before {
    content: "\e966"
}

.icon-spinner9:before {
    content: "\e982"
}

.icon-blocked:before {
    content: "\ea0e"
}

.icon-checkmark:before {
    content: "\ea10"
}

.icon-google-plus:before {
    content: "\ea8b"
}

.icon-flickr:before {
    content: "\eaa3"
}

.icon-appleinc:before {
    content: "\eabe"
}

.icon-android:before {
    content: "\eac0"
}

.icon-linkedin2:before {
    content: "\eaca"
}

/*!
 * Bootstrap Grid v4.4.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.tContainer {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .tContainer {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .tContainer {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .tContainer {
        max-width: 960px
    }
}

@media (min-width: 1280px) {
    .tContainer {
        max-width: 1170px
    }
}

@media (min-width: 1360px) {
    .tContainer {
        max-width: 1280px
    }
}

@media (min-width: 1440px) {
    .tContainer {
        max-width: 1380px
    }
}

@media (min-width: 1560px) {
    .tContainer {
        max-width: 1500px
    }
}

@media (min-width: 1920px) {
    .tContainer {
        max-width: 1560px
    }
}

.tContainer::after {
    clear: both;
    content: "";
    display: table
}

.tContainer-fluid,
.tContainer-sm,
.tContainer-md,
.tContainer-lg,
.tContainer-xl,
.tContainer-xlc,
.tContainer-xlc1,
.tContainer-xlc3,
.tContainer-xxl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .tContainer-sm {
        max-width: 540px
    }
}

@media (min-width: 768px) {

    .tContainer-sm,
    .tContainer-md {
        max-width: 720px
    }
}

@media (min-width: 992px) {

    .tContainer-sm,
    .tContainer-md,
    .tContainer-lg {
        max-width: 960px
    }
}

@media (min-width: 1280px) {

    .tContainer-sm,
    .tContainer-md,
    .tContainer-lg,
    .tContainer-xl {
        max-width: 1170px
    }
}

@media (min-width: 1360px) {

    .tContainer-sm,
    .tContainer-md,
    .tContainer-lg,
    .tContainer-xl,
    .tContainer-xlc {
        max-width: 1280px
    }
}

@media (min-width: 1440px) {

    .tContainer-sm,
    .tContainer-md,
    .tContainer-lg,
    .tContainer-xl,
    .tContainer-xlc,
    .tContainer-xlc1 {
        max-width: 1380px
    }
}

@media (min-width: 1560px) {

    .tContainer-sm,
    .tContainer-md,
    .tContainer-lg,
    .tContainer-xl,
    .tContainer-xlc,
    .tContainer-xlc1,
    .tContainer-xlc3 {
        max-width: 1500px
    }
}

@media (min-width: 1920px) {

    .tContainer-sm,
    .tContainer-md,
    .tContainer-lg,
    .tContainer-xl,
    .tContainer-xlc,
    .tContainer-xlc1,
    .tContainer-xlc3,
    .tContainer-xxl {
        max-width: 1560px
    }
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 15px;
    padding-left: 15px
}

.no-padding {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.no-padding>.col,
.no-padding>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.test-class {
    max-width: 1560px
}

@media (min-width: 1200px) {

    .col-lg-20,
    .col-md-20,
    .col-sm-20 {
        position: relative;
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 1199.98px) {
    .col-lg-20 {
        float: left
    }

    .col-lg-20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width: 992px) {
    .col-md-20 {
        float: left
    }

    .col-md-20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

@media (min-width: 768px) {
    .col-sm-20 {
        float: left
    }

    .col-sm-20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

html {
    overflow: visible;
    scroll-behavior: smooth
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Gotham, sans-serif, sans-serif;
    background-attachment: fixed;
    padding: 0;
    margin: 0;
    height: 100% !important;
    overflow-x: hidden
}

body.compensate-for-scrollbar {
    overflow: auto !important
}

.compensate-for-scrollbar {
    margin-right: 0 !important
}

.main-wrapper {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh
}

.main-wrapper .main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow-x: hidden;
    overflow-y: hidden
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

p {
    margin: 0
}

a,
a:focus,
a:hover,
button,
textarea,
input {
    outline: none !important;
    text-decoration: none !important
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
    display: none
}

textarea {
    resize: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0
}

.hContainer {
    height: 100vh
}

.tableDiv {
    display: table;
    height: 100%
}

.tableDiv .tableCellDiv {
    display: table-cell;
    vertical-align: middle
}

::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: #d9000d
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}

.mh-100 {
    height: 100% !important
}

@media (max-width: 63.9375em) {
    .mh-100 {
        height: auto !important
    }
}

.m-h-100 {
    height: 100% !important
}

@media (max-width: 39.9375em) {
    .m-h-100 {
        height: 85% !important
    }
}

.share-dialog {
    position: fixed;
    display: none;
    width: 95%;
    max-width: 500px;
    -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    z-index: -1;
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 4px;
    background-color: #fff;
    z-index: 9999;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 99999;
    top: 20%
}

.share-dialog.is-open {
    display: block
}

.share-dialog .dialog-title {
    font-family: Sarabun, sans-serif;
    font-size: 1.5625rem;
    font-size: clamp(1.375rem, 2vw, 1.5625rem);
    font-weight: bold;
    font-style: normal;
    color: #000
}

.share-dialog .close-button-dialog {
    background-color: transparent;
    border: none;
    padding: 0
}

.share-dialog .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    border-radius: 4px;
    background-color: #eee
}

.share-dialog .pen-url {
    margin-right: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.share-dialog header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

.share-dialog .targets {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr
}

.share-dialog .copy-link {
    font-family: Gotham, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: bold;
    font-style: normal;
    color: #fff;
    background-color: #3959A5
}

.btn_1 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    border-radius: 27.5px;
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: normal;
    font-style: normal;
    color: #fff
}

.btn_1 img {
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: contain;
    object-fit: contain;
    min-width: 30px;
    max-width: 30px
}

.btn_1.beOverlay {
    max-width: 200px;
    padding: 0.5rem 0;
    border: 1px solid white;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(50%, rgba(204, 204, 204, 0.2)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, rgba(204, 204, 204, 0.2) 50%);
    background-position: right bottom;
    background-repeat: no-repeat;
    font-size: 16px !important;
    -webkit-transition: background-position .3s ease-in-out;
    transition: background-position .3s ease-in-out;
    background-size: 200% 100%
}

.btn_1.beRed {
    max-width: 240px;
    max-height: 50px;
    padding: 0.5rem 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #c0000b), color-stop(50%, #d9000d));
    background: linear-gradient(to right, #c0000b 50%, #d9000d 50%);
    background-repeat: no-repeat;
    background-position: right bottom;
    -webkit-transition: background-position .3s ease-in-out;
    transition: background-position .3s ease-in-out;
    background-size: 200% 100%
}

.btn_1.beBlue {
    max-width: 215px;
    padding: 0.5rem 0;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #05284d), color-stop(50%, #073465));
    background: linear-gradient(to right, #05284d 50%, #073465 50%);
    background-repeat: no-repeat;
    background-position: right bottom;
    -webkit-transition: background-position .3s ease-in-out;
    transition: background-position .3s ease-in-out;
    background-size: 200% 100%
}

.btn_1 i {
    font-size: 15px;
    color: white;
    padding-left: 0.5rem;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.btn_1:hover {
    background-position: left bottom;
    color: white
}

.btn_1:hover i {
    -webkit-transform: translateX(5px) translateY(-5px);
    transform: translateX(5px) translateY(-5px)
}

.row.row-eq-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60vh
}

@media (max-width: 63.9375em) {
    .row.row-eq-height {
        height: auto
    }
}

.no-over {
    overflow: hidden
}

.well {
    z-index: 3;
    border: 0px;
    position: relative;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    max-width: none;
    position: relative
}

.well::before {
    right: -999em;
    background-color: #f8f8f8;
    content: "";
    display: block;
    position: absolute;
    width: 999em;
    top: 0;
    bottom: 0;
    z-index: 2;
    height: 70vh
}

.form-row>.col,
.form-row>[class*="col-"] {
    padding: 0 10px
}

.form-group.has-error {
    border: 1px solid #eee
}

.form-group.has-error label {
    color: #eee !important
}

.form-group textarea {
    display: block;
    width: 100%;
    padding-top: 20px;
    border: 1px solid #c4c4c4
}

label {
    margin: 1rem 0 0
}

label.error {
    position: absolute;
    bottom: -10px;
    margin: auto;
    -webkit-animation: fadeInUp 0.6s;
    animation: fadeInUp 0.6s;
    color: #d9000d !important;
    font-size: 11px !important;
    padding: 10px;
    -webkit-animation: fadeInUp 1s ease;
    animation: fadeInUp 1s ease;
    z-index: 2
}

.form-control.error {
    border-bottom: 1px solid #d9000d !important
}

.selectable {
    position: relative;
    width: 100%;
    display: -ms-grid;
    display: grid
}

.select2-container {
    width: 100% !important
}

.justify-end .countDown__cont {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    justify-content: flex-end
}

.countDown__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.countDown__cont .countDown__interval_cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: auto
}

.countDown__cont .countDown__digit_cont {
    position: relative
}

.countDown__cont .countDown__digit_new_rotate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 26px;
    overflow: hidden
}

.countDown__cont .countDown__digit_last_placeholder,
.countDown__cont .countDown__digit_new_placeholder,
.countDown__cont .countDown__digit_last_rotate {
    display: none
}

.countDown__cont .countDown__interval_basic_cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: white;
    margin-right: 10px;
    padding: 10px;
    border-radius: 4px;
    border: 3px solid rgba(7, 52, 101, 0.1)
}

@media (max-width: 39.9375em) {
    .countDown__cont .countDown__interval_basic_cont {
        padding: 4px
    }
}

.countDown__cont .countDown__digit_new_rotated_inner {
    border-radius: 5px;
    line-height: 32px;
    font-family: Gotham, sans-serif;
    font-size: 2.5rem;
    font-size: clamp(1.625rem, 3vw, 2.5rem);
    font-weight: bold;
    font-style: normal;
    color: #073465
}

.countDown__cont .countDown__interval_basic_cont_description {
    top: 4px;
    position: relative;
    margin: 0 8px 0px 6px;
    color: black
}

.st {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 50px;
    background-color: #d9000d;
    z-index: 4;
    overflow: hidden
}

@media (max-width: 63.9375em) {
    .st {
        right: auto;
        left: 0;
        width: 100%;
        height: 50px;
        top: auto;
        bottom: 0
    }
}

.st::after {
    content: "";
    position: absolute;
    background-color: #d9000d;
    opacity: 0.5;
    right: 10px;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 50px;
    z-index: -1
}

.st .marquee-special {
    font-family: Gotham, sans-serif;
    font-size: 1.375rem;
    font-size: clamp(1.125rem, 2vw, 1.375rem);
    font-weight: bold;
    font-style: normal;
    color: #fff;
    height: 60px;
    line-height: 50px;
    position: absolute;
    z-index: 4;
    right: 0
}

@media (max-width: 63.9375em) {
    .st .marquee-special {
        line-height: 70px
    }
}

.st .marquee-special.right {
    width: calc(100vh - 30px);
    right: calc(-50vh + 32px);
    top: calc(50vh + 10px);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

@media (max-width: 63.9375em) {
    .st .marquee-special.right {
        width: calc(100vw - 30px);
        bottom: 3px;
        left: 0;
        right: auto;
        top: auto;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.st .marquee-special .simple-marquee-container {
    width: 100%;
    overflow: hidden
}

.st .marquee-special .simple-marquee-container .marquee,
.st .marquee-special .simple-marquee-container *[class^="marquee"] {
    white-space: nowrap;
    position: absolute
}

.st .marquee-special .simple-marquee-container .marquee {
    margin-left: 25%
}

.st .marquee-special .simple-marquee-container .marquee-content-items {
    position: relative
}

.st .marquee-special .simple-marquee-container .marquee-content-items li {
    display: inline-block
}

.banner {
    position: relative;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

.banner::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1
}

.banner .banner-wrapper {
    min-height: 500px;
    background-color: black;
    height: 100%;
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.banner__outer-fixed {
    position: absolute;
    width: 100%;
    bottom: 0;
    overflow: hidden
}

.banner__wrapper {
    position: relative;
    z-index: 9;
    padding: 1rem;
    overflow: hidden
}

.banner__wrapper.beBlue .banner__detay {
    background-color: #3959A5
}

.banner__wrapper.beBlue:hover .banner__detay {
    background-color: #324f92
}

.banner__wrapper.beDarkBlue .banner__detay {
    background-color: #073465
}

.banner__wrapper.beDarkBlue:hover .banner__detay {
    background-color: #05284d
}

.banner__wrapper.bePurple .banner__detay {
    background-color: #4A39A5
}

.banner__wrapper.bePurple:hover .banner__detay {
    background-color: #423292
}

.banner__wrapper.beAqua .banner__detay {
    background-color: #00A7A1
}

.banner__wrapper.beAqua:hover .banner__detay {
    background-color: #008e88
}

.banner__wrapper.beGreen .banner__detay {
    background-color: #038555
}

.banner__wrapper.beGreen:hover .banner__detay {
    background-color: #026c45
}

.banner__wrapper img {
    position: relative;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(0) translateY(50%);
    transform: translateX(0) translateY(50%);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    z-index: -1
}

.banner__wrapper:hover .banner__detay i.icon-right {
    -webkit-transform: translateX(20%) translateY(0);
    transform: translateX(20%) translateY(0)
}

.banner__wrapper:hover img {
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    visibility: visible
}

.banner__wrapper .banner__detay {
    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;
    border-radius: 5px;
    padding: 1rem 0.5rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.banner__wrapper .banner__detay i {
    color: white;
    font-size: 50px;
    margin-right: 0.5rem
}

.banner__wrapper .banner__detay i.icon-right {
    font-size: 12px;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.banner__wrapper .banner__detay i.icon-turkey {
    font-size: 40px
}

.banner__wrapper .banner__detay i.icon-other {
    font-size: 40px
}

@media (max-width: 63.9375em) {
    .banner__wrapper .banner__detay {
        min-height: 85px;
        max-height: 85px
    }
}

.banner__wrapper .banner__detay .text-desc h3 {
    font-family: Sarabun, sans-serif;
    font-size: 1rem;
    font-size: clamp(.875rem, 1vw, 1rem);
    font-weight: 900;
    font-style: normal;
    color: #fff;
    white-space: pre
}

.banner__wrapper .banner__detay .text-desc p {
    line-height: 1;
    font-family: Sarabun, sans-serif;
    font-size: 1.125rem;
    font-size: clamp(1rem, 1vw, 1.125rem);
    font-weight: 500;
    font-style: normal;
    color: #fff
}

.banner__wrapper .banner__detay .text-desc p span {
    font-weight: bold;
    font-family: Sarabun, sans-serif;
    font-size: 2.5rem;
    font-size: clamp(1.25rem, 2vw, 2.5rem);
    font-weight: bold;
    font-style: normal;
    color: #fff
}

.slider-section {
    position: relative;
    width: 100%;
    height: 100%
}

.slider-section .slider-wrapper {
    position: relative;
    height: 100%;
    min-height: 350px;
    height: 100vh
}

.slider-section .slider-wrapper .basvuru-d {
    position: absolute;
    top: 85%;
    right: calc(70% / 10)
}

@media (max-width: 39.9375em) {
    .slider-section .slider-wrapper .basvuru-d {
        bottom: 0;
        right: auto;
        width: 100%;
        top: auto !important
    }
}

.slider-section .slider-wrapper .basvuru-d .backWrapper {
    background: #fbfbfb;
    padding: 10px;
    border-radius: 5px
}

@media (max-width: 39.9375em) {
    .slider-section .slider-wrapper .basvuru-d .backWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 0
    }
}

.slider-section .slider-wrapper .basvuru-d .backWrapper .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slider-section .slider-wrapper .basvuru-d .backWrapper .title i {
    color: #042548;
    font-size: 20px;
    margin-right: 12px
}

.slider-section .slider-wrapper .basvuru-d .backWrapper .title p {
    font-family: Gotham, sans-serif;
    font-size: 1rem;
    font-size: clamp(1rem, 1vw, 1rem);
    font-weight: bold;
    font-style: normal;
    color: #042548
}

@media (max-width: 39.9375em) {
    .slider-section .slider-wrapper .basvuru-d .backWrapper .desc {
        margin-left: 10px
    }
}

.slider-section .slider-wrapper .basvuru-d .backWrapper .desc span {
    font-family: Gotham, sans-serif;
    font-size: 1.375rem;
    font-size: clamp(1rem, 1vw, 1.375rem);
    font-weight: bold;
    font-style: normal;
    color: #042548
}

.slider-section .slider-wrapper .slider-button-wrapper {
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left: 90%;
    top: 58vh
}

.slider-section .slider-wrapper .slider-button-wrapper .sliderCounter {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 1rem 0
}

.slider-section .slider-wrapper .slider-button-wrapper .sliderCounter .current {
    font-family: Sarabun, sans-serif;
    font-size: 1.625rem;
    font-size: clamp(1.375rem, 2vw, 1.625rem);
    font-weight: 300;
    font-style: normal;
    color: #fff
}

.slider-section .slider-wrapper .slider-button-wrapper .sliderCounter .total {
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: 300;
    font-style: normal;
    color: #fff
}

.slider-section .slider-wrapper .slider-button-wrapper ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slider-section .slider-wrapper .slider-button-wrapper ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slider-section .slider-wrapper .slider-button-wrapper ul li:not(:last-child)::after {
    margin: 0 20px;
    content: "";
    position: relative;
    height: 30px;
    width: 2px;
    background-color: rgba(255, 255, 255, 0.5);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slider-section .slider-wrapper .slider-button-wrapper ul li a i {
    color: white;
    font-size: 20px
}

.slider-section .slider-wrapper .slider-button-wrapper ul li a.left {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.slider-section .slider-wrapper .slider-button-wrapper ul li a.right {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.slider-section .slider-wrapper .slider-button-wrapper ul li:hover a.left {
    -webkit-transform: translateX(-10px) translateY(0);
    transform: translateX(-10px) translateY(0)
}

.slider-section .slider-wrapper .slider-button-wrapper ul li:hover a.right {
    -webkit-transform: translateX(10px) translateY(0);
    transform: translateX(10px) translateY(0)
}

.slider-section .slider-wrapper .slick-dots {
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    left: 90%
}

.slider-section .slider-wrapper .slick-dots li {
    position: relative;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    background-color: rgba(255, 255, 255, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 0;
    border-radius: 50%;
    -webkit-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out
}

.slider-section .slider-wrapper .slick-dots li::after {
    content: "";
    border-radius: 50%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.slider-section .slider-wrapper .slick-dots li:not(:last-child) {
    margin-bottom: 1rem
}

.slider-section .slider-wrapper .slick-dots li button {
    display: none
}

.slider-section .slider-wrapper .slick-dots li.slick-active {
    background-color: white
}

.slider-section .slider-wrapper .slick-dots li.slick-active::after {
    content: "";
    position: absolute;
    border: 1px solid white;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    inset: 0;
    margin: auto;
    left: -4px
}

.slider-section .slider-wrapper .slick-dots li:hover {
    background-color: white
}

.slider-section .slider-wrapper .slick-dots li:hover::after {
    content: "";
    position: absolute;
    border: 1px solid white;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    inset: 0;
    margin: auto;
    left: -20%
}

.slider-section .slider-wrapper .slick-dots li.slick-active button::before {
    content: "";
    width: 30px;
    height: 6px;
    background-color: #3959A5;
    position: absolute;
    bottom: -10px;
    left: -10px
}

.slider-section .slider-wrapper .animateme::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    bottom: 0;
    content: "";
    overflow: hidden;
    background: linear-gradient(132deg, #000 10%, rgba(0, 0, 0, 0.41) 45%, #978d8d00 100%), linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 20%);
    opacity: 60%
}

.slider-section .slider-wrapper .animateme.blueoverlay::before {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 63, 143, 0.25)), to(#04152a));
    background: linear-gradient(rgba(0, 63, 143, 0.25) 0%, #04152a 100%);
    opacity: 0.8
}

.slider-section .slider-wrapper .vertical-wrapper {
    position: absolute;
    right: 50px;
    bottom: 40px;
    z-index: 3
}

@media (max-width: 63.9375em) {
    .slider-section .slider-wrapper .vertical-wrapper {
        bottom: 0;
        right: 20px
    }
}

.slider-section .slider-wrapper .vertical-wrapper .vertical-text {
    position: relative;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 63.9375em) {
    .slider-section .slider-wrapper .vertical-wrapper .vertical-text {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb
    }
}

.slider-section .slider-wrapper .vertical-wrapper .vertical-text p {
    font-family: Gotham, sans-serif;
    font-size: 1.5rem;
    font-size: clamp(1.125rem, 1vw, 1.5rem);
    font-weight: normal;
    font-style: normal;
    color: #fff
}

.slider-section .slider-wrapper .vertical-wrapper .vertical-text .vertical-line {
    width: 1px;
    height: 65px;
    background-color: white;
    margin: 13px 0
}

@media (max-width: 63.9375em) {
    .slider-section .slider-wrapper .vertical-wrapper .vertical-text .vertical-line {
        width: 65px;
        height: 1px;
        margin: 13px 13px
    }
}

.slider-section .slider-wrapper .vertical-wrapper .vertical-text a {
    color: white
}

@media (max-width: 63.9375em) {
    .slider-section .slider-wrapper .vertical-wrapper .vertical-text a {
        margin-right: 12px
    }
}

.slider-section .slider-wrapper .vertical-wrapper .vertical-text a i {
    color: white;
    font-size: 20px;
    -webkit-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out
}

.slider-section .slider-wrapper .vertical-wrapper .vertical-text a:hover i {
    color: #003f8f
}

.slider-section .slider-wrapper .custom-element {
    width: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.slider-section .slider-wrapper .vc-parent {
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 3;
    display: table
}

.slider-section .slider-wrapper .vc-parent .vc-child {
    display: table-cell;
    vertical-align: middle
}

.slider-section .slider-wrapper .vc-parent .vc-child .top-banner {
    position: relative
}

.slider-section .slider-wrapper .vc-parent .vc-child .top-banner .slider-title {
    position: relative;
    z-index: 2
}

.slider-section .slider-wrapper .vc-parent .vc-child .top-banner .slider-title .withBackground {
    position: relative;
    border-radius: 4px;
    padding: 0.5rem;
    z-index: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slider-section .slider-wrapper .vc-parent .vc-child .top-banner .slider-title .withBackground::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("../../assets/img/arkaplan.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    z-index: -1
}

.slider-section .slider-wrapper .vc-parent .vc-child .top-banner .slider-title .withBackground span {
    font-family: Gotham, sans-serif;
    font-size: 2.1875rem;
    font-size: clamp(1.25rem, 2vw, 2.1875rem);
    font-weight: bold;
    font-style: normal;
    color: #fff;
    z-index: 1
}

.slider-section .slider-wrapper .vc-parent .vc-child .top-banner .slider-title .withBackground span.fontReview {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Corinthia;
    font-size: 4.0625rem;
    font-size: clamp(1.875rem, 3vw, 4.0625rem);
    font-weight: bold;
    font-style: normal;
    color: #fff;
    padding-left: 1rem;
    -webkit-transform: translate(0, 30%) rotate(-8deg);
    transform: translate(0, 30%) rotate(-8deg)
}

.slider-section .slider-wrapper .vc-parent .vc-child .top-banner .slider-title .big {
    font-family: Gotham, sans-serif;
    font-size: 5.6875rem;
    font-size: clamp(2.625rem, 4vw, 2.8rem);
    font-weight: bold;
    font-style: normal;
    color: #D8C477;
    text-shadow: 2px 3px 2px #82712F;
    line-height: 1
}

.slider-section .slider-wrapper .vc-parent .vc-child .top-banner .slider-title i {
    font-size: 25px;
    color: white
}

.slider-section .slider-wrapper .vc-parent .vc-child .top-banner .slider-title .show {
    opacity: 1
}

.slider-section .slider-wrapper .vc-parent .vc-child .top-banner .slider-title p {
    font-family: Sarabun, sans-serif;
    font-size: 2.1875rem;
    font-size: clamp(1.25rem, 3vw, 2.1875rem);
    font-weight: bold;
    font-style: normal;
    color: #fff
}

.slider-section .slider-wrapper .vc-parent .vc-child .top-banner .slider-title p.desc {
    position: relative;
    width: 70%;
    font-family: Sarabun, sans-serif;
    font-size: 1.5625rem;
    font-size: clamp(1rem, 1vw, 1.5625rem);
    font-weight: normal;
    font-style: normal;
    color: #fff
}

@media (max-width: 63.9375em) {
    .slider-section .slider-wrapper .vc-parent .vc-child .top-banner .slider-title p.desc {
        width: 80%
    }
}

.slider-section .slider-wrapper .vc-parent .vc-child .top-banner .slider-title p.desc img {
    position: absolute;
    bottom: -30px;
    right: -10%;
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 200px
}

@media (max-width: 63.9375em) {
    .slider-section .slider-wrapper .vc-parent .vc-child .top-banner .slider-title p.desc img {
        width: 150px
    }
}

.slider-section .slider-wrapper .vc-parent .vc-child .top-banner .slider-title .heading {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2rem 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 60%
}

.slider-section .slider-wrapper .vc-parent .vc-child .top-banner .slider-title .heading .heading-icon {
    color: red;
    font-size: 120px;
    position: absolute;
    top: 0;
    left: -40px
}

.slider-section .slider-wrapper .vc-parent .vc-child .top-banner .slider-title .heading img {
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.slider-section .slider-wrapper .vc-parent .vc-child .top-banner .slider-title .subheading {
    margin: 20px 0;
    padding: 0 100px 0 0;
    font-family: Gotham, sans-serif;
    font-size: 1.1875rem;
    font-size: clamp(1.125rem, 1vw, 1.1875rem);
    font-weight: 300;
    font-style: normal;
    color: #fff
}

@media (max-width: 63.9375em) {
    .slider-section .slider-wrapper .vc-parent .vc-child .top-banner .slider-title .subheading {
        padding: 0;
        margin: 5px 0
    }
}

.slider-section .slider-wrapper .vc-parent .vc-child .top-banner .sliderAbsolute {
    position: absolute;
    right: 0;
    z-index: 2;
    max-width: 50vw;
    height: 100%;
    top: 10%
}

.heading-icon {
    color: red;
    font-size: 120px;
    position: absolute;
    top: -6px;
    left: -40px
}

@media (max-width: 63.9375em) {
    .heading-icon {
        font-size: 60px !important;
        left: -20px !important
    }
}

.heading-icon.subtitle {
    font-size: 50px;
    left: -20px
}

.bxShadow {
    -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px
}

.bxImageShadow {
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px
}

.section-no-oveflow {
    overflow: hidden;
    contain: content
}

.video-filter {
    position: relative;
    z-index: 9;
    display: -webkit-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 63.9375em) {
    .video-filter {
        padding: 0
    }
}

.video-filter.beAbsolute {
    position: absolute;
    inset: 0;
    margin: auto
}

.video-filter a,
.video-filter span {
    position: relative;
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 50%;
    background-color: #3959A5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out
}

@media (max-width: 63.9375em) {

    .video-filter a,
    .video-filter span {
        width: 60px;
        height: 60px
    }
}

.video-filter a::before,
.video-filter span::before {
    content: "";
    color: red;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #3959A5;
    border-radius: 50%;
    -webkit-animation: pulseBorder 1500ms ease-out infinite;
    animation: pulseBorder 1500ms ease-out infinite;
    z-index: -2
}

.video-filter a i,
.video-filter span i {
    color: white;
    font-size: 20px;
    padding-left: 6px;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out;
    -webkit-transition: transform .4s ease-in-out;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.video-filter a p,
.video-filter span p {
    position: absolute;
    width: 100%;
    font-family: Gotham, sans-serif;
    font-size: 1.125rem;
    font-size: clamp(1.125rem, 1vw, 1.125rem);
    font-weight: bold;
    font-style: normal;
    color: #fff;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out;
    -webkit-transition: transform .4s ease-in-out;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
    left: 0%;
    top: 150%;
    text-align: center;
    padding: 0 !important;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    white-space: pre
}

.video-filter a p+p,
.video-filter span p+p {
    margin-top: 1.5rem
}

.video-filter a .title,
.video-filter span .title {
    margin-bottom: 2rem
}

.video-filter a .title,
.video-filter a .desc,
.video-filter span .title,
.video-filter span .desc {
    padding-left: 3rem;
    color: black
}

.video-filter:hover a {
    background-color: #324f92
}

.video-filter.beRed a,
.video-filter.beRed span {
    background-color: #d9000d
}

.video-filter.beRed a::before,
.video-filter.beRed span::before {
    background: #d9000d
}

.video-filter.beRed a:hover,
.video-filter.beRed span:hover {
    background-color: #c0000b
}

.header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.header.withSticky {
    position: -webkit-sticky;
    position: sticky;
    background-color: #fff;
    -webkit-box-shadow: 0px -2px 9px 0px rgba(100, 100, 111, 0.5);
    -ms-box-shadow: 0px -2px 9px 0px rgba(100, 100, 111, 0.5);
    -o-box-shadow: 0px -2px 9px 0px rgba(100, 100, 111, 0.5);
    box-shadow: 0px -2px 9px 0px rgba(100, 100, 111, 0.5)
}

.header.withSticky .header__link a {
    color: black
}

.header.withSticky .header__link>.menuLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header.withSticky .header__link>.menuLinks>li {
    position: relative;
    padding: 2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header.withSticky .header__link>.menuLinks>li:nth-child(-n+6) {
    margin-right: 1.5rem
}

.header.withSticky .header__link>.menuLinks>li:nth-child(-n+6) a::after {
    position: absolute;
    content: "";
    top: 70%;
    left: 0;
    width: 100%;
    height: 1px;
    background: black;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s
}

.header.withSticky .header__link>.menuLinks>li .mobile-wrapper {
    top: 0
}

.header.withSticky .header__link>.menuLinks>li .mobile-wrapper .menuButton {
    top: auto
}

.header.withSticky .header__link>.menuLinks>li:hover a::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left
}

.header.withSticky .header__link>.menuLinks>li a {
    color: black
}

.header.withSticky .header__link>.menuLinks>li a i {
    color: black;
    font-size: 20px
}

.header.withSticky .header__link>.menuLinks>li .white {
    display: none
}

.header.withSticky .header__link>.menuLinks>li .black {
    display: block
}

.header.withSticky .white {
    display: none;
    width: 100px
}

@media (max-width: 63.9375em) {
    .header.withSticky .white {
        width: 80px
    }
}

.header.withSticky .black {
    display: block;
    width: 100px
}

@media (max-width: 39.9375em) {
    .header.withSticky .black {
        width: 80px
    }
}

.header.withSticky .mobile-wrapper span i {
    color: black
}

.header__logo_twice {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 63.9375em) {
    .header__logo_twice {
        width: 100%
    }
}

.header__logo_twice a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0.5rem
}

.header__logo_twice a:not(:last-child)::after {
    content: "";
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 100px;
    width: 1px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 0 0.5rem;
    background-color: rgba(7, 52, 101, 0.1)
}

@media (max-width: 39.9375em) {
    .header__logo_twice a:not(:last-child)::after {
        padding: 1px
    }
}

.header__logo_twice a img {
    max-width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 107px
}

.header__logo {
    position: relative;
    background-color: #fbfbfb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__logo .logo-wrapper {
    padding: 0.2rem 0.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.header__logo a.bkRed {
    background-color: #b9000b
}

.header__logo a.bkRed img {
    width: 99px
}

.header__logo a .toki {
    width: 105px
}

@media (max-width: 39.9375em) {
    .header__logo a .toki {
        width: 90px
    }
}

.header__logo a img {
    max-width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 180px;
    padding: 5px
}

@media (max-width: 39.9375em) {
    .header__logo a img {
        width: 180px
    }
}

.header__link {
    position: relative
}

.header__link .header_box_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;
    padding: 0.1rem 1rem;
    width: 100%;
    min-width: 130px;
    height: 65px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25)
}

@media (max-width: 63.9375em) {
    .header__link .header_box_wrapper {
        min-width: 182px;
        height: 55px;
        width: 70%;
        margin-right: 2rem
    }
}

@media (max-width: 39.9375em) {
    .header__link .header_box_wrapper {
        border-radius: 0;
        height: 25px;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.header__link .header_box_wrapper:not(:last-child) {
    margin-right: 1rem
}

@media (max-width: 63.9375em) {
    .header__link .header_box_wrapper:not(:last-child) {
        margin-bottom: 0.5rem
    }
}

.header__link .header_box_wrapper.beGreen {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #006d31), color-stop(50%, #00863c));
    background: linear-gradient(to right, #006d31 50%, #00863c 50%);
    background-position: right bottom;
    -webkit-transition: background-position .3s ease-in-out;
    transition: background-position .3s ease-in-out;
    background-size: 200% 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.header__link .header_box_wrapper .desc {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 63.9375em) {
    .header__link .header_box_wrapper .desc {
        height: 100%
    }
}

.header__link .header_box_wrapper .desc span {
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1rem, 1vw, 1.25rem);
    font-weight: bold;
    font-style: normal;
    color: #fff;
    white-space: pre;
    padding-right: 1rem
}

@media (max-width: 39.9375em) {
    .header__link .header_box_wrapper .desc span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.header__link .header_box_wrapper .desc p {
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1rem, 1vw, 1.25rem);
    font-weight: normal;
    font-style: normal;
    color: #fff
}

.header__link .header_box_wrapper i {
    color: white !important;
    font-size: 15px;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -webkit-transition: transform .4s ease-in-out;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

@media (max-width: 63.9375em) {
    .header__link .header_box_wrapper i {
        font-size: 15px
    }
}

.header__link .header_box_wrapper:hover {
    background-position: left bottom;
    color: white
}

.header__link .header_box_wrapper:hover i {
    -webkit-transform: translateX(0) translateY(-10px);
    transform: translateX(0) translateY(-10px)
}

.header__link>.menuLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__link>.menuLinks>li {
    position: relative;
    padding: 2rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__link>.menuLinks>li:nth-child(-n+6) {
    margin-right: 1.5rem
}

.header__link>.menuLinks>li:nth-child(-n+6) a::after {
    position: absolute;
    content: "";
    top: 70%;
    left: 0;
    width: 100%;
    height: 1px;
    background: white;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform 0.5s;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s
}

.header__link>.menuLinks>li .mobile-wrapper {
    top: 0
}

.header__link>.menuLinks>li .mobile-wrapper .menuButton {
    top: auto
}

.header__link>.menuLinks>li:hover a::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left
}

.header__link>.menuLinks>li a {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: normal;
    font-style: normal;
    color: #fff
}

.header__link>.menuLinks>li img {
    max-width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.header__link>.menuLinks>li .white {
    display: block;
    width: 100px
}

@media (max-width: 63.9375em) {
    .header__link>.menuLinks>li .white {
        width: 100px
    }
}

.header__link>.menuLinks>li .black {
    display: none;
    width: 100px
}

@media (max-width: 39.9375em) {
    .header__link>.menuLinks>li .black {
        width: 100px
    }
}

.header__link .white {
    display: block;
    width: 100px
}

@media (max-width: 63.9375em) {
    .header__link .white {
        width: 80px
    }
}

.header__link .black {
    display: none;
    width: 100px
}

@media (max-width: 39.9375em) {
    .header__link .black {
        width: 80px
    }
}

.header.sticky {
    background-color: #fff;
    -webkit-box-shadow: 0px 7px 9px 0px rgba(100, 100, 111, 0.2);
    -ms-box-shadow: 0px 7px 9px 0px rgba(100, 100, 111, 0.2);
    -o-box-shadow: 0px 7px 9px 0px rgba(100, 100, 111, 0.2);
    box-shadow: 0px 7px 9px 0px rgba(100, 100, 111, 0.2)
}

.header.sticky .header__link .menuLinks li a {
    color: black
}

.header.sticky .header__link .menuLinks li a::after {
    background: black !important
}

.header.sticky .header__link .menuLinks li a:hover a::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left
}

.header.sticky .header__link .menuLinks li a:nth-child(5)::after {
    background: black !important
}

.header.sticky .header__link .menuLinks li a i {
    color: black
}

.header.sticky .header__link .white {
    display: none
}

.header.sticky .header__link .black {
    display: block
}

.header.sticky .mobile-wrapper span i {
    color: black
}

.mobile-wrapper {
    position: absolute;
    top: 30px;
    left: -20px;
    padding: 1rem;
    width: 100%;
    z-index: 9999
}

.mobile-wrapper img {
    z-index: 2;
    position: absolute;
    top: 70px;
    left: 10px;
    width: 100px
}

.mobile-wrapper span {
    position: absolute;
    top: 72px;
    right: -10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.mobile-wrapper span i {
    color: white
}

.mobileMenu {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 999;
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translateX(120vw) translateY(0);
    transform: translateX(120vw) translateY(0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.mobileMenu .header_box_wrapper {
    position: absolute;
    top: 20px;
    left: 0;
    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;
    padding: 1rem;
    width: 100%;
    min-width: 250px;
    height: 85px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
    -ms-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
    -o-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25)
}

@media (max-width: 63.9375em) {
    .mobileMenu .header_box_wrapper {
        min-width: 182px;
        height: 55px;
        width: 70%
    }
}

@media (max-width: 39.9375em) {
    .mobileMenu .header_box_wrapper {
        border-radius: 0;
        height: 25px
    }
}

.mobileMenu .header_box_wrapper:not(:last-child) {
    margin-right: 1rem
}

@media (max-width: 63.9375em) {
    .mobileMenu .header_box_wrapper:not(:last-child) {
        margin-bottom: 0.5rem
    }
}

.mobileMenu .header_box_wrapper.beGreen {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #006d31), color-stop(50%, #00863c));
    background: linear-gradient(to right, #006d31 50%, #00863c 50%);
    background-position: right bottom;
    -webkit-transition: background-position .3s ease-in-out;
    transition: background-position .3s ease-in-out;
    background-size: 200% 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.mobileMenu .header_box_wrapper .desc span {
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1rem, 1vw, 1.25rem);
    font-weight: bold;
    font-style: normal;
    color: #fff;
    white-space: pre;
    padding-right: 1rem
}

@media (max-width: 39.9375em) {
    .mobileMenu .header_box_wrapper .desc span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.mobileMenu .header_box_wrapper .desc p {
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1rem, 1vw, 1.25rem);
    font-weight: normal;
    font-style: normal;
    color: #fff
}

.mobileMenu .header_box_wrapper i {
    color: white !important;
    font-size: 20px;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -webkit-transition: transform .4s ease-in-out;
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

@media (max-width: 63.9375em) {
    .mobileMenu .header_box_wrapper i {
        font-size: 15px
    }
}

.mobileMenu .header_box_wrapper:hover {
    background-position: left bottom;
    color: white
}

.mobileMenu .header_box_wrapper:hover i {
    -webkit-transform: translateX(0) translateY(-10px);
    transform: translateX(0) translateY(-10px)
}

.mobileMenu.show {
    -webkit-box-shadow: rgba(0, 0, 0, 0.95) 41.95px 51.95px 92.6px;
    box-shadow: rgba(0, 0, 0, 0.95) 41.95px 51.95px 92.6px;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0)
}

.mobileMenu .menu_logo {
    position: absolute;
    top: 10px;
    left: 10px
}

.mobileMenu .menu_logo img {
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover;
    min-width: 90px;
    max-width: 90px
}

.mobileMenu .close-button {
    position: absolute;
    top: 20px;
    right: 20px
}

.mobileMenu .close-button i {
    color: black;
    font-size: 15px
}

.mobileMenu ul li:not(:last-child) {
    margin-bottom: 1rem
}

.mobileMenu ul li a {
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: normal;
    font-style: normal;
    color: #000
}

.mobileMenu .dev-list-wrapper {
    height: auto;
    margin: 1rem 0
}

.mobileMenu .dev-list-wrapper ul li {
    padding: 0.5rem;
    min-width: 250px
}

.mobileMenu .dev-list-wrapper ul li a .leftSide p {
    font-size: 18px
}

.mobileMenu .dev-list-wrapper ul li a .leftSide span {
    font-size: 17px
}

.footer {
    position: relative;
    margin: 100px 0 0
}

.footer #goUp {
    cursor: pointer;
    position: absolute;
    display: block;
    inset: 0;
    margin: 0 auto;
    top: -20px;
    left: 2%;
    z-index: 2;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer #goUp span {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: #627FC3;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.footer #goUp span i {
    color: white;
    font-size: 15px
}

.footer #goUp:hover span {
    -webkit-transform: translateX(0) translateY(-20%);
    transform: translateX(0) translateY(-20%)
}

.footer.withBkImage {
    background-position: 50% 50%;
    background-repeat: no-repeat
}

.footer .contact-wrapper {
    position: relative;
    width: 100%;
    padding: 2.125rem 0
}

@media (max-width: 63.9375em) {
    .footer .contact-wrapper {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
}

.footer .contact-wrapper .sliderHastag_wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 63.9375em) {
    .footer .contact-wrapper .sliderHastag_wrapper {
        right: 0;
        left: 0;
        margin: auto 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer .contact-wrapper .sliderHastag_wrapper ul {
    position: relative;
    display: -webkit-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer .contact-wrapper .sliderHastag_wrapper ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer .contact-wrapper .sliderHastag_wrapper ul li:not(:last-child) {
    margin: 1rem 0
}

.footer .contact-wrapper .sliderHastag_wrapper ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer .contact-wrapper .sliderHastag_wrapper ul li a::after {
    display: none
}

.footer .contact-wrapper .sliderHastag_wrapper ul li a span {
    width: 50px;
    height: 50px;
    background-color: #707070;
    border: 0;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 63.9375em) {
    .footer .contact-wrapper .sliderHastag_wrapper ul li a span {
        width: 40px;
        height: 40px
    }
}

.footer .contact-wrapper .sliderHastag_wrapper ul li a span i {
    font-size: 20px;
    color: white
}

.footer .contact-wrapper .sliderHastag_wrapper ul li p {
    font-family: Gotham, sans-serif;
    font-size: 1.375rem;
    font-size: clamp(1.125rem, 1vw, 1.375rem);
    font-weight: normal;
    font-style: normal;
    color: #fff;
    margin: 0 1rem
}

.footer .contact-wrapper h3,
.footer .contact-wrapper .title {
    font-family: Sarabun, sans-serif;
    font-size: 1.5rem;
    font-size: clamp(1.3125rem, 2vw, 1.5rem);
    font-weight: bold;
    font-style: normal;
    color: #fff;
    margin-bottom: 1rem
}

.footer .contact-wrapper p {
    font-family: Sarabun, sans-serif;
    font-size: 1.125rem;
    font-size: clamp(1.125rem, 1vw, 1.125rem);
    font-weight: normal;
    font-style: normal;
    color: #fff
}

.footer .contact-wrapper span {
    font-family: Sarabun, sans-serif;
    font-size: 1.125rem;
    font-size: clamp(1.125rem, 1vw, 1.125rem);
    font-weight: normal;
    font-style: normal;
    color: #fff
}

.footer .contact-wrapper a {
    position: relative;
    display: table;
    font-family: Sarabun, sans-serif;
    font-size: 1.75rem;
    font-size: clamp(1.25rem, 2vw, 1.75rem);
    font-weight: bold;
    font-style: normal;
    color: #fff
}

@media (max-width: 63.9375em) {
    .footer .contact-wrapper a {
        display: unset
    }
}

.footer .contact-wrapper a::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: #00A769
}

.footer .footer_bottom_list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 63.9375em) {
    .footer .footer_bottom_list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer .footer_bottom_list li:not(:last-child) {
    margin-right: 1rem
}

.footer .footer_bottom_list li a {
    font-family: Sarabun, sans-serif;
    font-size: .9375rem;
    font-size: clamp(.9375rem, 1vw, .9375rem);
    font-weight: 400;
    font-style: normal;
    color: #fff;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out
}

.footer .footer_bottom_list li:hover a {
    color: #d9000d
}

.footerBk {
    background-color: #041634;
    padding: 1rem 0
}

.copyright-footer {
    padding: 0.3rem 0
}

@media (max-width: 63.9375em) {
    .copyright-footer {
        padding: 0.3rem 1.5rem
    }
}

.copyright-footer .copyright p {
    font-family: Gotham, sans-serif;
    font-size: .9375rem;
    font-size: clamp(.9375rem, 1vw, .9375rem);
    font-weight: normal;
    font-style: normal;
    color: #041634
}

.wedone {
    position: relative;
    padding: 5rem 0 0;
    z-index: 2
}

@media (max-width: 63.9375em) {
    .wedone {
        padding: 2rem 0 0
    }
}

.wedone .middle-text-wrapper {
    position: relative;
    display: block;
    text-align: right;
    padding-left: 10vw
}

@media (max-width: 63.9375em) {
    .wedone .middle-text-wrapper {
        padding: 0 30px 0 0
    }
}

.wedone .middle-text-wrapper h1 {
    font-family: Gotham, sans-serif;
    font-size: 1.875rem;
    font-size: clamp(1.5625rem, 2vw, 1.875rem);
    font-weight: bold;
    font-style: normal;
    color: #3959A5;
    margin: 10px 0 20px
}

.wedone .middle-text-wrapper h2 {
    font-family: Sarabun, sans-serif;
    font-size: 1.75rem;
    font-size: clamp(1.4375rem, 2vw, 1.75rem);
    font-weight: 600;
    font-style: normal;
    color: #000
}

.wedone .middle-text-wrapper h2::after {
    content: "\e918";
    position: absolute;
    right: -60px;
    top: 10px;
    color: #3959A5;
    font-family: "icomoon";
    font-size: 15px
}

@media (max-width: 63.9375em) {
    .wedone .middle-text-wrapper h2::after {
        right: -5px;
        font-size: 9px
    }
}

.wedone .middle-text-wrapper p {
    text-align: right;
    font-family: Gotham, sans-serif;
    font-size: 1.125rem;
    font-size: clamp(1rem, 1vw, 1.125rem);
    font-weight: normal;
    font-style: normal;
    color: #000
}

.wedone .middle-text-wrapper p+p {
    margin-top: 1rem
}

.wedone .video-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px
}

@media (max-width: 63.9375em) {
    .wedone .video-wrapper {
        margin-top: 1rem
    }
}

.wedone .video-wrapper video {
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.wedone .video-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.wedone .video-wrapper a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wedone .video-wrapper a span {
    z-index: 2;
    position: absolute;
    inset: 0;
    margin: auto;
    background-color: #3959A5;
    width: 4.375rem;
    height: 4.375rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wedone .video-wrapper a span i {
    font-size: 25px;
    color: white;
    padding-left: 6px
}

.wedone .video-wrapper a span::before {
    content: "";
    color: red;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #3959A5;
    border-radius: 50%;
    -webkit-animation: pulseBorder 1500ms ease-out infinite;
    animation: pulseBorder 1500ms ease-out infinite;
    z-index: -2
}

.wedone .video-wrapper a::before {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1
}

.wedoneSlider {
    position: relative;
    padding: 0 0 3rem;
    z-index: 1
}

.wedoneSlider__box-wrapper {
    position: relative
}

.wedoneSlider__box-wrapper .box-inner-wrapper {
    padding: 1rem;
    background-color: #00A769;
    border-bottom-right-radius: 50px
}

@media (max-width: 63.9375em) {
    .wedoneSlider__box-wrapper .box-inner-wrapper {
        border-bottom-left-radius: 50px
    }
}

.wedoneSlider__box-wrapper .box-inner-wrapper::after {
    content: "\e91d";
    font-family: "icomoon";
    font-size: 150px;
    color: #157E57;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 0
}

@media (max-width: 63.9375em) {
    .wedoneSlider__box-wrapper .box-inner-wrapper::after {
        font-size: 100px
    }
}

.wedoneSlider__box-wrapper .box-inner-wrapper p {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-family: Gotham, sans-serif;
    font-size: 2.375rem;
    font-size: clamp(1.5625rem, 3vw, 2.375rem);
    font-weight: bold;
    font-style: normal;
    color: #fff
}

.wedoneSlider__box-wrapper .box-inner-wrapper p span {
    margin-right: 1rem;
    font-family: Gotham, sans-serif;
    font-size: 5.375rem;
    font-size: clamp(3.75rem, 6vw, 5.375rem);
    font-weight: bold;
    font-style: normal;
    color: #fff;
    color: white
}

.wedoneSlider__box-wrapper .box-inner-wrapper p span.outline {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
    position: absolute;
    left: 5px;
    top: 5px
}

.wedoneSlider__box-wrapper .box-inner-wrapper span {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Gotham, sans-serif;
    font-size: 1.8125rem;
    font-size: clamp(1.25rem, 2vw, 1.8125rem);
    font-weight: 500;
    font-style: normal;
    color: #fff
}

.wedoneSlider__box-wrapper .box-inner-wrapper .slider-button-wrapper {
    position: relative;
    z-index: 2
}

.wedoneSlider__box-wrapper .box-inner-wrapper .slider-button-wrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.wedoneSlider__box-wrapper .box-inner-wrapper .slider-button-wrapper ul li {
    position: relative;
    cursor: pointer;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 1px solid white;
    background: transparent;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wedoneSlider__box-wrapper .box-inner-wrapper .slider-button-wrapper ul li:not(:last-child) {
    margin-right: 12px
}

.wedoneSlider__box-wrapper .box-inner-wrapper .slider-button-wrapper ul li i {
    color: white;
    font-size: 20px
}

.wedoneSlider__box-wrapper .box-inner-wrapper .slider-button-wrapper ul li.disabled {
    border: 1px solid #d6d6d6
}

.wedoneSlider__box-wrapper .box-inner-wrapper .slider-button-wrapper ul li.disabled i {
    color: #d6d6d6
}

.wedoneSlider__slide {
    position: relative
}

.wedoneSlider__slide .item {
    padding-right: 1rem
}

@media (max-width: 63.9375em) {
    .wedoneSlider__slide .item {
        margin-top: 2rem
    }
}

.wedoneSlider__slide .item .type-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wedoneSlider__slide .item .type-title object {
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 70px;
    height: 40px
}

.wedoneSlider__slide .item .type-title span {
    font-family: Sarabun, sans-serif;
    font-size: 1.5rem;
    font-size: clamp(1.375rem, 2vw, 1.5rem);
    font-weight: 400;
    font-style: normal;
    color: #073465;
    margin-left: 1rem
}

.wedoneSlider__slide .item ul {
    margin-top: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    width: 100%
}

.wedoneSlider__slide .item ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.wedoneSlider__slide .item ul li:not(:last-child) {
    margin-right: 10px
}

.wedoneSlider__slide .item ul li .item-box-wrapper {
    position: relative
}

.wedoneSlider__slide .item ul li .item-box-wrapper .title {
    font-family: Sarabun, sans-serif;
    font-size: 1.875rem;
    font-size: clamp(1.5625rem, 3vw, 1.875rem);
    font-weight: bold;
    font-style: normal;
    color: #073465
}

.wedoneSlider__slide .item ul li .item-box-wrapper p {
    font-family: Sarabun, sans-serif;
    font-size: 1.375rem;
    font-size: clamp(.9375rem, 1vw, 1.375rem);
    font-weight: normal;
    font-style: normal;
    color: #000
}

.mainVideolar {
    position: relative;
    padding: 1rem 0 0;
    z-index: 3;
    background-color: white
}

.mainVideolar .video-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    display: inherit
}

.mainVideolar .video-wrapper video {
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: contain;
    object-fit: contain
}

.mainVideolar .video-wrapper .videoButton-wrapper {
    position: absolute;
    bottom: 20px;
    right: 20px
}

.mainVideolar .video-wrapper .videoButton-wrapper span {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: #073465;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 4
}

.mainVideolar .video-wrapper .videoButton-wrapper span i {
    z-index: 4;
    font-size: 20px;
    color: white;
    padding-left: 4px
}

.mainVideolar .video-wrapper .videoButton-wrapper span::before {
    content: "";
    color: #073465;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 4rem;
    height: 4rem;
    background: #3959A5;
    border-radius: 50%;
    -webkit-animation: pulseBorder 1500ms ease-out infinite;
    animation: pulseBorder 1500ms ease-out infinite;
    z-index: 0
}

.mainVideolar .video-wrapper .videoText-wrapper {
    position: absolute;
    top: 0;
    left: 30px
}

.mainVideolar .video-wrapper .videoText-wrapper p {
    font-family: Sarabun, sans-serif;
    font-size: 1.5625rem;
    font-size: clamp(1.125rem, 1vw, 1.5625rem);
    font-weight: bold;
    font-style: normal;
    color: #fff;
    padding-left: 1rem;
    padding-top: 1rem
}

.mainVideolar .video-wrapper .videoText-wrapper p span {
    padding: 0 1.5rem 0 0
}

.mainVideolar .video-wrapper .videoText-wrapper p.beGreen span {
    background-color: #038555
}

.mainVideolar .video-wrapper .videoText-wrapper p.beGreen2 span {
    background-color: #64963B
}

.mainVideolar .video-wrapper .videoText-wrapper p.beAqua span {
    background-color: #00A7A1
}

.mainVideolar .video-wrapper .videoText-wrapper p.beBlue span {
    background-color: #073465
}

.mainVideolar .video-wrapper .videoText-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 2px;
    background: white
}

.mainHakkinda {
    position: relative
}

.mainHakkinda .hakkindaSlider .slider-hakkinda .item {
    padding: 1rem
}

.mainHakkinda .hakkindaSlider .slider-hakkinda .item img {
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.mainSosyal {
    position: relative;
    padding: 5rem 0 0
}

.mainSosyal.bk {
    overflow: hidden;
    position: relative;
    background-image: url("../../assets/img/section.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.mainSosyal.bk::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("../../assets/img/resim.png");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    background-attachment: local
}

.mainSosyal__box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 2rem 0
}

.mainSosyal__icon-wrapper span {
    width: 8.125rem;
    height: 8.125rem;
    border-radius: 50%;
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16))
}

.mainSosyal__icon-wrapper span img {
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 61px
}

.mainSosyal__icon-wrapper span::after {
    content: "";
    border: 1px dashed #0000ff47;
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    position: absolute
}

.mainSosyal__text-wrapper {
    position: relative;
    padding-left: 1.5rem
}

.mainSosyal__text-wrapper .desc {
    font-family: Gotham, sans-serif;
    font-size: 1.375rem;
    font-size: clamp(1.25rem, 2vw, 1.375rem);
    font-weight: bold;
    font-style: normal;
    color: #000
}

.mainSosyal__text-wrapper p {
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: normal;
    font-style: normal;
    color: #000
}

.mainKontejyan {
    position: relative;
    padding: 3rem 0
}

.mainKontejyan__box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-radius: 25px 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.16);
    padding: 0.5rem;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.mainKontejyan__box i {
    position: absolute;
    bottom: -20px;
    right: -15px;
    font-size: 45px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out
}

.mainKontejyan__box:hover {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

.mainKontejyan__box:hover i {
    opacity: 1;
    visibility: visible
}

.mainKontejyan__box.beBlue .box-wrapper {
    background-color: #3959A5
}

.mainKontejyan__box.beBlue i {
    color: #3959A5
}

.mainKontejyan__box.beDarkBlue .box-wrapper {
    background-color: #042548
}

.mainKontejyan__box.beDarkBlue i {
    color: #042548
}

.mainKontejyan__box.beAqua .box-wrapper {
    background-color: #00A7A1
}

.mainKontejyan__box.beAqua i {
    color: #00A7A1
}

.mainKontejyan__box.beGreen .box-wrapper {
    background-color: #038555
}

.mainKontejyan__box.beGreen i {
    color: #038555
}

.mainKontejyan__box.bePurple .box-wrapper {
    background-color: #4A39A5
}

.mainKontejyan__box.bePurple i {
    color: #4A39A5
}

.mainKontejyan__box .box-wrapper {
    border-radius: 25px 0px 0px 0px;
    padding: 2rem 1.5rem;
    height: 100%;
    width: 100%
}

.mainKontejyan__box .box-wrapper::before {
    content: "\e90b";
    position: absolute;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "icomoon";
    top: 10px;
    left: 15px;
    font-size: 50px;
    color: white
}

.mainKontejyan__box .box-wrapper p {
    font-family: Sarabun, sans-serif;
    font-size: 1.3125rem;
    font-size: clamp(1rem, 1vw, 1.3125rem);
    font-weight: bold;
    font-style: normal;
    color: #fff;
    white-space: pre
}

.mainHaberler {
    position: relative;
    padding: 0 0 5rem
}

.mainHaberler .rightSideHaberler {
    position: relative;
    display: table;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    z-index: 4
}

.mainHaberler.withBk {
    background-color: #f8f8f8;
    padding: 3rem 0
}

.mainHaberler .kaynakarea {
    position: relative;
    padding: 2rem 0
}

.mainHaberler .kaynakarea .title {
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: bold;
    font-style: normal;
    color: #d6d6d6
}

.mainHaberler p {
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: normal;
    font-style: normal;
    color: #000
}

.mainHaberler p+p {
    margin-top: 1rem
}

.mainHaberler .nav.nav-tabs {
    border: 0
}

.mainHaberler .nav.nav-tabs .nav-item:not(:last-child) {
    margin-right: 12px
}

.mainHaberler .nav.nav-tabs .nav-item .nav-link {
    border: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: rgba(239, 239, 239, 0.45);
    font-family: Sarabun, sans-serif;
    font-size: 1.375rem;
    font-size: clamp(1.25rem, 2vw, 1.375rem);
    font-weight: 500;
    font-style: normal;
    color: #707070;
    -webkit-transition: background-color .4s ease-in-out;
    transition: background-color .4s ease-in-out
}

.mainHaberler .nav.nav-tabs .nav-item .nav-link.active {
    background-color: white;
    color: #073465;
    border-bottom: 2px solid #073465
}

.mainHaberler .haberler__box_wrapper {
    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;
    min-width: 0;
    word-wrap: break-word;
    background-color: white;
    background-clip: border-box;
    border-radius: 0.25rem;
    height: calc(90% - -45px)
}

.mainHaberler .haberler__box_wrapper.bxCard {
    -webkit-box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px;
    box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 12px
}

.mainHaberler .haberler__box_wrapper img {
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
    width: 100%;
    vertical-align: middle
}

.mainHaberler .haberler__box_wrapper .card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem 1rem
}

.mainHaberler .haberler__box_wrapper .card-body h5 {
    font-family: Sarabun, sans-serif;
    font-size: 1.3125rem;
    font-size: clamp(1.25rem, 2vw, 1.3125rem);
    font-weight: bold;
    font-style: normal;
    color: #073465;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.mainHaberler .haberler__box_wrapper .card-body .card-text {
    display: block;
    font-family: Sarabun, sans-serif;
    font-size: 1.0625rem;
    font-size: clamp(1.0625rem, 1vw, 1.0625rem);
    font-weight: normal;
    font-style: normal;
    color: #000;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.mainHaberler .haberler__box_wrapper .card-body .date-time {
    font-family: Sarabun, sans-serif;
    font-size: 1rem;
    font-size: clamp(.875rem, 1vw, 1rem);
    font-weight: normal;
    font-style: normal;
    color: #073465
}

.mainHaberler .haberler__box_wrapper .card-body .date-time i {
    font-size: 15px;
    color: #073465;
    padding-right: 0.5rem
}

.mainHaberler .haberler__box_wrapper .card-body a {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 4rem;
    height: 4rem;
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #345196), color-stop(50%, #3959A5));
    background: linear-gradient(to right, #345196 50%, #3959A5 50%);
    background-position: right bottom;
    -webkit-transition: background-position .3s ease-in-out;
    transition: background-position .3s ease-in-out;
    background-size: 200% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.mainHaberler .haberler__box_wrapper .card-body a i {
    color: white;
    font-size: 15px;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.mainHaberler .haberler__box_wrapper .card-body a:hover {
    background-position: left bottom
}

.mainHaberler .haberler__box_wrapper .card-body a:hover i {
    -webkit-transform: translateX(5px) translateY(0);
    transform: translateX(5px) translateY(0)
}

.mainHaberler .slider-button-wrapper {
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.mainHaberler .slider-button-wrapper ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mainHaberler .slider-button-wrapper ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mainHaberler .slider-button-wrapper ul li.disabled a i {
    color: #d6d6d6
}

.mainHaberler .slider-button-wrapper ul li:not(:last-child) {
    margin-right: 1rem
}

.mainHaberler .slider-button-wrapper ul li a {
    width: 3rem;
    height: 3rem;
    border: 1px solid #d6d6d6;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.mainHaberler .slider-button-wrapper ul li a i {
    color: black;
    font-size: 20px
}

.mainHaberler .slider-button-wrapper ul li:hover a {
    border: 1px solid black
}

.mainHaberler .slider-button-wrapper .sliderCounter {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mainHaberler .slider-button-wrapper .sliderCounter .current {
    font-family: Sarabun, sans-serif;
    font-size: 1.625rem;
    font-size: clamp(1.375rem, 2vw, 1.625rem);
    font-weight: 300;
    font-style: normal;
    color: #000
}

.mainHaberler .slider-button-wrapper .sliderCounter .total {
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: 300;
    font-style: normal;
    color: #000
}

.mainHaberler .haberlerSlider .haberler-slider .item:not(:last-child) {
    margin-right: 1rem
}

.mainHaberler .haberlerSlider .haberler-slider .slick-list {
    overflow: visible
}

@media (max-width: 63.9375em) {
    .mainHaberler .haberlerSlider .haberler-slider .slick-list {
        overflow: hidden
    }
}

@media (max-width: 63.9375em) {
    .mainHaberler .haberlerSlider .haberler-slider .slick-track {
        float: none
    }
}

.dev-list-wrapper {
    height: 100%;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.dev-list-wrapper.mRel {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

@media (max-width: 63.9375em) {
    .dev-list-wrapper.mRel .devList {
        width: 100%;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
}

@media (max-width: 63.9375em) {
    .dev-list-wrapper.mRel .devList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: initial;
        -webkit-box-direction: initial;
        -ms-flex-direction: initial;
        flex-direction: initial
    }
}

@media (max-width: 63.9375em) {
    .dev-list-wrapper.mRel .devList li {
        padding: 0.5rem
    }

    .dev-list-wrapper.mRel .devList li:not(:last-child) {
        margin-bottom: 0;
        margin-right: 1rem
    }
}

.dev-list-wrapper.hiding {
    -webkit-transform: translateX(0) translateY(50vw);
    transform: translateX(0) translateY(50vw)
}

.dev-list-wrapper.withFixed {
    position: fixed;
    width: 100%;
    top: 85%;
    left: calc(70% / 10);
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    z-index: 99
}

@media (max-width: 39.9375em) {
    .dev-list-wrapper.withFixed {
        position: absolute;
        top: 75%;
        left: 0
    }
}

@media (max-width: 63.9375em) {
    .dev-list-wrapper.withFixed {
        left: 0
    }
}

.dev-list-wrapper.withFixed .devList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dev-list-wrapper.withFixed .devList li {
    padding: 0.5rem 1.5rem
}

.dev-list-wrapper.withFixed .devList li:not(:last-child) {
    margin-bottom: 0;
    margin-right: 1rem
}

.dev-list-wrapper.withAbsolute {
    position: absolute;
    width: 100%;
    top: 70%;
    left: 0;
    height: auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99
}

.dev-list-wrapper.withAbsolute .devList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.dev-list-wrapper.withAbsolute .devList li {
    padding: 0.5rem 1.5rem
}

.dev-list-wrapper.withAbsolute .devList li:not(:last-child) {
    margin-bottom: 0;
    margin-right: 1rem
}

.dev-list-wrapper .slider-button-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.dev-list-wrapper .slider-button-wrapper ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dev-list-wrapper .slider-button-wrapper ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dev-list-wrapper .slider-button-wrapper ul li.disabled a i {
    color: #d6d6d6
}

.dev-list-wrapper .slider-button-wrapper ul li:not(:last-child) {
    margin-right: 1rem
}

.dev-list-wrapper .slider-button-wrapper ul li a {
    width: 3rem;
    height: 3rem;
    border: 1px solid #d6d6d6;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

@media (max-width: 63.9375em) {
    .dev-list-wrapper .slider-button-wrapper ul li a {
        width: 2.5rem;
        height: 2.5rem
    }
}

.dev-list-wrapper .slider-button-wrapper ul li a i {
    color: black;
    font-size: 20px
}

@media (max-width: 63.9375em) {
    .dev-list-wrapper .slider-button-wrapper ul li a i {
        font-size: 15px
    }
}

.dev-list-wrapper .slider-button-wrapper ul li:hover a {
    border: 1px solid black
}

.dev-list-wrapper .slider-button-wrapper .sliderCounter {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.dev-list-wrapper .slider-button-wrapper .sliderCounter .current {
    font-family: Sarabun, sans-serif;
    font-size: 1.625rem;
    font-size: clamp(1.375rem, 2vw, 1.625rem);
    font-weight: 300;
    font-style: normal;
    color: #000
}

.dev-list-wrapper .slider-button-wrapper .sliderCounter .total {
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: 300;
    font-style: normal;
    color: #000;
    padding-left: 1rem
}

.dev-list-wrapper .devList {
    position: relative
}



.dev-list-wrapper .devList li:not(:last-child) {
}

.dev-list-wrapper .devList li.beBlue {
    background-color: #3959A5
}

.dev-list-wrapper .devList li.beGreen {
    background-color: #038555
}

.dev-list-wrapper .devList li.beDarkBlue {
    background-color: #073465
}

.dev-list-wrapper .devList li:hover.beBlue {
    background-color: #324f92
}

.dev-list-wrapper .devList li:hover.beGreen {
    background-color: #026c45
}

.dev-list-wrapper .devList li:hover.beDarkBlue {
    background-color: #041b35
}

.dev-list-wrapper .devList li:hover a .rightSide i {
    -webkit-transform: translateX(10px) translateY(-10px);
    transform: translateX(10px) translateY(-10px)
}

.dev-list-wrapper .devList li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.dev-list-wrapper .devList li a .leftSide {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative
}

.dev-list-wrapper .devList li a .leftSide .absoluteimage {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0
}

.dev-list-wrapper .devList li a .leftSide .absoluteimage i {
    color: black;
    font-size: 75px;
    opacity: 0.1
}

@media (max-width: 39.9375em) {
    .dev-list-wrapper .devList li a .leftSide .absoluteimage i {
        font-size: 55px
    }
}

.dev-list-wrapper .devList li a .leftSide p {
    font-family: Sarabun, sans-serif;
    font-size: 1.375rem;
    font-size: clamp(1.25rem, 2vw, 1.375rem);
    font-weight: normal;
    font-style: normal;
    color: #fff
}

.dev-list-wrapper .devList li a .leftSide span {
    font-family: Sarabun, sans-serif;
    font-size: 1.375rem;
    font-size: clamp(1.25rem, 2vw, 1.375rem);
    font-weight: bold;
    font-style: normal;
    color: #fff
}

.dev-list-wrapper .devList li a .leftSide .i-wrapper i {
    color: white;
    font-size: 20px
}

.dev-list-wrapper .devList li a .leftSide .i-wrapper span {
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: normal;
    font-style: normal;
    color: #fff
}

.dev-list-wrapper .devList li a .rightSide i {
    display: block;
    color: white;
    font-size: 20px;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.mainDev {
    position: relative
}

.mainDev .defination-way {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3rem 0
}

.mainDev .defination-way li {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 0 1rem
}

.mainDev .defination-way li .defination-way-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

.mainDev .defination-way li .defination-way-box img {
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 39.9375em) {
    .mainDev .defination-way li .defination-way-box img {
        width: 200px
    }
}

@media (max-width: 63.9375em) {
    .mainDev .defination-way li .defination-text-wrapper {
        width: 330px
    }
}

.mainDev .defination-way li .defination-text-wrapper .def-title {
    margin-top: 0.3rem;
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: bold;
    font-style: normal;
    color: #073465
}

.mainDev .defination-way li .defination-text-wrapper .def-desc {
    margin-top: 0.5rem;
    font-family: Sarabun, sans-serif;
    font-size: 1.125rem;
    font-size: clamp(1rem, 2vw, 1.125rem);
    font-weight: normal;
    font-style: normal;
    color: #000
}

@media (max-width: 63.9375em) {
    .mainDev .defination-way li .defination-text-wrapper .def-desc {
        white-space: initial
    }
}

.mainDev p {
    font-family: Sarabun, sans-serif;
    font-size: 1.125rem;
    font-size: clamp(1rem, 1vw, 1.125rem);
    font-weight: normal;
    font-style: normal;
    color: #000
}

.mainDev p+p {
    margin-top: 1rem
}

.mainDev .dev-slider {
    position: relative;
    width: 100%
}

.mainDev .dev-slider .item img {
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.mainDev .devBlur {
    position: relative
}

.mainDev .devBlur img {
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 63.9375em) {
    .mainDev .devBlur img {
        min-height: 250px
    }
}

.mainDev .devBlur::before {
    content: "";
    inset: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    background: rgba(255, 255, 255, 0.5);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    z-index: 1
}

@media (max-width: 63.9375em) {
    .mainDev .slider-button-wrapper {
        position: relative
    }
}

.sTitle {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    width: 100%;
    margin-top: 1rem
}

.sTitle.withInline {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: lefta
}

.sTitle.withInline.right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.sTitle.withInline.right::before {
    display: none
}

.sTitle.withInline.right h1::before {
    content: "\e918";
    position: absolute;
    top: 10px;
    left: -5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "icomoon";
    font-size: 10px;
    margin: auto;
    color: #073465
}

@media (max-width: 63.9375em) {
    .sTitle.withInline.right h1::before {
        font-size: 7px;
        left: -15px;
        display: none
    }
}

.sTitle.withInline::before {
    content: "\e918";
    position: absolute;
    top: 10px;
    left: -45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "icomoon";
    font-size: 12px;
    margin: auto;
    color: #073465
}

@media (max-width: 63.9375em) {
    .sTitle.withInline::before {
        font-size: 7px;
        left: -15px;
        display: none
    }
}

.sTitle.withInline h1 {
    position: relative
}

.sTitle.withInline h1::before {
    display: none
}

.sTitle.withInline.beGreen::before {
    color: #00A769
}

.sTitle.withInline.beGreen span {
    color: #00A769
}

.sTitle.withInline.beRed::before {
    color: #d9000d
}

.sTitle.withInline.beRed span {
    color: #d9000d
}

.sTitle.withInline.beBlue::before {
    color: #3959A5
}

.sTitle.withInline.beBlue span {
    color: #3959A5
}

.sTitle::before {
    content: "\e916";
    position: relative;
    display: block;
    font-family: "icomoon";
    font-size: 30px;
    margin-bottom: 0.5rem;
    color: #073465
}

.sTitle h1 {
    font-family: Sarabun, sans-serif;
    font-size: 1.875rem;
    font-size: clamp(1.625rem, 2vw, 1.875rem);
    font-weight: 600;
    font-style: normal;
    color: #073465
}

.sTitle.beGreen::before {
    color: #00A769
}

.sTitle.beGreen span {
    color: #00A769
}

.sTitle.beRed::before {
    color: #d9000d
}

.sTitle.beRed span {
    color: #d9000d
}

.sTitle.beBlue::before {
    color: #3959A5
}

.sTitle.beBlue span {
    color: #3959A5
}

.sTitle span {
    font-family: Gotham, sans-serif;
    font-size: 1.75rem;
    font-size: clamp(1.5rem, 2vw, 1.75rem);
    font-weight: bold;
    font-style: normal;
    color: #073465
}

.sTitle p {
    margin-top: 8px;
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: normal;
    font-style: normal;
    color: #000;
    width: 100%;
    max-width: 800px;
}

.sTitle ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 5rem
}

@media (max-width: 63.9375em) {
    .sTitle ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-top: 1rem
    }
}

.sTitle ul li {
    text-align: right;
    position: relative
}

.sTitle ul li:not(:last-child) {
    margin-bottom: 1.5rem
}

@media (max-width: 63.9375em) {
    .sTitle ul li:not(:last-child) {
        margin-right: 1rem
    }

    .sTitle ul li:not(:last-child):after {
        content: "";
        position: absolute;
        width: 2px;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        top: 0;
        right: -10px
    }
}

.sTitle ul li.active a {
    color: #3959A5
}

.sTitle ul li a {
    font-family: Sarabun, sans-serif;
    font-size: 1.375rem;
    font-size: clamp(1.25rem, 2vw, 1.375rem);
    font-weight: 500;
    font-style: normal;
    color: rgba(0, 0, 0, 0.5)
}

.image-wrapper {
    position: relative
}

.image-wrapper .text-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    max-height: 200px;
    min-height: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.image-wrapper .text-overlay p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    font-family: Sarabun, sans-serif;
    font-size: 1.5rem;
    font-size: clamp(1.375rem, 2vw, 1.5rem);
    font-weight: bold;
    font-style: normal;
    color: #fff;
    z-index: 1;
    text-align: center;
    text-decoration: underline;
    text-decoration-thickness: 10px
}

.image-wrapper .text-overlay p.beGreen {
    -webkit-text-decoration-color: #7EA200;
    text-decoration-color: #7EA200
}

.image-wrapper .text-overlay p.beBlue {
    -webkit-text-decoration-color: #0096E3;
    text-decoration-color: #0096E3
}

.image-wrapper .text-overlay p.beDarkBlue {
    -webkit-text-decoration-color: #073465;
    text-decoration-color: #073465
}

.image-wrapper .text-overlay p.beDarkGreen {
    -webkit-text-decoration-color: #4EA700;
    text-decoration-color: #4EA700
}

.image-wrapper .text-overlay::after {
    content: "";
    position: absolute;
    opacity: 0.5;
    width: 100%;
    height: 100%
}

.image-wrapper .text-overlay.withTop {
    top: 0;
    left: 0
}

.image-wrapper .text-overlay.withTop::after {
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.65)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0)
}

.image-wrapper .text-overlay.withBottom {
    bottom: 0;
    left: 0
}

.image-wrapper .text-overlay.withBottom::after {
    bottom: 0;
    left: 0;
    background: -webkit-linear-gradientt(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0)
}

.kaynak-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kaynak-wrapper p {
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: normal;
    font-style: normal;
    color: #000;
    width: 250px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0.5rem;
    -webkit-box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px
}

.kaynak-wrapper span {
    width: 3rem;
    height: 3rem;
    background-color: #3959A5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.kaynak-wrapper span i {
    color: white;
    font-size: 15px
}

.default-list {
    padding: 1rem 0
}

.default-list.mBottom li:not(:last-child) {
    margin-bottom: 1rem
}

.default-list li {
    display: -webkit-box;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-family: Sarabun, sans-serif;
    font-size: 1.125rem;
    font-size: clamp(1rem, 1vw, 1.125rem);
    font-weight: normal;
    font-style: normal;
    color: #000
}

.default-list li::before {
    content: "";
    background-color: #00863c;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    display: -webkit-box;
    position: relative;
    margin: 0 1rem 0 0
}

@media (max-width: 63.9375em) {
    .default-list li::before {
        margin: 0 0.2rem 0 0
    }
}

.breadcrumb {
    position: relative;
    padding: 1rem 0 0;
    margin: 0
}

.breadcrumb ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumb ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumb ul li:not(:last-child):after {
    content: "";
    position: relative;
    margin: 0 1rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
    width: 1px;
    background-color: #ABABAB
}

.breadcrumb ul li.active a {
    color: #d9000d
}

.breadcrumb ul li a {
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: normal;
    font-style: normal;
    color: #ABABAB;
    -webkit-transition: color .4s ease-in-out;
    transition: color .4s ease-in-out
}

.breadcrumb ul li:hover a {
    color: #d9000d
}

.defultSection {
    position: relative;
    display: block;
    padding: 1rem 0 0
}

.defultSection .title {
    font-family: Sarabun, sans-serif;
    font-size: 1.375rem;
    font-size: clamp(1.25rem, 2vw, 1.375rem);
    font-weight: 500;
    font-style: normal;
    color: #073465
}

.defultSection .bTitle {
    font-family: Sarabun, sans-serif;
    font-size: 1.75rem;
    font-size: clamp(1.625rem, 2vw, 1.75rem);
    font-weight: bold;
    font-style: normal;
    color: #000;
    margin-bottom: 1rem
}

.defultSection .bTitle.norm {
    font-family: Sarabun, sans-serif;
    font-size: 1.75rem;
    font-size: clamp(1.625rem, 2vw, 1.75rem);
    font-weight: normal;
    font-style: normal;
    color: #000
}

.defultSection .bTitle.norm span {
    font-family: Sarabun, sans-serif;
    font-size: 1.75rem;
    font-size: clamp(1.625rem, 2vw, 1.75rem);
    font-weight: bold;
    font-style: normal;
    color: #000
}

.defultSection .bTitle span {
    font-family: Sarabun, sans-serif;
    font-size: 1.75rem;
    font-size: clamp(1.625rem, 2vw, 1.75rem);
    font-weight: bold;
    font-style: normal;
    color: #000
}

.defultSection .bTitle i {
    font-size: 30px;
    color: black;
    padding-right: 1rem
}

.defultSection .barcode-box-wrapper {
    position: relative;
    margin-top: 1rem;
    z-index: 6
}

.defultSection .barcode-box-wrapper .abImage {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: contain;
    object-fit: contain;
    height: auto;
    bottom: 100%;
    z-index: -1
}

@media (max-width: 63.9375em) {
    .defultSection .barcode-box-wrapper .abImage {
        bottom: 80%;
        height: 100%;
        min-height: 400px
    }
}

.defultSection .barcode-box-wrapper .barcode-inner-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-self: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: white;
    z-index: 3;
    padding: 1rem
}

.defultSection .barcode-box-wrapper .barcode-inner-box p {
    padding: 2rem 0 0;
    font-family: Sarabun, sans-serif;
    font-size: 1.375rem;
    font-size: clamp(1.25rem, 2vw, 1.375rem);
    font-weight: bold;
    font-style: normal;
    color: #073465
}

.defultSection .barcode-box-wrapper .barcode-inner-box span {
    padding: 1rem 0;
    font-family: Sarabun, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: normal;
    font-style: normal;
    color: #073465;
    text-align: center
}

.defultSection .barcode-box-wrapper .barcode-inner-box ul {
    padding: 0.5rem 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.defultSection .barcode-box-wrapper .barcode-inner-box ul li:not(:last-child) {
    margin-right: 0.5rem
}

.defultSection .barcode-box-wrapper .barcode-inner-box ul li.links:not(:last-child) {
    margin-right: 12px
}

.defultSection .barcode-box-wrapper .barcode-inner-box ul li.links a img {
    max-width: 80px;
    min-width: 80px
}

.defultSection .barcode-box-wrapper .barcode-inner-box ul li a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.defultSection .barcode-box-wrapper .barcode-inner-box ul li a img {
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 150px;
    min-width: 150px
}

.defultSection .barcode-box-wrapper .barcode-inner-box ul li img {
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.defultSection p {
    font-family: Sarabun, sans-serif;
    font-size: 1.125rem;
    font-size: clamp(1rem, 1vw, 1.125rem);
    font-weight: normal;
    font-style: normal;
    color: #000
}

.defultSection p+p {
    margin-top: 1rem
}

.defultSection .ownSlider {
    position: relative
}

.defultSection .ownSlider .slider-button-wrapper {
    position: absolute;
    left: 105%;
    bottom: 0
}

@media (max-width: 63.9375em) {
    .defultSection .ownSlider .slider-button-wrapper {
        position: relative;
        left: auto;
        margin-top: 1rem
    }
}

.defultSection .ownSlider .slider-button-wrapper ul {
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 63.9375em) {
    .defultSection .ownSlider .slider-button-wrapper ul {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.defultSection .ownSlider .slider-button-wrapper ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.defultSection .ownSlider .slider-button-wrapper ul li.disabled a i {
    color: #d6d6d6
}

.defultSection .ownSlider .slider-button-wrapper ul li:not(:last-child) {
    margin-bottom: 1rem
}

@media (max-width: 63.9375em) {
    .defultSection .ownSlider .slider-button-wrapper ul li:not(:last-child) {
        margin-right: 1rem;
        margin-bottom: 0
    }
}

.defultSection .ownSlider .slider-button-wrapper ul li a {
    width: 3rem;
    height: 3rem;
    border: 1px solid #d6d6d6;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.defultSection .ownSlider .slider-button-wrapper ul li a i {
    color: black;
    font-size: 20px
}

.defultSection .ownSlider .slider-button-wrapper ul li:hover a {
    border: 1px solid black
}

.defultSection .ownSlider .item img {
    width: 100%;
    height: 100%;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    -o-object-fit: cover;
    object-fit: cover
}

.selection-view .selection-box-wrapper {
    position: relative;
    margin-top: 2rem;
    height: 100%
}

.selection-view .selection-box-wrapper .selection-inner-wrapper {
    position: relative;
    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;
    height: 100%;
    padding: 1rem 0 1rem 1rem
}

@media (max-width: 63.9375em) {
    .selection-view .selection-box-wrapper .selection-inner-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.selection-view .selection-box-wrapper .selection-inner-wrapper .title {
    font-family: Gotham, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: normal;
    font-style: normal;
    color: #3959A5
}

@media (max-width: 63.9375em) {
    .selection-view .selection-box-wrapper .selection-inner-wrapper .title {
        margin-bottom: 2rem
    }
}

.selection-view .selection-box-wrapper .selection-inner-wrapper .title i {
    font-size: 20px;
    color: #3959A5
}

.selection-view .selection-box-wrapper .selection-inner-wrapper .selection-button-wrapper {
    position: relative
}

.selection-view .selection-box-wrapper .selection-inner-wrapper .selection-button-wrapper a {
    padding: 1rem 2rem;
    background-color: #8ab0f0;
    height: 100%;
    font-family: Gotham, sans-serif;
    font-size: 1.25rem;
    font-size: clamp(1.125rem, 1vw, 1.25rem);
    font-weight: normal;
    font-style: normal;
    color: #3959A5;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.selection-view .selection-box-wrapper .selection-inner-wrapper .selection-button-wrapper a.lightBlue {
    background-color: #3959A5;
    color: white
}

.selection-view .selection-box-wrapper .selection-inner-wrapper .selection-button-wrapper a.lightBlue i {
    color: white;
    font-size: 15px;
    margin-right: 12px
}

.selection-view .selection-box-wrapper .selection-inner-wrapper .selection-button-wrapper a.lightBlue:hover {
    background-color: #253a6c
}

.selection-view .selection-box-wrapper .selection-inner-wrapper .selection-button-wrapper a i {
    color: #3959A5;
    font-size: 15px;
    margin-right: 12px;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.selection-view .selection-box-wrapper .selection-inner-wrapper .selection-button-wrapper a:hover {
    background-color: #3857a1;
    color: white
}

.selection-view .selection-box-wrapper .selection-inner-wrapper .selection-button-wrapper a:hover i {
    color: white
}

.defultSection .table-wrapper {
    overflow-x: auto;
    width: 100%
}

.defultSection .table-wrapper table {
    width: 100%
}

@media (max-width: 63.9375em) {
    .defultSection .table-wrapper table {
        width: 1400px
    }
}

.defultSection .table-wrapper table thead {
    background-color: #00863c
}

.defultSection .table-wrapper table thead tr td {
    font-family: Gotham, sans-serif;
    font-size: 1rem;
    font-size: clamp(1rem, 1vw, 1rem);
    font-weight: normal;
    font-style: normal;
    color: #fff
}

.defultSection .table-wrapper table thead tr td.width6 {
    width: 6%
}

.defultSection .table-wrapper table thead tr td.width7 {
    width: 7%
}

@media (max-width: 80em) {
    .slider-section .slider-wrapper .basvuru-d {
        top: 75%
    }
}

@media only screen and (min-width: 64em) and (max-width: 79rem) and (max-height: 85.675em) {
    .header_box_wrapper {
        min-width: 60px !important;
        max-width: 60px;
        padding: 0.7rem !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center
    }

    .header_box_wrapper span {
        padding-right: 0
    }

    .header_box_wrapper span p {
        display: none
    }

    .header_box_wrapper i {
        display: none
    }
}

@media only screen and (max-width: 64em) and (max-height: 85.675em) {
    .cMn {
        margin: 0 !important;
        padding: 0
    }

    .row.row-eq-height {
        height: auto
    }

    .dev-list-wrapper .slider-button-wrapper {
        position: relative;
        margin-top: 1rem !important
    }

    .scroll-wrapper {
        overflow-x: hidden;
        overflow-y: hidden;
        white-space: nowrap !important;
        overflow-x: auto !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        -webkit-box-pack: unset !important;
        -ms-flex-pack: unset !important;
        justify-content: unset !important;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .scroll-wrapper.withnot {
        display: block
    }

    .scroll-wrapper.withScrollbar::-webkit-scrollbar {
        display: block !important
    }

    .scroll-wrapper.someGrid {
        display: -ms-grid;
        display: grid
    }

    .scroll-wrapper::-webkit-scrollbar {
        display: none !important
    }

    .scroll-wrapper .col-lg-20 {
        width: 45%
    }

    .defultSection .table-wrapper .table {
        width: 1400px
    }

    .ipprhide {
        display: none !important
    }

    .ipprshow {
        display: block !important
    }

    .header__link>.menuLinks>li:nth-child(-n+6) {
        margin-right: 0.5rem
    }

    .header.withSticky .header__link>.menuLinks>li:nth-child(-n+6) {
        margin-right: 0.5rem
    }
}

@media only screen and (max-width: 64em) and (max-height: 48em) {
    .defultSection .table-wrapper .table {
        width: 1400px
    }

    .ipprshow {
        display: none !important
    }

    .ipprhide {
        display: block !important
    }

    .header__link>.menuLinks {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .header__link>.menuLinks li:not(:last-child) {
        margin-right: 0.4rem
    }

    .header__link>.menuLinks li a {
        font-size: 16px
    }

    .header__link>.menuLinks>li:nth-child(-n+6) {
        margin-right: 0.8rem
    }

    .header.withSticky .header__link>.menuLinks>li:nth-child(-n+6) {
        margin-right: 0.8rem
    }
}

@media (max-width: 85.8em) {
    .well::before {
        height: auto
    }

    .mainHaberler .haberlerSlider .haberler-slider .slick-track {
        float: unset
    }

    .header__link>.menuLinks>li:not(:last-child)::after {
        display: none
    }

    .nm {
        margin: auto
    }

    .header__link>.menuLinks img {
        width: 80px !important
    }
}

@media (max-width: 63.9375em) {
    .cMn {
        margin: auto !important;
        padding: 0 15px !important
    }

    .scroll-wrapper {
        overflow-x: hidden;
        overflow-y: hidden;
        white-space: nowrap !important;
        overflow-x: auto !important;
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
        -webkit-box-pack: unset !important;
        -ms-flex-pack: unset !important;
        justify-content: unset !important;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .scroll-wrapper.withScrollbar::-webkit-scrollbar {
        display: block !important
    }

    .scroll-wrapper.someGrid {
        display: -ms-grid;
        display: grid
    }

    .scroll-wrapper::-webkit-scrollbar {
        display: none !important
    }

    .scroll-wrapper .col-lg-20 {
        width: 45%
    }
}

@media (max-width: 47.49938em) {
    .np {
        padding: 0
    }

    .nm {
        margin: 0
    }
}

@media (max-width: 20.69937em) {
    .mobileMenu .dev-list-wrapper ul li {
        min-width: 220px
    }
}

/*# sourceMappingURL=theme.min.css.map */