:root {
    --tdh-text-heading: "aktiv-grotesk-thai", Sans-serif;
    --tdh-text-content: "aktiv-grotesk-thai", Sans-serif;
    --tdh-text-post: "aktiv-grotesk-thai", Sans-serif;
    --tdh-paragraph-weight: 500; 
    --tdh-post-weight: 400; 
    --tdh-content-size: 17px;
    --tdh-post-size: 17px; 
    --tdh-content-lineheight: 1.4;
    --tdh-post-color: #404040;   
}
    
@font-face {
    font-family: 'Sukhumvit Set';
    src: url("/wp-content/themes/thaidata/fonts/SukhumvitSet-Text.woff2") format('woff2'),
        url("/wp-content/themes/thaidata/fonts/SukhumvitSet-Text.woff") format('woff'),
        url("/wp-content/themes/thaidata/fonts/SukhumvitSet-Text.ttf") format('truetype'),
        url("/wp-content/themes/thaidata/fonts/SukhumvitSet-Text.svg") format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sukhumvit Set';
    src: url("/wp-content/themes/thaidata/fonts/SukhumvitSet-Medium.woff2") format('woff2'),
        url("/wp-content/themes/thaidata/fonts/SukhumvitSet-Medium.woff") format('woff'), 
        url("/wp-content/themes/thaidata/fonts/SukhumvitSet-Medium.ttf") format('truetype'),
        url("/wp-content/themes/thaidata/fonts/SukhumvitSet-Medium.svg") format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sukhumvit Set';
    src: url("/wp-content/themes/thaidata/fonts/SukhumvitSet-Bold.woff2") format('woff2'),
        url("/wp-content/themes/thaidata/fonts/SukhumvitSet-Bold.woff") format('woff'),
        url("/wp-content/themes/thaidata/fonts/SukhumvitSet-Bold.ttf") format('truetype'),
        url("/wp-content/themes/thaidata/fonts/SukhumvitSet-Bold.svg") format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sukhumvit Set';
    src: url("/wp-content/themes/thaidata/fonts/SukhumvitSet-SemiBold.woff2") format('woff2'),
        url("/wp-content/themes/thaidata/fonts/SukhumvitSet-SemiBold.woff") format('woff'),
        url("/wp-content/themes/thaidata/fonts/SukhumvitSet-SemiBold.ttf") format('truetype'),
        url("/wp-content/themes/thaidata/fonts/SukhumvitSet-SemiBold.svg") format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap; 
}

h1,
h2, 
h3,
h4, 
h5,
h6 {
    font-family: var(--tdh-text-heading) !important;
    font-weight: 500 !important;
}

.elementor-button-wrapper a.elementor-button,
.elementor-button span,
.entry-title a,
.title-link a,
.title-link .neuron-swiper .m-neuron-testimonial__cite .m-neuron-testimonial__name{
    font-family: var(--tdh-text-heading);
    font-weight: 500;
}  

body,
p,
ul li,
ul li a, 
a {
    font-size: var(--tdh-content-size);
    font-weight: var(--tdh-paragraph-weight);
    letter-spacing: inherit;
    font-family: var(--tdh-text-content);
    line-height: var(--tdh-content-lineheight);
    font-variant-ligatures: common-ligatures; 
}
.elementor-element,
.elementor-element .elementor-element{
    font-weight: var(--tdh-paragraph-weight);
}
b, strong {
    font-weight: 500 !important;
}
body, 
p,
ul li,
li, 
.elementor-widget-text-editor p a{
    color: var( --tdh-post-color);
}
.elementor .elementor-element {
    font-size: var(--tdh-content-size);
}
body,
input,
textarea,
select,
button,
ul li,
ul li a {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.title span,
.title p {
    font-family: var(--tdh-text-heading);
    font-weight: bold !important;
    font-size: 2.4rem;
}
.gradient-btn .elementor-button-wrapper .elementor-button {
    background: rgb(210, 156, 255) !important;
    background: linear-gradient(90deg,
            rgba(210, 156, 255, 1) 0%,
            rgba(183, 114, 241, 1) 44%,
            rgba(139, 0, 255, 1) 100%) !important;
}

.hidden {
    display: none;
}

div.relative {
    position: relative;
}

div.no-warp {
    flex-wrap: nowrap;
}
div.overflow-hidden{
    overflow: hidden;
}
.text-highlight{
    color: var( --e-global-color-4447fbc )
}


@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
header {
    border-bottom: 1px solid #c7d1e1;
}
.home header {
    border: none;
}
.home-heading {
    font-size: 2.4rem;
    line-height: 1.1;
}
.main-cover-banner img {
    width: 100%;
}
header .elementor-section-wrap .elementor-top-section.neuron-sticky {
    background-color: #fff;
}
.elementor-widget-container .elementor-heading-title {
    line-height: 1.4;
    letter-spacing: initial;
}
.leading-none .elementor-widget-container .elementor-heading-title {
    line-height: 1.1;
}
ul.m-neuron-price-list .m-neuron-price-list__header{
    font-weight: 500;
    font-size: 17px;
}
header .first-menu-col .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item a,
header .second-menu-col .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item a,
.header-top-wrapper .first-right-col .m-neuron-nav-menu li a {
    font-family: var(--tdh-text-heading);
}
.header-main-bottom .m-neuron-nav-menu .sub-arrow,
.header-main-bottom .m-neuron-nav-menu--mobile .sub-arrow {
    padding: 10px 0 10px 5px;
}
.header-first-menu ul{
    display: flex;
    margin: 0;
    padding: 0;
}
.header-first-menu ul li{
    list-style-type: none;
}
.header-first-menu ul li + li {
    padding-left: 16px;
}
.header-middle-row
.header-middle-row .elementor-button-wrapper a.elementor-button {
    font-size: 1.6rem;
}
.header-middle-row .elementor-button-wrapper a.elementor-button span {
    line-height: 1.6;
}  
.header-middle-row .btn-quote a.elementor-button .elementor-button-text::after {
    content: '';
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2025/06/22162831/slider-arrow-right.svg") no-repeat 0 10px/22px auto;
    width: 22px;
    height: 45px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 15px;
}

 
@-moz-document url-prefix() {
    
    header .first-menu-col .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item a,
    .header-top-wrapper .first-right-col .m-neuron-nav-menu li a,
    .elementor-widget-tabs.elementor-tabs-alignment-stretch.elementor-tabs-view-horizontal .elementor-tab-title,
    .cloud-solution-grid-link .elementor-image-box-content .elementor-image-box-title a{
        font-weight: bold;
    } 

}

header .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item ul.sub-menu {
    padding: 5px 0;
    min-width: 220px;
}
.elementor-button-wrapper a {
    font-weight: 600 !important;
}
.m-neuron-nav-menu .m-neuron-nav-menu__list li .sub-menu li {
    padding: 6px 14px !important;
    margin: 0;
}
.m-neuron-nav-menu .m-neuron-nav-menu__list li.col-2 .sub-menu li {
    padding: 10px 0 !important;
}
.m-neuron-nav-menu .m-neuron-nav-menu__list li.col-2 .sub-menu li li {
    padding: 10px !important;
}

.m-neuron-nav-menu .m-neuron-nav-menu__list li .sub-menu li ul li {
    padding: 10px !important;
}
.m-neuron-nav-menu .m-neuron-nav-menu__list li .sub-menu li a {
    display: inline-block;
    width: 100%;
    position: relative;
}
.m-neuron-nav-menu .m-neuron-nav-menu__list li .sub-menu li ul li a {
    font-size: 1.7rem !important;
}
.m-neuron-nav-menu .m-neuron-nav-menu__list li .sub-menu li img {
    width: 28px;
    height: 28px;
    position: absolute;
}
.m-neuron-nav-menu .m-neuron-nav-menu__list li .sub-menu li span {
    padding-left: 34px;
    display: inline-block;
}
.m-neuron-nav-menu .m-neuron-nav-menu__list li.col-2 .sub-menu .sub-menu li:hover img,
.m-neuron-nav-menu .m-neuron-nav-menu__list li .sub-menu li:hover img {
    filter: brightness(0.7);
}
.m-neuron-nav-menu .m-neuron-nav-menu__list li.col-2 .sub-menu li:hover img {
    filter: brightness(1);
}
.m-neuron-nav-menu .m-neuron-nav-menu--indicator-angle .sub-arrow i:before {
    font-weight: 600;
}
.main-menu .m-neuron-nav-menu .sub-arrow {
    display: inline-block;
    padding-left: 5px;
}
.main-menu-mobile .m-neuron-nav-menu .sub-arrow {
    float: right;
}
.main-menu .m-neuron-nav-menu--indicator-angle .sub-arrow i:before {
    content: '';
    display: inline-block;
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/07/27123705/dropdown-menu.svg") no-repeat 0 0/ 10px auto;
    width: 10px;
    height: 8px;
    position: absolute;
    top: 10px;
    filter: invert(1);
}
header .elementor-section.main-menu .elementor-element .m-neuron-nav-menu .sub-menu li.current-menu-item a {
    color: #000;
}
header .main-menu .m-neuron-nav-menu ul li a {
    font-size: 1.7rem;
}
header .main-menu {
    z-index: 99;
}
.main-menu .m-neuron-nav-menu .col-2 .sub-menu .sub-arrow,
.m-neuron-nav-menu .sub-menu--vertical .sub-arrow {
    display: none;
}
header .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item ul.sub-menu.active .sub-menu {
    position: relative !important;
    width: 400px;
    left: unset !important;
    opacity: 1;
    visibility: visible;
    padding: 0;
    margin: 0 !important;
}
header .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item.col-2 ul.sub-menu {
    display: flex;
    flex-flow: column wrap;
    align-content: space-between;
    width: 960px;
    height: 325px;
    padding: 12px 15px;
}
header .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item.col-2 ul.sub-menu .sub-menu {
    flex-direction: column;
    width: auto;
    height: auto;
    margin-top: 8px !important;
}
header .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item.col-2 ul.sub-menu .submenu-col {
    background-color: transparent;
    width: auto;
    position: relative;
    margin-bottom: 5px;
}
header .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item.col-2:hover .sub-menu li a {
    color: #000;
}
header .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item.col-2 ul.sub-menu .submenu-col .sub-menu li:hover {
    background-color: #f6f7ff;
}
header .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item.col-2 .sub-menu .sub-menu li:hover a {
    color: #6130bd;
}
.neuron-popup-modal .sub-menu.sub-menu--vertical .sub-menu {
    padding: 0 !important;
    display: inline-block !important;
    width: 100%;
    margin-top: 10px !important;
}
.m-neuron-nav-menu li.col-2 .sub-menu li a:after {
    content: '';
    background-color: #eee;
    width: 85px;
    height: 2px !important;
    display: inline-block;
    position: absolute;
    margin: 14px 0 0 10px;
}
.m-neuron-nav-menu li.col-2 .sub-menu .sub-menu li a:after {
    display: none;
} 

/*Menu 2024*/
.m-neuron-nav-menu li:not(.elementor-icon-list-item).menu-item-has-children .sub-menu.active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0px) !important;
    margin-top: 0 !important;
}

/*Mega Menu*/
header .tdc-mega-menu {
    top: 15px;
}
header .main-menu .tdc-mega-menu .elementor-element a {
    color: #000;
    font-weight: 500 !important;
}
header .main-menu .tdc-mega-menu .elementor-element a:hover {
    color: #6130bd;
}
.main-menu .m-neuron-nav-menu--mega-menu {
    left: unset !important;
    width: 380px !important;
}
.elementor .tdc-mega-menu .elementor-image-box-wrapper img {
    width: 32px;
    filter: brightness(0);
}
.elementor .tdc-mega-menu .elementor-image-box-wrapper:hover img {
    filter: brightness(1);
}
.tdc-mega-menu p.elementor-image-box-title {
    margin: 0;
}
li.menu-item .tdc-mega-menu a {
    display: flex;
}
.m-neuron-nav-menu__list li a{
    font-weight: 600;
    font-size: 17px;
    font-family: var(--tdh-text-heading);
}  
.header-contact-column .elementor-widget-image-box .elementor-image-box-title a {
    font-weight: bold;
    font-family: var(--tdh-text-heading) !important;
    font-size: 17px;
    line-height: 1;
}
.header-contact-column .elementor-image-box-img img {
    width: 22px;
}
.header-top-bar .header-contact-column p{
    line-height: 1;
} 
.header-top-bar .header-contact-column p a {
    display: inline-block;
    line-height: 1;
    font-size: 16px !important;
}
.header-contact-column .elementor-widget-image-box h6.elementor-image-box-title {
    line-height: 1.3 !important;
}
.header-middle-row .m-neuron-nav-menu .sub-arrow{
    padding: 10px 0 10px 5px !important;
}

/*Mega Menu*/
.m-neuron-nav-menu .menu-item .m-neuron-nav-menu--mega-menu {
    z-index: 999;
    margin-top: 17px;
    transform: translateY(0);
}
.m-neuron-nav-menu .elementor-button-wrapper .elementor-button {
    display: inline;
}
.m-neuron-nav-menu .elementor-button .elementor-button-content-wrapper{
    float: left;
}
.m-neuron-nav-menu .elementor-icon-list-items a {
    font-weight: 500;
}
.m-neuron-nav-menu .elementor-icon-list-items a:hover{
    color: #7729ec;
}
.megamenu-container .elementor-widget-n-tabs .e-n-tab-title-text{
    font-family: var(--tdh-text-heading);
    font-weight: 600;
    font-size: 26px !important;
    line-height: 1.6;
}
.megamenu-container .elementor-button span {
    font-size: 25px;
    font-weight: 500;
}
.m-neuron-nav-menu--mega-menu .grid-mega-menu .elementor-icon-list-items li {
    margin: 0;
}
.megamenu-container .elementor-widget-n-tabs .e-n-tabs .e-n-tabs-heading {
    min-width: 330px !important;
}
.m-neuron-nav-menu .e-n-tabs-content .elementor-heading-title{
    border: none;
} 
.megamenu-container .e-n-tabs-heading .e-n-tab-title-text {
    padding-left: 47px;
}
.megamenu-container .e-n-tabs-heading .e-n-tab-title .e-n-tab-title-text:before{
    content: '';
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    background-size: 32px;
    opacity: .8;
}
.megamenu-container .e-n-tabs-heading .e-n-tab-title[aria-selected='true'] .e-n-tab-title-text:before,
.megamenu-container .e-n-tabs-heading .e-n-tab-title:hover .e-n-tab-title-text::before{
    opacity: 1;
}
.megamenu-container .e-n-tabs-heading #solution-1 .e-n-tab-title-text:before{
    background-image: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2024/08/08122211/megamenu-private-cloud.svg");
}
.megamenu-container .e-n-tabs-heading #solution-2 .e-n-tab-title-text:before{
    background-image: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2024/08/08122210/megamenu-webhosting.svg");
}
.megamenu-container .e-n-tabs-heading #solution-3 .e-n-tab-title-text:before{
    background-image: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2024/08/08122209/megamenu-cloud-storage.svg");
}
.megamenu-container .e-n-tabs-heading #solution-4 .e-n-tab-title-text:before{
    background-image: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2024/08/08122208/megamenu-cloud-network.svg");
}
.megamenu-container .e-n-tabs-heading #solution-5 .e-n-tab-title-text:before{
    background-image: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2024/08/08122207/megamenu-cloud-backup.svg");
}
.megamenu-container .e-n-tabs-heading #solution-6 .e-n-tab-title-text:before{
    background-image: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2024/08/08122206/megamenu-cloud-email.svg");
}
.megamenu-container .e-n-tabs-heading #solution-7 .e-n-tab-title-text:before{
    background-image: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2024/08/08122205/megamenu-domain.svg");
}
.megamenu-container .e-n-tabs-heading #solution-8 .e-n-tab-title-text:before{
    background-image: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2024/08/08122204/megamenu-go-china.svg");
} 
.m-neuron-nav-menu--mega-menu .grid-mega-menu {
    padding: 0;
}
.m-neuron-nav-menu--mega-menu .grid-mega-menu li a {
    color: #fff;
}
.m-neuron-nav-menu--mega-menu .grid-mega-menu li {
    margin: 20px 0;
} 

/*Main Menu Mobile*/
header .mobile-menu .rmp_menu_trigger {
    padding: 0;
    border: none !important;
} 
header .mobile-menu .rmp-container {
    min-width: 300px !important;
    background-color: #fff !important;
    padding: 20px !important;
}
header .mobile-menu .rmp-menu-wrap ul  li a {
    padding: 0 !important;
}
header .mobile-menu .rmp-menu-wrap ul li ul li a {
    padding-left: 15px !important;
}
header .mobile-menu .rmp-menu-wrap .dashicons-arrow-down-alt2:before {
    content: '\f343';
}
header .mobile-menu .rmp-menu-wrap .dashicons-arrow-up-alt2:before {
    content: '\f347';
}
header .mobile-menu button.rmp_menu_trigger {
    outline: none !important;
}
.main-menu li ul.sub-menu li .dashicons:before {
    color: #93accc;
}
.main-menu li ul.sub-menu li:hover .dashicons:before {
    filter: brightness(0.7);
}
header .mobile-menu .rmp-container.rmp-menu-open {
    box-shadow: 4px 0px 5px 0px rgba(96, 51, 109, 0.05);
    -webkit-box-shadow: 4px 0px 5px 0px rgba(96, 51, 109, 0.05);
    -moz-box-shadow: 4px 0px 5px 0px rgba(96, 51, 109, 0.05);
}
header .header-promo a span {
    margin-left: 4px;
}
header .header-promo a {
    position: relative;
    padding-left: 28px;
}
header .header-promo a:before {
    content: '';
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/01/11164715/icon-promotion.svg") left top / 24px 24px;
    filter: invert(1) brightness(10);
    display: inline-block;
    width: 24px;
    height: 24px;
    top: -5px;
    position: absolute;
    left: -5px;
}
.main-menu .m-neuron-nav-menu__pointer-animation--fade .m-neuron-nav-menu ul .menu-item.current-menu-item a:after,
.main-menu .m-neuron-nav-menu__pointer-animation--fade .m-neuron-nav-menu ul .menu-item:hover a:after {
    background-color: #7729ec !important;
}
.m-neuron-nav-menu__list li#menu-item-35811 a,
.m-neuron-nav-menu__list li#menu-item-35813 a{
    pointer-events: none;
}
.m-neuron-nav-menu__list li#menu-item-35811 .sub-menu li a,
.m-neuron-nav-menu__list li#menu-item-35813 .sub-menu li a{
    pointer-events: unset;
} 

/*Mobile Menu*/
.neuron-popup-modal .m-neuron-nav-menu ul li a {
    font-size: 2rem !important;
    display: inline-block;
    width: 100%;
} 
.neuron-popup-modal .sub-menu.sub-menu--vertical {
    padding: 0 0 0 15px !important;
}
 
/*Quick Menu*/
.header-quick-menu .m-neuron-nav-menu ul li a {
    font-size: 1.7rem !important;
    padding: 3px;
}
.header-quick-menu .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 5px;
}

/*Mega Menu 2025*/
.mega-menu-container .elementor-image-box-title {
    margin: 0;
} 
.mega-menu-container a.link-absolute {
    display: inline-block;
    float: left;
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0; 
}
.mega-menu-container .elementor-image-box-wrapper .elementor-image-box-img {
    background-color: #e9eef6;
    padding: 5px;
    border-radius: 4px;
}
.elementor-44725 .mega-menu-container .elementor-image-box-wrapper .elementor-image-box-img{
    background-color: transparent;
} 
.mega-menu-container h6.elementor-image-box-title {
    font-size: 16px;
}
.mega-menu-container.elementor-widget-image-box.elementor-vertical-align-top .elementor-image-box-wrapper {
    align-items: center;
}
.mega-menu-container .elementor-widget-image-box .elementor-image-box-content:hover h6 {
    color: #000;
}
.mega-menu-container .elementor-widget-image-box .elementor-image-box-wrapper:hover .elementor-image-box-img {
    background-color: #e8ecf2;
}
.mega-menu-container .elementor-button-wrapper a.elementor-button{
    display: inline-block;
    float: left;
}
.elementor-44725 .elementor-widget-image-box .elementor-image-box-img img{
    filter: grayscale(100%) invert(25%) sepia(42%) saturate(338%) hue-rotate(171deg) brightness(120%) contrast(96%);
}
.header-first-menu a,
.header-first-menu .m-neuron-nav-menu__list li a {
    font-weight: 500;  
    font-size: 14px !important;
}
.header-first-menu .m-neuron-nav-menu__list li:hover a {
    color: #fff !important;
}
.header-first-menu .m-neuron-nav-menu__list li a:first-of-type{
    float: left;
    vertical-align: middle;
}

/*Sub Menu Solution*/
.sub-solution {
    line-height: 1.3;
    font-size: 1.6rem;
}
.sub-solution .elementor-widget-image img {
    padding: 2px;
    filter: brightness(100);
}
.sub-solution .elementor-column .elementor-widget:not(:last-child) {
    margin-bottom: 0;
}
.column-solution .elementor-heading-title {
    min-height: 48px;
    line-height: 1.2;
    margin-top: 4px;
}

/*Home Page*/
.elementor-button-wrapper a.elementor-button {
    font-size: 1.9rem;
    line-height: 1.2;
    padding-top: 14px;
}
.row-popular-application img {
    filter: brightness(1) grayscale(100%);
}
.row-popular-application img:hover {
    filter: brightness(1) grayscale(0%);
}
.register-block .elementor-widget-container .elementor-heading-title {
    line-height: 1.4;
}
.register-block h2 a {
    font-size: 4rem !important;
    line-height: 1 !important;
}

