.itopplus-background {

}

.unknown { position: fixed; bottom: 8% !important; } .unknown_prf .btn-main, .unknown_prf:hover .btn-main { margin-bottom: 0 !important; }

span#tooltip-main-toggle {
    display: none;
    visibility: hidden;
}

body {
  overflow-x: hidden;
  color: #212121;
  font-family: "Noto Sans Thai";
}

.itopplus-header {
  background-color: #ffeb7d;
  color: #212121;
}

.itopplus-bg {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_16112024meym/0/0/1z-z1181401267961.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
}

.itopplus-bg2 {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_16112024meym/0/0/2z-z1376338952314.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
}

.itopplus-bg3 {
  background-image: url("http://itp1.itopfile.com/ImageServer/z_itp_16112024meym/0/0/bg-3z-z1732582177772.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
}

.itopplus-bg4 {
  background-image: url("https://itp1.itopfile.com/ImageServer/z_itp_16112024meym/0/0/4z-z1092781787277.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top;
  background-color: #fff1a6;
}

.itopplus-bg5 {
}

.itopplus-footer {
  background-color: #102a70;
  color: #fff;
}

.navbar-default .navbar-nav > li > a {
  color: #212121;
  margin: 0;
  padding: 5px 0;
  border-radius: 0;
  border-bottom: 2px solid transparent;
  font-family: "Comfortaa", sans-serif;
}

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:active,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #0f2a71;
  box-shadow: none;
  border-color: #0f2a71;
  background: transparent;
  background-color: transparent;
}

.no-js .dropdown-menu > li > a {
  color: #212121;
}

.no-js .dropdown-menu > li > a:focus,
.no-js .dropdown-menu > li > a:hover {
  color: #212121;
  background: transparent;
}

@media screen and (max-width: 1023px) {
  #controlBanner img {
    position: fixed !important;
    top: 5px;
    left: 10px;
    width: 25px !important;
    z-index: 10000;
  }

  #nav-menu {
    background: #fff !important;
  }

  .navbar-collapse,
  #ItopplusMainSidebar {
    background: #fff !important;
  }

  #ItopplusMainSidebar *:is(li, a) {
    color: #212121 !important;
    border: none;
  }

  #nav-menu .icon-bar {
    background: #212121 !important;
  }

  #itpMenuSideBar {
    background-color: transparent !important;
  }

  .navbar-header a::before {
    background-size: 28px;
    background-position: center;
  }

  .navbar-header a::after {
    background: transparent;
  }

  #itpphonemobile::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/telz-z77323662137.png) !important;
  }

  #itpsearchmobile::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/searchz-z1134319420589.png) !important;
  }

  .old-image-icon-facebook::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/facebookz-z1318628404704.png) !important;
  }

  .old-image-icon-line::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/linez-z1655517020729.png) !important;
  }

  .old-image-icon-instragram::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/instagramz-z1066049211157.png) !important;
  }

  .old-image-icon-youtube::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_09062024wnrm/0/0/youtubez-z1416596488876.png) !important;
  }

  .new-image-icon-twitter::before {
    background-image: url(https://itp1.itopfile.com/ImageServer/z_itp_24092023yxze/0/0/cf-twitterz-z1322532545693.png) !important;
  }
}

@media screen and (min-width: 1024px) {
  .no-js .itopplus-banner {
    position: sticky;
    top: 0;
    z-index: 110;
  }

  .itopplus-banner {
    background: #fff;
    transition: 0.3s;
  }

  .itopplus-sticky {
    background: #fff !important;
  }

  .itopplus-banner > .container {
    display: grid;
    grid-template-columns: 15% auto 15%;
    align-items: center;
  }

  #itopplus-nav-bar {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
  
  }

  #controlBanner {
    object-fit: contain;
    padding: 15px;
    width: clamp(70px, 30%, 18vw);
    margin: 0 ;
  }
}

@media screen and (min-width: 1200px) {
  .container {
    width: 86vw;
  }
}
@media screen and (min-width: 1900px) {
}

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

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

/************font-size***************/

.navbar-default .navbar-nav>li>a {
    font-size: 16px;
}

h1 {
    font-size: 4.125em;
}

h2 {
    font-size: 3.2em;
}

h3 {
    font-size: 2.8em;
}

h4 {
    font-size: 2.4em;
}

h5 {
    font-size: 2em;
}

h6 {
    font-size: 1.6em;
}

p, .btn-more, .btn-view, .btn-all,
.font-inherit p, .CASS-H-main p, .Textmanager li  {
    font-size: 16px;
}

.footer p, .copy-right p, .CASS-A-main .tab-preview button,
div#Contentmanager .btn-all, .CASS-BlackHead-main .caption .btn-view {
    font-size: 14px;
}

.footer h6, .items-feature p.fw-semi,
.CASS-E-main .nav-template7 li a span,
.about-page h6 {
    font-size: 18px;
}

.items-state h6, .items-cont-more h6,
.CASS-E-main .nav-template7 li a strong,
.CASS-H-main strong {
    font-size: 20px;
}

.CASS-A-main .tab-preview .form-control {
    font-size: 15px !important;
}

.text-friend h6 {
    font-size: 22px;
}

.CASS-GrayBackground-main .caption .title,
.CASS-BlackHead-middle-mid .caption .title{
    font-size: 20px !important;
}

.pt-3 {
	padding-top:3%;
}

.pt-5 {
	padding-top:5%;
}

.pt-8 {
	padding-top:8%;
}

.pt-10 {
	padding-top:10%;
}

/***************master-page***************/


