article#post-5168 .entry-content {
    display: unset;
}
.page-id-5168 .main-header {
    display: none;
}

.page-id-5168 .site-content p:empty {
    display: none;
}

.page-id-5168 .slide.magento2-package br {
    display: none;
}

.page-id-5168 .site-content .container, 
.page-id-5168 .site-content .container {
    max-width: 100%;
    padding: 0;
}

.page-id-5168 .site-content .container.package{
    padding: 0 15px;
}

.e-commerce-m2-topic {
    background: linear-gradient(180deg, #001D3D 0%, #002854 100%);
    color: #ffffff;
    padding: 60px 0;
    font-family: 'Noto Sans Thai';
}

.page-id-5168 .site-content .container.topic,
.page-id-5168 .site-content aside#footbar .container,
.page-id-5168 .site-content .bg-foot .container {
    padding: 0 15px;
}

.slide.magento2-package .e-commerce-m2-topic h3 {
    font-weight: 400;
    font-size: 1.2rem;
    margin: 0;
}
.slide.magento2-package .e-commerce-m2-topic h3 span {
    font-weight: 600;
    margin: 0 0 0 5px;
    font-size: 2rem;
}

.slide.magento2-package .e-commerce-m2-topic h2 span {
    font-size: 2.5rem;
    font-weight: 600;
    margin: 0 5px 0 0;
}
.slide.magento2-package .e-commerce-m2-topic h2 {
    font-weight: 400;
    font-size: 2.5rem;
    color: #3DC4F9;
}
.slide.magento2-package .e-commerce-m2-topic .experience.box{
    position: relative;
}

.slide.magento2-package .e-commerce-m2-topic .experience.box ul {
    border-left: solid 3px #fff;
        padding: 0 0 0 15px;
}
.slide.magento2-package .e-commerce-m2-topic .experience.box ul li {
    list-style: none;
}

.slide.magento2-package .e-commerce-m2-topic .experience.box p.intrger {
    position: absolute;
    text-align: center;
    white-space: break-spaces;
    font-weight: 600;
    font-size: 1.4rem;
}

.slide.magento2-package .e-commerce-m2-topic .experience.box img {
    position: relative;
}

.slide.magento2-package .e-commerce-m2-topic .text.group.box2 .experience.box:nth-child(1) p.intrger {
    top: 60%;
    margin: 0 0 0 40px;
}
.slide.magento2-package .e-commerce-m2-topic .text.group.box2 .experience.box:nth-child(2) p.intrger {
    top: 50%;
    margin: 0 0 0 28px;
}

.magento2-page-package .container.package h3.topic {
    color: #000000;
    white-space: break-spaces;
    text-align: center;
    font-size: 2rem;
}

.magento2-page-package .container.package h3.topic span {
    font-size: 2.5rem;
    font-weight: 600;
}

.slide.magento2-package .e-commerce-m2-topic .text.group.box2{
    display: flex;
}
.slide.magento2-package .e-commerce-m2-topic .text.group.box2 {
    justify-content: space-around;
}
    
.magento2-page-package .mag-pack.mag-2.three-column.pricing-table ul.plist li {
    white-space: break-spaces;
    padding: 10px;
}

.magento2-page-package .sub-pbox .pbox-head {
    border-radius: 20px 20px 0 0;
}

.magento2-page-package .sub-pbox.silver .pbox-head {
    background-color: #A1A1A1 !important;
}

.magento2-page-package .sub-pbox.gold .price, 
.magento2-page-package .sub-pbox.silver .button{
    background-color: #ACACAC !important;
}

.magento2-page-package .sub-pbox.gold .pbox-head {
    background-color: #FF8E14 !important;
}
.magento2-page-package .sub-pbox.gold .price, 
.magento2-page-package .sub-pbox.gold .button {
    background-color: #FFB463 !important;
}

.magento2-page-package .sub-pbox.diamond .pbox-head {
    background-color: #0169B2 !important;
}
.magento2-page-package .sub-pbox.diamond .price, 
.magento2-page-package .sub-pbox.diamond .button {
    background-color: #3A92D0 !important;
}


.magento2-page-package .sub-pbox.silver .button a span {
    background: #A1A1A1;
}

.magento2-page-package .sub-pbox.gold .button a span {
    background: #FF8E14;
}

.magento2-page-package .sub-pbox.diamond .button a span {
    background: #0169B2;
}

.magento2-page-package .sub-pbox .button a:hover{
    filter: brightness(0.9);
}

.magento2-page-package .sub-pbox .button a:hover span{
    color: unset;
}

.magento2-page-package .container.package .note {
    font-family: 'Noto Sans Thai';
}

.magento2-page-package .container.package .note h4 {
    background-color: #FF8E14;
    margin: 0;
    height: fit-content;
    color: #ffffff;
    padding: 0 5px;
    border-radius: 10px;
    width: fit-content;
}

.magento2-page-package .container.package .note ul li {
    list-style: none;
}

.magento2-page-package .container.package .note ul li:before {
    list-style: none;
    content: "\2022";
    color: #FF8E14;
    font-weight: bold;
    font-size: 1rem;
    margin-right: 5px;
    line-height: 0;
}
.magento2-page-package .container.package .note ul {
    padding: 0 0 0 15px;
}

.our-port-group.magento2 .container.our-port a.view-more button:hover{
    filter: brightness(0.8)
}

.our-port-group.magento2 .container.our-port a.view-more button {
    width: 100%;
    height: 45px;
    background-color: #002854;
    color: #ffffff;
    border: 0;
    border-radius: 4px;
    margin: 30px 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our-port-group.magento2 .container.our-port a.view-more button img {
    width: 10px;
    margin: 0 0 0 10px;
}

.our-port-group.magento2 .container.our-port .port-group {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 25px;
}

.page-id-5168 .site-content .our-port-group.magento2 .container.our-port,
.page-id-5168 .site-content .magento2-page-package .why-us.magento2 .container.why-us{
    padding: 0 15px;
}

.our-port-group.magento2 .container.our-port h2 {
    text-align: center;
    color: #ffffff;
    font-size: 1.5rem;
    font-weight: 600 !important;
    margin: 30px 0 25px 0;
}

.our-port-group.magento2 .container.our-port .port-group .port-item img{
    width: 100%;
    height: 575px;
    object-fit: cover;
    object-position: 0 0;
  
}

.our-port-group.magento2 .container.our-port .port-group .port-item h4 {
    text-align: center;
    margin: 20px 0 0 0;
    background: #002854;
    border-radius: 4px;
    color: #ffffff;
    padding: 10px 0;
    font-size: 1rem;
}
.our-port-group.magento2 .container.our-port .port-group .port-item p {
    padding: 0 15px;
    margin: 15px 0 0 0;
    color: #ffffff;
    font-family: 'Noto Sans Thai';
}

.our-port-group.magento2 {
    background-color: #001D3D;
}

.magento2-page-package {
    background-color: #ffffff;
    margin: -1px 0 0 0;
}

.page-id-5168 .content-area {
    margin-bottom: 0;
}

.magento2-page-package .why-us.magento2 .container.why-us{
    position: relative;
}

.magento2-page-package .why-us.magento2 .container.why-us .text-box {
    background-color: #F5F5F5;
    color: #000000;
    padding: 20px 0 20px 30px;
    text-align: start;
    display: flex;
    align-items: center;
    margin: 0 0 10px 0;
}

.magento2-page-package .why-us.magento2 .container.why-us .why-us-box .text-box h2 span {
    color: #0169B2;
    font-weight: 600;
}

.magento2-page-package .why-us.magento2 .container.why-us .why-us-box .text-box h2 {
    margin: 0;
    font-size: 2.3rem;
}

.magento2-page-package .why-us.magento2 .container.why-us img.bg-why-us {
    width: auto;
}

.magento2-page-package .why-us.magento2 .container.why-us .text-box img {
    width: 40px;
    margin: 0 0 0 20px;
}

.magento2-page-package .why-us.magento2 .container.why-us .text-box p{
    margin: 0;
}

.magento2-page-package .sub-pbox .price{
    font-weight: 600 !important;
}

.why-us-group-box {
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-gap: 15px;
    margin: 25px 0 0 0;
}

.why-us-group-box .group-item .image {
    background-color: #0169B2;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 30px auto;
}
.magento2-page-package .why-us-group-box .group-item p {
    padding: 0;
}
.container.why-us .why-us-group-box {
    margin: 45px 0;
}
.why-us.magento2 .why-us-group-box .group-item .image {
    margin: 0 auto 30px;
}

.why-us-group-box .group-item .text h4 {
    justify-self: center;
    color: #000;
    font-size: 1rem;
    font-weight: 600 !important;
}

.why-us-group-box .group-item .text p {
    color: #000;
    font-size: 1rem;
}

.magento2-page-package .nextend-bullet-bar.n2-bar-justify-content-center {
    position: unset;
}

.magento2-page-package .nextend-bullet-bar.n2-bar-justify-content-center .n2-bullet.n2-active {
    background-color: #ffffff !important;
    opacity: 1 !important;
}

.magento2-page-package .nextend-bullet-bar.n2-bar-justify-content-center .n2-bullet {
    background-color: #ffffff6b !important;
    opacity: 0.3 !important;
}
.why-us-group-box .group-item .image img {
    width: 65px;
}

.magento2-page-package .container.package .mag-pack.mag-2.three-column.pricing-table .pbox-head h3 {
    font-weight: 600 !important;
    margin: 10px 0 0 0;
}

.magento2-page-package .container.package .mag-pack.mag-2.three-column.pricing-table .price {
    color: #ffffff !important;
    text-align: center;
    font-size: 1.5rem !important;
    font-weight: 400 !important;
    padding: 20px;
}

.magento2-page-package .container.package .mag-pack.mag-2.three-column.pricing-table .price span {
    font-size: 1rem;
}

.magento2-page-package .container.package .mag-pack.mag-2.three-column.pricing-table .button {
    text-align: center;
    padding: 15px 0;
    border-radius: 0 0 20px 20px;
}

.magento2-page-package .container.package .mag-pack.mag-2.three-column.pricing-table .button a span {
    border-radius: 22px;
    color: #ffffff;
    padding: 5px 35px;
}


@media (min-width: 425px){
    .why-us-group-box {
        grid-template-columns: repeat(2,1fr);
    }
}


@media (min-width: 576px){
    .page-id-5168 .site-content .container.topic,
    .page-id-5168 .site-content aside#footbar .container,
    .page-id-5168 .site-content .bg-foot .container,
    .page-id-5168 .site-content .container.package,
    .page-id-5168 .site-content .our-port-group.magento2 .container.our-port,
    .page-id-5168 .site-content .magento2-page-package .why-us.magento2 .container.why-us,
    .magento2-page-package .container.package{
        max-width: 540px;

    }
}



@media (min-width: 768px){
    .magento2-page-package .container.package .note {
        display: flex;
    }
    
    .why-us-group-box {
        grid-template-columns: repeat(3,1fr);
    }
    .magento2-page-package .why-us.magento2 .container.why-us .text-box {
        position: absolute;
        left: 0;
        top: 217px;
        padding: 20px 110px 20px 50px;
    }

    
    .why-us-box.page {
        display: flex;
        justify-content: flex-end;
    }


    .our-port-group.magento2 .container.our-port .port-group {
        grid-template-columns: repeat(3,1fr);
    }
    .slide.magento2-package .e-commerce-m2-topic .container.topic{
        display: flex;
    }
    .slide.magento2-package .e-commerce-m2-topic .text.group {
        max-width: 50%;
        flex-basis: 50%;
    }
    .page-id-5168 .site-content .container.topic,
    .page-id-5168 .site-content aside#footbar .container,
    .page-id-5168 .site-content .bg-foot .container,
    .page-id-5168 .site-content .container.package,
    .page-id-5168 .site-content .our-port-group.magento2 .container.our-port,
    .page-id-5168 .site-content .magento2-page-package .why-us.magento2 .container.why-us,
    .magento2-page-package .container.package{
        max-width: 720px;

    }

}

@media (min-width: 992px){
    .magento2-page-package .sub-pbox .pbox-head {
        border-radius: 0;
    }
    .magento2-page-package .container.package .mag-pack.mag-2.three-column.pricing-table .button {
        border-radius: 0;
    }
    .magento2-page-package .sub-pbox.silver .pbox-head {
        border-radius: 20px 0 0 0;
    }
    .magento2-page-package .sub-pbox.silver .button {
        border-radius: 0 0 0 20px !important;
    }
    .magento2-page-package .sub-pbox.diamond .pbox-head {
        border-radius: 0 20px 0 0;
    }
    .magento2-page-package .sub-pbox.diamond .button{
         border-radius: 0 0 20px 0 !important;
    }

    .slide.magento2-package .e-commerce-m2-topic .text.group.box1 {
        padding: 0 50px 0 0;
    }
    
    .why-us-group-box .group-item .text p {
        padding: 0 50px;
    }
    .slide.magento2-package .e-commerce-m2-topic .text.group.box2 .experience.box:nth-child(1) p.intrger {
        top: 55%;
        margin: 0 0 0 35px;
    }
    
    .slide.magento2-package .e-commerce-m2-topic .text.group.box2 .experience.box:nth-child(2) p.intrger {
        top: 45%;
        margin: 0 0 0 28px;
    }
    
    .page-id-5168 .site-content .container.topic,
    .page-id-5168 .site-content aside#footbar .container,
    .page-id-5168 .site-content .bg-foot .container,
    .page-id-5168 .site-content .container.package,
    .page-id-5168 .site-content .our-port-group.magento2 .container.our-port,
    .page-id-5168 .site-content .magento2-page-package .why-us.magento2 .container.why-us,
    .magento2-page-package .container.package{
        max-width: 960px;

    }

}

@media (min-width: 1200px){
    .magento2-page-package .why-us.magento2 .container.why-us .text-box {
        justify-content: center;
        height: 200px;
        left: 3%;
        top: 155px;
        width: 42%;
        padding: 0 0 0 55px;
    }

    .magento2-page-package .why-us.magento2 .container.why-us .why-us-box .text-box h2 {
        margin: 0 0 0 -170px;
    }

    .slide.magento2-package .e-commerce-m2-topic .text.group.box1 {
        max-width: 55%;
        flex-basis: 55%;
    }
    .slide.magento2-package .e-commerce-m2-topic .text.group.box2 {
        max-width: 45%;
        flex-basis: 45%;
    }
    
    .page-id-5168 .site-content .container.topic,
    .page-id-5168 .site-content aside#footbar .container,
    .page-id-5168 .site-content .bg-foot .container,
    .page-id-5168 .site-content .container.package,
    .page-id-5168 .site-content .our-port-group.magento2 .container.our-port,
    .page-id-5168 .site-content .magento2-page-package .why-us.magento2 .container.why-us,
    .magento2-page-package .container.package{
        max-width: 1200px;

    }

}