/*Home Service*/
.our-service-2col .service-list a {
    border: 1px solid #7729ec;
    display: inline-block;
    padding: 5px 16px !important;
    border-radius: 6px;
    text-align: center;
    color: #7729ec;
    font-size: 1.4rem;
}
.elementor .our-service-2col img {
    width: 100%;
}
.our-service-horizontal .service-list:before {
    content: '';
    position: absolute;
    top: -2px;
    left: 0px;
    right: 0px;
    z-index: 1;
    height: 10px;
    background: #7729ec none repeat scroll 0% 0%;
    transform: translate(0px, -100%);
    transition: transform 0.1s ease-in-out 0s;
    opacity: 0;
}
.our-service-horizontal .service-list:hover:before {
    transform: translate(0px);
    opacity: 1;
}
.our-service-horizontal .elementor-button-wrapper a {
    width: 42px;
    height: 42px;
    transition: all 0.6s ease;
}
.our-service-horizontal .service-list:hover .elementor-button-wrapper a {
    background-color: #7729ec;
    fill: #fff;
    color: #fff;
}
.our-service-horizontal h4 a {
    font-size: 3rem !important;
}

/*New Home*/
.main-cover {
    overflow: hidden;
}
.cover-text .elementor-heading-title span {
    background: -webkit-linear-gradient(to right, #94a0ff, #61bdff, #b7bef8);
    background: -moz-linear-gradient(to right, #94a0ff, #61bdff, #b7bef8);
    background: linear-gradient(to right, #94a0ff, #61bdff, #b7bef8);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.diagonal-bg {
    clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
}
.diagonal-bg.top-side {
    clip-path: polygon(0% 5%, 100% 0%, 100% 100%, 0% 100%);
    overflow: hidden;
}
.three-column .elementor-container {
    flex-wrap: wrap;
}
.three-column .elementor-container .elementor-column {
    width: 50% !important;
}
#gradient-canvas {
    width: 100%;
    height: 100%;
    --gradient-color-1: #c3e4ff;
    --gradient-color-2: #6ec3f4;
    --gradient-color-3: #eae2ff;
    --gradient-color-4: #b9beff;
}
.elementor-section.gradient-canvas-section {
    position: absolute;
    max-height: 300px;
    overflow: hidden;
}
.cloud-partner-container {
    top: 20px;
}
.partner-media-gallery img {
    filter: contrast(0) brightness(200%);
    max-width: 165px !important;
    float: left;
}

.home-cloud-partner {
    position: absolute;
    right: 0;
    bottom: 0;
}

.home-section.planet-container {
    right: -40%;
    bottom: unset;
    top: -700px;
    opacity: 0.4;
}

.home-section .tdc-global {
    width: 420px;
    height: 420px;
    background-repeat: no-repeat;
}

.home-section .tdc-global {
    background-image: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/10/05132410/TDC-Global-cloud-connect.svg");
}

.home-section .tdc-global.inside {
    background-image: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/10/05132409/TDC-Global-cloud-inside.svg");
}


/*Everything as a Service*/
.everything-as-a-service .elementor-accordion .elementor-accordion-item {
    border: none;
    border-bottom: 1px solid #000;
}

.everything-as-a-service .elementor-accordion .elementor-tab-title {
    padding: 16px 0;
}

.everything-as-a-service .elementor-accordion .elementor-tab-content {
    padding: 15px 0;
    border: none;
}

.everything-as-a-service .elementor-tab-content img {
    padding: 20px;
}
.everything-as-a-service .elementor-accordion-title {
  font-weight: bold !important;
  font-size: 2.2rem !important;
  font-family: var(--tdh-text-heading);
}
.everything-as-a-service .elementor-tab-title.elementor-active:before,
.everything-as-a-service .elementor-tab-content.elementor-active:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 135px;
    height: 270px;
    z-index: 99;
}
.everything-as-a-service .e-n-tabs .e-n-tab-title-text {
  font-family: var(--tdh-text-heading);
  font-size: 1.8rem;
  font-weight: 500;
}

/*Cloud Solution Grid*/
.cloud-solution-grid-link .elementor-image-box-content a {
    font-family: var(--tdh-text-heading);
    font-weight: 500;
    font-size: 1.8rem;
    line-height: unset;
}
.cloud-solution-grid-link .elementor-image-box-content h6 {
    line-height: 1.3;
    margin: 0;
}
.tdc-solotion-grid .elementor-image-box-wrapper .elementor-image-box-title a {
    font-weight: bold;
    font-size: 2rem !important;
    font-family: var(--tdh-text-heading) !important;
}
.tdc-post-grid .elementor-element .m-neuron-post__thumbnail img {
    border-width: 2px 2px 0 2px;
    border-style: solid;
    border-color: #eaecf1;
    border-radius: 16px 16px 0 0;
}


/*Content Page*/
.content-page-column .elementor-element .elementor-widget-container h6.elementor-image-box-title {
    margin-bottom: 5px;
}
.single .n-container h3 {
    font-size: 2rem;
    margin-top: 20px;
}

/*Under Cover*/
.under-cover-contact-block .elementor-icon-box-title{
    margin: 0;
}
.under-cover-contact-block .elementor-element:hover .elementor-icon-box-description a,
.under-cover-contact-block .elementor-element:hover .elementor-widget-container .elementor-icon-box-content{
    color: #fff;
} 
.under-cover-contact-block .elementor-icon-box-icon {
    background-color: #fff;
    padding: 10px;
    border-radius: 50%;
}
.under-cover-contact-block .elementor-element:hover .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon .elementor-icon{
    color: var( --e-global-color-primary );
}

/*Wordpress Page*/
.wordpress-tab .elementor-tabs-wrapper {
    border-bottom: 1px solid #e3e3e3;
}
.wordpress-tab .elementor-tabs-wrapper .elementor-tab-title {
    display: flex !important;
    padding: 10px 15px;
    justify-content: center;
    position: relative !important;
    align-items: center;
}
.wordpress-tab .elementor-tabs-wrapper .elementor-tab-title::before {
    content: '';
    display: inline-block;
    background: url("/wp-content/themes/thaidata/images/feature-icon.svg") repeat 0 0/ 44px auto;
    width: 44px !important;
    height: 44px !important;
    position: relative !important;
    left: -10px;
    bottom: 3px !important;
    right: unset !important;
}

.wordpress-tab .elementor-tabs-wrapper .elementor-tab-title.elementor-active:after {
    content: '';
    display: inline-block;
    width: 150px !important;
    height: 3px !important;
    background-color: #60346e;
    position: absolute;
    left: calc(50% - 75px) !important;
}

.wordpress-tab .elementor-tabs-wrapper .elementor-tab-title.elementor-active {
    border-bottom: 2px solid #60346e;
}

.elementor-widget-tabs .elementor-tab-desktop-title {
    position: relative;
    padding: 20px 25px 20px 60px;
}

.wordpress-tab .elementor-container .elementor-column .elementor-tabs h6 {
    color: #231f20;
}

.wordpress-tab .elementor-tabs .elementor-widget-text-editor {
    color: #4a4e57;
}

.wordpress-tab .elementor-tab-content img {
    width: 40px;
    margin-bottom: 10px;
}

/*Cloud Solution*/
.tab-solution-column p {
    margin: 0;
}

.tab-solution-wrapper .tab-solution-column p a {
    display: inline-block;
    font-weight: 500;
    font-family: var(--tdh-text-heading);
    line-height: 1.35;
}

.solution-grid .elementor-image-box-wrapper .elementor-image-box-title a {
    font-family: var(--tdh-text-heading);
    font-weight: 600;
    font-size: 1.9rem;
}
.solution-grid .link-absolute{
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

/*Brochure*/
.e-brochure-side ul {
    padding: 0 30px 0 0;
}
.e-brochure-side ul li a {
    font-weight: 600;
}
.e-brochure-side ul li {
    list-style: none;
    padding: 0;
    line-height: 2.4;
}
.e-brochure-side ul li + li {
    border-top: 1px solid #fff;
}
 
/*Blog Achive*/
.n-blog-archive__content .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 10px 0;
}

.n-container .n-blog-archive ol li,
.n-container .n-blog-archive ul li,
.n-container .n-blog-archive p {
    -webkit-text-size-adjust: 100%;
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: inherit;
    color: #2f4359;
}

ul.list-margin li {
    margin: 0 0 15px;
}

.n-blog-archive__content ul.seed-social {
    margin-bottom: 0;
}

.n-blog-archive__content ul.seed-social:before {
    content: 'แชร์: ';
    display: inline-block;
    width: 50px;
    height: 40px;
    font-size: 1.5rem;
    color: #4a4e57;
    line-height: 2.6;
}

.n-blog-archive__content .n-blog-archive__taxonomies:first-of-type {
    margin-top: 1.3rem;
}

.n-blog-archive__content img {
    padding: 5px;
    border: 1px solid #efefef;
}

.wp-block-columns.cloud-database-server-type {
    margin: 0;
}

.n-blog-archive__content .cloud-database-server-type img {
    height: 60px;
}

.archive .global-recent-blog,
.page-id-5556 .global-recent-blog {
    display: none !important;
}

.elementor-section.blog-container .l-neuron-grid article,
.global-recent-blog .l-neuron-grid__item,
.archive .l-neuron-grid__item {
    opacity: 1 !important;
}

.blog-container .m-neuron-post__read-more {
    text-align: right;
}

.archive .elementor-element .m-neuron-post__meta-data,
.archive .elementor-element .m-neuron-post__excerpt {
    display: none;
}

.archive .m-neuron-post__inner .m-neuron-post__title {
    font-weight: 500 !important;
    font-size: 1.1em !important;
    padding: 0 15px;
    min-height: 68px;
}

.archive .elementor-element .m-neuron-post__inner .m-neuron-post__title a {
    color: #7729ec !important;
}

.archive.tag .m-neuron-posts--thumbnail-top .m-neuron-post__inner,
.archive.category .m-neuron-posts--thumbnail-top .m-neuron-post__inner {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    border-radius: 3px;
}

.archive .elementor-element .elementor-widget-container .m-neuron-post__thumbnail--link {
    margin-bottom: 20px !important;
}

.blog-container.elementor-element .m-neuron-post__meta-data {
    display: flex;
    flex-direction: column;
    text-align: right;
    line-height: 1.2;
}

.blog-container.elementor-element .m-neuron-post__meta-data span:first-child {
    color: #000;
    font-size: 1.6rem;
}

.blog-container.elementor-element .m-neuron-post__meta-data span:last-child {
    font-size: 1.4rem;
}

.blog-container.elementor-element .m-neuron-post__inner {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.single .n-container h2,
.single .n-container h2 a,
.single .n-container h3 {
    color: #7729ec;
    font-weight: 500;
}

.single .n-container h2.n-blog-archive__title a {
    font-size: 3rem !important;
    font-weight: 500;
}

.single .n-container h2.n-blog-archive__title a,
.single .n-container h2 a {
    font-family: var(--tdh-text-heading) !important;
}

.row-latest-post .m-neuron-post__text {
    padding: 5px 20px 20px;
}

.post-template ol li {
    margin-bottom: 15px;
}
.single-post .wp-block-buttons a.wp-block-button__link.wp-element-button {
    color: #fff;
    font-family: var(--tdh-text-heading) !important;
    padding: 10px 20px;
    font-size: 1.8rem;
    font-weight: 500;
}
.single-post .wp-block-buttons a.wp-block-button__link.wp-element-button:hover {
    background-color: #7729ec;
}
body .l-neuron-grid-wrapper--columns__1 .l-neuron-grid__item{
    opacity: 1 !important;
}
.tdc-toc .lwptoc_header{
    margin: 0;
}
.tdc-toc .lwptoc_header {
    padding-top: 8px;
}
.tdc-toc .lwptoc_header .lwptoc_title {
    flex-direction: row;
    font-size: 1.9rem;
    display: inline-block;
    font-family: var(--tdh-text-heading);
}
.tdc-toc .lwptoc_toggle {
    float: right;
}
.tdc-toc .lwptoc-light .lwptoc_i {
    border-top: 1px solid #eee;
}
.tdc-toc .lwptoc_items{
    padding: 15px 0 0 15px;
    margin-top: 15px;
    border-top: 1px solid #e6eaf0;
} 
.tdc-toc .lwptoc_toggle:before,
.tdc-toc .lwptoc_toggle:after{
    display: none;
}
.tdc-toc.lwptoc-notInherit .lwptoc_i .lwptoc_toggle .lwptoc_toggle_label {
    font-size: 0;
    position: relative;
    border: none !important;
}
.tdc-toc .lwptoc_toggle_label::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    font-size: 18px;
}
.tdc-toc .lwptoc_toggle_label[data-label="hide"]::after {
    content: "\f078";
}
.tdc-toc .lwptoc_toggle_label[data-label="show"]::after {
    content: "\f077";
}
.tdc-toc.lwptoc-notInherit .lwptoc_items .lwptoc_item::before {
    content: '';
    display: inline-block !important;
    width: 6px;
    height: 6px;
    background-color: var( --tdh-post-color);
    border-radius: 50%;
    margin-right: 6px;
    position: relative;
    top: -2px;
}
 

/*Affiliate Page*/
.affiliate-assets-row .elementor-image-box-title {
    font-size: 1.6rem;
    margin: 0;
    font-weight: 500 !important;
}

.affiliate-assets-row p {
    line-height: 1;
}

.affiliate-assets-row a {
    text-decoration: underline;
    font-size: 14px;
    color: #393c5b;
}

/*Product Tab*/
.all-products .all-products-col {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.all-products .all-products-col .all-products-row {
    max-width: 33%;
    flex-grow: 1;
    padding: 12px;
    border-radius: 0;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.all-products .all-products-col .all-products-row:hover {
    background-color: #f0f1f9;
    border-radius: 7px;
}

.all-products .all-products-col h6 {
    margin: 0 0 2px;
    font-size: 18px;
}

.all-products .all-products-col p {
    padding-right: 20px;
    color: #7c7e81;
}

.all-products .all-products-col .div-btn i {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    transform: translateX(0px);
    display: inline-block;
}
.all-products .div-btn span {
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
    display: inline-block;
    width: 0;
    white-space: nowrap;
    direction: ltr;
    color: rgba(255, 255, 255, 0);
    transform: translateX(10px);
    pointer-events: none;
}
.all-products .all-products-row:hover .div-btn span {
    color: #60346e;
    transform: translateX(30px);
}
.all-products .all-products-row:hover .div-btn i {
    transform: translateX(8px);
}
.all-products .all-products-row:hover h6,
.all-products .all-products-row:hover .div-btn i {
    color: #60346e;
}
.all-products .elementor-tabs .elementor-tabs-wrapper {
    padding-top: 15px;
}
.all-products .elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tab-desktop-title,
.all-products .elementor-widget-tabs .elementor-tabs-wrapper .elementor-tab-desktop-title {
    border-left: 2px solid #eee !important;
}
.all-products .elementor-widget-tabs .elementor-tabs-wrapper .elementor-tab-desktop-title.elementor-active {
    border-color: #9563ee !important;
}
.mobile-product-sldie .neuron-swiper .swiper-slide--inner {
    padding: 0;
}
.mobile-product-sldie .neuron-swiper .swiper-wrapper .swiper-slide {
    height: 240px;
}
.mobile-product-sldie .swiper-wrapper .swiper-slide .neuron-slide-content {
    width: 70% !important;
}
.mobile-product-sldie .swiper-wrapper .swiper-slide .neuron-slide-button {
    color: #fff !important;
    border: none !important;
    background-color: #9760f6 !important;
}
.mobile-product-sldie h4:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 1px;
    background-color: #daddeb;
    position: absolute;
    top: -20px;
    border-radius: 4px;
    left: 0;
}
.elementor-element-dac9861.mobile-product-sldie h4:before {
    opacity: 0;
}
.mobile-product-sldie .swiper-wrapper .swiper-slide .neuron-swiper-dots {
    margin-top: 15px;
}
.mobile-product-sldie .swiper-wrapper .swiper-slide .neuron-slide-content .neuron-slide-animation {
    visibility: visible;
}
.mobile-product-sldie .swiper-wrapper .swiper-slide .neuron-slide-content .neuron-slide-animation {
    opacity: 1 !important;
}

/*Free Credit Register*/
.forminator-button.forminator-button-submit {
    padding: 15px 20px 12px !important;
    border-radius: 5px !important;
}
.forminator-field input,
.forminator-row .select2-selection {
    border-radius: 5px !important;
}
form .forminator-row .forminator-label {
    font-weight: 600 !important;
}
.forminator-row.forminator-row-last {
    float: right !important;
}
.confirm-payment form .forminator-row .forminator-label {
    font-size: 1.6rem !important;
}
.confirm-payment .forminator-ui#forminator-module-6670.forminator-design--flat .forminator-button-submit {
    font-size: 1.8rem;
    font-weight: 600;
    padding: 10px 20px !important;
    border-radius: 0 !important;
}
 
/*FAQ*/
.faq-section .elementor-toggle .elementor-toggle-item {
    border: 1px solid #f5f2ef;
    border-radius: 6px;
}
.faq-section .elementor-toggle .elementor-tab-title,
.faq-section .elementor-toggle .elementor-tab-content {
    border: none;
}
.faq-tab .post .m-neuron-post__thumbnail--link {
    display: none;
}
.faq-tab .l-neuron-grid__item .m-neuron-post__title {
    min-height: unset;
}
.faq-tab .l-neuron-grid__item .m-neuron-post__read-more a {
    margin-top: 15px;
    font-size: 1.8rem !important;
}
.faq-tab .tpg-el-main-wrapper .entry-title a {
    font-weight: 500;
    font-size: 2.2rem;
}
.faq-tab .rt-tpg-container .grid-layout4 .entry-title-wrapper .entry-title {
    line-height: 1.4;
}
.faq-tab .tpg-el-main-wrapper .tpg-post-holder {
    height: auto;
}
.faq-tab .m-neuron-post__excerpt:after {
    content: ' ...';
}
 
/*Footer*/
.footer-column-company img {
    filter: contrast(0) brightness(200%);
    width: auto !important;
    height: 40px !important;
}
.footer-column-company .elementor-widget-container a {
    font-family: var(--tdh-text-heading);
}
.footer-highlight .elementor-button-text {
    font-size: 1.6rem;
}

.footer-bottom .elementor-widget-wrap {
    justify-content: flex-end;
}

.footer-bottom button.cookie-btn {
    background: transparent;
    padding: 0;
    margin-left: 10px;
    color: #f6f2ef;
    border: none;
}

.footer-bottom button.cookie-btn:hover {
    background: transparent;
    color: #f6f2ef;
    border: none;
}

.footer-bottom .elementor-widget-wrap .elementor-element {
    width: auto;
    margin: 0;
}

.footer-feature-product .elementor-icon-list-items li a {
    font-weight: 500 !important;
}

.footer-feature-product .elementor-icon-list-items li span:before {
    content: '';
    display: inline-block;
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/07/27123705/dropdown-menu.svg") no-repeat 0 0/ 8px auto;
    width: 8px;
    height: 10px;
    transform: rotate(-90deg);
    filter: invert(100%);
    margin-right: 2px;
}

.footer-feature-product .elementor-widget-container .elementor-image-box-img {
    display: flex;
    margin-right: 8px !important;
}

.footer-feature-product .elementor-widget-container .elementor-image-box-wrapper {
    display: flex;
    align-items: center !important;
}
.footer-feature-row .elementor-image-box-title a {
    font-family: var(--tdh-text-heading) !important;
    font-weight: bold !important;
    font-size: 1.9rem; 
}
.footer-feature-row .elementor-image-box-title a:hover{
    color: #7729ec;
}
.elementor-widget-container .year-label {
    color: #fff;
    font-family: var(--tdh-text-heading);
    font-weight: 500;
    margin: 0; 
    font-size: 18px;
}
.elementor-widget-container .year-label span {
    padding: 10px 0;
    border-style: solid;
    border-width: 3px;
    border-image: linear-gradient(to left, rgba(0, 0, 0, 0) 1%, #7c29ff 50%, rgba(0, 0, 0, 0) 100%) 100% 0 100% 0;
    -moz-border-image: -moz-linear-gradient(to left, rgba(0, 0, 0, 0) 1%, #7c29ff 50%, rgba(0, 0, 0, 0) 100%) 100% 0 100% 0 / 3px 0 3px 0 stretch;
    -webkit-border-image: -webkit-linear-gradient(to left, rgba(0, 0, 0, 0) 1%, #7c29ff 50%, rgba(0, 0, 0, 0) 100%) 100% 0 100% 0 / 3px 0 3px 0 stretch;
    -webkit-border-image-slice: 3;  
}
.cover-text .elementor-heading-title span.downtime-zero {
    background: -webkit-linear-gradient(to right, #934bff, #e6d6ff, #af79ff);
    background: -moz-linear-gradient(to right, #934bff, #e6d6ff, #af79ff);
    background: linear-gradient(to right, #934bff, #e6d6ff, #af79ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
} 

/*Cookie*/
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
    line-height: 1.5;
    color: #231f20;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
    background-color: #7729ec !important;
    border: 1px solid #7729ec !important;
    font-weight: 500 !important;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-decline-button {
    border: 1px solid #7729ec !important;
    color: #7729ec;
    font-weight: 500 !important;
}
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-cookie-settings-button {
    color: #231f20 !important;
}

/*Form*/
form .forminator-row input,
form .forminator-row textarea {
    font-family: var(--s-heading) !important;
}

/*Docs*/
.simplebar-content-wrapper .docs-single-cat-wrap {
    display: none;
    opacity: 0;
    visibility: hidden;
}
.simplebar-content-wrapper .docs-single-cat-wrap.current-category {
    display: block;
    opacity: 1;
    visibility: visible;
}
.docs-category-list img {
    width: 58px;
    margin-right: 10px;
    filter: brightness(0%) contrast(30%);
}
.docs-category-list .elementor-widget-wrap:hover img {
    filter: brightness(100%) contrast(100%);
}
.docs-category-list .elementor-widget-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.docs-category-list .elementor-widget-wrap>.elementor-element {
    width: auto;
    margin: 0;
}

.betterdocs-categories-wrap .docs-cat-title:before {
    content: '';
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/10/03193840/docs_categories_icon.svg") no-repeat 0 0/ 48px auto;
    display: inline-block;
    width: 48px;
    height: 48px;
    position: relative;
    margin: 0 12px 0 0;
}

.betterdocs-content {
    color: #425466;
}

.betterdocs-content p {
    margin-bottom: 30px;
}

.betterdocs-entry-content .betterdocs-content a {
    color: #425466;
}

.betterdocs-content h2 {
    margin: 2.6rem 0 1.8rem;
    font-size: 2.4rem !important;
}

.betterdocs-entry-header .docs-single-title .betterdocs-entry-title {
    font-size: 3.6rem;
    text-transform: unset;
    letter-spacing: inherit;
}

.betterdocs-content li {
    line-height: 1.8;
}

.betterdocs-content p,
.betterdocs-categories-wrap .docs-item-container .docs-sub-cat-title,
.betterdocs-single-wraper li,
.betterdocs-single-wraper a {
    font-size: 2rem !important;
}

.betterdocs-content figure.wp-block-gallery.has-nested-images {
    margin: 0 0 20px;
}

.betterdocs-breadcrumb .betterdocs-breadcrumb-list li,
.betterdocs-breadcrumb .betterdocs-breadcrumb-list .betterdocs-breadcrumb-item,
.betterdocs-breadcrumb .betterdocs-breadcrumb-item a {
    letter-spacing: inherit;
}

.betterdocs-full-sidebar-left ul {
    padding-left: 17px;
}

.betterdocs-sidebar-content .docs-cat-title-inner .docs-cat-title .docs-cat-heading {
    padding-left: 0;
}

.betterdocs-sidebar-content.betterdocs-category-sidebar .docs-cat-title-inner svg {
    display: none;
}

.betterdocs-toc.toc-list-number>.toc-list li a:before {
    color: inherit;
    font-size: 1.6rem;
}

.betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap li a,
.betterdocs-categories-wrap .docs-item-container .docs-sub-cat {
    padding: 4px 15px;
    border-radius: 5px;
}

.betterdocs-sidebar-content .betterdocs-categories-wrap li a.active,
.betterdocs-sidebar-content .betterdocs-categories-wrap li.sub-list a.active {
    background-color: #e9eaeb;
    color: #231f20 !important;
}

.betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap ul li a:hover {
    background-color: #e9eaeb;
    color: #231f20 !important;
}

.betterdocs-full-sidebar-left ul.docs-sub-cat {
    /*   display: inline-block !important;
    height: 100% !important; */
}

.betterdocs-categories-wrap .docs-sub-cat-title a {
    font-weight: 500;
    color: #231f20 !important;
    padding: 0px 12px;
    margin-top: 7px;
}

.betterdocs-categories-wrap .docs-item-container .docs-sub-cat-title {
    margin: 7px 0 0;
    padding-left: 28px;
}

.betterdocs-categories-wrap .docs-sub-cat-title svg {
    width: 12px;
    pointer-events: none;
    opacity: 0.4;
    position: absolute;
    left: 10px;
}

.betterdocs-content .wp-block-gallery.has-nested-images figure.wp-block-image img,
.betterdocs-content .wp-block-image img {
    padding: 5px;
    border: 1px solid #f2f3f5;
    max-width: 800px !important;
    width: 100%;
}

.single-docs .betterdocs-single-wraper .betterdocs-content-full {
    padding: 0;
}

.single-docs .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap,
.single-docs .betterdocs-full-sidebar-left .betterdocs-categories-wrap.white-bg .docs-single-cat-wrap,
.single-docs .betterdocs-sidebar-content.betterdocs-category-sidebar .docs-item-container {
    background-color: transparent;
}

.docs-single-main .betterdocs-breadcrumb-item.current span {
    font-size: 1.8rem;
}

.sidebar-enable .betterdocs-full-sidebar-left .betterdocs-sidebar-content.betterdocs-category-sidebar {
    height: auto;
}

.betterdocs-full-sidebar-left .betterdocs-sidebar-content.betterdocs-category-sidebar .simplebar-content .betterdocs-categories-wrap {
    /* padding: 0; */
}

.single-docs ul,
.single-docs ol,
.single-docs li {
    padding: 0;
    list-style-position: inside;
}

.betterdocs-single-wraper .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap .docs-item-container li {
    margin: 7px 0 0;
    min-height: 37px;
}

.docs-single-cat-wrap .docs-item-container ul {
    padding-left: 28px !important;
}

.betterdocs-categories-wrap .docs-item-container .docs-sub-cat {
    margin-left: 0 !important;
}

/*Cloud Drive*/
.pricing-box .elementor-button-wrapper a.elementor-button {
    padding: 6px 15px 5px 0;
}

/*Key Feature*/
.key-feature-5x .elementor-section .elementor-heading-title {
    display: inline-block;
    line-height: 2.4rem;
}

.key-feature-5x .elementor-section .elementor-container .elementor-column {
    width: 50%;
}

/*Platform*/
.section-border-box .elementor-element:hover .elementor-image-box-img img {
    filter: brightness(100) saturate(0) invert(1);
}

.section-border-box .elementor-element:hover .elementor-image-box-content h3,
.section-border-box .elementor-element:hover .elementor-image-box-content p {
    color: #fff;
}

.section-border-box.huawei-cloud .elementor-element .elementor-image-box-img img {
    filter: sepia(0) saturate(10) brightness(100);
}

.section-border-box.huawei-cloud .elementor-element:hover .elementor-image-box-img img {
    filter: brightness(100) saturate(0) invert(1);
}

.gallery-borderless #gallery-1 img {
    border: none;
}

/*VPS Server*/
.howto-order-tab .elementor-tab-title {
    font-family: var(--tdh-text-heading);
    font-weight: normal;
    font-size: 1.8rem;
    padding: 5px;
    background-color: #fff;
    margin-bottom: 5px;
    border-radius: 5px;
}
.howto-order-tab .elementor-tab-title.elementor-active {
    background-color: #30435a;
}
.howto-order-tab .elementor-tab-title span {
    display: inline-flex;
    width: 40px;
    height: 40px;
    background-color: #30435a;
    color: #fff;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin: 0 10px 0 0;
}

/*Alibaba Cloud*/
.why-alibaba h6 a {
    font-size: 2.2rem !important;
    font-weight: 500 !important;
}

.why-alibaba .elementor-toggle .elementor-tab-title.elementor-active {
    padding-bottom: 0;
}

.alibaba-feature-section .m-neuron-testimonial {
    display: flex;
    flex-direction: column;
}

.alibaba-feature-section .m-neuron-testimonial .m-neuron-testimonial__content {
    order: 2;
    margin-bottom: 0;
}

.alibaba-feature-section .m-neuron-testimonial__name {
    font-size: 1.7rem;
    margin-bottom: 5px;
}

.elementor .alibaba-feature-section .elementor-widget-wrap .elementor-element .neuron-swiper-dots {
    margin-top: 10px;
}

/* Cloud CDN Pricing */
.cloud-cdn-pricing-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(205px, 1fr));
    gap: 1rem;
}

.cloud-cdn-pricing-grid>div {
    width: 100%;
    margin: 0 auto;
    display: grid;
    text-align: center;
}

.cloud-cdn-pricing-grid input[type='checkbox'] {
    display: none;
}

.cloud-cdn-pricing-grid input[type='checkbox']+label {
    padding: 10px 20px;
    background-color: #fff;
    cursor: pointer;
    border: solid 1px #e5e7eb;
    margin: 0px;
}

.cloud-cdn-pricing-grid input[type='checkbox']:checked+label {
    background-color: #fcf9ff;
    border-color: #7729ec;
    color: black;
    transition: 0.1s;
}

.cloud-cdn-pricing-grid input[type='checkbox']:hover+label {
    transition: 0.1s;
    background-color: #fcf9ff;
}

/* Essential Grid */
.rt-pagination .pagination-list li span,
.rt-pagination .pagination-list li a {
    border-radius: 50%;
}

.rt-pagination .pagination-list>li>a,
.rt-pagination .pagination-list>li>span {
    border: 0;
}

.rt-pagination .pagination-list li span:hover,
.rt-pagination .pagination-list li a:hover {
    color: white !important;
}

/*Document Grid Slide*/
.section-doc-carousel .elementor-heading-title a {
    font-family: var(--tdh-text-heading);
    font-weight: bold;
    font-size: 1.8rem !important;
} 

@media (min-width: 768px) and (max-width: 1139px) {
    
    .grid-col-3.betterdocs-content-full .docs-content-full-main {
        padding: 40px 20px 40px 0;
    }

    .grid-col-3.betterdocs-content-full .docs-content-full-main {
        padding: 10px 15px;
    }

    /*Main Menu*/
    header .elementor-section.elementor-element.main-menu {
        padding: 15px 22px;
    }
    .main-menu .m-neuron-nav-menu--indicator-angle .sub-arrow i:before {
        background-size: 12px;
        top: 3px;
    }
    header .m-neuron-nav-menu .m-neuron-nav-menu__list li#menu-item-12644 ul.sub-menu.sub-menu--left {
        width: 200px;
        left: unset !important;
    }
    header .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item ul.sub-menu.sub-menu--left .sub-menu {
        width: auto;
        right: 0;
        left: 0 !important;
        top: 0;
    }
    header .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item.sub-2-col ul.sub-menu {
        width: 480px;
        left: -170px !important;
    }
    .m-neuron-nav-menu .m-neuron-nav-menu__list li .sub-menu .sub-menu li {
        padding: 10px 5px !important;
    }
    .main-menu .m-neuron-nav-menu .sub-menu .sub-menu li.menu-item,
    header .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item.col-2 ul.sub-menu .submenu-col {
        margin: 0 !important;
    }
    
    /*Mega Menu*/
    .megamenu-container .elementor-widget-n-tabs .e-n-tabs .e-n-tabs-heading {
        min-width: 240px !important;
    }
    .megamenu-container .elementor-widget-n-tabs .e-n-tab-title-text {
        font-size: 18px !important;
    }
    .megamenu-container .elementor-button span{
        font-size: 18px;
    }


    
    /*VPN Gateway*/
    .vpn-gatewat-pricing .calculator-settings .calc-container .calc-list .calc-fields-container {
        grid-template-columns: 32% auto !important;
    }
    .vpn-gatewat-pricing .elementor-icon-list-items li {
        width: 32%;
    }
    
}

@media (min-width: 428px) {

    /*Document Grid Slide*/
    .section-doc-carousel .m-neuron-testimonial__content a {
        padding-top: 130px;
    }
}

@media (min-width: 768px) {

    .header-middle-row .m-neuron-nav-menu ul li.menu-item:first-child a {
        padding-left: 0 !important;
    }
    .m-neuron-nav-menu ul li .sub-menu
    
    
    /*Header 2023*/
    .header-middle-wrapper .elementor-container.elementor-column-gap-default {
        justify-content: space-between;
        max-width: 1170px !important;
    }

    .header-top-wrapper .first-menu-col .m-neuron-nav-menu li a,
    .header-top-wrapper .first-right-col .m-neuron-nav-menu li a {
        font-weight: 500;
        font-size: 12px;
    }

    .header-top-wrapper .first-menu-col .m-neuron-nav-menu ul li {
        margin: 0;
        padding: 10px 5px;
        height: 46px;
    }

    .header-top-wrapper .first-menu-col .m-neuron-nav-menu ul li:hover {
        background-color: rgba(0, 0, 0, 0.08);
    }

    .header-middle-wrapper .m-neuron-nav-menu li a {
        font-weight: 500;
        padding-bottom: 20px !important;
    }

    .header-middle-wrapper .m-neuron-nav-menu .m-neuron-nav-menu__list li .sub-menu li a {
        padding: 0 !important;
    }

    .second-left-col .elementor-button-text i {
        font-size: 1rem;
        margin-left: 6px;
    }

    /*Menu*/
    .m-neuron-nav-menu .m-neuron-nav-menu__list li .sub-menu li:hover {
        background-color: #f6f7ff;
    }

    header .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item.sub-2-col ul.sub-menu {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .m-neuron-nav-menu .m-neuron-nav-menu__list li.sub-2-col .sub-menu li {
        width: 50%;
        margin: 0 !important;
    }
    .header-main-bottom .m-neuron-nav-menu__pointer-animation--fade .m-neuron-nav-menu ul a::after {
        opacity: 1 !important;
        background-color: #c7d1e1 !important;
    } 
    .header-main-bottom .m-neuron-nav-menu__pointer-animation--fade .m-neuron-nav-menu ul a:hover::after{
        background-image: linear-gradient(180deg, #7729EC 0%, #7729EC 100%);
    }

    /*New Home*/
    .elementor-section.gradient-canvas-section {
        max-height: 510px;
    }

    .diagonal-bg {
        clip-path: polygon(0 8%, 100% 0, 100% 92%, 0 100%);
    }

    .diagonal-bg.top-side {
        clip-path: polygon(0% 8%, 100% 0%, 100% 100%, 0% 100%);
    }

    .three-column .elementor-container .elementor-column {
        width: 33.33% !important;
    }

    .partner-media-gallery .elementor-container {
        flex-wrap: wrap;
        align-items: center;
    }

    .partner-media-gallery .elementor-container .elementor-column {
        width: 50% !important;
    }

    .home-section.planet-container {
        right: -20%;
        top: -260px;
    }

    .everything-as-a-service .elementor-tab-content.elementor-active:after {
        background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/10/05225333/TDC-web-element.svg") no-repeat 0 0/ 135px auto;
        right: -112%;
        bottom: -100px;
    }

    /*Home Service*/
    .our-service-2col .service-list a {
        width: 240px;
    }
    
    /*Cloud Solution Grid*/
    .elementor-element.cloud-solution-grid-link .elementor-widget-container{
        border-radius: 5px;
    }
    .elementor-element.cloud-solution-grid-link .elementor-widget-container:hover{
        background-color: #f7f9fc;
    }
    .cloud-solution-grid-link .elementor-image-box-img img {
        transition: transform 250ms;
    }
    .cloud-solution-grid-link .elementor-widget-container:hover .elementor-image-box-img img {
        transform: translateY(-3px);
    }
    .cloud-solution-grid-link .elementor-image-box-content {
       padding: 0 20px;
    }
    
    
    /*All Service Tab*/
    .everything-as-a-service .elementor-widget-n-tabs .e-n-tabs{
        flex-direction: row;
    }
    .everything-as-a-service .e-n-tabs .e-n-tabs-heading {
        flex-direction: column;
        text-align: start;
        --widgets-spacing: 0;
        --n-tabs-gap: 0;
        --n-tabs-title-gap: 0;
    }
    .everything-as-a-service .elementor-widget-n-tabs .e-n-tab-title{
        justify-content: space-between;
    }
    .everything-as-a-service .elementor-widget-n-tabs .e-n-tab-title:active,
    .everything-as-a-service .elementor-widget-n-tabs .e-n-tab-title:focus  {
        outline: none;
    } 
    .everything-as-a-service .elementor-widget-n-tabs .e-n-tab-title + .e-n-tab-title {
        margin-top: 15px;
        border-top: 1px solid #000 !important;
        border-radius: 0;
        padding-top: 15px;
    } 
    .everything-as-a-service .e-n-tabs .e-n-tab-title-text {
        font-size: 1.9rem;
        font-weight: 600;
    } 

    /*Key Feature*/
    .key-feature-5x .elementor-section .elementor-container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .key-feature-5x .elementor-section .elementor-container .elementor-column {
        width: 20%;
    }

    /*Better Doc*/
    #betterdocs-sidebar-left {
        min-width: 250px;
    }

    .betterdocs-full-sidebar-left ul.docs-sub-cat {
        display: inline-block !important;
        height: 100% !important;
    }

    .betterdocs-content-full .docs-single-main,
    .betterdocs-full-sidebar-right {
        padding-top: 15px;
    }

    .betterdocs-full-sidebar-left {
        padding-top: 0;
    }

    .docs-single-main .betterdocs-breadcrumb {
        border-bottom: 1px solid #eff2f7;
        padding: 0 0 18px 20px;
    }

    .docs-single-main .betterdocs-entry-header,
    .docs-single-main .betterdocs-entry-content,
    .docs-single-main .betterdocs-entry-footer {
        padding-left: 20px;
    }

    .docs-single-main ul ul {
        padding-left: 20px;
    }

    .grid-col-2.sidebar-enable .docs-content-full-main {
        margin-left: -30px;
    }

    .betterdocs-sidebar-content.betterdocs-category-sidebar .betterdocs-categories-wrap li a {
        padding: 5px 12px;
    }

    .betterdocs-categories-wrap .docs-item-container .docs-sub-cat {
        padding: 0 12px;
    }

    /*Solution*/
    .explore-solution .tpg-shortcode-main-wrapper .rt-detail .entry-title{
        position: relative;
    }
    .explore-solution .tpg-shortcode-main-wrapper .rt-detail .entry-title a:after {
        content: '';
        display: inline-block;
        width: 100px;
        height: 2px;
        background-color: #7827ec;
        position: absolute;
        left: 0;
        bottom: -18px;
    }

    /*Alibaba Cloud*/
    .why-alibaba .elementor-toggle {
        display: flex;
        flex-wrap: wrap;
    }

    .why-alibaba .elementor-toggle .elementor-toggle-item {
        width: 50%;
    }

    .why-alibaba .elementor-toggle .elementor-tab-title,
    .why-alibaba .elementor-toggle .elementor-tab-content {
        border-bottom: none;
        display: block !important;
    }

    .why-alibaba .elementor-toggle .elementor-tab-title {
        pointer-events: none;
        padding-bottom: 0;
    }

    .why-alibaba .elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left,
    .alibaba-feature-section .neuron-dots--style__bullets .neuron-swiper-dots,
    .alibaba-feature-section .neuron-swiper .neuron-swiper-button {
        display: none;
    }

    /*VPS Server*/
    .howto-order-tab .elementor-tabs-wrapper {
        border-bottom: 1px solid #fff;
    }

    .howto-order-tab .elementor-tab-title {
        text-align: center;
        padding-left: 12px;
        padding-right: 12px;
        background: transparent;
        color: #000 !important;
        font-weight: 500;
        margin: 0;
    }

    .howto-order-container {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .howto-order-container .content,
    .howto-order-container .image {
        padding: 15px;
    }

    .howto-order-container .column-flex {
        display: flex;
    }

    .howto-order-tab .elementor-tab-title:hover,
    .howto-order-tab .elementor-tab-title.elementor-active {
        background: transparent !important;
    }

    .howto-order-tab .elementor-tab-title span {
        display: flex;
        border-radius: 20px;
        margin: 0 auto 10px;
    }

    .howto-order-tab .elementor-tab-title:hover span,
    .howto-order-tab .elementor-tab-title.elementor-active span {
        background-color: #7629eb;
    }

    .howto-order-tab .elementor-tab-title:hover,
    .howto-order-tab .elementor-tab-title.elementor-active {
        border-bottom: 3px solid #7629eb !important;
        border-radius: 0 !important;
    }

    /*Document Grid Slide*/
    .section-doc-carousel .m-neuron-testimonial__content a {
        padding-top: 120px;
    }
    
    /*Drive and Photo*/
    .service-side-tab .n-icon-chevron:before {
        content: "\e808";
        font-size: 2.5rem;
    }
    .service-side-tab .elementor-toggle .elementor-tab-title {
        padding: 16px 0 2px;
        border: none;
        pointer-events: none;
    }
    .service-side-tab .elementor-toggle .elementor-tab-content {
        display: block !important;
        border-bottom: 1px solid #ececec;
        padding-left: 35px !important;
        padding-bottom: 6px !important;
    }
    .service-side-tab .elementor-toggle .elementor-toggle-item,
    .service-side-tab .elementor-toggle .elementor-toggle-item:last-child .elementor-tab-content{
        border: none !important;
    }
    
    .service-side-tab .elementor-widget-n-tabs .e-n-tab-title.e-active:after{
        content: '';
        width: 0px;
        height: 0px;
        border-style: solid;
        border-width: 7px 0 7px 8px;
        border-color: transparent transparent transparent #7729ec;
        transform: rotate(0deg);
        position: absolute;
        right: -8px;
    }
    
    /*VPN Gateway*/
    .vpn-gatewat-pricing .elementor-icon-list-items li{
        width: 30%;
    }
    
    /*Footer*/
    .elementor-widget-container .year-label span {
        padding: 12px 40px;
    }
    .elementor-widget-container .year-label {
        font-size: 26px;
    }    

}


@media (min-width: 1140px) {


    /*Menu*/
    .betterdocs-single-wraper .grid-col-3 .docs-content-full-main {
        grid-column: 4 / span 6;
    }

    .betterdocs-single-wraper .betterdocs-full-sidebar-right {
        grid-column: 10 / span 3;
    }    
    
}

@media (min-width: 1140px) and (max-width: 1199px) {

    .elementor-column.second-menu-col .elementor-widget-wrap .elementor-element .elementor-widget-container {
        margin: 0 !important;
    }

}

/*Pricing*/
.cloud-pricing .elementor-button span {
    text-decoration: inherit;
    font-size: 1.4rem;
    padding: 2px 6px 0;
}

.cloud-instance-price .elementor-widget-container .elementor-heading-title {
    font-weight: 500 !important;
}

.pricing-table li .elementor-icon-list-icon {
    background-color: #ede1ff;
    width: 19px;
    height: 19px;
    border-radius: 5px;
    border: 2px solid #7729ec;
}

.pricing-table li .elementor-icon-list-icon svg {
    margin: 0 !important;
    padding: 2px;
}

.package-price .elementor-container .elementor-column {
    width: auto;
}

.pricing-table .elementor-button-wrapper a:hover {
    text-decoration: none !important;
}

.package-price .elementor-container .elementor-column {
    width: auto !important;
}

.pricing-table .price-desc {
    min-height: 56px;
}

.pricing-table .package-price {
    min-height: 46px;
}

.pricing-table .elementor-icon-list-items .elementor-icon-list-item span {
    display: flex;
    padding: 0 !important;
}

.pricing-table .elementor-icon-list-items .elementor-icon-list-item span:before {
    content: '';
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/07/27123321/check_list.svg") no-repeat 3px 3px / 12px;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #f8f3ff;
    border-radius: 5px;
    border: 1px solid #7729ec;
    padding: 3px;
    margin-right: 10px;
}

/*Blog*/
.l-neuron-grid__item .m-neuron-post__title {
    min-height: 80px;
    line-height: 1.5 !important;
}
.elementor-widget-icon-box .elementor-icon-box-title a,
.elementor-widget-neuron-posts .m-neuron-pagination span,
.elementor-widget-neuron-posts .m-neuron-pagination a {
    font-family: var(--tdh-text-heading);
    font-weight: 500;
}
.elementor-widget-neuron-posts .m-neuron-pagination .page-numbers:not(button).current,
.elementor-widget-neuron-posts .m-neuron-pagination .page-numbers:not(button):hover {
    color: #7729ec;
}
.elementor-widget-neuron-posts .m-neuron-pagination a.page-numbers:not(.page-label) ,
.elementor-widget-neuron-posts .m-neuron-pagination span.page-numbers:not(.page-label) {
    background-color: #f0f0f0;
    width: 30px;
    height: 30px;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 3px;
}
.elementor-widget-neuron-posts .m-neuron-pagination span.page-numbers.current {
    background-color: #7729ec;
    color: #fff;
}
.section-doc-carousel .neuron-swiper .neuron-slides .m-neuron-testimonial .m-neuron-testimonial__image {
    width: calc(100% - 12px);
    margin: 0;
    position: absolute;
    z-index: 1;
}
.section-doc-carousel .neuron-swiper .neuron-slides .m-neuron-testimonial .m-neuron-testimonial__image img {
    height: auto;
}
.section-doc-carousel .m-neuron-testimonial__content {
    margin-bottom: 0;
}

.section-doc-carousel .m-neuron-testimonial__content a {
    position: relative;
    z-index: 99;
    padding-top: 120px;
    display: inline-block;
    width: 100%;
    font-family: var(--tdh-text-heading);
    font-weight: 500 !important;
    line-height: 1.2 !important;
    font-size: 1.5rem;
}

.section-doc-carousel .elementor-element .swiper-wrapper .m-neuron-testimonial,
.section-doc-carousel .elementor-element .swiper-wrapper .m-neuron-testimonial.swiper-slide-next {
    border: 1px solid #eaeaea !important;
}

.section-doc-carousel .swiper-wrapper .m-neuron-testimonial:hover {
    background-color: #f7f9fc;
}

.section-doc-carousel .elementor-column .elementor-element .neuron-swiper .neuron-swiper-button--prev {
    left: -18px;
}

.section-doc-carousel .elementor-column .elementor-element .neuron-swiper .neuron-swiper-button--next {
    left: unset;
    right: -35px;
}

.section-doc-carousel .m-neuron-testimonial .m-neuron-testimonial__footer {
    display: none;

}

/*Contact Us*/
.page-id-4127 footer .elementor-section.footer-feature-product-title {
    margin: 0 !important;
}

/*Product Page*/
.elementor-element.email-subscription {
    max-width: 500px !important;
    margin: 0 auto 20px !important;
    width: 100% !important;
}

.email-subscription form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #fff !important;
    padding: 8px !important;
    border-radius: 0.8em !important;
}

.email-subscription form .forminator-field input {
    padding: 0 !important;
    border: none !important;
}

.email-subscription form .forminator-row .forminator-col.forminator-row-last {
    padding: 0 !important;
}

.email-subscription form .forminator-row {
    margin: 0 !important;
}

.email-subscription .forminator-button.forminator-button-submit {
    padding: 10px 20px 10px !important;
    border-radius: 10px !important;
}

.email-subscription form .forminator-button:hover {
    border: none;
    background-color: #7729ec;
    color: #fff;
}

.email-subscription .forminator-response-message.forminator-error,
.email-subscription .forminator-error-message {
    position: absolute;
    left: 0;
    bottom: -25px;
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.75);
}

.card-sticky .elementor-image-box-img {
    margin-top: 18px !important;
}

.sticky-grid .sub-heading.elementor-widget {
    margin: 0 !important;
}

.solution-uptime {
    position: relative;
    overflow: hidden;
    background-image: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2023/01/05145124/bg-line.svg"),
        linear-gradient(180deg, #001141, #001141);
    background-position: 50% 100%, 0 0;
    background-size: contain, auto;
    background-repeat: no-repeat, repeat;
}

.solution-uptime p,
.dark-section p,
.main-cover p {
    color: #fff;
}

.sticky-grid #gallery-1 img {
    border: none;
}

.sticky-grid #gallery-1 .gallery-item {
    margin-top: 0;
    padding-bottom: 0;
}

.small-btn .elementor-button-wrapper .elementor-button-link.elementor-button {
    font-size: 15px !important;
    border: none;
}

.section-solution-testimonial .neuron-swiper .neuron-swiper-quote {
    color: rgba(112, 75, 166, 0.1) !important;
    z-index: 1;
    top: 0px !important;
    left: -30px !important;
}

.section-solution-testimonial .neuron-swiper .swiper-slide {
    opacity: 1 !important;
}

.link-light-color a {
    color: #fff !important;
}

.link-light-color a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.solution-feature .elementor-widget-image .elementor-widget-container {
    position: absolute;
    top: -56px;
    background-color: #f5f2ef;
    padding: 10px;
    border-radius: 50%;
    border: 1px solid #dfcff4;
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
}

.feel-free-to-contact span.elementor-button-text {
    flex-grow: unset;

}

.feel-free-to-contact span.elementor-button-content-wrapper {
    gap: 1rem;
    margin-top: 5px;
}

/******************************************************************************************** Keyframe Animation ********************************************************************************************/


@-webkit-keyframes testiSlider {
    0% {
        left: 0;
        transform: translateX(10px)
    }

    50% {
        left: -2538px;
        transform: translateX(100%)
    }

    100% {
        left: 0;
        transform: translateX(10px)
    }
}

@keyframes testiSlider {
    0% {
        left: 0;
        transform: translateX(10px)
    }

    50% {
        left: -2538px;
        transform: translateX(100%)
    }

    100% {
        left: 0;
        transform: translateX(10px)
    }
}

@-webkit-keyframes testiSliderReverse {
    0% {
        left: -2538px;
        transform: translateX(100%)
    }

    50% {
        left: 0;
        transform: translateX(10px)
    }

    100% {
        left: -2538px;
        transform: translateX(100%)
    }
}

@keyframes testiSliderReverse {
    0% {
        left: -2538px;
        transform: translateX(100%)
    }

    50% {
        left: 0;
        transform: translateX(10px)
    }

    100% {
        left: -2538px;
        transform: translateX(100%)
    }
}




/******************************************************************************************** Custom Css OAT ********************************************************************************************/
.testi-elementor-first .swiper-wrapper {
    animation: testiSlider 170s infinite linear both;
}

.testi-elementor-second .swiper-wrapper {
    animation: testiSliderReverse 170s infinite linear both;
}

.testi-elementor .swiper-slide {
    box-shadow: 0 4px 30px rgba(0, 0, 0, .07);
    border-radius: 6px;
    background: white;
    width: 300px !important;
    transition: all .4s ease-in-out;
}

.testi-elementor .swiper-slide:hover {
    transform: scale(1.07);
}

.testi-elementor .swiper-container:hover .swiper-wrapper {
    animation-play-state: paused;
}

.testi-elementor .swiper-container {
    overflow: inherit;
    cursor: unset !important;
}

/*Cloud Pricing*/
.pricing-table .elementor-tabs .elementor-tabs-wrapper {
    display: none !important;
}

/* FAB Contact */
.fab-button {
    z-index: 999;
    position: relative;
}

.fab-button button.fab {
    cursor: pointer;
    position: fixed;
    bottom: 50px;
    z-index: 99;
    right: 35px;
    font-size: 22px;
    color: white !important;
    background-color: black !important;
    width: 55px;
    height: 55px;
    border-radius: 50% !important;
    box-shadow: 3px 6px 10px rgba(0, 0, 0, 0.2);
    border: none;
    padding: 0px;
    outline: none !important;
    z-index: 9;
}

.fab-button button.fab::before {
    content: attr(data-tooltip);
    position: absolute;
    right: 65px;
    /* Position the tooltip to the left of the button */
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
    /* Prevent the tooltip from wrapping */
    padding: 0.1em 1em;
    font-size: 12px;
    color: white;
    border-radius: 3px;
    background-color: #111111;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 9;
}

button.fab:hover::before {
    opacity: 1;
}

.fab-button .floatingMenu {
    pointer-events: none;
    position: fixed;
    overflow: hidden;
    z-index: 98;
    bottom: 105px;
    right: 40px;
    display: flex;
    flex-direction: column;
    z-index: 9;
}

.fab-button .floatingMenu.open {
    pointer-events: inherit;
}

.fab-button .floatingMenu li {
    opacity: 1;
    top: 20em;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    column-gap: 5px;
    margin-bottom: 10px;
    transition: top 0.5s ease, opacity 0.5s ease;
}

.fab-button .floatingMenu li.visible {
    opacity: 1;
    top: 0;
}

.fab-button .floatingMenu li:last-of-type {
    margin-bottom: 0;
}
.floatingMenu li span {
    padding: 0.4rem 1.2rem;
    opacity: 1;
    font-size: 12px;
    color: white;
    border-radius: 3px;
    background-color: #111111;
    transition: opacity 0.5s ease;
}
.fab-button .floatingMenu li:hover span {
    opacity: 1;
}
.fab-button .floatingMenu li a i {
    color: white;
    display: block;
    font-size: 22px;
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background-color: #222222;
    transition: transform 0.5s ease;
}
.floatingMenu li:hover a {
    transform: scale(1.06);
}
.fab-button .floatingMenu .fm-line a i,
.floatingMenu .fm-line span {
    background-color: rgba(34, 186, 79, 1);
}
.fab-button .floatingMenu .fm-tel a i,
.floatingMenu .fm-tel span {
    background-color: rgba(52, 67, 88, 1);
}
.fab-button .floatingMenu .fm-mail a i,
.floatingMenu .fm-mail span {
    background-color: rgba(108, 56, 226, 1);
}

/* Cookie Consent */
body .cc-window .cc-compliance a.cc-btn:hover {
    color: white !important;
}

/* sidebar */
.wp-block-categories-list .cat-item-68,
.wp-block-categories-list .cat-item-50,
.wp-block-categories-list .cat-item-53,
.wp-block-categories-list .cat-item-44,
.wp-block-categories-list .cat-item-47,
.wp-block-categories-list .cat-item-45,
.wp-block-categories-list .cat-item-52,
.wp-block-categories-list .cat-item-42,
.wp-block-categories-list .cat-item-48,
.wp-block-categories-list .cat-item-46,
.wp-block-categories-list .cat-item-51,
.wp-block-categories-list .cat-item-54,
.wp-block-categories-list .cat-item-49,
.wp-block-categories-list .cat-item-93,
.wp-block-categories-list .cat-item-43,
.wp-block-categories-list .cat-item-285,
.wp-block-categories-list .cat-item-89,
.wp-block-categories-list .cat-item-90,
.wp-block-categories-list .cat-item-91,
.wp-block-categories-list .cat-item-92 {
    display: none;
} 
ul.seed-social.-bottom:before {
    content: 'แชร์ :';
    margin-right: 10px;
    display: inline-flex;
    margin-top: 10px;
}

/* single post Content */
.single-post-content .elementor-element h3 {
    font-size: 2.1rem;
}
.elementor-element .wp-block-heading a {
    color: #7729ec;
    font-size: inherit;
    font-weight: 600;
    font-family: var(--tdh-text-heading);
}
.single-post-content p {
    margin-bottom: 1rem;
}
.single-post-content .elementor-widget-container {
    color: var(--tdh-post-color);
}
.single-post-content ul li
.single-post-content li{
    line-height: 1.4;
} 
.single-post-content p,
.single-post-content a,
.single-post-content li,
.single-post-content ul li a{
    font-weight: var(--tdh-paragraph-weight);
}
.single-post-content .single-post-content li{
    color: var( --tdh-post-color);
} 
.single-post-content .single-post-content li + li{
    margin-top: 3px;
} 
.single-post-content .single-post-content .seed-social li {
    margin: 0 10px 0 0;
}
.single-post .post.type-post .single-post-content .elementor-widget-image img,
.single-post-content .wp-block-image img {
    margin-bottom: 20px;
    padding: 10px; 
    border: 1px solid #eee; 
}
.single-post .post.type-post .single-post-content .elementor-widget-neuron-post-featured-image.elementor-widget-image img {
    padding: 0;
    border: none;
}
.single-post-content .n-blog-archive__taxonomies li a {
    font-weight: normal !important;
}
.single-post-content .elementor-widget-neuron-table-of-contents .elementor-widget-container {
    border: none;
    border-radius: 0;
    margin: 20px 0;
}
.single-post-content .elementor-widget-neuron-table-of-contents .m-neuron-toc__body {
    background-color: #f7f9fc;
    padding-top: 0;
}
.single-post-content .elementor-widget-neuron-table-of-contents .m-neuron-toc__list-wrapper {
    border-top: 1px solid #2f425926;
    padding-top: 15px;
}
.single-post-content .elementor-widget-container .elementor-heading-title,
.single-post-content .elementor-widget-container h4,
.single-post-content .elementor-widget-container h5{
    font-weight: bold !important;
}
.single-post-content .elementor-widget-container h2.elementor-heading-title {
    font-size: 2.2rem;
}
.single-post-content .elementor-widget-container h3.elementor-heading-title {
    font-size: 2.1rem;
}
.single-post-content .elementor-widget-container h4,
.single-post-content .elementor-widget-container h4.elementor-heading-title {
    font-size: 1.9rem;
}
.single-post-content .elementor-widget-container h5,
.single-post-content .elementor-widget-container h5.elementor-heading-title {
    font-size: 1.8rem;
}
.single-post-content .elementor-widget-neuron-table-of-contents .m-neuron-toc__list-wrapper li .m-neuron-toc__list-wrapper {
    border: none;
    padding: 0;
    margin-top: 2px;
}
.single-post-content .elementor-widget-neuron-table-of-contents .m-neuron-toc__header {
    background-color: #F6F9FC;
    border: solid #7729ec;
    border-width: 2px 0 0;
}
.single-post-content .elementor-widget-neuron-table-of-contents .m-neuron-toc__list-item {
    margin-bottom: 2px;
}
.single-post-content .onthispage-sidebar .m-neuron-toc__header {
    background: transparent;
    padding: 0 0 20px;
    border-width: 0 0 2.9px;
    margin-bottom: 20px;
    border-color: #000;
}
.single-post-content .onthispage-sidebar .m-neuron-toc__list-wrapper,
.single-post-content .sidebar-catagories .onthispage-sidebar li{
    border: none;
    padding: 2px 0;
}
.single-post-content .onthispage-sidebar .m-neuron-toc__body{
    background: transparent;
    padding: 0;
}
.elementor-widget-neuron-table-of-contents.onthispage-sidebar .m-neuron-toc__list-item-text-wrapper i{
    display: none;
}

/* single post sidebar recent post */
.single-post-sidebar .l-neuron-grid__item .m-neuron-post__title {
    min-height: unset !important;
    margin-bottom: 0 !important;
}

.single-post-sidebar .m-neuron-posts--thumbnail-top .m-neuron-post__inner {
    flex-wrap: unset !important;
}

.single-post-sidebar .elementor-element .m-neuron-post__inner {
    flex-direction: row !important;
}

.single-post-sidebar .elementor-element .m-neuron-post__title a,
.elementor-element .m-neuron-post__read-more a {
    line-height: 20px !important;
    font-size: 16px !important;
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    font-weight: 500 !important;
}

.single-post-sidebar .elementor-element .m-neuron-post__title a:hover,
.single-post-sidebar .elementor-element .m-neuron-post__read-more a:hover {
    color: #7729ec;
}
.single-post-sidebar .m-neuron-post__text span {
    font-size: 14px;
    color: #2f4359;
}
.single-post-sidebar .elementor-element .m-neuron-post__thumbnail img {
    height: 60px !important;
    min-width: 80px !important;
    object-fit: contain !important;
    max-width: 120px !important;
}
.rt-tpg-container.tpg-shortcode-main-wrapper .carousel1 .rt-holder .rt-img-holder img,
.rt-tpg-container.tpg-shortcode-main-wrapper .isotope1 .rt-holder .rt-img-holder img,
.rt-tpg-container.tpg-shortcode-main-wrapper .layout1 .rt-holder .rt-img-holder img,
.elementor-element .m-neuron-post__thumbnail--link .m-neuron-post__thumbnail img{
    transition: all 1s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
}
.rt-tpg-container.tpg-shortcode-main-wrapper .carousel1 .rt-holder .rt-img-holder:hover img,
.rt-tpg-container.tpg-shortcode-main-wrapper .isotope1 .rt-holder .rt-img-holder:hover img,
.rt-tpg-container.tpg-shortcode-main-wrapper .layout1 .rt-holder .rt-img-holder:hover img,
.elementor-element .m-neuron-post__thumbnail--link .m-neuron-post__thumbnail img:hover {
    transform: rotate(0deg) scale(1.1);
    -webkit-transform: rotate(0deg) scale(1.1);
} 
.single-post-sidebar .m-neuron-posts--thumbnail-top .m-neuron-post__inner .m-neuron-post__thumbnail--link {
    margin-bottom: 0px !important;
}
.single-post-sidebar .m-neuron-post .m-neuron-post__thumbnail--link {
    padding: 0 !important;
    margin: 0 !important;
    margin-right: 10px !important;
    max-width: 100px !important;
    min-width: 100px;
    height: 60px !important;
}
.single-post-sidebar .l-neuron-grid__item {
    margin-bottom: 20px !important;
}
.single-post-recent-content.m-neuron-posts--thumbnail-top .m-neuron-post__inner .m-neuron-post__thumbnail--link {
    margin-bottom: 10px;
    width: 100%;
}
.elementor-widget-wrap .elementor-widget-neuron-post-content ul {
    margin-bottom: 15px;
}
.elementor-widget-heading .elementor-heading-title[class*='elementor-size-']>a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

/* single post categories */
.wp-block-categories-list {
    list-style: none;
    padding: 0;
}

.single-post-sidebar .wp-block-categories-list li a {
    font-size: 16px !important;
    font-family: var(--tdh-text-heading) !important;
}
.single-post-sidebar .wp-block-categories-list li {
    line-height: 30px;
}
.single-post-sidebar .wp-block-categories-list li::before {
    content: '\f07c';
    font-family: 'Font Awesome 5 Free';
    color: #30435a;
    margin-right: 10px;
}
.wp-block-separator {
    margin: 10px 0 !important;
} 
.single-post-content .sidebar-catagories li a {
    font-weight: 500;
    font-size: 1.8rem;
    font-family: var(--tdh-text-heading);
    color: #0a2540;
}
.single-post-content .sidebar-catagories li {
    border-bottom: 1px solid #eee;
    padding: 6px 0;
} 
.single-post-content .sidebar-catagories .elementor-element .m-neuron-post__thumbnail img {
    position: relative;
}
.sidebar-catagories .l-neuron-grid__item .m-neuron-post__title {
    min-height: unset;
    margin: 0;
}
.single-post-content .sidebar-catagories .l-neuron-grid article:after {
    content: '';
    background-color: #eee;
    width: 100%;
    height: 1px;
    display: inline-block;
}
.sidebar-catagories .m-neuron-posts--thumbnail-left .m-neuron-post__inner .m-neuron-post__thumbnail--link {
    padding-bottom: 5px !important;
}
.sidebar-catagories .l-neuron-grid__item .m-neuron-post__title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}
.sidebar-catagories .m-neuron-posts--thumbnail-left .m-neuron-post__inner {
    display: flex;
    align-items: center;
}
.single-post-lastest-post .l-neuron-grid__item .m-neuron-post__title a{
    font-weight: 500;
}

/* single post related */
.single-post-related .elementor-element .m-neuron-post__title a,
.single-post-related .elementor-element .m-neuron-post__read-more a {
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.single-post-related article:hover .m-neuron-post__title a {
    color: rgba(108, 56, 226, 1);
}
.single-post-related article {
    opacity: 1 !important;
}
.single-post .elementor-wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.single-post .elementor-wrapper > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Get In Touch Form */
.get-in-touch-form label.forminator-label,
.get-in-touch-form .select2-selection__rendered,
.get-in-touch-form .forminator-checkbox__label p,
.get-in-touch-form .forminator-checkbox__label a {
    font-size: 1.6rem !important;
    font-family: var(--tdh-text-heading) !important;
}

.get-in-touch-form .forminator-checkbox__label p,
.get-in-touch-form .forminator-checkbox__label a,
.get-in-touch-form .forminator-uploaded-file--title {
    font-weight: 500 !important;
}
.get-in-touch-form .forminator-row .forminator-button-submit {
    font-weight: 500 !important;
}
.get-in-touch-content .elementor-widget-image-box .elementor-image-box-title a {
    font-weight: 500;
}
.get-in-touch-form .forminator-checkbox__label a:hover {
    color: black !important;
}

.get-in-touch-form .forminator-checkbox__label a {
    text-decoration: underline;
}

.get-in-touch-form .select2-selection__placeholder {
    color: rgba(0, 0, 0, .4) !important;
}

.get-in-touch-form .forminator-checkbox {
    margin-top: 5px !important;
}

.get-in-touch-form .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) {
    margin: 15px 0;
}

.get-in-touch-form .forminator-row-last,
.get-in-touch-form .forminator-button {
    width: 100% !important;
}

.get-in-touch-form .forminator-edit-module {
    display: none;
}

.get-in-touch-form>.elementor-widget-container {
    padding-bottom: 90px !important;
}

.get-in-touch-form .forminator-input,
.get-in-touch-form .selection>span,
.get-in-touch-form .forminator-textarea,
.get-in-touch-form .forminator-multi-upload {
    border: none !important;
}

.get-in-touch-content div.elementor-image-box-wrapper h6 {
    margin: 0;
}

.get-in-touch-form .forminator-error-message,
.get-in-touch-form .forminator-uploaded-file--size {
    line-height: initial !important;
    padding: 0 !important;
    background-color: unset !important;
    color: rgba(255, 255, 255, .8) !important;
}

/* Gallery with Filter */

#filters .button {
    font-family: var(--tdh-text-heading) !important;
    border: unset;
    font-size: 1.6rem;
    margin: .3em;
    background-color: #36395a;
    border-radius: 20px;
    color: white;
    cursor: pointer;
    display: inline-block;
    padding: 1rem 2rem;
    -webkit-transition: all 400ms linear;
    -moz-transition: all 400ms linear;
    -ms-transition: all 400ms linear;
    -o-transition: all 400ms linear;
    transition: all 400ms linear;
    font-weight: 500;
}