.ic-cont-head, .ic-member {
    width: 25px;
}

.items-cont-head {
    display: flex;
    align-items: center;
      gap: 10px;
}

.cont-head-page {
    display: flex;
    justify-content: space-between;
}

.btn-member {
    display: flex;
    width: fit-content;
    gap: 8px;
    background: #0f2a71;
    color: #fff;
    padding: 0.75rem 1.5rem;
    border-radius: 30px;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden;
}

.CASS-H-main .nav-template li:hover {
    background-color: #ffeb7d;
}

.cont-head-page p {
    margin: 0;
    font-family: "Comfortaa", sans-serif;
    font-weight: 600;
}

.blog-cont-head {
    display: flex;
    align-items: center;
    gap: 20px;
}

.social-head-menu img {
    width: 40px !important;
}

.social-head-menu {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
}

.logo-footer {
    width: 27%;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: inherit;
    margin: 0;
}

.footer p {
    line-height: inherit;
    color: #d7d7d7;
    white-space: pre-line;
}

.footer h6 {
    margin-bottom: 1rem;
    width: 120%;
}

.footer h6, .items-state h6, .items-feature p.fw-semi,
.blog-step h6, .sect-question h3, .items-cont-more h6,
b, strong, .Textmanager h6, .contact-page h5,
#contactUsAcceptPolicyText2 {
    font-weight: 600;
}

.items-footer {
    display: grid;
    grid-template-columns: 27px auto;
    gap: 10px;
    margin-bottom: 1rem;
    align-items: baseline;
}

.pe-40 {
    padding-left: 40%;
}

.copy-right {
    color: #cecece;
}

.btn-more {
    width: fit-content;
    background: #ffde23;
    color: #212121;
    font-weight: 600;
    padding: 1rem 3rem;
    display: flex;
    gap: 8px;
    border-radius: 30px;
    align-items: center;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden;
}

.btn-view {
    width: fit-content;
    background: #102a70;
    color: #fff;
    font-weight: 600;
    padding: 1rem 3rem;
    display: flex;
    gap: 8px;
    border-radius: 30px;
    align-items: center;
      vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden;
  
}

.ic-more {
    width: 20px;
}

.card-start {
    background: #162e68;
    color: #fff;
    padding: 2rem 7rem;
    display: flex;
    align-items: center;
    gap: 40px;
    justify-content: center;
    width: fit-content;
    margin: auto;
    border-radius: 50px;
    margin-top: 2%;
    margin-bottom: 4%;
}

.text-design {
    color: #ffde23;
    font-family: "Comfortaa", sans-serif;
    font-weight: 700;
    font-size: 120%;
}

.logo-bloop {
    width: 30%;
    margin: auto;
}

.sect-about h3, .sect-about p, .blog-step p,
.sect-friend h6, .about-page h6 {
    white-space: pre-line;
  margin-bottom: 2rem;
}

.sect-about, .items-feature, .head-form,
.sect-step, .sect-partner, .managerHeader,
.about-page, .CASS-BlackHead-middle-mid .caption .title {
    text-align: center;
}

.sect-about h3, .sect-about h5, .head-feature h2,
.items-feature p.fw-semi, .sect-step h3, .blog-step h6,
.sect-friend h3, .sect-partner h3, .sect-question h3,
.managerHeader, .sect-friend h5, .contact-page h5,
#contactUsAcceptPolicyText2 {
    color: #0f2a71;
}

.sect-about h3 strong {
    color: #f4c400;
}

.text-blue {
    color: #2f2f6e;
}

p {
    line-height: 26px;
}

.sect-about h5, .sect-friend h5 {
    font-family: "Sriracha", cursive;
}

.items-state {
    background: #ffe65a;
    padding: 12% 8%;
    text-align: center;
    border-radius: 25px;
    transition: transform 0.2s ease-out;
}

.blog-state {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 30px;
    width: 80%;
    margin: 3% auto 2%;
}

.items-state h2 {
    font-family: "Nunito", sans-serif;
    font-weight: 700;
    color: #0f2a71;
    line-height: 46px;
}

.items-state p {
    color: #474747;
    font-family: "Nunito", "Noto Sans Thai", sans-serif;
    margin-bottom: 2rem;
}

.sect-state > p {
    color: #616161;
    text-align: center;
    font-style: italic;
}

.sect-partner, .Textmanager p, .Textmanager ul,
.sect-about h6 {
    margin-bottom: 2rem;
}

.sect-state, .items-feature {
    margin-bottom: 3rem;
}

.head-feature h2, .items-feature p, .head-form h3,
.sect-step h3, .blog-step h6, .Textmanager li,
.contact-page h5 {
    margin-bottom: 0.5rem;
}

.head-form h6, .sect-friend h3, .Textmanager h6 {
    margin-bottom: 1rem;
}

.head-feature {
    text-align: center;
    padding-top: 9%;
    margin-bottom: 2rem;
}

.icon-feature {
    width: 140px;
    margin: auto;
    margin-bottom: 1rem;
}

.sect-feature {
    display: grid;
    grid-template-columns: 27% 40% 27%;
    gap: 30px;
    align-items: end;
}

.CASS-A-middle-mid, .CASS-B-middle-mid, .CASS-D-middle-mid,
.CASS-E-border, .CASS-H-middle-mid {
    padding: 0;
}

.CASS-A-middle-right, .CASS-A-middle-left, .CASS-A-bottom,
.CASS-A-top, .CASS-B-border, figure.effect-jazz figcaption::after,
.boderedlayoutClient, .CASS-E-border {
    border: none;
}