#filters .button:hover {
    background-color: #7729EC;
    color: #FFF;
    box-shadow: unset;
}

#filters .is-checked {
    background-color: #7729EC;
    color: #FFF
}

.isotope-mpf {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
}

.isotope-mpf:after {
    content: '';
    display: block;
    clear: both
}

.isotope-mpf .element-item-mpf {
    margin: 10px;
    width: calc(100%/7 - 20px);
    height: auto;
    float: left;
}

.simplemodal-overlay,
.simplemodal-container {
    display: none !important;
}

.modal-portfolio .ref-label-text {
    font-family: var(--tdh-text-content);
    font-size: 16px;
    text-align: center;
    color: black;
    padding: 5px 8px;
    line-height: 1.4;
    background: unset;
}

.modal-portfolio .ref-label {
    position: unset;
    width: 100%;
    bottom: -45px;
    z-index: 500;
    height: unset;
}

.modal-portfolio {
    overflow: hidden;
    position: relative;
    cursor: unset;
}

.modal-portfolio .ref-text-category {
    display: none;
}

.isotope-mpf .element-item-mpf img {
    padding: 5px;
}

.our-client-container .esg-filterbutton {
    background-color: #36395a !important;
    border-radius: 20px !important;
    color: #fff !important;
    font-family: var(--tdh-text-heading) !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    border: none !important;
    box-shadow: unset !important;
}

.our-client-container .esg-filterbutton:hover {
    background-color: #7729EC !important;
}

.our-client-container .esg-filterbutton.selected {
    background-color: #7729EC !important;
}

#client-ess-grid .esg-singlefilters {
    margin-bottom: 30px !important;
}

#client-ess-grid .eg-our-client-content .esg-content {
    font-family: var(--tdh-text-content) !important;
    font-size: 16px !important;
}


@media only screen and (min-width : 1400px) {
    
    .our-client-container .esg-grid .mainul li.eg-our-client-wrapper {
        min-height: 195px;
    }
    .our-client-container.our-client-commercial .esg-grid .mainul li.eg-our-client-wrapper {
        min-height: 175px;
    }
    .our-client-container .esg-grid .esg-entry-media-wrapper {
        padding: 0 8px !important;
    }

}

@media only screen and (max-width : 1399px) {
    .our-client-container .esg-grid .mainul li.eg-our-client-wrapper {
        min-height: 165px;
    }

}


@media only screen and (min-width: 768px) {
    .dt-hidden {
        display: none;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    
    /*Header*/
    .cloud-pricing-btn-tl {
        position: absolute !important;
        top: 10px;
        right: 0;
    }
    
    /*Use Cases Page*/ 
    .use-cases-container .e-n-tabs .e-n-tabs-content .e-n-tabs .e-n-tabs-heading {
        column-gap: 12px;
        row-gap: 0;
    }
    .use-cases-container .e-n-tabs-content .e-n-tabs-heading .e-n-tab-title{
        padding-bottom: 2px;
    } 
    
    /*Mega Menu 2025*/
    .m-neuron-nav-menu .menu-item .m-neuron-nav-menu--mega-menu {
        margin-top: 8px;
    }
    .header-main-bottom .elementor-widget-neuron-nav-menu .m-neuron-nav-menu__list .menu-item-44696 .m-neuron-nav-menu--mega-menu{
        width: 600px !important;
        left: 0 !important;
    }
    .header-main-bottom .elementor-widget-neuron-nav-menu .m-neuron-nav-menu__list .menu-item-44708 .m-neuron-nav-menu--mega-menu {
        width: 650px !important;
        left: -100px !important;
    }
    .header-main-bottom .elementor-widget-neuron-nav-menu .m-neuron-nav-menu__list .menu-item-44709 .m-neuron-nav-menu--mega-menu{
        width: 680px !important;
        left: -160px !important;
    }
    .header-main-bottom .elementor-widget-neuron-nav-menu .m-neuron-nav-menu__list .menu-item-44710 .m-neuron-nav-menu--mega-menu{
        width: 600px !important;
        left: -160px !important;
    }     

}


.cloud-pricing-new .elementor-widget-image-box .elementor-image-box-content {
    align-self: center;
}

.cloud-pricing-new .elementor-image-box-wrapper .elementor-image-box-img img {
    min-width: 44px;
}

.cloud-pricing-new figure.elementor-image-box-img {
    max-width: 44px;
}

@media only screen and (max-width:1024px) {
    
    
    body, p, ul li, ul li a, a {
        -webkit-font-smoothing: subpixel-antialiased;
        -moz-osx-font-smoothing: auto;
        text-rendering: optimizeLegibility;
        font-feature-settings: "kern" 1, "liga" 1;
        font-variant-ligatures: common-ligatures;
    }
    span.bold-tablet {
        font-weight: 600;
    }
}

@media only screen and (min-width:1025px) {
    
    .tl-hidden {
        display: none;
    }

    .cbs-custom-filter {
        position: sticky !important;
        top: 70px;
    }
}

.cloud-compute-pricing .neuron-sticky {
    position: sticky !important;
    position: -webkit-sticky;
    top: -110px !important;
}


.blog-archive-container .m-neuron-post__text {
    padding: 0px 15px 25px 15px;
}

@media only screen and (max-width:767px) {
    .blog-archive-container article.l-neuron-grid__item {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}

@media only screen and (min-width:768px) {
    .blog-archive-container article.l-neuron-grid__item {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

}

.blog-archive-container .l-neuron-grid .l-neuron-grid__item {
    margin-bottom: 70px !important;
}

.blog-archive-container h3.m-neuron-post__title {
    padding: 0 !important;
}

.cbs-filter-by-cate {
    display: flex;
    flex-direction: column;
}

.cbs-filter-by-tag {
    margin-top: 15px;
}

.cbs-filter-by-tag input {
    display: none;
}

.cbs-tag-filter {
    padding: 5px 15px;
    margin: 0;
    height: auto;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #d1d1d1;
} 
.cbs-filter-by-tag label {
    margin: 0px;
}
.cbs-tag-list {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 10px;
}
.cbs-tag-filter:hover {
    border: 1px solid black;
}
select#cbs-category-select {
    color: #383838;
    line-height: 1.3;
    padding: 0.6em 1.4em 0.5em 0.8em;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    border: none;
    border-bottom: 1px solid #231f20;
}

.cloud-business-enterprise-banner{
    overflow: hidden;
    position: relative;
}
/******************************************************************************************** Custom Css OAT ********************************************************************************************/
/* Feel Free to Contact forminator */
.feel-free-to-contact .forminator-label {
    font-family: var(--tdh-text-heading) !important;
}

.feel-free-to-contact form.forminator-ui.forminator-design--flat .forminator-textarea::placeholder,
.feel-free-to-contact form.forminator-ui.forminator-design--flat .forminator-input::placeholder {
    font-family: var(--tdh-text-heading) !important;
}

.single-post-recent .elementor-element .m-neuron-post__text .m-neuron-post__meta-data {
    margin: 5px 0;
    font-size: 1.4rem;
    color: #2f4359;
}

.single-post-recent .elementor-element .m-neuron-post__text .m-neuron-post__meta-data::before {
    content: "\f073";
    font-family: "Font Awesome 5 Free";
}

.single-post-recent .elementor-element .m-neuron-post__text {
    display: flex;
    flex-direction: column;
}

.single-post-recent .elementor-element .m-neuron-post__title {
    min-height: unset;
    margin-bottom: 0;
}

.single-post-recent .elementor-element .l-neuron-grid__item .m-neuron-post__inner {
    min-height: 220px;
}

.single-post-recent .elementor-element .l-neuron-grid__item {
    margin-bottom: 20px !important;
    opacity: 1 !important;
}

.single-post-recent .elementor-element .m-neuron-post__excerpt {
    color: #2f4359;
}

.single-post-recent article:hover .m-neuron-post__title a {
    color: rgba(108, 56, 226, 1);
}

@media only screen and (min-width: 768px) {

    /* single post recent */
    .single-post-recent .elementor-element .m-neuron-post__title {
        min-height: unset;
    }

    .single-post-recent .elementor-element .m-neuron-post__title a {
        -webkit-line-clamp: 1 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        font-size: 2rem;
    }

    .single-post-recent .elementor-element .m-neuron-post__excerpt {
        -webkit-line-clamp: 5 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        line-height: 1.4;
    }

    .single-post-recent .elementor-element .m-neuron-post__thumbnail img {
        height: auto !important;
    }

    .single-post-recent .single-post-recent-content .m-neuron-post .m-neuron-post__thumbnail--link {
        padding-bottom: 0 !important;
        width: 42% !important;
        height: auto !important;
        min-height: 200px;
    }

    /* single post related */
    .single-post-related .m-neuron-post__text {
        display: flex;
        flex-direction: column;
    }

    .single-post-related .m-neuron-post__text .m-neuron-post__title {
        order: 2;
    }

    .single-post-related .m-neuron-posts--thumbnail-top .m-neuron-post__inner .m-neuron-post__thumbnail--link {
        margin-bottom: 5px !important;
    }

    .single-post-related .elementor-element .m-neuron-post__meta-data {
        margin-bottom: 5px !important;
        font-size: 14px !important;
    }

    .single-post-related .elementor-element .m-neuron-post__title a,
    .single-post-related .elementor-element .m-neuron-post__read-more a {
        font-size: 17px !important;
    }
}


/*VPS Hosting*/
.vps-hosting .promotion-price .elementor-heading-title span {
    font-size: 1.8rem !important;
    color: #000 !important;
}
.section-global-cloud .elementor-container.elementor-column-gap-default {
    z-index: 9;
}
.section-global-cloud:after {
    content: '';
    display: inline-block;
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/08/25185743/bg-label-triangle.svg") no-repeat 0 0/ 400px auto;
    width: 400px;
    height: 240px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.section-global-cloud .iso-label {
    position: absolute;
    bottom: -52px;
    left: 50px;
    width: auto !important;
}
.vps-hosting .pricing-box .elementor-container .elementor-column:last-child p {
    font-weight: 500 !important;
}

/*Tab Digital Transformation*/
.digital-transformation .sub-title p {
    max-width: 600px;
    margin: 0 auto;
}

.tab-digital-transformation .elementor-accordion-item .elementor-tab-content a {
    display: inline-block;
    width: 100%;
    margin: 20px 0;
}

.tab-digital-transformation .elementor-accordion-item .elementor-tab-content a {
    color: #7729ec;
}

.tab-digital-transformation .elementor-accordion-item .elementor-tab-content a:after {
    content: '\e801';
    font-family: 'neuron-icons';
    font-style: normal;
    font-weight: normal;
    speak: never;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px;
}

.tab-digital-transformation .elementor-tab-title a {
    display: inline-block;
    position: relative;
    padding-bottom: 10px;
    width: 100%;
    font-size: 3rem !important;
}

.tab-digital-transformation .elementor-tab-title a:after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #7729ec;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.tab-digital-transformation .elementor-tab-title.elementor-active a:after,
.tab-digital-transformation .elementor-tab-title a:hover:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

/*Data Center*/
.section-standard .elementor-widget-neuron-gallery .m-neuron-gallery__image-detail--title {
    font-size: 2rem;
    margin-bottom: 8px;
}

.elementor-container .elementor-element .swiper-slide .m-neuron-gallery__inner .m-neuron-gallery__thumbnail--link {
    margin-bottom: 14px;
}

.elementor-widget-neuron-gallery .m-neuron-gallery__inner:hover .m-neuron-gallery__image-details span {
    color: #fff;
}

.elementor-widget-neuron-gallery .m-neuron-gallery__inner:hover img {
    opacity: 0.5;
}

.section-standard .m-neuron-gallery__inner {
    border-top: 4px solid #7728ec;
}

.planet-container {
    position: absolute;
    right: -20%;
}
.planet-container.data-center-page{
    right: 0 !important;
}

.planet-container.left {
    right: auto;
    left: -20%;
}

.tdc-global {
    width: 200px;
    height: 200px;
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/09/26223137/planet-TDC.svg");
}

.tdc-global.inside {
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/09/26223136/planet-TDC-inside.svg");
    position: absolute;
    z-index: -1;
    top: 0;
}

.rotating {
    -webkit-animation: rotating 70s linear infinite;
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

.elementor-column .m-neuron-flip-box button {
    font-family: var(--tdh-text-heading);
    font-weight: 500 !important;
}
.elementor-column .m-neuron-flip-box img {
    max-width: 70px;
}

/*Solution*/
.elementor-container .elementor-section.solution-animate-text {
    position: absolute;
    left: calc(-50% + 250px);
    bottom: 10px;
    width: 500px;
}

.explore-solution .tpg-iso-filter .button-group {
    display: flex !important;
    justify-content: center;
}

.explore-solution .tpg-iso-filter .button-group button {
    order: 5;
}

.explore-solution .tpg-iso-filter .button-group button.rt-iso-btn-all {
    order: 1;
}

.explore-solution .tpg-iso-filter .button-group button.rt-iso-btn-energy {
    order: 2;
}

.post-template.elementor-template-full-width ul.seed-social {
    display: none;
}
.explore-solution .tpg-shortcode-main-wrapper .rt-grid-item .rt-holder .rt-detail,
.explore-solution .tpg-shortcode-main-wrapper .isotope1 .rt-holder .rt-detail {
    background: #f6f9fc;
}
.explore-solution .tpg-shortcode-main-wrapper .layout1 .rt-detail .tpg-excerpt {
    margin-bottom: 0; 
    margin-top: 30px;
}
.explore-solution .tpg-shortcode-main-wrapper .rt-grid-item .rt-holder,
.explore-solution .tpg-shortcode-main-wrapper .isotope1 .rt-holder {
    box-shadow: 0 0 2px 0 rgb(0 0 0 / 12%);
    -webkit-box-shadow: 0 0 2px 0 rgb(0 0 0 / 12%);
    -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
    text-align: left;
    background: #f6f9fc;
}
.explore-solution .rt-tpg-container .tpg-iso-filter .rt-tpg-isotope-buttons button {
    background-color: #f6f9fc;
    border: none;
    color: #000;
    border-radius: 5px;
    font-family: var(--s-heading);
    font-size: 1.9rem;
    font-weight: 500;
    padding: 5px 15px;
}
.explore-solution .tpg-shortcode-main-wrapper div .rt-holder .rt-detail {
    padding: 18px;
}
.explore-solution .rt-tpg-container .tpg-iso-filter .rt-tpg-isotope-buttons button:hover,
.explore-solution .rt-tpg-container .tpg-iso-filter .rt-tpg-isotope-buttons button.selected {
    background-color: #7827ec;
    color: #fff;
}
.explore-solution .tpg-shortcode-main-wrapper div .rt-holder .rt-detail h4 {
    line-height: 1;
    position: relative;
    text-align: left;
    margin-bottom: 32px;
}
.tpg-shortcode-main-wrapper .rt-detail .entry-title a {
    font-size: 1.8rem !important;
    line-height: 1 !important;
    font-weight: bold !important;
    font-family: var(--tdh-text-heading);
}
.tpg-shortcode-main-wrapper .layout1 .rt-holder .rt-detail h2.entry-title,
.tpg-shortcode-main-wrapper .layout1 .rt-holder .rt-detail h3.entry-title,
.tpg-shortcode-main-wrapper .layout1 .rt-holder .rt-detail h4.entry-title{
     line-height: 1 !important;
}
.explore-solution .tpg-shortcode-main-wrapper div .rt-detail .tpg-excerpt {
    text-align: left;
    font-size: var(--tdh-content-size);
}
.explore-solution .isotope-term-no-post p {
    color: #fff;
}
.explore-solution .tpg-shortcode-main-wrapper div .rt-holder .rt-detail .read-more a {
    padding: 0;
    border: none;
    color: #7827ec;
}

/*Feel Free to contact*/
.feel-free-to-contact form {
    text-align: left;
}
.feel-free-to-contact form .forminator-row {
    margin-bottom: 14px !important;
}
.feel-free-to-contact .forminator-ui.forminator-design--flat .forminator-label {
    color: #fff !important;
    font-size: 1.7rem !important;
    line-height: 1.2;
}
.feel-free-to-contact form.forminator-ui.forminator-design--flat .forminator-textarea,
.feel-free-to-contact form.forminator-ui.forminator-design--flat .forminator-input {
    background-color: rgba(255, 255, 255, 0.3) !important;
    border: 1px solid #fff;
    padding: 8px 10px;
    color: #fff !important;
    border-radius: 5px !important;
}
.feel-free-to-contact form.forminator-ui.forminator-design--flat .forminator-textarea::placeholder,
.feel-free-to-contact form.forminator-ui.forminator-design--flat .forminator-input::placeholder {
    color: rgba(255, 255, 255, 0.8) !important;
}
.feel-free-to-contact .elementor-icon-box-wrapper {
    display: flex;
    align-items: center;
}
.feel-free-to-contact .elementor-icon {
    color: #fff;
}
.feel-free-to-contact .image-row {
    position: absolute;
    left: -20%;
    bottom: -22%;
}

/*Domain*/
.domain .elementor-element form {
    display: flex;
}
.domain .elementor-element form.find-domain .text-field {
    border-radius: 5px 0 0 5px;
}
.domain .elementor-element form .find-domain-go {
    border-radius: 0 5px 5px 0;
    min-width: 65px;
    border: none;
}
.domain .elementor-element form .find-domain-go:hover {
    border-radius: 0 5px 5px 0;
    background-color: #7728ec;
    border: none;
    color: #fff;
}
.table-domain-pricing .elementor-column.pricing-box .elementor-element span {
    color: #7729ec;
}
.table-domain-pricing .pricing-box .price span {
    font-weight: 600;
    color: #7729ec;
}

/*Direct mail*/
.direct-mail-pricing .elementor-image-box-content h3 {
    margin: 10px 0 0;
}

.direct-mail-pricing .elementor-image-box-content .elementor-image-box-description,
.inner-compare-privatemail p {
    font-family: var(--tdh-text-heading);
    font-weight: 500;
}

/*Email*/
.dark-content p,
.dark-content ul li {
    color: #fff;
}

/*Private Network*/
.private-network-pricing .elementor-widget-container .e-n-tabs {
    font-family: var(--tdh-text-heading);
}
.private-network-pricing .elementor-widget-n-tabs .e-n-tab-title {
    flex-direction: column;
}
.private-network-pricing .elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon{
    display: inline-block !important;
    width: 30px;
    height: 30px;
}
.private-network-pricing .e-n-tab-title .e-n-tab-icon:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2023/07/19180353/flag_thailand.svg") no-repeat 0 center/ 30px auto;
    border: 1px solid #fff;
    border-radius: 50%; 
}
.private-network-pricing #tab-sg.e-n-tab-title .e-n-tab-icon:before {
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2023/07/19180355/flag_singapore.svg") no-repeat 0 center/ 30px auto;
}

/*New Blog Layout*/
.new-blog-container .m-neuron-post__thumbnail--link {
    min-height: 136px;
}
.new-blog-container .m-neuron-post__title a {
    -webkit-line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    line-height: 1.4;
}
.new-blog-container .blog-filter-sidebar {
    position: sticky;
    top: 95px;
}
.new-blog-container .mdf_info_popup {
    display: none !important
}
.new-blog-container .m-neuron-post__text {
    margin: -45px 15px;
    z-index: 1;
    background-color: white;
    padding-top: 10px !important;
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-bottom: 0 !important;
}
.new-blog-container .m-neuron-post__meta-data a {
    font-size: 14px !important;
}
.new-blog-container .m-neuron-post__title {
    order: 2;
}
.new-blog-container .l-neuron-grid__item {
    margin-bottom: 50px !important;
    opacity: 1 !important;
}
.elementor-widget-n-tabs .e-n-tabs button.e-n-tab-title:hover,
.elementor-widget-n-tabs .e-n-tabs button.e-n-tab-title:focus {
    border-radius: 0;
}

@media only screen and (min-width:768px) {
    .new-blog-container .l-neuron-grid__item {
        margin-bottom: 70px !important;
    }
}

.new-blog-container .m-neuron-post__thumbnail--link {
    height: 215px !important;

}
.new-blog-container .mdf_shortcode_skin_col1_1 .mdf_input_container_taxonomies .mdf_input_container {
    float: unset !important;
    margin-right: unset !important;
}
.new-blog-container .elementor-shortcode .mdf_input_container.mdf_taxonomy_post_tag.mdf_tax_auto_submit {
    width: unset !important;
}
.new-blog-container ul.mdf_taxonomy_label_list,
.new-blog-container .mdf_input_container_block.mdf_input_container_block_0 {
    padding: 0 !important;
}
.new-blog-container .icheckbox_flat-aero {
    display: none !important;
}
.new-blog-container span.mdf_tax_label_item,
.new-blog-container .elementor-shortcode .mdf_input_container.mdf_taxonomy_category.mdf_tax_auto_submit,
.new-blog-container .mdf_shortcode_skin_col1_1 select {
    width: 100% !important;
}
.new-blog-container .mdf_shortcode_skin_col1_1 select {
    margin-bottom: 15px;
}
.new-blog-container .mdf_shortcode_skin_col1_1 {
    -moz-box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    background: unset !IMPORTANT;
    filter: unset !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
    border: unset !important;
    color: #666666;
    font-family: unset !important;
    font-size: 18px !important;
}
.new-blog-container span.mdf_tax_label_item {
    background: unset !important;
    padding: 0px 15px !important;
    margin: 0 !important;
    height: auto !important;
    border-radius: 25px;
    font-size: 13px !important;
}
.new-blog-container select.mdf_taxonomy {
    border-radius: 5px;
    border-bottom: 2px solid;
    border-top: none;
    border-right: none;
    border-left: none;
    font-size: 18px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTIuNCIgaGVpZ2h0PSIyOTIuNCI+PHBhdGggZmlsbD0iIzExMWYzOSIgZD0iTTI4NyA2OS40YTE3LjYgMTcuNiAwIDAgMC0xMy01LjRIMTguNGMtNSAwLTkuMyAxLjgtMTIuOSA1LjRBMTcuNiAxNy42IDAgMCAwIDAgODIuMmMwIDUgMS44IDkuMyA1LjQgMTIuOWwxMjggMTI3LjljMy42IDMuNiA3LjggNS40IDEyLjggNS40czkuMi0xLjggMTIuOC01LjRMMjg3IDk1YzMuNS0zLjUgNS40LTcuOCA1LjQtMTIuOCAwLTUtMS45LTkuMi01LjUtMTIuOHoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: right 0.7em top 50%, 0 0;
    background-size: 0.6em auto;
}
.new-blog-container ul.mdf_taxonomy_label_list:before {
    content: "Tags";
    display: block;
    margin-bottom: 15px;
    color: black;
}
.new-blog-container .mdf_taxonomy_label_list li {
    margin: 0 !important
}
.new-blog-container span.mdf_tax_label_item:hover {
    border: 1px solid #727272;
    color: black;
}

/*Drive and Photo*/
.service-side-tab .e-n-tab-title-text,
.sevice-scenarios-tab .e-n-tab-title-text,
.elementor-toggle .elementor-tab-title a{
    font-family: var(--tdh-text-heading);
    font-weight: 600 !important;
} 

/*VPN Gateway*/
.vpn-gatewat-pricing .calculator-settings.ccb-front{
    margin: 20px 0 0 !important;
}
.vpn-gatewat-pricing .calc-container .calc-list .calc-item-title,
.vpn-gatewat-pricing .calc-container .calc-list .calc-item-title.calc-accordion{
    display: none;
}
.vpn-gatewat-pricing .calc-subtotal-wrapper .calc-subtotal-list{
    margin: 0 !important;
}
.vpn-gatewat-pricing .calc-container .calc-list .calc-subtotal-list .sub-list-item.total span:last-child {
    color: #7827ec;
    font-size: 2.5rem;
    font-family: var(--tdh-text-heading);
}
.vpn-gatewat-pricing .calc-container .calc-item .calc-radio-wrapper label .calc-radio-label{
    color: #2f4259 !important;
    font-family: var(--tdh-text-heading);
}
.vpn-gatewat-pricing .calc-container.horizontal .calc-fields-container{
    grid-template-columns: auto auto;
}
.vpn-gatewat-pricing .elementor-icon-list-items li{
    width: 45%;
}

/*Blog List*/
.blog-list-container .l-neuron-grid article {
    border: 1px solid #eee;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
    padding: 0;
    border-radius: 10px;
}
.blog-list-container .m-neuron-posts--thumbnail-left .m-neuron-post__inner {
    align-items: center;
}
.blog-list-container .m-neuron-post__read-more {
    display: inline-block;
    border: 1px solid #7729ec;
    padding: 10px 20px;
    border-radius: 30px;
}
.blog-list-container .m-neuron-post__read-more:hover {
    border: 1px solid #7729ec;
    background-color: #7729ec;
    color: #fff;
}
.blog-list-container .m-neuron-post__read-more:hover a{
    color: #fff;
}
.blog-list-container .l-neuron-grid__item .m-neuron-post__title {
    padding: 0 40px;
}

/*Use Cases Page*/
.use-cases-container .e-n-tabs-heading:before {
    content: 'Showcases';
    display: inline-block;
    height: auto;
    width: 100%;
    margin-bottom: 25px;
    padding-top: 50px;
    font-size: 3rem;
    font-weight: 600;
    color: #fff;
} 
.use-cases-container .e-n-tabs-content .e-n-tabs-heading:before {
    display: none;
}
.use-cases-container .e-n-tabs .e-n-tabs-heading{
    font-family: var(--tdh-text-heading);
    padding-bottom: 40px;
}
.use-cases-container .elementor-image-box-wrapper a {
    font-family: var(--tdh-text-heading);
    font-size: 1.5rem;
    font-weight: 500;
} 
.tab-why-us .entry-title {
    margin: 0 !important;
}
.tab-why-us .tpg-shortcode-main-wrapper .rt-detail .entry-title a {
    font-size: 1.6rem !important;
    font-family: var(--tdh-text-content);
    color: #2f4359;
}
.tab-why-us .tpg-shortcode-main-wrapper .layout1 .rt-holder .rt-detail h3 {
    line-height: .75;
    margin-top: 5px !important;
}
.tab-why-us .tpg-shortcode-main-wrapper .layout1 .rt-holder .rt-detail {
    padding: 5px 0;
}
.tab-why-us .tpg-shortcode-main-wrapper .layout1 .rt-holder {
    box-shadow: none;
}
.tab-why-us .tpg-shortcode-main-wrapper .even-grid-item {
    padding: 0 10px;
    margin-bottom: 20px;
}
.tab-why-us .rt-tpg-container {
    margin-left: -10px;
    margin-right: -10px; 
}
.use-cases-container .e-n-tabs-heading{
    border-right: 6px solid #e8ecf2;
}
.use-cases-container .e-n-tabs-content .e-n-tabs-heading{
    border: none;
}
.use-cases-container .e-n-tabs-content .e-n-tab-title-text {
    color: #000;
}
.use-cases-container .e-n-tabs .e-n-tabs-content .e-n-tabs-heading{
    padding: 0;
}
.use-cases-container .elementor-image-box-wrapper:hover .elementor-image-box-title{
    color: #7729ec;
} 

/*Press Con*/
#regis-form form ,
#regis-form a,
.press-con-countdown .neuron-countdown-label,
.presscon-footer span.elementor-icon-list-text{
    font-family: var(--tdh-text-heading);
}
.press-con-countdown .neuron-countdown-label{
    color: rgba(255, 255, 255, 0.7) !important;
}
#regis-form .forminator-consent__label a {
    font-size: unset !important;
}
#regis-form .forminator-row .forminator-label {
    font-family: var(--tdh-text-heading) !important;
    font-weight: 600 !important;
}
#regis-form form .forminator-row input {
    border-radius: 0 !important;
    font-family: var(--tdh-text-heading) !important;
    padding-top: 10px;
}
#regis-form .select2 .selection .select2-selection {
    border-radius: 0 !important;
    font-family: var(--tdh-text-heading) !important;
}
#regis-form .forminator-row.forminator-row-last {
    display: inline-block;
    width: 100%;
    margin: 0 !important;
}
#regis-form .forminator-row.forminator-row-last .forminator-col{
    padding: 0 !important;
}
#regis-form .forminator-row.forminator-row-last .forminator-button {
    font-weight: 600 !important;
    font-size: 1.6rem !important;
    border-radius: 0 !important;
    width: 100%;
}