.CASS-A-main {
    box-shadow: none;
}

.CASS-B-border, figure.effect-jazz, .CASS-D-border,
.CASS-E-border, .CASS-H-main, .CASS-GrayBackground-border,
.CASS-BlackHead-border, .CASS-JaikothaiHead-border {
    background: transparent;
}

.CASS-A-main {
    background: #fff;
    border-radius: 30px;
    box-shadow: 0 6px 12px rgb(0, 0, 0, 0.1);
}

.head-form h6, .head-feature h6, .sect-step h6,
.sect-friend h6, .sect-about h6, .about-page h6 {
    font-weight: 400;
}

.CASS-A-main .tab-preview {
    padding: 5% 5% 0;
}

.form-first span, .CASS-A-main .tab-preview button .glyphicon,
br.k-br, div#background69426beed5c7c10013face41 .pagination,
.Text_seller2, .post-time, .landingpagemanager {
    display: none;
}

.social-icon {
    border-radius: 5px;
}

.CASS-A-main .tab-preview input.form-control {
    height: 40px;
    margin-bottom: 1rem;
}

.CASS-A-main .tab-preview .form-control {
    padding-right: 12px !important;
    box-shadow: none;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #b1b1b1;
    background: transparent;
}

.CASS-A-main .tab-preview input::placeholder, 
.CASS-A-main .tab-preview textarea::placeholder {
    color: #4a4a4a;
}

.CASS-A-main .tab-preview .col-md-offset-5 {
    margin: 0;
    text-align: center;
    width: 100%;
}

.CASS-A-main .tab-preview button {
    background: #242424;
    text-shadow: none;
    width: fit-content;
    color: #fff;
    border: none;
    padding: 1rem 4rem;
    border-radius: 30px;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden;
}

.img-form {
    width: 90%;
    margin: auto;
    margin-top: 5rem;
}

.text-big {
    font-family: "Nunito", "Noto Sans Thai", sans-serif;
    font-size: 3em;
    line-height: 104px;
    font-weight: 700;
}

.sect-step h3 {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.sect-step h6 strong {
    font-style: italic;
}

.blog-step {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 3rem;
}

.img-step {
    width: 65%;
    margin: auto;
    margin-bottom: 2rem;
}

.items-step {
    position: relative;
}

.items-step::before {
    content: " ";
    width: 30px;
    height: 30px;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_16112024meym/0/0/right-ylz-z618319542805.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    right: -25px;
    top: 33%;
}

.items-step:last-child::before {
    display: none;
}

.sect-friend {
    text-align: center;
    padding-top: 10%;
    margin-bottom: 5rem;
}

.text-more {
    font-family: "Nunito", "Noto Sans Thai", sans-serif;
    font-weight: 700;
    font-size: 125%;
}

.CASS-B-main .imgLightbox {
    border-radius: 25px;
    overflow: hidden;
    position: relative;
}

.CASS-B-main .imgLightbox::before {
    content: " ";
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_16112024meym/0/0/bg-ylz-z1356194285633.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 100%;
    height: 110px;
    position: absolute;
    left: 0;
    z-index: 1;
    bottom: -12px;
}

.CASS-B-main figure {
    overflow: visible;
}

.CASS-B-main figcaption {
    position: absolute !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important;
    text-align: center !important;
    color: #0f2a71 !important;
    text-transform: none !important;
}

figure.effect-jazz h2 {
    padding-top: 0;
    -webkit-transition: inherit;
    transition: inherit;
}

figure.effect-jazz h2, figure.effect-jazz p {
    opacity: 1;
    -webkit-transform: inherit;
    transform: inherit;
}

.grid figure h2 {
    word-spacing: unset;
    font-weight: 600;
    font-size: initial;
}

figure.effect-jazz p {
    -webkit-transition: inherit;
    transition: inherit;
    letter-spacing: unset;
    font-size: inherit;
    padding: 0;
    opacity: 1;
}

figure.effect-jazz img {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.text-friend .btn-view {
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, 0%);
    min-width: 190px;
    justify-content: center;
}

figure.effect-jazz:hover h2, figure.effect-jazz:hover p {
    opacity: 1;
    -webkit-transform: inherit;
    transform: inherit;
}

.text-friend {
    position: absolute;
    padding: 4rem 0;
    min-height: 120px;
    width: 100%;
    bottom: -12px;
    z-index: 2;
}

.text-friend h6, .blog-step h6 {
    font-family: "Nunito", "Noto Sans Thai", sans-serif;
    font-weight: 600;
}

.CASS-D-main .col-md-3.col-sm-4.col-xs-4 {
    width: 12.5%;
}

.img-design {
    width: 90%;
    margin: auto;
    margin-left: 0;
    padding-right: 3%;
    padding-left: 1%;
    overflow: hidden;
}

.btn-all {
    background: #212121;
    width: fit-content;
    padding: 1rem 3rem;
    display: flex;
    align-items: center;
    color: #fff;
    gap: 10px;
    border-radius: 30px;
    font-weight: 600;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden;
}

.sect-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4rem;
    margin-bottom: 3rem;
}

.CASS-E-border, .CASS-E-main {
    color: unset !important;
}

.CASS-E-main .nav-template7 li, .CASS-E-main .nav-template7 li:hover {
    background: transparent;
    border: none;
    padding: 0;
  border-radius: 0;
}

.CASS-E-main .nav-template7 li a {
    width: 100%;
    padding: 16px;
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 1rem;
    color: #0f2a71;
    border-radius: 0;
    transition-duration: 0.3s;
      text-align: left;
}