/*Page Use Cases*/
.solution-by-use-case .e-n-tabs .e-n-tab-title,
.solution-by-use-case .elementor-widget-image-box .elementor-image-box-title a,
.solution-with-bg .elementor-widget-image-box .elementor-image-box-title a{
    font-family: var(--tdh-text-heading);
    font-weight: 600;
}  
.solution-with-bg .e-n-tabs-content .elementor-element.e-con.e-active {
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 250px; 
}
.solution-with-bg .e-n-tabs-content .elementor-element.e-con.e-active:before {
    content: '';
    background-color: rgba(0, 0, 0, 0.65);
}
.solution-with-bg .e-n-tabs-content #industry-power.elementor-element.e-con.e-active {
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/10/28142221/industry-energy-banner.jpg") no-repeat 0 0/ cover;
}
.solution-with-bg .e-n-tabs-content #industry-manufac.elementor-element.e-con.e-active {
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/10/27163230/industry-manufacturing-cover.webp") no-repeat 0 0/ cover;
}
.solution-with-bg .e-n-tabs-content #industry-transportation.elementor-element.e-con.e-active {
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/10/28171154/industry-transport-cover.webp") no-repeat 0 0/ cover;
}
.solution-with-bg .e-n-tabs-content #industry-media.elementor-element.e-con.e-active {
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/11/24120242/industry-media-cover.webp") no-repeat 0 0/ cover;
}
.solution-with-bg .e-n-tabs-content #industry-healthcare.elementor-element.e-con.e-active {
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/11/24120255/industry-healthcare-cover.webp") no-repeat 0 0/ cover;
} 
.solution-with-bg .e-n-tabs-content #industry-realestate.elementor-element.e-con.e-active {
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/10/28182128/industry-real-estate-cover.webp") no-repeat 0 0/ cover;
} 
.solution-with-bg .e-n-tabs-content #industry-technology.elementor-element.e-con.e-active {
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/11/24120248/industry-technology-cover.webp") no-repeat 0 0/ cover;
} 
.solution-with-bg .e-n-tabs-content #industry-travel.elementor-element.e-con.e-active {
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/11/14124419/industry-travel__cover.webp") no-repeat 0 0/ cover;
} 
.solution-with-bg .e-n-tabs-content #industry-education.elementor-element.e-con.e-active {
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/11/24120253/industry-education-cover.webp") no-repeat 0 0/ cover;
} 
.solution-with-bg .e-n-tabs-content #industry-finance.elementor-element.e-con.e-active {
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/11/24120250/industry-finace-cover.webp") no-repeat 0 0/ cover;
} 
.solution-with-bg .e-n-tabs-content #industry-insurance.elementor-element.e-con.e-active {
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/11/24120244/industry-insurance-cover.webp") no-repeat 0 0/ cover;
} 
.solution-with-bg .e-n-tabs-content #industry-retail.elementor-element.e-con.e-active {
    background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/11/24120246/industry-retail-cover.webp") no-repeat 0 0/ cover;
}  
.solution-industry-title .elementor-image-box-img {
    width: 75px !important;
    margin: 0 8px 0 0 !important;
}
.solution-industry-title .elementor-image-box-img img {
    filter: brightness(0) invert(1);
}
.solution-by-industry-container .e-n-tabs-heading {
    position: relative;
    z-index: 999;
    top: 120px;
    width: 100%;
    margin: 0 auto;
    height: 0px;
    padding: 0 10px;
}
.elementor-element.solution-by-industry-heading{
    position: absolute;
    z-index: 999;
    top: 30px;
}
.use-case-slide .m-neuron-testimonial {
    background-color: #fff;
    opacity: .5 !important;
}
.use-case-slide .m-neuron-testimonial.swiper-slide-visible {
    opacity: 1 !important;
}
.use-case-slide .m-neuron-testimonial.h-neuron-animation--wow {
    display: flex;
    flex-direction: column;
}
.use-case-slide .m-neuron-testimonial__content {
    margin-bottom: 8px;
    order: 3;
    text-align: left;
}
.use-case-slide .m-neuron-testimonial__footer {
    justify-content: initial;
    margin-bottom: 5px;
}
.use-case-slide .m-neuron-testimonial__text a {
    display: flex;
    margin: 15px 0 0;
    color: #7C00F6;
    justify-content: space-between;
}
.use-case-slide .elementor-element .m-neuron-testimonial__title {
    font-size: 2rem;
    font-family: var(--tdh-text-heading);
    font-weight: 600;
}