.CASS-E-main .nav-template7 li a strong {
    margin-left: 8px;
}

.font-inherit {
    text-align: left;
}

.blog-cont-more {
    display: grid;
    grid-template-columns: repeat(4,1fr);
}

.items-cont-more {
    display: grid;
    grid-template-columns: 60px auto;
    gap: 20px;
    padding: 30px 20px;
    align-items: center;
    justify-content: center;
}

.items-cont-more.blog-tel {
    background: #272727;
    color: #fff;
}

.items-cont-more.blog-line {
    background: #01ba03;
    color: #fff;
}

.items-cont-more.blog-fb {
    background: #1877f2;
    color: #fff;
}

.items-cont-more.blog-cont, .itp-newshare-button:hover {
    background: #7693a4;
    color: #fff;
}

.items-cont-more h6, .Contentmanager .caption,
.CASS-H-main strong, .CASS-H-main p,
.CASS-E-main .nav-template7 li a strong,
.managerHeader {
    font-family: "Nunito", "Noto Sans Thai", sans-serif;
}

.head-page {
    padding: 3% 0;
    text-align: center;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_16112024meym/0/0/banner-pagez-z1109413437426.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #ffeb7d;
    font-family: "Comfortaa", sans-serif;
}


.Contentmanager .site .col-section .item.-micro {
    padding: 0;
    border: none !important;
    width: 100% !important;
}

.Contentmanager .site .col-section .item.-micro a .image, 
.Contentmanager .site .col-section .item.-micro a .caption {
    padding: 0;
    width: 100%;
}

.CASS-GrayBackground-main .row, .CASS-BlackHead-main .row,
.CASS-JaikothaiHead-main {
    margin: 0;
}

.CASS-GrayBackground-main .row::before, .Contentmanager .site .col-section .item.-micro a .post,
.CASS-BlackHead-main .row::before {
    display: none;
}

.CASS-GrayBackground-main .row.flex,
.CASS-BlackHead-middle-mid .row.flex{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 25px;
}

.CASS-GrayBackground-main .img-zoom img {
    height: 260px !important;
    object-fit: cover !important;
    object-position: center !important;
}

.CASS-BlackHead-middle-mid .img-zoom img{
    height: 400px !important;
    object-fit: contain !important;
    object-position: center !important;
}

div#Contentmanager .btn-all,
.CASS-BlackHead-main .caption .btn-view{
    padding: 1rem 2rem;
}

.CASS-GrayBackground-main .caption .title,
.CASS-BlackHead-middle-mid .caption .title{
    margin-top: 1.5rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.CASS-GrayBackground-main .caption .time p {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 2rem !important;
}

.CASS-H-main p {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

div#Contentmanager .item.-micro a .image,
.CASS-H-main .img-container, .CASS-H-main .nav-template li {
    border-radius: 25px;
    overflow: hidden;
    transition-duration: 0.3s;
}

.maxHeight-main {
    max-height: unset !important;
}

.maxHeight-TP4 {
    min-height: unset !important;
    max-height: unset !important;
    margin-bottom: 1rem !important;
}

.CASS-H-main .maxHeight-TP4 .img-container {
    padding-bottom: 80%;
}

.CASS-H-main strong {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
    display: inline-block;
    width: 100%;
}

.CASS-H-main .maxHeight-TP4 .col-md-8 {
    padding-left: 3% !important;
}

.page-header {
    padding-bottom: 0;
    margin: 3% 0 0;
    border-bottom: none;
}

div#Contentmanager .img-thumbnail, div#Contentmanager .thumbnail {
    padding: 0;
    border: none;
    background: transparent;
    border-radius: 25px;
    overflow: hidden;
    box-shadow: none;
}

.Textmanager {
    text-align: left;
    display: flow-root;
    font-family: "Nunito", "Noto Sans Thai", sans-serif;
}

div#Contentmanager .col-md-6.pull-right {
    padding-left: 4%;
    padding-right: 0;
}

div#Contentmanager .col-md-6.pull-left {
    padding-left: 0;
    padding-right: 4%;
}

.sect-friend h5 {
    margin-top: 3rem;
    margin-bottom: 8rem;
}

.about-page h5 strong {
    font-family: "Nunito", sans-serif;
    font-weight: 700;
    color: #f4c400;
    font-size: 120%;
}

.about-page h5 {
    background: #162e68;
    color: #fff;
    padding: 1rem 4rem;
    border-radius: 50px;
   width: fit-content;
    margin: auto;
    margin-bottom: 3rem;
    margin-top: 2rem;
}

.CASS-BlackHead-main .caption .btn-view {
    margin: auto;
}

.CASS-BlackHead-middle-mid .caption .title {
    margin-bottom: 2rem !important;
}

.img-contact {
    width: 80%;
    margin: auto;
}

.items-contact {
    display: grid;
    grid-template-columns: 45px auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 1rem;
}

.group-contact {
    margin-top: 2rem;
}

.CASS-JaikothaiHead-middle-mid {
    display: flex;
    align-items: center;
}

.itp-newshare-button {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    border-radius: 0;
}

.newShareContainer {
    justify-content: end !important;
}

.contact-page {
    font-family: "Comfortaa", "Noto Sans Thai", sans-serif;
    padding-left: 8%;
}

.contact-page p {
    white-space: pre-line;
}

.contact-page a, .cont-head-page a, .CASS-A-main .tab-preview button:hover {
    color: #212121;
    transition-duration: 0.3s;
}

.contact-page a:hover, .cont-head-page a:hover,
.Contentmanager .site .col-section .item.-micro a:hover .caption .title{
    color: #0f2a71;
}

.items-cont-more.blog-tel:hover, .items-cont-more.blog-cont:hover,
.items-cont-more.blog-line:hover, .items-cont-more.blog-fb:hover {
    color: #fff1a6;
}

.footer a {
    color: #d7d7d7;
    transition-duration: 0.3s;
}

.footer a:hover {
    color: #ffeb7d;
}

.icon-contact img, .social-head-menu img, .ic-footer img,
.icon-feature img, .img-step img, .img-design img,
.ic-cont-more img, div#Contentmanager .thumbnail>img,
.ic-cont-head img {
    transition: transform 0.2s ease-out;
}

.items-contact:hover img, .social-head-menu img:hover,
.items-footer:hover img, .items-state:hover, .items-feature:hover img,
.items-step:hover img, .img-design img:hover, .items-cont-more:hover img, 
div#Contentmanager .thumbnail>img:hover, .items-cont-head:hover img {
    transform: scale(1.05);
}

.btn-member:hover::before, .btn-more:hover::before,
.CASS-A-main .tab-preview button:hover::before, .btn-view:hover::before,
.CASS-B-main figure:hover .btn-view::before, .btn-all:hover::before,
.Contentmanager .site .col-section .item.-micro:hover .btn-view::before,
.Contentmanager .site .col-section .item.-micro:hover .btn-all::before{
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.btn-member::before, .btn-more::before,
.CASS-A-main .tab-preview button::before, 
.btn-view::before, .btn-all::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #212121;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.CASS-A-main .tab-preview button::before {
      background: #ffde23;
}

.btn-all::before {
      background: #0f2a71;
}

.btn-more:hover, .items-cont-more a {
    color: #fff;
    transition-duration: 0.3s;
}

.btn-more:hover img {
    filter: invert(1);
}

.CASS-E-main .nav-template7 li a:hover {
    background-color: #ffeb7d;
    border-color: #ffeb7d;
}

.CASS-E-main .font-inherit {
    padding: 10px 0 15px;
}

.copy-right {
    margin-top: 3rem;
}

.ITPcookiebar {
  width: 100% !important;
    background-color: #8f8f8f75 !important;
    color: #fff;
}

.buttonExampleSite {
    border-radius: 5rem !important;
    border: 1px solid #8f8f8f75 !important;
    color: #171717 !important;
}

.buttonExampleSite:hover {
    background: #1b3e8d !important;
    color: #ffffff !important;
}

.ITPlinkToCookiepage:hover {
    color: #ffde23 !important;
}

.itpPDPALandingPage ,
.ITP-pdpa-template-contentFont{
    font-size: 16px !important;
    margin-bottom: 3% !important;
}

.itpPDPALandingPage {
    margin-top: 3%;
}

.ITP-pdpa-template-titleFont {
    font-size: 20px !important;
    font-weight: 600 !important;
}

.ITP-pdpa-template-contentFont {
    line-height: 28px;
}

#formdisplay694254744be62d0013e16980 > div:nth-child(4),
#formdisplay69436ec195fc8700134f6fb7 > div:nth-child(4) {
    padding-top: 0 !important;
}

.ITPcheckboxAuthen .ITPcheckboxAuthen {
    margin: 0;
    padding: 0;
}

.ITPcheckboxAuthen {
    margin-top: 10px;
}

.img-design02 {
    padding-right: 10%;
}

div#background6943cffbd5c7c10013fae9c4 .CASS-E-main .nav-template7 li a {
    padding: 12px 16px;
    margin: 0;
}

div#background6943cff3d5c7c10013fae9ae .none-middle-mid .none-middle-mid {
    display: block;
}

div#background6943cff3d5c7c10013fae9ae .none-middle-mid {
    display: flex;
    align-items: center;
}
/*******************responsive******************/

@media screen and (min-width: 1900px) {
  
  
.navbar-default .navbar-nav>li>a {
    font-size: 20px;
}

h1 {
    font-size: 4.4em;
}

h2 {
    font-size: 3.6em;
}

h3 {
    font-size: 3.2em;
}

h4 {
    font-size: 2.8em;
}

h5 {
    font-size: 2.4em;
}

h6 {
    font-size: 2em;
}

p, .btn-more, .btn-view, .btn-all,
.font-inherit p, .CASS-H-main p, .Textmanager li  {
    font-size: 20px;
}

.footer p, .copy-right p, .CASS-A-main .tab-preview button,
div#Contentmanager .btn-all, .CASS-BlackHead-main .caption .btn-view {
    font-size: 18px;
}

.footer h6, .items-feature p.fw-semi,
.CASS-E-main .nav-template7 li a span,
.about-page h6 {
    font-size: 22px;
}

.items-state h6, .items-cont-more h6,
.CASS-E-main .nav-template7 li a strong,
.CASS-H-main strong {
    font-size: 24px;
}

.CASS-A-main .tab-preview .form-control {
    font-size: 18px !important;
}

.text-friend h6 {
    font-size: 26px;
}

.CASS-GrayBackground-main .caption .title,
.CASS-BlackHead-middle-mid .caption .title{
    font-size: 24px !important;
}
  
  .ic-cont-head, .ic-member {
    width: 30px;
}
  
  .social-head-menu img {
    width: 45px !important;
}
  
  .ic-more {
    width: 25px;
}
  
  .logo-bloop {
    width: 25%;
  }
  
  p {
    line-height: 30px;
}
  
  .items-state h2 {
    line-height: 54px;
}
  
  .items-feature {
    margin-bottom: 5rem;
}
  
  .icon-feature {
    margin-bottom: 2rem;
}
  
  .icon-feature {
    width: 170px;
  }
  