/*SMS*/
.list-none ul,
ul.list-none{
    padding: 0;
    list-style-type: none;
}
.tab-pricing-sms .e-n-tabs-heading .e-n-tab-title:first-child{
    border-radius: 50px 0 0 50px;
}
.tab-pricing-sms .e-n-tabs-heading .e-n-tab-title:last-child{
    border-radius: 0 50px 50px 0;
}
.tab-pricing-sms.elementor-widget-n-tabs .e-n-tab-title .e-n-tab-icon {
    display: none;
} 
.tab-pricing-sms.elementor-widget-n-tabs .e-n-tab-title{
    font-family: var(--tdh-text-heading);
    border: none;
    border-radius: 0;
    font-weight: 600;
}
.tab-sample-code.elementor-widget-n-tabs .e-n-tab-title{
    font-family: var(--tdh-text-heading);
    border: none;
    border-radius: 30px;
}
.tab-sample-code pre {
    line-height: 1;
    margin: 0;
    background-color: #000;
    border: none;
    color: #c1bcf8;
}
.tab-sample-code pre code {
    font-size: 12px;
    background: transparent;
}
.tab-sample-code .hljs-built_in, .tab-sample-code .hljs-keyword,
.tab-sample-code .hljs-section, .tab-sample-code .hljs-selector-tag {
    color: #ffde3b;
}
.tab-sample-code .hljs-addition, .tab-sample-code .hljs-attribute, .tab-sample-code .hljs-bullet,
.tab-sample-code .hljs-code, .tab-sample-code .hljs-deletion, .tab-sample-code .hljs-quote, .tab-sample-code .hljs-regexp,
.tab-sample-code .hljs-selector-attr, .tab-sample-code .hljs-selector-class,
.tab-sample-code .hljs-selector-pseudo, .tab-sample-code .hljs-string, .tab-sample-code .hljs-symbol, .tab-sample-code .hljs-template-tag {
    color: #1cedce;
} 
.tab-pricing-sms .e-n-tabs-content .elementor-element .tab-col-heading + div:before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 100px;
    background-color: #ffffff;
    left: -10px;
    top: calc(50% - 50px);
}

/*Cloud VPS APP Plus*/
.grid-app-os-images .elementor-heading-title a {
    font-family: var(--tdh-text-heading);
    font-weight: 500;
}
.cloud-vps-app-row .e-con-inner .elementor-icon-wrapper {
    display: grid;
}
.feature-grid-border .elementor-image-box-wrapper {
    display: flex;
    flex-direction: column;
    padding: 10px 0 20px;
}
.feature-grid-border .elementor-image-box-wrapper .elementor-image-box-img {
    order: 2;
    margin: 10px auto 0!important;
}
.feature-grid-border .elementor-widget-image-box .elementor-image-box-title {
    background-color: #f7f9fc;
    z-index: 999;
    position: relative;
    width: auto;
    display: inline-block;
    padding: 0 10px;
    margin: 0;
}
.feature-grid-border .elementor-widget-image-box .elementor-image-box-wrapper:after {
    content: '';
    width: 94%;
    height: 80%;
    border: 1px dashed rgb(130 58 240 / 25%);
    display: inline-block;
    position: absolute;
    left: calc(50% - 47%);
    bottom: 8%; 
}
.feature-grid-border .elementor-widget-image-box .elementor-image-box-title:before,
.feature-grid-border .elementor-widget-image-box .elementor-image-box-title:after {
    content: '';
    width: 7px;
    height: 7px;
    background-color: #7729ec;
    display: inline-flex;
    position: absolute;
    top: 7px;
    border-radius: 0 3px 0;
}
.feature-grid-border .elementor-widget-image-box .elementor-image-box-title:before {
    left: -6px;
}
.feature-grid-border .elementor-widget-image-box .elementor-image-box-title:after {
    right: -6px;
}
.neuron-popup-modal .m-neuron-nav-menu .menu-item-39005 a:after,
.m-neuron-nav-menu .menu-item-39005 a:after {
    content: 'Hot';
    background-color: #f8535b;
    font-size: 12px;
    font-weight: 500;
    border-radius: 40px;
    width: 42px;
    text-align: center;
    top: 5px;
    right: calc(50% - 21px);
    display: inline-block;
    position: absolute;
    color: #fff;
} 
.neuron-popup-modal .m-neuron-nav-menu .menu-item-39005 a:after{
    top: 0;
    position: relative;
    left: 12px;
}
#neuron-popup-modal-5397.dialog-type-lightbox{
    z-index: 2000000001 !important;
}

/*Dedicated Server*/
.dedicated-server-price-grid .dedicated-brand {
    left: calc(50% - 33px);
}
.dedicated-server-price-grid .elementor-widget-icon-list ul li:first-child {
    font-weight: 600;
} 

/*OSS*/
.oss-pricing-table .elementor-element .elementor-element + .elementor-element {
    border-top: 1px solid #eee;
    padding-top: 10px;
}