.CASS-A-main .tab-preview input.form-control {
    height: 45px;
    margin-bottom: 1.5rem;
}
  
  .text-big {
    line-height: 110px;
}
  
  .items-step::before {
    width: 40px;
    height: 40px;
    right: -35px;
    top: 35%;
}
  
  .text-friend .btn-view {
    min-width: 225px;
}
  
  .sect-friend {
    margin-bottom: 7rem;
}
  
  .CASS-B-main .imgLightbox::before {
    height: 125px;
}
  
  .text-friend {
    min-height: 135px;
}
  
  .img-design {
    width: 85%;
  }
  
  .CASS-E-main .nav-template7 li a {
    padding: 20px 15px;
}
  
  .sect-question {
    margin-top: 6rem;
}
  
  .items-footer {
    grid-template-columns: 30px auto;
    margin-bottom: 1.5rem;
}
  
  .CASS-BlackHead-middle-mid .img-zoom img {
    height: 450px !important;
}
  
  .CASS-GrayBackground-main .img-zoom img {
    height: 340px !important;
}
  
  .img-contact {
    width: 70%;
  }
  
  .contact-page {
    padding-left: 3%;
}
  
  .items-contact {
    grid-template-columns: 50px auto;
}
  
  .img-form {
    width: 85%;
  }
  
  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 32px;
    font-size: 18px !important;
}
  
  .ITPcookieLeftText, .buttonExampleSite, .ITPcheckboxAuthen {
    font-size: 16px !important;
}
  
  .ITPcheckboxAuthen {
    margin-bottom: 10px;
}
  
  div#background6943cffbd5c7c10013fae9c4 .CASS-E-main .nav-template7 li a {
    padding: 16px;
  }
}

@media screen and (max-width: 1366px) {
  
  .icon-feature {
    width: 120px;
  }
  
  .img-form {
    margin-top: 7rem;
    width: 95%;
}
  
  .CASS-B-main .imgLightbox::before {
    height: 105px;
}
  
  .text-friend {
    padding: 3rem 0;
    min-height: 110px;
}
  
  .img-design {
    width: 95%;
  }
  
  .CASS-E-main .font-inherit {
    padding: 5px 0 10px;
}
  
  .CASS-E-main .nav-template7 li a {
    padding: 12px 16px;
}
  
  .items-cont-more {
    grid-template-columns: 55px auto;
    gap: 15px;
}
  
  .items-footer {
    grid-template-columns: 25px auto;
}
  
  .footer h6 {
    width: 135%;
}
  
  .items-footer {
    width: 115%;
}
  
  .pe-40 {
    padding-left: 55%;
}
  
  .contact-page {
    padding-left: 3%;
}
  
  div#background6943cff3d5c7c10013fae9ae .none-middle-mid {
    align-items: end;
}
}

@media screen and (max-width: 1200px) {
  
  .card-start {
    padding: 2rem 5rem;
}
  
h1 {
    font-size: 3.8em;
}

h2 {
    font-size: 2.8em;
}

h3 {
    font-size: 2.4em;
}

h4 {
    font-size: 2.2em;
}

h5 {
    font-size: 1.8em;
}

h6 {
    font-size: 1.4em;
}
  
  .items-state h6, .items-cont-more h6, 
  .CASS-E-main .nav-template7 li a strong, .CASS-H-main strong {
    font-size: 18px;
}
  
  .footer h6, .items-feature p.fw-semi, 
  .CASS-E-main .nav-template7 li a span, .about-page h6 {
    font-size: 16px;
}
  
.sect-feature {
    grid-template-columns: 25% 43% 25%;
    gap: 20px;
}
  
  p {
    line-height: inherit;
}
  
  p, .btn-more, .btn-view, .btn-all, 
  .font-inherit p, .CASS-H-main p, .Textmanager li {
    font-size: 15px;
}
  
      .icon-feature {
        width: 100px;
    }
  
  div#form694254744be62d0013e16980,
  div#form69436ec195fc8700134f6fb7{
    padding: 0 !important;
}
  
  .CASS-A-main .tab-preview input.form-control {
    margin-bottom: 0.5rem;
}
  
  .text-big {
    font-size: 2.8em;
    line-height: 92px;
}
  
  .text-friend h6 {
    font-size: 18px;
}
  
      .text-friend {
        padding: 2.5rem 0;
        min-height: 95px;
    }
  
      .CASS-B-main .imgLightbox::before {
        height: 95px;
    }
  
  .text-friend .btn-view {
    padding: 1rem 2rem;
    min-width: 165px;
}
  
  .CASS-E-main .nav-template7 li a {
    margin-bottom: 0;
}
  
  .CASS-BlackHead-middle-mid .img-zoom img {
    height: 310px !important;
  }
  
  .CASS-H-main .maxHeight-TP4 .img-container {
    padding-bottom: 86%;
}
  
  .CASS-GrayBackground-main .img-zoom img {
    height: 220px !important;
  }
  
      .contact-page {
        padding-left: 0;
    }
  
  .ITPcheckboxAuthen {
    margin-top: 0;
}
}

@media screen and (max-width: 1024px) {
  
      .items-cont-more {
        grid-template-columns: 50px auto;
  }
  
  .footer p, .copy-right p {
    font-size: 12px;
}
  
  .sect-friend h5 {
    margin-bottom: 5rem;
}
  
  .sect-friend {
    padding-top: 9%;
    margin-bottom: 3rem;
}
  
  .img-contact {
    width: 75%;
  }
  
  .items-contact {
    grid-template-columns: 40px auto;
}
}

@media screen and (max-width: 900px) {
    
h1 {
    font-size: 34px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}
  
      .card-start {
        padding: 1.5rem 4rem;
        gap: 20px;
    }
  
      p, .btn-more, .btn-view, .btn-all,
  .font-inherit p, .CASS-H-main p, .Textmanager li,
  .CASS-E-main .nav-template7 li a span{
        font-size: 14px;
    }
  
  .items-state h6 {
    font-size: 16px;
}
  
  .items-state h2 {
    line-height: 36px;
}
  
  .head-feature {
    padding-top: 6%;
}
  
      .icon-feature {
        width: 80px;
    }
  
  .items-feature p br {
    display: none;
}
  
  .CASS-A-main .tab-preview .col-md-6.col-sm-12 {
    width: 50%;
    padding-right: 0;
}
  
      .CASS-A-main .tab-preview input.form-control {
        height: 35px;
        margin-bottom: 0.5rem;
    }
  
      .img-form {
        margin-top: 9rem;
        width: 100%;
    }
  
  #formdisplay694254744be62d0013e16980 > div:nth-child(4),
  #formdisplay69436ec195fc8700134f6fb7 > div:nth-child(4){
    padding-top: 0 !important;
}
  
  .itopplus-sidebar-menu-single a {
    font-family: "Comfortaa", "Noto Sans Thai", sans-serif;
}
  
  .itopplus-sidebar-menu-single a:active {
    background-color: transparent;
}
  
  .sect-friend {
    padding-top: 9%;
}
  
  .CASS-B-main .col-md-3.col-sm-4.col-xs-4 {
    width: 25%;
}
  
  .items-step::before {
    width: 25px;
    height: 25px;
    top: 28%;
}
  
      .text-friend h6, .CASS-E-main .nav-template7 li a strong {
        font-size: 16px;
    }
  
      .CASS-B-main .imgLightbox::before {
        height: 85px;
    }
  
.text-friend {
    min-height: 85px;
    padding: 2rem 0;
}
  
      .text-friend .btn-view {
        padding: 1rem;
        min-width: 140px;
    }
  
  .CASS-A-main .tab-preview .form-control {
    font-size: 13px !important;
}
  
  .sect-question {
    margin-top: 2rem;
    margin-bottom: 1rem;
}
  
      .items-cont-more {
        grid-template-columns: 40px auto;
        gap: 10px;
        padding: 20px 0;
    }
  
  .copy-right {
    margin-top: 0;
    text-align: center;
}
  
  .btn-all {
    padding: 1rem 2rem;
}
  
      .CASS-BlackHead-middle-mid .img-zoom img {
        height: 280px !important;
    }
  
  div#Contentmanager .col-md-6.pull-left, div#Contentmanager .col-md-6.pull-right {
    width: 50%;
}
  
      .CASS-GrayBackground-main .img-zoom img {
        height: 200px !important;
    }
  
  .CASS-H-main .nav-template li.col-md-6.col-sm-4.col-xs-12, 
  .CASS-H-main .nav-template li.col-md-6.col-sm-8.col-xs-12 {
    width: 50% !important;
}
  
  .CASS-H-main strong {
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
  }
  
      .items-contact {
        grid-template-columns: 35px auto;
    }
  
  .contact-page p {
    white-space: inherit;
}
  
      .img-contact {
        width: 70%;
    }
  
  .items-cont-more h6 {
    font-size: 16px;
}
  
      .sect-friend h5 {
        margin-bottom: 3rem;
    }
  
  .ITPcheckboxAuthen {
    padding: 0 5% !important;
    margin-bottom: 15px;
}
  
  
}

@media screen and (max-width: 768px) {
  
      .items-state h6 {
        font-size: 14px;
    }
  
      .text-big {
        font-size: 2.4em;
        line-height: 70px;
    }
  
  .sect-friend {
    margin-bottom: 3rem;
}
  
      .CASS-E-main .nav-template7 li a {
        padding: 10px 16px;
    }
  
      .img-design {
        width: 100%;
    }
  
  .items-cont-more {
        grid-template-columns: 35px auto;
  }
  
      .sect-friend h5 {
        margin-bottom: 2rem;
    }
  
  .contact-page {
    margin-left: -20px;
}
  
      .items-contact {
        grid-template-columns: 30px auto;
    }
  
  .blog-step {
    gap: 15px;
}
  
      .img-form {
        margin-top: 12rem;
  }
  
  .itopplus-bg2 {
    background-position: top;
}
}

@media screen and (max-width: 480px) {
  
  div#imagesControl6942320b671ed70013cfebca,
  div#mainmenu694265354be62d0013e16b44>div,
  div#mainmenu69436e70d5c7c10013fada46>div,
  div#mainmenu6943cff3d5c7c10013fae9ae>div {
    padding: 0 !important;
}
  
  .card-start {
    display: block;
    text-align: center;
    padding: 1.5rem 2rem;
    margin-bottom: 5rem;
    margin-top: 4%;
}

.card-start h4 {
    margin-bottom: 1rem;
    font-size: 20px;
}