@media screen and (max-width: 520px) {
    
    /*VPS App Plus*/
    .feature-grid-border.mobile-row .e-con-inner .elementor-element.email-feature-row .elementor-image-box-wrapper .elementor-image-box-img {
        width: 35px;
    }
    .feature-grid-border.mobile-row .elementor-widget-image-box .elementor-image-box-description {
        font-size: 16px;
        line-height: 1.2;
        padding: 0 15px;
    }    
    .feature-grid-border.mobile-row .elementor-widget-image-box .elementor-image-box-title {
        padding: 0 6px; 
    }
    .feature-grid-border .elementor-widget-image-box .elementor-image-box-title::before,
    .feature-grid-border .elementor-widget-image-box .elementor-image-box-title::after {
        top: 2px;
    }
    
    
    .isotope-mpf .element-item-mpf {
        width: calc(100%/3 - 20px)
    }
    .vps-free-backup .solution-uptime {
        min-height: 350px;
    }
    .vps-free-backup .elementor-section .elementor-container.elementor-column-gap-default .elementor-column:nth-child(1) {
        order: 2;
        position: absolute;
        bottom: -220px;
        left: -90px;
        z-index: 9;
    }
    .vps-free-backup .elementor-section .elementor-container.elementor-column-gap-default .elementor-column:nth-child(3) {
        width: auto;
        position: absolute;
        right: -90px;
        bottom: -250px;
        z-index: 1;
    }
    .vps-free-backup .elementor-section .elementor-container.elementor-column-gap-default .elementor-column:nth-child(1) img,
    .vps-free-backup .elementor-section .elementor-container.elementor-column-gap-default .elementor-column:nth-child(3) img {
        max-width: 300px;
    }

    /*New Home*/
    .elementor-element.main-cover {
        background-image: linear-gradient(170deg,
                #ffffff00 35%,
                #ffffff 0%) !important;
    }

    /*Home Solution*/
    .solution-for-industry .elementor-section .elementor-container .elementor-column {
        width: 50%;
    }

    /*Sub Menu Solution*/
    .sub-solution-container .sub-solution .elementor-container {
        flex-wrap: wrap;
    }
    .sub-solution-container .sub-solution .elementor-container .elementor-column {
        width: 100%;
    }
    .sub-solution-container .sub-solution .elementor-container .elementor-column .column-solution {
        width: 50%;
    }
    .sub-solution {
        font-size: 1.7rem;
    }
    .column-solution .elementor-heading-title {
        min-height: unset;
    }
    
    /*Page Use Cases*/
    .solution-by-industry-container .e-n-tabs-heading {
        top: 80px;
    }
    .solution-with-bg .e-n-tabs-content .elementor-element.e-con.e-active {
        padding-top: 280px;
    } 
    
}


@media screen and (max-width: 719px) {
    
    header .header-link-row {
        position: absolute;
        top: 25px;
        width: auto;
        right: 65px;
        background: transparent;
    }
    header .elementor-element.header-link a {
        background-color: #383d5a;
        color: #fff !important;
        padding: 2px 0 1px;
        border-radius: 15px;
        font-weight: normal;
        display: inline-block;
        width: 152px;
        text-align: center;
    }
    .home-three-column .elementor-container .elementor-column .elementor-widget-wrap {
        background-color: #f6f7fb;
        border-radius: 10px;
    }
    .wordpress-tab .elementor-tab-title {
        padding: 10px 0 !important;
        color: #000 !important;
    }
    .wordpress-tab .elementor-tabs-content-wrapper .elementor-tab-content {
        background-color: #f8f8f8;
        padding: 10px;
        display: block !important;
    }
    .wordpress-tab .elementor-tab-content .elementor-container .elementor-element .elementor-widget-wrap.elementor-element-populated {
        padding: 10px;
        border: none;
        margin-bottom: 15px;
    }

    /*Pricing*/
    .pricing-table-custom .elementor-icon-list-items {
        display: flex;
        flex-wrap: wrap;
    }
    .pricing-table-custom .elementor-icon-list-items .elementor-icon-list-item {
        margin: 0 !important;
        padding: 4px !important;
        min-width: 154px;
    }
    .pricing-table .elementor-icon-list-items .elementor-icon-list-item span:before {
        margin: 2px 5px 0 0;
        width: 16px;
        height: 16px;
        background-position: 2px;
        background-size: 10px;
    }
    .pricing-table .elementor-column .elementor-element.elementor-section.elementor-inner-section {
        margin: 10px 0 0;
    }

    /*Footer*/
    .facebook-btn-footer .elementor-row .elementor-column {
        margin: 0 auto;
    }
    
}

@media screen and (min-width: 720px) {

    /*Product Tab*/
    .all-products .elementor-widget-tabs .elementor-tab-desktop-title,
    .all-products .elementor-tabs .elementor-tabs-content-wrapper,
    .all-products .elementor-widget-tabs .elementor-tab-desktop-title.elementor-active {
        border-color: transparent;
    }
}

@media screen and (max-width: 599px) {
    
    .header-contact-column a {
        font-size: 1.6rem !important;
    }

    /*Use Cases Page*/
    .use-cases-container .e-n-tabs .e-n-tabs-heading:first-of-type {
        flex-direction: column !important
    }
    .use-cases-container .elementor-widget-n-tabs .e-n-tab-title {
        padding: 10px 20px !important;
    }
    .use-cases-container .elementor-widget-n-tabs .e-n-tabs-content .e-n-tab-title{
        padding: 10px 0 5px !important;
    }
    .use-cases-container .elementor-widget-n-tabs .e-n-tabs-content {
        padding-top: 320px !important;
    }
    .use-cases-container .e-n-tabs-content .elementor-element.e-con-full.e-active,
    .use-cases-container .e-n-tabs-content .elementor-element .e-con-inner{
        padding: 0 !important;
    }
    
    .use-cases-container .e-n-tabs .e-n-tabs-content .e-n-tabs .e-n-tabs-heading {
        position: relative;
        top: 0 !important;
        flex-direction: row !important;
        flex-wrap: wrap;
        column-gap: 12px;
        row-gap: 0;
    } 
    .use-cases-container .elementor-element.e-active,
    .use-cases-container .elementor-widget-container,
    .use-cases-container .elementor-widget-n-tabs .e-n-tabs-content .e-n-tabs-content{
        padding: 0 !important;
    }  
    .use-cases-container .e-n-tabs-content .elementor-widget-container .e-n-tabs {
        padding: 10px 20px;
    }
    
}


@media screen and (max-width: 767px) {
    
    
    /*Mega Menu 2025*/
    .elementor-element.main-menu-mobile {
        overflow: scroll;
    }
    #neuron-popup-modal-5397 .m-neuron-nav-menu--mega-menu {
        opacity: 0;
        visibility: hidden;
        transform: translateY(5px);
        transition: all 0.3s ease;
        left: unset !important;
        width: 100% !important;
    }
    #neuron-popup-modal-5397 .m-neuron-nav-menu--mega-menu__item.open > .m-neuron-nav-menu--mega-menu {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
        position: relative;
        margin: 0;
        padding-top: 10px; 
    }
    .main-menu-mobile .m-neuron-nav-menu .elementor-element .elementor-element {
        padding: 2px;
    }
    .main-menu-mobile .elementor-widget-heading .elementor-widget-container,
    .main-menu-mobile .mega-menu-container,
    .main-menu-mobile .m-neuron-nav-menu .elementor-element .elementor-widget-container {
        padding: 0 !important;
    }
    .main-menu-mobile .m-neuron-nav-menu .e-grid.e-con {
        padding: 5px;
    }
    .main-menu-mobile .mega-menu-container {
        border: none !important;
        box-shadow: unset !important;
        padding: 15px;
    }
    .main-menu-mobile .m-neuron-nav-menu .elementor-element .elementor-element.elementor-widget-button {
        padding: 0;
    }
    .main-menu-mobile .elementor-widget-button .elementor-widget-container {
        margin: 0 !important;
    }
    .mega-menu-container .elementor-button-wrapper a.elementor-button{
        font-size: 16px !important;
    }

    /*Header 2024*/
    .header-contact-column .elementor-image-box-content a {
        font-size: 14px;
    }
    .header-top-bar .header-contact-column{
        flex-wrap: nowrap;
    }
    .header-top-bar .header-first-menu {
        min-height: 41px;
    }
    .header-middle-row .logo-section {
        min-height: 72.5px;
    }
    .header-middle-row .header-contact-column .elementor-image-box-wrapper {
        display: flex;
    }
    .header-middle-row .header-contact-column .elementor-image-box-wrapper img {
        width: 20px;
    }
    .header-contact-column .elementor-element {
        flex: 1 1 auto;
    }
    .header-middle-row .main-logo {
        position: relative;
        z-index: 999;
    }
    .header-middle-row .logo-section .elementor-widget-neuron-nav-menu {
        width: 100%;
        position: absolute;
        z-index: 1;
        right: 0;
    }
    .header-middle-row .logo-section .m-neuron-nav-menu__hamburger{
        position: relative;
        right: 12px;
    }
    .header-middle-row .m-neuron-nav-menu--mobile ul li a {
        padding: 16px 20px;
    }
    .mobile-menu-icon .elementor-icon-wrapper {
        display: flex;
    }
    #neuron-popup-modal-5397 .dialog-widget-content {
        background-color: transparent;
    }
    #neuron-popup-modal-5397 .dialog-widget-content .dialog-message {
        position: fixed;
        top: 0;
    }  
    #neuron-popup-modal-5397 .dialog-widget-content .dialog-close-button {
        position: fixed;
    } 
    .elementor-5397.elementor-location-popup{
        width: 100%;
    } 
    .header-middle-row .header-contact-column {
        position: absolute;
        top: 17px;
        right: 35px; 
        width: auto;
    }
    header.elementor-location-header .header-contact-column {
        background: transparent;
        padding: 10px;
    }
    header.elementor-location-header .header-contact-column {
        padding: 0;
        width: 150px;
        text-align: right;
    }
    .header-first-menu ul li a {
        font-size: 14px !important;
    }
   
    /*Header*/
    header .header-quick-menu {
        background-color: transparent;
        background-image: linear-gradient(90deg, #453e6c 0%, #8156b7 100%);
        background-repeat: no-repeat;
        background-size: cover !important;
    }
    .mobile-header .elementor-element .elementor-widget-container .elementor-icon-wrapper {
        text-align: left;
        display: flex;
    }
    .mobile-header .elementor-icon {
        font-size: 4rem !important;
    }
    .mobile-btn .elementor-widget-button {
        width: 100% !important;
    }
    .mobile-header .elementor-button-wrapper a.elementor-button {
        padding: 7px 2px 4px !important;
        font-size: 1.4rem !important;
        width: 100%;
    }
    .mobile-header .mobile-btn .elementor-widget-container {
        margin: 2px 0 !important;
    }
    .mobile-header .elementor-icon i::before,
    .mobile-header .elementor-icon svg::before {
        width: 35px;
    }

    /*Mega Menu*/
    .m-neuron-nav-menu--mega-menu .elementor-widget-image-box .elementor-image-box-wrapper {
        display: flex;
        text-align: left;
        align-items: center;
    }

    /*Home Lastet Blog*/
    .front-page-blog.explore-solution .tpg-shortcode-main-wrapper {
        padding-top: 0;
    }
    .front-page-blog .rt-tpg-container .rt-grid-item {
        background-color: #f6f9fc;
        padding: 8px 15px;
        border: 1px solid #ececec;
    }
    .front-page-blog .rt-tpg-container .rt-grid-item .entry-title {
        line-height: 1.2 !important;
        margin: 0 !important;
    } 
    .front-page-blog.explore-solution .rt-tpg-container .rt-grid-item .entry-title a {
        color: #000 !important;
        display: inline-block;
        padding: 15px 20px;
        line-height: 1.4 !important;
    }
    
    /*Contact Page*/
    .get-in-touch-content .elementor-section .elementor-column .elementor-image-box-wrapper {
        display: flex;
    }
   .get-in-touch-content .elementor-widget-image-box .elementor-image-box-content {
        text-align: left;
        padding-left: 10px;
    }
   .get-in-touch-content .elementor-widget-image-box .elementor-image-box-title a {
        font-weight: 500;
    }

    /*Better Doc*/
    .betterdocs-single-wraper .betterdocs-content-full {
        display: flex;
        flex-direction: column;
    }
    .betterdocs-single-wraper #betterdocs-sidebar-left {
        display: block;
        padding: 0;
        border: none;
    }
    .betterdocs-single-wraper .betterdocs-full-sidebar-left .betterdocs-sidebar-content.betterdocs-category-sidebar {
        height: auto;
    }
    .betterdocs-single-wraper .betterdocs-content-full .docs-single-main {
        padding: 20px 15px;
        border-top: 1px solid #eff2f7;
    }
    .betterdocs-content ul {
        padding-left: 20px;
    }
    .betterdocs-entry-header .docs-single-title .betterdocs-entry-title {
        font-size: 26px;
        padding-bottom: 15px;
    }
    
    /*Home Industry*/
    .elementor-section .solution-for-industry .elementor-element .m-neuron-flip-box__item--back .m-neuron-flip-box__overlay{
        background-image: none;
        display: none;
    }
    
    /*Archive*/
    .archive .l-neuron-grid-wrapper--columns__2 .l-neuron-grid .l-neuron-grid__item {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 10px !important;
        margin-bottom: 20px;
    }

    .archive .m-neuron-post__inner .m-neuron-post__title {
        font-size: 0.9em !important;
    }
    
    /*Sidebar Blog*/ 
    .single-post-content .sidebar-catagories .m-neuron-posts-mobile--thumbnail-top .m-neuron-post__inner {
        flex-wrap: nowrap;
    }
    .single-post-content .sidebar-catagories .m-neuron-posts--thumbnail-left .m-neuron-post__inner .m-neuron-post__thumbnail--link {
        padding-bottom: 20px !important;
    }

    /*Cloud Pricing*/
    .hidden-sub {
        margin-right: 5px;
        color: #231f20;
    }
    .hidden-sub-r {
        margin-left: 5px;
        color: #231f20;
    }
    .pricing-table .elementor-tabs-content-wrapper .elementor-tab-title {
        position: absolute;
        top: 0;
    }
    .pricing-table .elementor-tabs-content-wrapper .elementor-tab-content {
        margin-top: 10px;
    }
    .pricing-table .elementor-tab-title.elementor-active:before,
    .pricing-table .elementor-tab-title:nth-child(1)::after {
        opacity: 0 !important;
    }
    .pricing-table .pricing-table-custom .elementor-column.elementor-col-25 h2 {
        font-size: 2.8rem !important;
    }
    .pricing-table .pricing-table-custom .elementor-column.elementor-col-25 .package-price h2 {
        font-size: 2.4rem !important;
    }
    .pricing-table .pricing-table-custom .elementor-column.elementor-col-25 {
        width: calc(50% - 10px);
        margin: 5px;
    }
    .pricing-table .pricing-table-custom .pricing-box .elementor-widget-wrap.elementor-element-populated:first-of-type {
        padding: 12px 10px !important;
        margin: 0 !important;
    }
    .pricing-table .pricing-table-custom .pricing-box .elementor-column .elementor-widget-wrap.elementor-element-populated {
        padding: 0 !important;
        margin: 0 !important;
    }
    .pricing-box .package-price .elementor-container {
        justify-content: space-between;
    }
    .pricing-table .elementor-section.elementor-element.pricing-table-custom,
    .pricing-box .elementor-widget-wrap.elementor-element-populated .elementor-widget-heading,
    .pricing-box .package-price .elementor-container .elementor-widget-container {
        margin: 0 !important;
    }

    /*Cloud Drive*/
    .pricing-box .elementor-image-box-wrapper .elementor-image-box-img {
        margin: 0 !important;
        width: auto !important;
    }
    .pricing-box .elementor-image-box-wrapper .elementor-image-box-img img {
        width: 40px;
        margin-right: 10px;
    }
    .pricing-box .elementor-image-box-wrapper {
        display: flex;
        align-items: center;
    }
    .pricing-box .elementor-widget-image-box .elementor-image-box-content {
        width: auto;
    }
    .pricing-box .elementor-image-box-content h3 {
        font-size: 2.2rem;
        margin: 0;
    }
    .promotion-price {
        margin: 5px 0;
    }
    .promotion-price .elementor-widget-wrap {
        display: flex;
    }
    .promotion-price .elementor-widget-wrap .elementor-element {
        width: auto;
        margin-right: 8px;
    }
    .mobile-price .elementor-heading-title span {
        color: #7729ec;
        font-weight: normal;
    }

    /*Post*/
    .wp-block-columns.cloud-database-server-type .wp-block-column {
        flex-basis: 50% !important;
    }

    /*Home Our Services*/
    .elementor-element.our-service-2col .elementor-element .elementor-element-populated {
        padding: 0 0 10px !important;
    }
    .our-service-2col .elementor-widget-image-box .elementor-image-box-wrapper {
        display: flex;
        text-align: left;
    }
    .elementor .our-service-2col img {
        width: 100%;
        padding-right: 15px;
    }

    /*Home Our Service Horizontal*/
    .our-service-horizontal .elementor-button-icon .e-font-icon-svg {
        width: 2.2rem;
        height: 2.2rem;
    }
    .service-list .elementor-container .elementor-column:nth-child(1) {
        width: 100%;
    }
    .service-list .elementor-container .elementor-column:nth-child(2) {
        width: 80%;
    }
    .service-list .elementor-container .elementor-column:nth-child(3) {
        width: 20%;
    }

    /*Home*/
    .vps-hosting .elementor-section .elementor-container .elementor-column {
        width: 50%;
    }
    .vps-hosting .elementor-section .elementor-container .elementor-column .elementor-element {
        width: 100%;
    }
    .vps-hosting .elementor-section .elementor-container .elementor-column .elementor-container .elementor-element {
        width: auto;
    }
    .everything-as-a-service .elementor-tab-title.elementor-active:before,
    .everything-as-a-service .elementor-tab-content.elementor-active:after {
        display: none;
    }
    .elementor-8961 .elementor-element-783afb5 .elementor-element.elementor-element-3943489 .a-animated-heading__text--dynamic-wrapper path {
        display: none !important;
    }

    /*VPS Hosting*/
    .section-global-cloud .iso-label {
        left: unset;
        right: -2px;
        opacity: 0;
    }
    .sticky-grid .elementor-divider {
        padding: 0 !important;
    }
    .vps-hosting .elementor-image-box-content h4 {
        text-align: left;
        margin: 0;
        line-height: 1;
    }
    .vps-hosting .pricing-box .elementor-widget-wrap.elementor-element-populated {
        padding: 12px 7px !important;
    }
    .vps-hosting .pricing-box .elementor-widget-wrap.elementor-element-populated .elementor-widget-wrap.elementor-element-populated {
        padding: 0 !important;
    }
    .section-solution-testimonial .elementor-position-left .elementor-image-box-title {
        position: absolute;
        top: 20px;
        left: 75px;
    }

    /*Data Center*/
    .section-standard .elementor-column.data-center-col-slide {
        order: 2;
    }

    /*Feel Free to Contact*/
    .feel-free-to-contact-text {
        padding: 0 10px 20px;
        margin-bottom: 20px;
    }

    /*Solution*/
    .explore-solution .rt-row .rt-img-holder,
    .explore-solution .rt-row .rt-detail .tpg-excerpt {
        display: none;
    }
    .explore-solution .tpg-shortcode-main-wrapper {
        border-top: 1px solid rgba(255, 255, 255, 0.35);
        padding-top: 20px;
    }
    .explore-solution .tpg-shortcode-main-wrapper .even-grid-item {
        margin-bottom: 10px;
        padding: 0;
    }
    .explore-solution .tpg-shortcode-main-wrapper .rt-grid-item .rt-holder,
    .explore-solution .tpg-shortcode-main-wrapper .isotope1 .rt-holder {
        box-shadow: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
    }
    .explore-solution .tpg-shortcode-main-wrapper .rt-detail .entry-title a {
        color: #fff !important;
    }
    .explore-solution.light-bg .tpg-shortcode-main-wrapper .rt-detail .entry-title a {
        color: #000 !important;
    }
    .explore-solution .tpg-shortcode-main-wrapper .rt-grid-item .rt-holder .rt-detail {
        background: transparent;
        padding: 0;
    }
    .explore-solution .tpg-shortcode-main-wrapper .layout1 .rt-holder .rt-detail h4 {
        margin: 0 0 0 34px;
    }
    .explore-solution .tpg-shortcode-main-wrapper .isotope1 .rt-holder,
    .explore-solution .tpg-shortcode-main-wrapper .rt-grid-item .rt-holder {
        background: transparent !important;
    }
    .explore-solution .tpg-shortcode-main-wrapper .layout1 .rt-holder .rt-detail h4 a {
        line-height: 1.2 !important;
        display: inline-block;
        background-color: rgba(0, 0, 0, 0.2);
        padding: 8px 15px 10px;
        width: 100%;
    }
    .explore-solution .tpg-shortcode-main-wrapper .layout1 .rt-holder .rt-detail h4 a:before {
        content: '';
        display: inline-block;
        background: url("https://thaidatacloud-www.s3.ap-southeast-1.amazonaws.com/wp-content/uploads/2022/11/22171221/right-arrow.svg") no-repeat 12px center/ 20px auto;
        position: absolute;
        left: -40px;
        top: 0;
        background-color: #fff;
        width: 38px;
        height: 100%;
    }
    .solution-for-industry .elementor-section .elementor-container .elementor-column {
        width: 50%;
    }

    /*Alibaba Cloud*/
    .elementor-15346 {
        display: flex;
        flex-direction: column;
    }
    #TDC-Alibaba-1 {
        order: 1;
    }
    #TDC-Alibaba {
        order: 2;
    }
    #TDC-Alibaba-3 {
        order: 3;
    }
    #order-last {
        order: 5;
    }
    .alibaba-cloud-service .elementor-image-box-wrapper,
    #TDC-Alibaba .elementor-image-box-wrapper,
    .why-alibaba .elementor-widget-icon-box.elementor-mobile-position-top .elementor-icon-box-wrapper {
        display: flex;
        text-align: left;
    }
    .alibaba-cloud-service .elementor-widget-image-box .elementor-image-box-content,
    #TDC-Alibaba .elementor-widget-image-box .elementor-image-box-content,
    .why-alibaba .elementor-widget-icon-box .elementor-icon-box-content {
        padding-left: 12px;
        text-align: left;
    }
    .alibaba-client .elementor-image-carousel-wrapper {
        height: 50px;
        margin-top: 20px;
    }
    .alibaba-cloud-service .elementor img {
        width: 65px;
    }

    /* Essential Grid */
    .explore-solution .tpg-shortcode-main-wrapper .layout1 .rt-holder .rt-detail h4 a:hover {
        background-color: #ffffff99;
    }

    /*Domain*/
    .elementor-section.order-invert .elementor-container .elementor-column:first-child {
        order: 2;
    }
    
    /* Cloud Pricing */
    .cloud-pricing-new .cloud-pricing-sidebar {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
    }
    .cloud-pricing-new .elementor-widget-image-box .elementor-image-box-wrapper {
        display: flex;
        text-align: left;
        gap: 1rem;
    }
    .cloud-pricing-btn-mb {
        position: absolute !important;
        top: 0;
    }

    
    /*Fix Button*/
    .fab-button button.fab {
        right: 20px !important;
    }
    .fab-button .floatingMenu {
        right: 25px !important;
    }
    
    /*Drive and Photo*/
    .elementor-element.service-side-tab{
        margin: 0 !important;
    }
    .service-feature-grid .elementor-container .elementor-column .elementor-image-box-wrapper {
        display: flex;
        text-align: left !important;
        align-items: center;
    }
    .service-feature-grid .elementor-container .elementor-column .elementor-image-box-wrapper .elementor-image-box-img img {
        padding: 0 20px 0 0;
    }
    .sevice-scenarios-tab .elementor-widget-n-tabs .e-n-tabs-content > .e-con .e-con-full {
        background-color: #f7f9fc;
        padding: 5px;
    }
    .sevice-scenarios-tab .elementor-widget-n-tabs .e-n-tabs-content > .e-con .e-con-full img {
        max-width: 350px;
    }
    .sevice-scenarios-tab .elementor-widget-n-tabs .e-n-tabs-content > .e-con:not(.e-active),
    .service-side-tab .elementor-widget-n-tabs .e-n-tabs-content .e-collapse,
    .service-side-tab .elementor-widget-n-tabs .e-n-tabs-content > .e-con:not(.e-active){
        display: block !important;
    }
    .sevice-scenarios-tab .elementor-widget-n-tabs .e-n-tabs-content .e-collapse{
        display: none;
    }
    .service-side-tab .elementor-toggle .elementor-tab-title {
        padding: 10px;
        border: none;
    }
    .elementor-container .service-side-tab .e-n-tabs-content .elementor-element.e-con-full{
        padding: 0 10px;
    }
    .service-side-tab .elementor-widget-n-tabs .e-n-tabs-content .e-collapse.e-active,
    .service-side-tab .elementor-widget-n-tabs .e-n-tabs-content .e-collapse {
        pointer-events: none;
        padding: 20px 0 0;
        color: #7729ec;
        background: transparent !important;
        margin-bottom: 10px;
        border-top: 1px solid #f7f9fc;
    }
    .service-side-tab .elementor-widget-n-tabs .e-n-tabs-content .e-n-tab-title.e-collapse {
        border: none;
        background-color: #fff !important;
        margin: 15px 0 0;
        padding: 20px 0 10px 20px; 
    }
    .service-side-tab .elementor-widget-n-tabs .e-n-tabs-content:first-child .e-collapse{
        border: none;
    }
    .service-side-tab .elementor-widget-n-tabs .e-n-tab-title-text{
        font-size: 2.4rem;
    }
    
    /*Form*/
    .isotope-mpf .element-item-mpf {
        width: calc(100%/4 - 20px)
    }
    .get-in-touch-form .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) {
        margin: 10px 0;
    }
    .single-post-recent .elementor-element .m-neuron-post__title {
        margin-top: 10px;
        font-size: 2rem;
        line-height: 1.4 !important;
    }
    .single-post-recent .elementor-element .m-neuron-post__excerpt {
        -webkit-line-clamp: 3 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        line-height: 1.4;
    }
    .single-post-related .m-neuron-post__title {
        min-height: unset !important;
        margin-bottom: 0 !important;
        margin-top: 10px;
        line-height: 1.4 !important;
    }
    .single-post-related .m-neuron-posts--thumbnail-top .m-neuron-post__inner {
        flex-wrap: unset !important;
    }
    .single-post-related .elementor-element .m-neuron-post__inner {
        flex-direction: row !important;
    }
    .single-post-related .elementor-element .m-neuron-post__title a,
    .single-post-related .elementor-element .m-neuron-post__read-more a {
        line-height: 20px !important;
        font-size: 16px !important;
        -webkit-line-clamp: 2 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        font-weight: 500 !important;
    }
    .single-post-related .elementor-element .m-neuron-post__title a:hover,
    .single-post-related .elementor-element .m-neuron-post__read-more a:hover {
        color: #7729ec;
    }
    .single-post-related .m-neuron-post__text span {
        font-size: 14px;
        color: #2f4359;
    }
    .single-post-related .elementor-element .m-neuron-post__thumbnail img {
        height: 60px !important;
        min-width: 80px !important;
        object-fit: contain !important;
        max-width: 120px !important;
    }
    .single-post-related .m-neuron-posts--thumbnail-top .m-neuron-post__inner .m-neuron-post__thumbnail--link {
        margin-bottom: 0px !important;
    }
    .single-post-related .m-neuron-post .m-neuron-post__thumbnail--link {
        padding: 0 !important;
        margin: 0 !important;
        margin-right: 10px !important;
        max-width: 100px !important;
        min-width: 100px;
        height: 60px !important;
    }
    .single-post-related .l-neuron-grid__item {
        margin-bottom: 20px !important;
    }
    .single-post-related .elementor-widget-neuron-post-content ul {
        margin-bottom: 15px;
    }

    /*Private Mail*/
    .title-compare-privatemail .elementor-heading-title {
        padding: 8px 2px 5px;
    }

    /*Footer*/
    .footer-column .m-neuron-nav-menu .m-neuron-nav-menu__list li a {
        font-size: 18px;
    }
    
    /*VPN Gateway*/
    .vpn-gatewat-pricing .calculator-settings .calc-container .calc-list .calc-fields-container {
        row-gap: 10px !important;
    }
    .vpn-gatewat-pricing .tab-bandwidth .e-flex.e-active{
        padding: 15px;
        background-color: #f7f9fc;
        border: solid #7827ec;
        border-width: 0 1px 1px;
    }
    .elementor-widget-n-tabs .tab-bandwidth .e-n-tab-title:not(.e-active) {
        background-color: #f7f9fc;
        color: #7827ec;
        border-bottom: 1px solid #fff;
    }
    .vpn-gatewat-pricing .tab-bandwidth .e-n-tab-title.e-active {
        background-color: #f7f9fc !important;
        color: #7728ec;
        padding: 10px 0 0;
        border: solid;
        border-width: 1px 1px 0;
    }
    .vpn-gatewat-pricing .e-n-tabs .e-n-tab-title-text{
        font-size: 2rem;
    }
    .vpn-gatewat-pricing .tab-bandwidth .e-n-tab-title{
        margin: 0 !important;
    }
    .tab-bandwidth .calc-container .calc-list-inner {
        padding: 0 !important;
    }
    .tab-bandwidth .e-n-tabs-content .calc-container .calc-list .calc-subtotal-list .sub-list-item.total:first-child {
        border: none !important;
        padding-top: 0;
    }
    
    /*Private Network*/
    .bandwidth-guide .elementor-element .elementor-image-box-wrapper {
        display: flex;
        text-align: left;
        align-items: center;
    }
    .bandwidth-guide .elementor-element .elementor-image-box-wrapper img {
        max-width: 90px;
        padding-right: 20px;
    }
    .bandwidth-guide .elementor-image-box-title {
        margin: 0;
    }
    .bandwidth-guide .elementor-image-box-wrapper .elementor-image-box-img {
        width: auto;
    }
    
    /*Use Cases Page*/
    .use-cases-container .e-n-tabs .e-n-tabs-heading:first-of-type{
        display: flex !important;
        position: absolute;
        z-index: 9;
        width: 100%;
        flex-direction: row;
        justify-content: space-around;
        padding: 0 !important;
        background-color: #0d092f;
        left: 0;
        border: none;
    } 
    .use-cases-container .e-n-tabs .e-n-tabs-content .e-n-tabs-heading {
        top: -70px;
        background: transparent !important;
        justify-content: inherit !important;
    }
    .use-cases-container .e-n-tabs .e-n-tab-title.e-collapse{
        display: none; 
    }
    .use-cases-container.elementor-element {
        background-image: none !important;
    }
    .use-cases-container .e-n-tabs-content .elementor-element.e-con-full {
        padding: 20px 0;
    }
    .use-cases-container .elementor-widget-n-tabs .e-n-tab-title{
         
    }
    .use-cases-container .e-n-tabs-heading::before {
        margin-bottom: 15px;
        padding: 30px 15px 0;
    }
    .use-cases-container .elementor-widget-n-tabs .e-n-tabs-content {
        padding-top: 180px;
    }
    .use-cases-container .elementor-widget-n-tabs .e-n-tabs-content .e-n-tabs-content{
        padding: 0; 
    }
      
    /*Page Use Cases*/
    .solution-by-use-case .elementor-element .elementor-element .elementor-image-box-wrapper,
    .solution-by-industry-container .elementor-element .elementor-element .elementor-image-box-wrapper{
        display: flex;
        flex-direction: row;
    }  
    .solution-by-use-case .elementor-element .elementor-element .elementor-image-box-wrapper img,
    .solution-by-industry-container .elementor-element .elementor-element .elementor-image-box-wrapper img {
        padding-right: 12px;
    }
    .solution-by-industry-container .elementor-element .elementor-element.solution-industry-title .elementor-image-box-wrapper {
        text-align: left;
        display: flex;
        align-items: center;
    }
    .solution-by-industry-container .e-n-tabs-heading {
        padding: 0 15px;
    }
    .use-case-slide .h-neuron-animation--slideUp {
        transition: none;
    }
    
    /*SMS*/
    .e-n-tabs-content .tab-col-heading {
        background-color: #fff;
        padding: 20px;
    }
    .product-features-sms-32 .elementor-widget-image-box .elementor-image-box-wrapper {
        display: flex;
        text-align: left;
    }
    .product-features-sms-32 .elementor-widget-image-box .elementor-image-box-content {
        padding-left: 10px;
    }
    
    /*Cloud VPS App Plus*/
    .grid-image-box .elementor-image-box-wrapper{
        display: flex;
        text-align: left !important;
        padding: 0 10px;
    }
    .grid-image-box .elementor-image-box-wrapper img{
        padding-right: 15px;
    }
    .grid-image-box .elementor-image-box-title{
        font-size: 1.9rem;
    }
    
    .feature-grid-idc .elementor-image-box-wrapper {
        display: flex;
        text-align: left;
        gap: 20px;
    }
  
}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    
    /*Use Cases Page*/
    .use-cases-container .elementor-widget-n-tabs .e-n-tab-title {
        border-width: 0 0 3px !important;
        padding: 10px 0 !important;
    }
    
    .elementor-container .mobile-btn {
        width: 50% !important;
    }

    .mobile-header .elementor-button-wrapper a.elementor-button {
        padding: 12px 16px 3px;
        font-size: 15px !important;
        height: 40px;
    }

    .mobile-header.btn .elementor-container .elementor-column:first-child {
        padding-right: 1%;
    }

    .mobile-header.btn .elementor-container .elementor-column:last-child {
        padding-left: 1%;
    }
    
    /*Drive and photo*/
    .service-feature-grid .elementor-container .elementor-column .elementor-image-box-wrapper .elementor-image-box-img{
        width: 20%;
    }
    .service-feature-grid .elementor-container .elementor-column .elementor-image-box-wrapper .elementor-image-box-img img {
        padding: 0 30px 0 0;
    }
    
    
}