.card-start .btn-more {
    margin: auto;
    margin-bottom: -35px;
}
  
  .logo-bloop {
    width: 60%;
  }
  
      h2 {
        font-size: 26px;
    }
  
      h3 {
        font-size: 24px;
    }
  
  .sect-friend h3, .head-page h3, .sect-about h3 {
    font-size: 22px;
}
  
  .sect-about p, .sect-friend h6, .about-page h6 {
    white-space: inherit;
}
  
    .sect-about h5 {
        font-size: 16px;
    }
  
  .blog-state {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
    width: 100%;
    margin-bottom: 3rem;
}
  
  .items-state {
    padding: 8%;
}
  
      h6, .about-page h5 {
        font-size: 16px;
    }
  
      .items-state h2 {
        line-height: 40px;
        font-size: 34px;
    }
  
  .blog-feature:nth-child(3) {
    order: 1;
}
  
.blog-feature:nth-child(2) {
    order: 2;
    display: block;
}
  
.blog-feature:nth-child(1) {
    order: 0;
}
  
 .sect-feature {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
  
  .blog-feature {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
  
  .items-feature p.fw-semi {
    font-size: 14px;
}
  
  .sect-state, .items-feature {
    margin-bottom: 0;
}
  
  .itopplus-bg2 {
    background-size: cover;
    background-position: center;
}
  
      .head-feature {
        padding-top: 15%;
    }
  
  .CASS-A-border, .CASS-B-border  {
    margin: -10px;
}
  
  .img-feature {
    width: 80%;
    margin: auto;
}
  
  .CASS-A-main .tab-preview .col-md-6.col-sm-12 {
    width: 100%;
}
  
  .CASS-A-main .tab-preview .form-group {
    margin-bottom: 5px;
}
  
  .img-form {
    margin-top: 0;
}
  
      .text-big {
        font-size: 2em;
        line-height: 50px;
    }
  
  .pt-5.sect-step {
    padding-top: 8%;
}
  
  .blog-step {
    grid-template-columns: repeat(1, 1fr);
            margin-bottom: 1rem;
}
  
  .items-step::before {
    display:none;
  }
  
  .img-step {
    width: 55%;
  }
  
  .itopplus-bg3 {
    background-color: #ffe96f;
}
  
      .sect-friend {
        margin-bottom: 0;
    }
  
  .CASS-B-main .thumbs {
    margin-bottom: 5rem;
}
  
  .text-friend .btn-view {
    min-width: 160px;
}
  
      .text-friend h6, .sect-friend h5 {
        font-size: 18px;
    }
  
  .CASS-D-main .col-md-3.col-sm-4.col-xs-12 {
    width: 25%;
    padding: 0 !important;
}
  
  .pt-3.sect-partner {
    margin-bottom: 0;
    padding-top: 8%;
}
  
  div#background694265354be62d0013e16b44 .none-middle-mid .none-middle-mid {
    display: block;
}
  
div#background694265354be62d0013e16b44 .none-middle-mid {
    display: flex;
    flex-wrap: wrap-reverse;
}
  
      .img-design {
        width: 80%;
        margin: auto;
        margin-top: 2rem;
    }
  
  div#Contentmanager .col-md-12.text-justify {
    padding: 0 2%;
}
  
      .CASS-E-main .nav-template7 li a {
        padding: 12px 16px;
    }
  
      .CASS-E-main .font-inherit {
        padding: 15px 0 10px;
    }
  
  .blog-cont-more {
    grid-template-columns: repeat(2, 1fr);
}
  
      .items-cont-more h6, .about-page h6 {
        font-size: 14px;
    }
  
  .CASS-GrayBackground-main .row.flex, 
  .CASS-BlackHead-middle-mid .row.flex {
    grid-template-columns: repeat(1, 1fr);
}
  
      .CASS-BlackHead-middle-mid .img-zoom img {
        height: 220px !important;
    }
  
  div#Contentmanager .col-md-6.pull-left, 
  div#Contentmanager .col-md-6.pull-right {
    width: 100% !important;
    float: none !important;
    padding: 0;
}
  
    .social-share {
        top: -5px;
    }
  
  .modal-dialog {
    width: 96% !important;
}
  
      .CASS-H-main .nav-template li.col-md-6.col-sm-4.col-xs-12, 
  .CASS-H-main .nav-template li.col-md-6.col-sm-8.col-xs-12 {
        width: 100% !important;
    }
  
  .nav-template li:hover, .nav-template li:hover a {
    text-decoration: none !important;
}
  
    .CASS-H-main .nav-template li {
        margin-bottom: 2rem;
        padding: 5px !important;
    }
  
  .CASS-H-main .nav-template li.col-md-6.col-sm-4.col-xs-12 .col-md-4.col-sm-4.col-xs-4, 
  .CASS-H-main .nav-template li.col-md-6.col-sm-4.col-xs-12 .col-md-8.col-sm-8.col-xs-8 {
    width: 100%;
}
  
      .CASS-H-main strong {
        margin-top: 0.5rem !important;
  }
  
      .CASS-H-main .maxHeight-TP4 .img-container {
        padding-bottom: 64%;
    }
  
  .CASS-JaikothaiHead-middle-mid {
    flex-wrap: wrap-reverse;
}
  
  .contact-page {
    margin: 0;
}
  
  .head-page {
    padding: 4% 0;
}
  
    .ITPcookiebar {
    padding: 3% 2%;
    display: flex !important;
}
  
  .ITPcookieLeftText {
    /* color: white; */
    float: unset !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
}
  
  .ITPcookieButton {
    float: unset !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
}
  
   .ITPcookieLeftText span {
    font-size: 12px;
}

  div#background6943cff3d5c7c10013fae9ae .none-middle-mid {
    flex-wrap: wrap-reverse;
}
}