@media screen and (min-width: 767px) {
    
    .home-heading {
        font-size: 4rem;
    }

    /*Quick Menu*/
    .header-quick-menu .m-neuron-nav-menu ul li a {
        font-size: 1.9rem !important;
    }

    /*Blog*/
    .archive .l-neuron-grid-wrapper--columns__2 .l-neuron-grid .l-neuron-grid__item {
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
        margin-bottom: 30px;
    }

    /*Wordpress*/
    .wordpress-tab .elementor-tabs-content-wrapper .elementor-tab-content .elementor-element-populated {
        padding: 15px;
    }

    /*Cloud Pricing*/
    .hidden-sub,
    .hidden-sub-r {
        display: none;
    }
    .price-col .elementor-widget-container {
        text-align: right;
        width: auto;
        margin-right: 12px;
    }
    .price-col .elementor-widget-container:before {
        content: '฿';
        display: inline-block;
        width: auto;
        height: auto;
        position: absolute;
        right: 0;
    } 
    .elementor-column.price-row,
    .elementor-column.price-col {
        max-width: 110px;
    }

    /*Tab Digital Transformation*/
    .tab-digital-transformation .elementor-accordion {
        padding: 0 40px;
    }
    .tab-digital-transformation .elementor-accordion-item img {
        position: absolute;
        left: -95%;
        padding: 0;
        top: 0;
        max-width: 440px;
    }

    /*Data Center*/
    .section-data-center.elementor-section .elementor-container .elementor-column.data-center-map {
        position: unset;
        right: -10%;
        width: 55%;
        top: 20%;
    }

    /*Footer*/
    .footer-column .elementor-widget-image {
        text-align: right;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1279px) {
    
    /*Header 2024*/ 
    .header-top-bar .header-first-menu,
    .header-top-bar .header-middle-row,
    .header-top-bar .header-main-bottom{
        padding: 0 20px;
    }
    .header-top-bar p,
    .header-top-bar li a,
    .header-contact-column a{
        font-size: 15px;
    }
    
    footer section .elementor-container {
        padding: 0 20px;
    }
    .main section.main-cover-banner .elementor-container {
        padding: 0;
    }
     
    /*Use Cases Page*/
    .use-cases-container {
        padding: 0 20px;
    }
    .use-cases-container .e-n-tabs-heading:before {
        padding-top: 20px;
    }
    
}


@media screen and (min-width: 992px) {

    header .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item.sub-2-col ul.sub-menu {
        width: 610px;
        left: 0 !important;
    }
    .header-top-wrapper .first-menu-col .m-neuron-nav-menu li a,
    .header-top-wrapper .first-right-col .m-neuron-nav-menu li a,
    header .main-menu .m-neuron-nav-menu ul li a {
        font-size: 16px;
    }
    .header-top-wrapper .first-menu-col .m-neuron-nav-menu ul li {
        padding: 10px 5px;
    }
    .header-top-bar .header-first-menu {
        height: 30px;
    }
    .header-top-bar .header-middle-row {
        height: 80px;
    } 
    .header-middle-row .elementor-button-wrapper a.elementor-button {
        min-width: 100px;
    }
 
    /*Document Grid Slide*/
    .section-doc-carousel .m-neuron-testimonial__content a {
        padding-top: 160px;
        min-height: 200px;
        font-size: 2rem;
    }
    
    /*Cloud Solution Grid*/
    .cloud-solution-grid-link .elementor-image-box-content {
        padding: 0 30px;
    } 
    
    /*FAQ Tab*/
    .faq-tab .tpg-el-main-wrapper .entry-title a {
        font-size: 2rem;
    }
    
}

@media screen and (max-width: 1200px) {
    
    .everything-as-a-service .elementor-tab-content.elementor-active:after{
        display: none !important;
    }


}
@media screen and (min-width: 1200px) {
    
    /*Header 2025*/
    .header-top-bar .header-middle-row {
        height: 68px;
    }  
     
    /*Menu*/
    .m-neuron-nav-menu .m-neuron-nav-menu__list li .sub-menu li {
        margin-right: 0 !important;
    }
    header .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item.col-2 ul.sub-menu {
        width: 820px;
        padding: 12px 18px;
    }
    header .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item.col-2 ul.sub-menu .submenu-col {
        width: calc(100% / 3);
    }
    .m-neuron-nav-menu .m-neuron-nav-menu__list li .sub-menu li span {
        padding-left: 38px;
    }
    .home-heading {
        font-size: 6.8rem;
    }
     
    /*Mega Menu 2025*/
    .header-main-bottom .elementor-widget-neuron-nav-menu .m-neuron-nav-menu__list .menu-item-44708 .m-neuron-nav-menu--mega-menu {
        width: 900px !important;
        left: -250px !important;
    }
    .header-main-bottom .elementor-widget-neuron-nav-menu .m-neuron-nav-menu__list .menu-item-44696 .m-neuron-nav-menu--mega-menu{
        width: 680px !important;
        left: 0 !important;
    }
    .header-main-bottom .elementor-widget-neuron-nav-menu .m-neuron-nav-menu__list .menu-item-44709 .m-neuron-nav-menu--mega-menu{
        width: 700px !important;
        left: -250px !important;
    }
    .header-main-bottom .elementor-widget-neuron-nav-menu .m-neuron-nav-menu__list .menu-item-44710 .m-neuron-nav-menu--mega-menu{
        width: 550px !important;
        left: -200px !important;
    } 
    .header-main-bottom .elementor-widget-neuron-nav-menu .m-neuron-nav-menu__list .menu-item-44710 .elementor-image-box-img img {
        filter: grayscale(100%) invert(26%) sepia(80%) saturate(390%) hue-rotate(171deg) brightness(160%) contrast(50%);
    }
 
    /*Everything as a Service*/
    .everything-as-a-service .elementor-accordion {
        max-width: 50%;
        position: relative;
    }
    .everything-as-a-service .elementor-tab-content img {
        position: absolute;
        right: -100%;
        max-width: 550px;
        top: calc(50% - 165px);
        padding: 0;
    }
    .everything-as-a-service .elementor-tab-content a {
        position: relative;
        z-index: 999;
        display: inline-block;
        width: 100%;
        margin: 20px 0 0;
        color: #7729ec;
    }

    /*Content Page*/
    .single .n-container h3 {
        font-size: 2.2rem;
        margin-top: 34px;
    }
    .single .n-container h2.n-blog-archive__title {
        font-size: 3rem;
        line-height: 1.4;
    }
    .single .n-container h2 {
        font-size: 2.6rem;
        margin-top: 30px;
    }
    ul.list-margin {
        max-width: 70%;
    }

    /*Blog*/
    .page-id-7492 .n-container,
    .n-container .n-blog-archive--single main {
        max-width: 900px !important;
    }

    /*Data Center*/
    .section-data-center.elementor-section .elementor-container .elementor-column.data-center-map {
        right: -10%;
        width: 63%;
    }

    /*Industy*/
    .explore-solution .tpg-shortcode-main-wrapper .rt-grid-item .rt-holder .rt-detail {
        min-height: 195px;
    }

    .explore-solution .tpg-shortcode-main-wrapper .isotope1 .rt-holder .rt-detail {
        min-height: 220px;
    }

    /*Document Grid Slide*/
    .section-doc-carousel .m-neuron-testimonial__content a {
        padding-top: 120px;
        min-height: 150px;
        font-size: 1.45rem;
    }

    .section-doc-carousel .elementor-column .elementor-element .neuron-swiper .neuron-swiper-button--prev {
        left: -30px;
    }

    .section-doc-carousel .elementor-column .elementor-element .neuron-swiper .neuron-swiper-button--next {
        right: -50px;
    }
    
    /*VPN Gateway*/
    .vpn-gatewat-pricing .elementor-icon-list-items li{
        width: 24%;
    }
    
    /*Use Case Page*/
    .use-cases-container .elementor-element.tab-product {
        min-height: 450px;
    }
    .solution-by-industry-container .e-n-tabs-heading {
        width: 1200px;
        padding: 0;
    }
    
    /*SMS*/
    .tab-pricing-sms .e-n-tabs-content .tab-col-first {
        min-width: 240px;
        max-width: 240px;
    }
    .tab-pricing-sms .e-n-tabs-content .tab-col-first.col-heading{
        min-width: 242px;
    }
    
}

@media screen and (max-width: 1280px) and (min-width: 1025px) {
    
    .page .main .elementor-container.elementor-column-gap-default {
        padding: 0 20px;
    }
    
}

@media screen and (max-width: 1280px) and (min-width: 1101px) {

    .page-id-8961 .hero-section .elementor-element .elementor-heading-title {
        font-size: 6.4rem !important;
    }
    
}

@media screen and (max-width: 1278px) {

    /*Blog Achive*/
    .n-blog-archive .n-blog-archive__content {
        padding: 0 20px;
    }

    .n-blog-archive .n-blog-archive__content .n-blog-archive__content {
        padding: 0;
    }

    body.single.single-post .main {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 1350px) and (min-width: 1280px) {

    /*Footer*/
    .footer-column .elementor-container.elementor-column-gap-default {
        padding: 0 30px;
    }

    footer .footer-feature-product-title,
    footer .footer-feature-product,
    footer .global-recent-blog,
    footer .footer-column-company {
        padding-left: 45px !important;
        padding-right: 45px !important;
    }
}

@media screen and (min-width: 1280px) {

    /*New Home*/
    .diagonal-bg {
        clip-path: polygon(0 20%, 100% 0, 100% 80%, 0 100%);
    }
    .diagonal-bg.top-side {
        clip-path: polygon(0% 17%, 100% 0%, 100% 100%, 0% 100%);
    }
    .home-section .tdc-global {
        width: 700px;
        height: 700px;
        background-repeat: no-repeat;
    }
    .home-section.planet-container {
        right: -32%;
        top: -300px;
    }
    .cloud-partner-container {
        top: 50px;
    }
    .partner-media-gallery .elementor-container .elementor-column {
        width: 33.33% !important;
    }
    header .m-neuron-nav-menu .m-neuron-nav-menu__list li.menu-item.sub-2-col ul.sub-menu {
        width: 725px;
        left: calc(50% - 350px) !important;
    }

    /*Footer*/
    .footer-column-company .desc-icon {
        display: none;
    }

    /*Better Doc*/
    .betterdocs-content {
        max-width: 789.5px;
    }
    .docs-single-main .betterdocs-breadcrumb {
        padding: 0 60px;
        margin: 0;
        min-height: 64px;
        display: flex;
        max-width: 917.5px;
    }
    .docs-single-main .betterdocs-entry-header {
        padding: 49px 60px 0;
        margin-bottom: 20px;
        max-width: 789.5px;
    }
    .docs-single-main .betterdocs-entry-content,
    .docs-single-main .betterdocs-entry-footer {
        padding: 0 60px;
    }
    .docs-single-title .betterdocs-entry-title {
        padding: 20px 0 20px;
    }
    .docs-category-list .elementor-widget-wrap.elementor-element-populated {
        min-height: 64px;
    }
    .betterdocs-entry-header .docs-single-title .betterdocs-entry-title {
        margin: 0;
        padding: 0;
    }
    .betterdocs-content-full .docs-single-main {
        padding: 0;
    }
    .single-docs .betterdocs-single-wraper .betterdocs-content-full {
        display: flex;
    }
    #betterdocs-sidebar-left {
        width: 360px;
    }

    /*Data Center*/
    .section-standard .elementor-widget-neuron-gallery .m-neuron-gallery__image-details {
        min-height: 290px;
    }
    .planet-container {
        right: -50%;
    }
    .planet-container.left {
        left: -50%;
    }
    .tdc-global {
        width: 500px;
        height: 500px;
    }
    
}


@media screen and (min-width: 1920px) {

    /*New Home*/
    .elementor-element.main-cover {
        background-image: linear-gradient(170deg,
                #ffffff00 50%,
                #ffffff 0%) !important;
    }
    .elementor-section.gradient-canvas-section {
        max-height: 505px;
    }

    /*Better Doc*/
    .single-docs .betterdocs-single-wraper .betterdocs-content-full {
        max-width: 1640px;
        margin: 0 auto;
    }
}

    .navigation-menu.email-hosting-menu .elementor-nav-menu li.menu-item-85153 .elementor-item:before {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }


@media (min-width: 768px) and (max-width: 959px) {
    
    /*Header 2024*/
    .header-main-bottom .m-neuron-nav-menu li a {
        font-size: 1.5rem;
    }
    .header-contact-column a {
        font-size: 1.4rem !important;
    }
    

}

@media (min-width: 960px) and (max-width: 1199px) {
    
    /*Header 2024*/
    .header-main-bottom .m-neuron-nav-menu li a {
        font-size: 16px;
        padding: 0 7px !important;
    }
    
    .header-top-bar p,
    .header-top-bar li a,
    .header-contact-column a{
        font-size: 15px;
        padding: 0 10px !important;
    }
    
}