.itopplus-background {

}
body {
    overflow-x: hidden;
}

.itopplus-bg {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_130120235e03/0/0/1z-z844570789228.webp');
}

.itopplus-bg2 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_130120235e03/0/0/2z-z230883689139.webp');
}

.itopplus-bg3 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_130120235e03/0/0/3z-z1031674617828.webp');
      background-size: cover;
}

.itopplus-bg4 {
    background-image: url('http://itp1.itopfile.com/ImageServer/z_itp_130120235e03/1570/0/BGz-z1446592011318.webp');
      background-position: center;
      background-size: cover;
}

.itopplus-bg5 {
    background-image: url('http://itp1.itopfile.com/ImageServer/z_itp_130120235e03/1570/0/BG2z-z430342921900.webp');
    background-size: cover;
}

/************Menu***************/
.navbar-default .navbar-nav>li>a {
    color: #474747;
    margin: 0 12px;
    padding: 10px 0;
}

.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: #000 !important;
    box-shadow: none;
    border-radius: none;
    background: transparent;
    background-color: transparent;
}

.dropdown-menu>li>a {
    color: #000;
  padding: 6px 20px;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #474747;
    background: #fec119;
}

/********Only Sidebar*********/
@media screen and (max-width : 992px) {

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #474747!important;
        color: #474747 !important;
    }

    #controlMenu,
    #controlMenu i,
    #controlMenu li a {
        color: #474747 !important;
    }

    .navbar-default {
        background: #fec119;
    }

    /*new logo nav*/
    .navbar-header {
        display: flex;
        padding: 0 10px;
    }

    .itopplus-logo img {
        position: fixed;
        object-fit: contain;
        width: 45px !important;
        top: 5px;
        left: 15px;
        display: none;
    }


    .old-image-icon-facebook,
    .old-image-icon-line,
    .old-image-icon-instragram,
    .old-image-icon-youtube {
        display: none !important;
    }

    .new-image-icon-facebook,
    .new-image-icon-line,
    .new-image-icon-instragram,
    .new-image-icon-youtube {
        display: block !important;
        padding-top: 7px !important;
        padding-left: 5px !important;
        padding-bottom: 5px !important;
        padding-right: 5px !important;
    }

    .icon-image-faceboox:before {
        background: url('https://itp1.itopfile.com/ImageServer/localhost/0/0/owat-facebookz-z163808031350.webp');
        height: 35px;
        width: 35px;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .icon-image-faceboox {
        background: url('https://itp1.itopfile.com/ImageServer/localhost/0/0/owat-facebookz-z163808031350.webp');
        height: 35px;
        width: 35px;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .icon-image-instragram {
        background: url('https://itp1.itopfile.com/ImageServer/localhost/0/0/owat-igz-z299708065319.webp');
        height: 35px;
        width: 35px;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .icon-image-line {
        background: url('https://itp1.itopfile.com/ImageServer/localhost/0/0/owat-linez-z922768680443.webp');
        height: 35px;
        width: 35px;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    .icon-image-youtube {
        background: url('https://itp1.itopfile.com/ImageServer/localhost/0/0/owat-youtubez-z149221842089.webp');
        height: 35px;
        width: 35px;
        display: block;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}

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

    .navbar-default {
        background: transparent;
    }

    #controlBanner {
        object-fit: contain;
        padding: 15px;
        width: auto;
        margin: 0 auto;
        display: none;
    }
  
.itopplus-logo {

}

    .itopplus-menu {
        text-align: right;
        padding-right: 16%;
    	background: linear-gradient(120deg, #fff 0%, #fff 5%, #fec119 5%, #fec119 100%);
    }

    .no-js .group-sticky {
        position: sticky;
        top: 0;
        width: 100%;
        z-index: 100;
        background: #fff;
          margin-bottom: -2px;
    }

    .itopplus-banner {
        display: grid;
        grid-template-columns: 45% 55%;
     
    }

    .navbar-collapse {
        padding: 0;
    }



}

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

@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, .dropdown-menu>li>a {
    font-size: 16px;
}

h1 {
    font-size: 4.125em;
}

h2 {
    font-size: 3.2em;
}

h3 {
    font-size: 2.8em;
}

h4, h3.managerHeader {
    font-size: 2.4em;
}

h5, div#Component65fa8e0e7aec91001a740dee strong,
div#Component65fbbdb92b5e08001a742449 strong,
div#Component65fd06b59ccb57001325fdc6 strong,
div#Component65fd06c3e6e78c001301a3d6 strong,
div#Component65fd06ec26c5220013411b30 strong,
div#Component65fd06f726c5220013411b3d strong{
    font-size: 1.8em;
}

h6 , .price-big{
    font-size: 1.4em;
}

p , .text-activity h6, .pre-art p, .pre-activity p, .table-bold thead>tr>th, .table-bold tbody>tr>td,
.call-branch  p, .color-wheel, .table-cmx>tbody>tr>td{
    font-size: 16px;
}

.text-car h6, div#Component6604e2f3c3d9110013847914 .nav-template7 li>a>strong  {
    font-size: 18px;
}

.sect-cate li button , .btn-review button, .pre-activity button, div#Component65fbbcce2b5e08001a7423cb button,
.self-service button{
    font-size: 14px;
}

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

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

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

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


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

.head-sect {
    width: 40%;
    float: right;
    display: grid;
    grid-template-columns: 8% 8% 8% 35% 35%;
    gap: 10px;
    justify-content: end;
    margin-bottom: 10px;
}
  
  .btn-calculate a, .btn-branch a {
    display: grid;
    grid-template-columns: 15% auto;
    background: linear-gradient(0deg, #fec119, #ffd249);
    padding: 5px 10px;
    border-radius: 20px;
    gap: 8px;
    align-items: center;
    justify-content: center;
    color: #474747;
}

 .btn-branch p, .sect-cate li h2, .sect-review h3, .sect-product h5,
.sect-cont h3, .fw-semi, .table-bold thead>tr>th, .sect-product h4, 
div#Component65fa8e0e7aec91001a740dee strong, .detail-branch h5,
.cont-branch p, .cont-branch h6, .text-train h5, .self-service h3,
.product-feature h4, .feature-detail h6, div#Component65fbbdb92b5e08001a742449 strong,
.contact-branch h4, .cont-page h4, h3.managerHeader, .art-detail h6,
div#Component65fd06b59ccb57001325fdc6 strong,
div#Component65fd06c3e6e78c001301a3d6 strong,
div#Component65fd06ec26c5220013411b30 strong,
div#Component65fd06f726c5220013411b3d strong{
    font-weight: 600;
}

.footer button {
    display: grid;
    grid-template-columns: 12% auto;
    justify-content: center;
    gap: 10px;
    background: transparent;
    border: 1px solid #d6d6d6;
    padding: 2%;
    width: 60%;
    border-radius: 30px;
    color: #d6d6d6;
    margin-top: 8%;
}

.social-footer {
    width: 55%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.menu-footer p {
    padding: 0 3%;
    position: relative;
    margin: 0;
}

.menu-footer p:nth-child(3)::after {
    content: " ";
}

.menu-footer p::after {
    content: "|";
    position: absolute;
    right: -3px;
}

.footer h6 {
    font-weight: 600;
    margin-bottom: 5%;
}

.menu-footer {
    display: flex;
    justify-content: end;
}

.footer a , .menu-footer a{
    color: #fff;
}

.footer a:hover , .menu-footer a:hover, .text-yellow{
    color: #fec119;
}

.text-red{
    color: #e31b1e;
}

.sect-product, .sect-service h2, .sub-branch, .self-service h3, .review-page, .product-feature h4,
.contact-branch h4{
    text-align: center;
}

.sect-product h3, .sect-service h2, .sect-service li h6 , .sect-service2 li h6 {
    color: #000b1a;
    font-weight: 600;
      margin-bottom: 2.5%;
}

.sect-line .line-yellow {
    border-color: #fec11a;
}

.sect-line hr {
    width: 5%;
    margin: 0;
    border-width: 5px;
    border-radius: 10px;
    border-color: #000;
}

.sect-line {
    display: flex;
    gap: 5px;
    justify-content: center;
    margin: 2% 0 4%;
}

figure.effect-jazz , figure.effect-oscar figcaption{
    background: transparent;
    background: transparent;
    overflow: visible;
}

figure.effect-jazz figcaption::after, .dropdown-menu, figure.effect-oscar figcaption::before {
    border: none;
}

figure.effect-oscar:hover h2 {
    -webkit-transform: none;
    transform: none;
}

figure.effect-oscar h2 {
    margin: 0;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: inherit;
    transform: inherit;
}

.grid figure h2 {
    word-spacing: 0;
    font-weight: unset;
}

figure.effect-jazz h2 {
    padding: 0 !important;
    -webkit-transition: none;
    transition: none;
}

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

.text-car p {
    font-size: 14px !important;
    background: #fec119;
    color: #474747;
    padding: 2%;
    clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
    width: fit-content;
    position: absolute;
    top: 0;
    left: 0;
}

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

figure.effect-jazz  figcaption{
    position: static;
    padding: 0;
    text-transform: none;
}

.grid figure figcaption {
    text-transform: none;
}

.grid figure h2 span {
    font-weight: 600;
}

.text-car h6, .sect-product h5 {
    color: #323232;
}

.text-car {
    margin: 10% 0 0;
}

div#Component65f94d8c7aec91001a73f2bd {
    padding-top: 25%;
}

.sect-service li ,.sect-service2 li{
    display: grid;
    grid-template-columns: 25% auto;
    gap: 12px;
    align-items: center;
    background: #fff;
    padding: 2%;
    border-radius: 70px;
    background: linear-gradient(-45deg, rgb(188 188 188 / 50%) 0%, rgb(255, 255, 255) 50%, rgb(241 241 241 / 50%) 100%);
  transition: transform 0.2s ease-out;
}

.sect-service ul , .sect-service2 ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px 20px;
}

.sect-service li h6, .sect-service2 li h6, .feature-detail p {
    line-height: 26px;
}

.sect-service h2 {
    margin-bottom: 5%;
    margin-top: -10px;
}

div#Component65f94e2b368af1001a4eb975 .imgLightbox , .sect-service ul, .sect-service2 ul{
    width: 90%;
    margin: auto;
}

.sect-cate li {
    background: linear-gradient(0deg, #fec119, #ffd249);
    padding: 11%;
    text-align: center;
    border-radius: 40px;
    color: #474747;
  transition: transform 0.2s ease-out;
}

.sect-cate ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding-left: 2%;
}

.sect-cate li button {
    background: transparent;
    border: 1px solid #474747;
    padding: 0.7rem 1.5rem;
    border-radius: 30px;
       color: #474747;
}

.sect-review h1, .sect-cont h1 {
    font-weight: 600;
    color: black;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #fff;
    font-size: 9.8em;
    margin: 0;
}

.sect-review h2 {
    font-size: 6em;
    margin-left: 10%;
    font-weight: 600;
}

.revie-big {
    font-size: 1.5em;
}

.btn-review button {
    background: linear-gradient(270deg, #6c1313, #ed161c);
    padding: 1.5rem 2.5rem;
    border: none;
    float: right;
  color: #fff;
  transition: transform 0.2s ease-out;
}

.sect-cont h1 {
    position: relative;
    z-index: -1;
}

.qr-line {
    background: #fff;
    width: 22%;
    padding: 3% 4%;
    position: absolute;
    border-radius: 0 110px 0 0;
    bottom: 0;
}

.sub-branch h6 {
    line-height: 32px;
    margin: 2% 0;
    color: #474747;
}

.sect-bottom {
    text-align: center;
    border-right: 1px solid #444;
    padding: 7% 0;
      color: #474747;
}

.sect-bottom img {
    width: 25% !important;
    margin-bottom: 4%;
}

div#mainmenu65f972117aec91001a73fc26 {
    width: 75%;
    margin: auto;
}

div#mainmenu65f972117aec91001a73fc26 .col-md-4.col-sm-4.col-xs-12:nth-child(3) .sect-bottom {
    border-right: none;
}

.text-activity h6, .pre-art p {
    text-align: center;
    padding: 6% 0 8%;
    margin: 0;
    background: #f0f0f0;
    color: #1d1d1d;
}

.sect-product h5, .sect-product h4 {
    margin-bottom: 2%;
}

.Text_seller2 {
    display: none;
}

div#Component65fa510b54ed78001a76da6a .col-md-4.col-sm-4.col-xs-12,
div#Component65fa54a654ed78001a76dba2 .col-md-4.col-sm-4.col-xs-12,
div#Component65fa5a282b5e08001a74057e .col-md-4.col-sm-4.col-xs-12,
div#Component65fa58d12b5e08001a74048c .col-md-4.col-sm-4.col-xs-12,
div#Component65fa58f23d7531001afdcec5 .col-md-4.col-sm-4.col-xs-12,
div#Component65fa59033d7531001afdced2 .col-md-4.col-sm-4.col-xs-12,
div#Component65fa6634e830e9001aa07fb3 .col-md-4.col-sm-4.col-xs-12{
    width: 25%;
      padding: 0 1% !important;
}

.Contentmanager .template1 .template-panel {
    padding-bottom: 80%;
}

.line-clip {
    width: 235px;
    height: 45px;
    background: #fec119;
    clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
    position: absolute;
    bottom: 0;
    left: -180px;
}

.menuVertical .nav-stacked {
    display: flex;
    justify-content: center;
    margin-bottom: 3%;
}

.menuVertical .nav-stacked>li>a {
    color: #7E7E7E;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 20px;
    /*clip-path: polygon(13% 0, 100% 0%, 87% 100%, 0% 100%);*/
}

.menuVertical .nav-stacked>li>a:hover, 
.menuVertical .nav-pills>li.active>a:hover, 
.menuVertical .nav-pills>li.active>a,
.menuVertical .nav-pills>li.active>a:focus{
    background: transparent;
    color: #fec119;
      border-radius: 0;
}

.menuVertical .nav-stacked>li.active a{
    color: #474747;
    background: #fec119;
}

.pre-activity {
    background: #f0f0f0;
    padding: 5% 0 7%;
    color: #1d1d1d;
  margin-bottom: 8%;
}

.pre-activity button {
    background: transparent;
    border: none;
    color: #000;
   display: none;
}

.table-bold tbody>tr:nth-child(even), .table-bold tbody>tr:hover , .table-cmx>tbody>tr:hover{
    background: #ffeded !important;
}

.table-bold thead>tr>th, .table-bold tbody>tr>td, .table-cmx>tbody>tr>td {
    border: none;
    text-align: center;
}

.table-cmx>tbody>tr:nth-child(even) {
    background: #f7f7f7;
}
.table-bold thead {
    background: #e31b1e;
    color: #fff;
}

.call-branch {
    display: grid;
    grid-template-columns: 25px auto;
    gap: 5px;
    align-items: center;
      margin: 0 3% 4%;
}

/*div#Component65fa8e0e7aec91001a740dee .nav-template7,
div#Component65fbbdb92b5e08001a742449 .nav-template7,
div#Component65fd06b59ccb57001325fdc6 .nav-template7,
div#Component65fd06c3e6e78c001301a3d6 .nav-template7,
div#Component65fd06ec26c5220013411b30 .nav-template7,
div#Component65fd06f726c5220013411b3d .nav-template7{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}*/

div#Component65fa8e0e7aec91001a740dee .fa-plus:before,
div#Component65fbbdb92b5e08001a742449 .fa-plus:before,
div#Component65fd06b59ccb57001325fdc6 .fa-plus:before,
div#Component65fd06c3e6e78c001301a3d6 .fa-plus:before,
div#Component65fd06ec26c5220013411b30 .fa-plus:before,
div#Component65fd06f726c5220013411b3d .fa-plus:before{
    content: " ";
    display: block;
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_130120235e03/512/0/branchz-z1216125125337.webp);
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: contain;
}

div#Component65fa8e0e7aec91001a740dee .nav-template7 li a, .head-branch,
div#Component65fbbdb92b5e08001a742449 .nav-template7 li a,
div#Component65fd06b59ccb57001325fdc6 .nav-template7 li a,
div#Component65fd06c3e6e78c001301a3d6 .nav-template7 li a,
div#Component65fd06ec26c5220013411b30 .nav-template7 li a,
div#Component65fd06f726c5220013411b3d .nav-template7 li a{
    display: grid;
    grid-template-columns: 11% auto;
    gap: 10px;
    align-items: center;
    border-radius: 50px;
    background: linear-gradient(-45deg, rgb(188 188 188) 0%, rgb(255, 255, 255) 50%, rgb(241 241 241) 100%);
    padding: 2%;
      z-index: 2;
    position: relative;
}

.contentmanager-template7 , .branch-map{
    background: rgb(241 241 241 / 90%);
    padding-top: 20%;
    padding-bottom: 4%;
    margin-top: -86px;
    border-radius: 40px;
}

div#Component6604e2f3c3d9110013847914 .contentmanager-template7 {
    margin: 0;
}

div#Component65fa8e0e7aec91001a740dee .nav-template7 li,
div#Component65fa8e0e7aec91001a740dee .nav-template7 li:hover ,
div#Component65fbbdb92b5e08001a742449 .nav-template7 li,
div#Component65fbbdb92b5e08001a742449 .nav-template7 li:hover,
div#Component65fd06b59ccb57001325fdc6 .nav-template7 li,
div#Component65fd06c3e6e78c001301a3d6 .nav-template7 li,
div#Component65fd06ec26c5220013411b30 .nav-template7 li,
div#Component65fd06f726c5220013411b3d .nav-template7 li,
div#Component65fd06b59ccb57001325fdc6 .nav-template7 li:hover,
div#Component65fd06c3e6e78c001301a3d6 .nav-template7 li:hover,
div#Component65fd06ec26c5220013411b30 .nav-template7 li:hover,
div#Component65fd06f726c5220013411b3d .nav-template7 li:hover{
    border: none;
    background: transparent;
}

div#Component65fa8e0e7aec91001a740dee iframe , .branch-map iframe,
div#Component65fbbdb92b5e08001a742449 iframe,
div#Component65fd06b59ccb57001325fdc6 iframe,
div#Component65fd06c3e6e78c001301a3d6 iframe,
div#Component65fd06ec26c5220013411b30 iframe,
div#Component65fd06f726c5220013411b3d iframe{
    border-radius: 30px;
}

.branch-map {
    padding: 17% 3% 5%;
}

.tel-branch div {
    width: 11%;
}

.tel-branch {
    display: flex;
    align-items: center;
    gap: 5px;
}

.cont-branch p, .cont-branch h6, .pre-activity p, div#Component65fcf8e926c52200134116d4 .thumbs,
div#Component6600f48f5b2c0a001358653f .thumbs{
    margin: 0;
}

.cont-branch li {
    padding: 4%;
    border-radius: 50px;
    background: url(http://itp1.itopfile.com/ImageServer/z_itp_130120235e03/591/0/Rectangle22z-z1361384871909.webp);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    color: #000;
  transition: transform 0.2s ease-out;
}

.cont-branch ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px;
      margin: 10% 0;
}

.cont-branch p, .tel-branch {
    margin: 1% 0 0 8%;
}
.cont-branch li a , .text-train a, .self-service, .review-page a, .TabItpContentLandingPage6>ul>li>a,
.sect-bottom a, .sect-cate li a, .cont-page li a{
    color: #474747;
}

.cont-branch li a:hover, .text-train a:hover , .review-page a:hover, .sect-bottom:hover a,
.cont-page li a:hover{
    color: #e31b1e;
}

div#Component65fa8e0e7aec91001a740dee .nav-template7 li a:after,
div#Component65fbbdb92b5e08001a742449 .nav-template7 li a:after,
div#Component65fd06b59ccb57001325fdc6 .nav-template7 li a:after,
div#Component65fd06c3e6e78c001301a3d6 .nav-template7 li a:after,
div#Component65fd06ec26c5220013411b30 .nav-template7 li a:after,
div#Component65fd06f726c5220013411b3d .nav-template7 li a:after{
    content: "︾";
    position: absolute;
    right: 40px;
    top: 27px;
    font-size: 35px;
    font-weight: 800;
}

.nav-template7 li .call-branch a {
    background: transparent !important;
    padding: unset !important;
    display: unset !important;
    font-size: 16px !important;
}

div#Component65fa8e0e7aec91001a740dee .nav-template7 li .call-branch a:after,
div#Component65fbbdb92b5e08001a742449 .nav-template7 li .call-branch a:after,
div#Component65fd06b59ccb57001325fdc6 .nav-template7 li .call-branch a:after,
div#Component65fd06c3e6e78c001301a3d6 .nav-template7 li .call-branch a:after,
div#Component65fd06ec26c5220013411b30 .nav-template7 li .call-branch a:after,
div#Component65fd06f726c5220013411b3d .nav-template7 li .call-branch a:after{
    content: " ";
}

.text-train h6 {
    margin-top: 2%;
}

.text-train {
    padding: 3% 0;
    text-align: center;
}

.sect-service2 ul {
    width: 70%;
}

.self-service {
    padding-left: 10%;
      text-align: center;
      padding-top: 7%;
}

.self-service h6 , .review-page h5, .slogan-product {
    line-height: 32px;
    text-align: center;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 3%;
}

.self-service h3 {
    margin-bottom: 3%;
      font-style: italic;
}

div#mainmenu65fab6517aec91001a7412f7 .col-md-7.col-sm-7.col-xs-12 {
    height: 525px;
}

div#Component65fcf8e926c52200134116d4 {
    margin-top: 10%;
}

.review-page h5 {
    line-height: 36px;
}

.review-page {
    padding: 8% 6%;
    background: linear-gradient(0deg, #fec119, #ffd249);
    /*clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);*/
  border-radius: 30px
}

.TabItpContentLandingPage2>ul {
    width: 75%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 0;
}  

.TabItpContentLandingPage2>ul>li>a {
    clip-path: polygon(8% 0, 100% 0%, 92% 100%, 0% 100%);
        border-bottom: none !important;
      background: #f7f7f7 !important;
}

.TabItpContentLandingPage2>ul>li {
    width: 31.33%;
}

.TabItpContentLandingPage2>ul>li.active>a, .TabItpContentLandingPage2>ul>li>a:hover {
    border-bottom: none !important;
    background: #fec119 !important;
}

.TabItpContentLandingPage2>ul>li.active>a>span, .TabItpContentLandingPage2>ul>li>a:hover>span {
    color: #474747 !important;
}

.TabItpContentLandingPage2 .tab-itp-background {
    padding: 0 !important;
}

.TabItpContentLandingPage6 {
    background-color: #fff !important;
}

.TabItpContentLandingPage6>ul>li>a {
    padding: 2% 0 !important;
}

.TabItpContentLandingPage6 .tab-content {
    /*width: 50% !important;*/
    margin: auto;
}

.color-wheel {
    display: flex;
    align-items: center;
    gap: 15px;
      flex-wrap: wrap;
}

.color-car {
    width: 50px;
    height: 50px;
    border: 3px solid #ddd;
    position: relative;
}

.TabItpContentLandingPage6>ul>li.active>a,
.TabItpContentLandingPage6>ul>li>a:hover{
    background-color: transparent !important;
    color: #000 !important;
}

.TabItpContentLandingPage6>ul>li.active>a .color-car {
    border-color: #e8000d;
}

.TabItpContentLandingPage6>ul {
    width: 35% !important;
}

.color-car.black-red  {
    background: #000 !important;
}

.color-car.blue-white , .color-car.blue-black{
    background: #0215a0 !important;
}

.color-car.red-white , .color-car.red-black{
    background: #e8000d !important;
}

.color-car.white-red, .color-car.white-pink, .color-car.white-blue {
    background: #fff !important;
}

.color-car.black-car, .color-car.black-green {
    background: linear-gradient(45deg, black, #383838, black) !important;
}

.color-car.green-car, .color-car.green-black {
    background: linear-gradient(45deg, #515c3c, #6d7c4f, #515c3c)!important;
}

.color-car.grey-white {
    background: #678190 !important;
}

.color-car.blue-gery {
    background: #004ea3;
}

.color-car.white-grey {
    background: #fff !important;
}

.color-car.red-white2 {
    background: #9b1825 !important;
}

.color-car.blue-black3 {
    background: linear-gradient(45deg, #0577aa, #1ab4e8);
}
.color-car.black-white, .color-car.black-grey, .color-car.black-white2 {
    background: #030207;
}

.color-car.brown-white {
    background: #b9a38b;
}

.color-car.red-grey {
    background: #b71429;
}

.color-car.brown-car {
    background: #eddbc6;
}

.color-car.yellow-black {
    background: #efc500;
}

.color-car.orange-black {
    background: #ff7f19;
}

.color-car.grey-car, .color-car.grey-red {
    background: linear-gradient(45deg, #a0a0a0, #c0c0c0, #a0a0a0);
}

.color-car.blue-white2 {
    background: #465b77;
}

 .color-car.red-car{
    background: linear-gradient(45deg, #65161a, #8e1823, #65161a);
}

 .color-car.red-car2{
    background: #e8000d;
}

 .color-car.blue-car3{
    background: #0215a0 ;
}

.color-car.grey-black {
    background: #56606a;
}

.color-car.blue-car , .color-car.blue-black2{
    background: linear-gradient(45deg, #2e3972, #4a4e67, #2e3972);
}

.color-car.white-car ,.color-car.white-black {
    background: linear-gradient(45deg, #e8e7e3, #ffffff, #e8e7e3);
}

.color-car.black-brown {
    background: #b9a38b;
}

.color-car.blue-car2 {
    background: linear-gradient(45deg, #005fa1, #0198d1, #005fa1);
}

.color-car.red-blue {
    background: url(http://itp1.itopfile.com/ImageServer/z_itp_130120235e03/60/0/Tri-ColorRedAll-New-CBR150R-2021z-z123992097711.webp);
    background-size: contain;
    background-repeat: no-repeat;
}

.color-car.black-red::after, .color-car.blue-white::after, .color-car.red-white::after , .color-car.white-red::after ,
.color-car.blue-black::after, .color-car.red-black::after,
.color-car.grey-white::after,.color-car.red-white2::after,
.color-car.black-white::after, .color-car.brown-white::after,
.color-car.blue-white2::after, .color-car.white-pink::after,
.color-car.black-grey::after,.color-car.grey-black::after,
.color-car.black-white2::after, .color-car.white-blue::after,
.color-car.white-black::after, .color-car.blue-black2::after,
.color-car.green-black::after, .color-car.yellow-black::after,
.color-car.grey-red::after, .color-car.black-green::after,
.color-car.blue-black3::after, .color-car.orange-black::after,
.color-car.black-brown::after, .color-car.red-grey::after,
.color-car.white-grey::after, .color-car.blue-gery::after{
    content: " ";
    width: 45px;
    height: 45px;
    position: absolute;
    top: -1px;
    background: #e8000d;
    left: 0;
    clip-path: polygon(0 0, 100% 0%, 100% 100%, 100% 100%);
}

.color-car.red-grey::after, .color-car.white-grey::after,
.color-car.blue-gery::after{
    background: #b7b7b9;
}

.color-car.blue-white::after, .color-car.red-white::after,
.color-car.grey-white::after,.color-car.red-white2::after,
.color-car.blue-white2::after, .color-car.black-white2::after{
    background: #ffffff;
}

.color-car.white-red::after, .color-car.grey-red::after {
    background: #e8000d;
}

.color-car.blue-black::after , .color-car.red-black::after,
.color-car.grey-black::after, .color-car.white-black::after,
.color-car.blue-black2::after,.color-car.green-black::after,
.color-car.yellow-black::after, .color-car.blue-black3::after,
.color-car.orange-black::after, .color-car.black-brown::after{
    background: #000;
}

.color-car.black-white::after , .color-car.brown-white::after{
    background: #d2c4a1;
}

.color-car.white-pink::after{
    background: #df687c;
}

.color-car.black-grey::after{
    background: #b7b7b9;
}

.color-car.white-blue::after {
    background: #314a83;
}

.color-car.black-green::after {
    background: #b6cb0e;
}

.feature-detail {
    padding: 12% 5% 5%;
    height: 275px;
    border: 2px solid #7b7b7b;
    position: relative;
    background: #f0f0f0;
    border-radius: 20px;
}

.feature-detail span {
    background: #fec119;
    padding: 3%;
    clip-path: polygon(13% 0, 100% 0%, 87% 100%, 0% 100%);
    position: absolute;
    top: -10px;
    color: #474747;
}

.product-feature h4 , .contact-branch h4{
    color: #fff;
    margin-bottom: 2%;
}

.cont-page li {
    display: grid;
    grid-template-columns: 8% auto;
    gap: 10px;
    align-items: center;
    margin-top: 2%;
}

.cont-page ul {
    list-style: none;
    padding: 0;
}

div#Component65fbbcce2b5e08001a7423cb .col-xs-12.col-sm-3.col-md-3 {
    display: none !important;
}

div#Component65fbbcce2b5e08001a7423cb .col-xs-12.col-sm-6.col-md-6 {
    width: 100%;
}

div#Component65fbbcce2b5e08001a7423cb {
    padding: 3%;
    background: linear-gradient(-45deg, rgb(188 188 188 / 50%) 0%, rgb(255, 255, 255) 50%, rgb(241 241 241 / 50%) 100%);
    border-radius: 30px;
}

div#Component65fbbcce2b5e08001a7423cb .form-control {
    border-color: #ddd;
    box-shadow: none;
    border-radius: 30px;
}

div#Component65fbbcce2b5e08001a7423cb .col-md-offset-3 {
    margin-left: 0;
    width: 100%;
}

div#Component65fbbcce2b5e08001a7423cb button {
    background-image: none;
    text-shadow: none;
    border-radius: 30px;
    border-color: #e31b1e;
    background:#e31b1e;
    color: #fff;
}

.post-time, .fbcomments, .landingpagemanager{
    display: none;
}

.page-header {
    padding-bottom: 0;
    margin: 5% 0 0;
    border-bottom: none;
    text-align: center;
}

div#Component65f93fcd368af1001a4eb548 .img-thumbnail, div#Component65f93fcd368af1001a4eb548 .thumbnail {
    padding: 0;
    box-shadow: none;
    border: none;
    border-radius: 0;
}

.art-detail li {
    text-indent: 20px;
    margin-bottom: 1%;
    list-style: none;
}

.Textmanager {
    text-align: left;
}

.btn-calculate a:hover img, .btn-branch a:hover img, .self-service button:hover img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(203deg) brightness(107%) contrast(101%);
}

.btn-calculate a:hover, .btn-branch a:hover, .sect-cate li button:hover , .sect-cate li:hover button, .btn-review button:hover,
.footer button:hover, .self-service button:hover{
    background: #e70014;
    color: #fff;
}

.btn-calculate img, .btn-branch img, .sect-bottom img {
    filter: brightness(0) saturate(100%) invert(20%) sepia(0%) saturate(1518%) hue-rotate(136deg) brightness(106%) contrast(78%);
}

div#Component65fa510b54ed78001a76da6a .col-md-4.col-sm-4.col-xs-12:hover .pre-activity, 
div#Component65fa5a282b5e08001a74057e .col-md-4.col-sm-4.col-xs-12:hover .pre-activity, 
div#Component65fa58d12b5e08001a74048c .col-md-4.col-sm-4.col-xs-12:hover .pre-activity,
div#Component65fa58f23d7531001afdcec5 .col-md-4.col-sm-4.col-xs-12:hover .pre-activity,
div#Component65fa59033d7531001afdced2 .col-md-4.col-sm-4.col-xs-12:hover .pre-activity, 
div#Component65fa6634e830e9001aa07fb3 .col-md-4.col-sm-4.col-xs-12:hover .pre-activity,
.nav-template7 li .call-branch a:hover{
    color: #e70014;
}

.sect-cate li button:hover , .sect-cate li:hover button{
    border-color:#e70014;
}

.sect-bottom:hover img, .social-footer img:hover {
    filter: brightness(0) saturate(100%) invert(9%) sepia(96%) saturate(4636%) hue-rotate(348deg) brightness(121%) contrast(115%);
}

.head-sect img, div#Component65fa4a437aec91001a740150 figure,
div#Component65fa510b54ed78001a76da6a .col-md-4.col-sm-4.col-xs-12, 
div#Component65fa54a654ed78001a76dba2 .col-md-4.col-sm-4.col-xs-12, 
div#Component65fa5a282b5e08001a74057e .col-md-4.col-sm-4.col-xs-12, 
div#Component65fa58d12b5e08001a74048c .col-md-4.col-sm-4.col-xs-12,
div#Component65fa58f23d7531001afdcec5 .col-md-4.col-sm-4.col-xs-12,
div#Component65fa59033d7531001afdced2 .col-md-4.col-sm-4.col-xs-12, 
div#Component65fa6634e830e9001aa07fb3 .col-md-4.col-sm-4.col-xs-12,
.social-footer img, .cont-page li img, .qr-line img, .sect-bottom{
transition: transform 0.2s ease-out;
}

.sect-service li:hover ,.sect-service2 li:hover, .sect-cate li:hover, .btn-review button:hover, .head-sect img:hover,
div#Component65fa4a437aec91001a740150 figure:hover, div#Component65fa510b54ed78001a76da6a .col-md-4.col-sm-4.col-xs-12:hover, 
div#Component65fa54a654ed78001a76dba2 .col-md-4.col-sm-4.col-xs-12:hover, 
div#Component65fa5a282b5e08001a74057e .col-md-4.col-sm-4.col-xs-12:hover, 
div#Component65fa58d12b5e08001a74048c .col-md-4.col-sm-4.col-xs-12:hover,
div#Component65fa58f23d7531001afdcec5 .col-md-4.col-sm-4.col-xs-12:hover,
div#Component65fa59033d7531001afdced2 .col-md-4.col-sm-4.col-xs-12:hover, 
div#Component65fa6634e830e9001aa07fb3 .col-md-4.col-sm-4.col-xs-12:hover, .social-footer img:hover,
.cont-page li:hover img, .cont-branch li:hover , .qr-line img:hover{
   transform: scale(0.95);
}

div#Component65fa4a437aec91001a740150 figure:hover .text-activity h6,
div#Component65fa510b54ed78001a76da6a .col-md-4.col-sm-4.col-xs-12:hover .pre-art p,
div#Component65fa54a654ed78001a76dba2 .col-md-4.col-sm-4.col-xs-12:hover .pre-art p{
    color: #e70014;
}

div#Component65fbbcce2b5e08001a7423cb button:hover {
    background: linear-gradient(0deg, #fec119, #ffd249);
    color: #000;
    border-color: #ffd249;
}


.ITPcookiebar {
  width: 100% !important;
    background-color: #f2c60175 !important;
    color: #171717;
}

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

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

.ITPlinkToCookiepage:hover {
    color: #d20001 !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;
}


.head-page h2 {
    position: absolute;
    bottom: 50px;
    font-weight: 600;
    left: 150px;
}

.head-page::before {
    content: '';
    height: 48px;
    width: 260px;
    background: #fec119;
    position: absolute;
    bottom: -3px;
    right: 0;
    clip-path: polygon(14% 0, 100% 0%, 100% 100%, 0% 100%);
}

.head-page::after {
    content: " ";
    width: 255px;
    height: 53px;
    background: #fff;
    position: absolute;
    bottom: -9px;
    right: 0;
    clip-path: polygon(16% 0, 100% 0%, 100% 100%, 0% 100%);
    border-top: 3px solid #fec119;
}

.head-page {
    height: 250px;
    position: relative;
    border-bottom: 5px solid #fec119;
}

.slogan-product {
    font-size: 22px;
    text-align: left;
    text-shadow: 0 2px 2px rgba(0,0,0,0.6);
}

.sect-product2 h4 {
    font-size: 38px;
    text-align: left;
    font-weight: 600;
      text-shadow: 0 2px 2px rgba(0,0,0,0.6);
}

.sect-product2 {
    position: absolute;
    bottom: 65px;
}

figure.effect-oscar figcaption::before {
    content: " ";
    width: 435px;
    height: 60px;
    background: #fff;
    position: absolute;
    bottom: -2px;
    opacity: 1 !important;
    top: unset;
    -webkit-transition: inherit;
    transition: inherit;
    -webkit-transform: none;
    transform: none;
    right: 0;
    left: unset;
    clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%);
}

figure.effect-oscar figcaption::after{
    content: " ";
    width: 460px;
    height: 47px;
    background: #fec119;
    position: absolute;
    bottom: 0;
    opacity: 1 !important;
    top: unset;
    -webkit-transition: inherit;
    transition: inherit;
    -webkit-transform: none;
    transform: none;
    right: 0;
    left: unset;
    clip-path: polygon(11% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.tap-text-car {
    display: none;
}

.tap-text-car {
    text-align: center;
}

h3.managerHeader {
    position: absolute;
    top: -100px;
    color: #fff;
}

.self-service button {
    background: linear-gradient(0deg, #fec119, #ffd249);
    padding: 0.75rem 2rem;
    color: #474747;
    border: none;
    border-radius: 40px;
    font-weight: 600;
    display: grid;
    grid-template-columns: 50px auto;
    margin: auto;
    align-items: center;
    gap: 5px;
}

.self-service button img {
    filter: brightness(0) saturate(100%) invert(26%) sepia(0%) saturate(0%) hue-rotate(181deg) brightness(101%) contrast(95%);
}

.social-footer img {
    filter: brightness(0) saturate(100%) invert(63%) sepia(5%) saturate(0%) hue-rotate(345deg) brightness(88%) contrast(77%);
}


div#Component6604e2f3c3d9110013847914 .nav-template7 li>a>strong {
    font-weight: 600;
}
div#Component6604e2f3c3d9110013847914 .nav-template7 li>a {
    width: 100%;
    padding: 1%;
}
div#Component6604e2f3c3d9110013847914 .nav-template7 li {
    border: none;
    background: #f7f7f7;
    border-radius: 10px;
}

div#Component6604e2f3c3d9110013847914 .nav-template7 li>a>span {
    position: absolute;
    right: 38px;
    font-size: 27px;
    top: 20px;
}

div#Component6604e2f3c3d9110013847914 .nav-template7 li:hover {
    background: #ffdd5b;
}

div#Component6604e2f3c3d9110013847914 .contentmanager-template7 {
      background: unset;
}

.table-cmx {
    background: #fff;
}

.sect-product2 h5 {
    display: none;
}

.btn-more:hover {
    background: #f33131;
    color: #fff;
}

.btn-more {
    width: fit-content;
    background: #fec119;
    color: #000;
    margin-bottom: 2%;
    padding: 1rem 2rem;
    font-size: 16px;
}
/************************responsive********************************/

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

.navbar-default .navbar-nav>li>a, .dropdown-menu>li>a {
    font-size: 20px;
  
}

.navbar-default .navbar-nav>li>a{
      padding: 15px 0;
  }

h1 {
    font-size: 4.625em;
}

h2 {
    font-size: 4em;
}

h3 {
    font-size: 3.2em;
}

h4, h3.managerHeader {
    font-size: 2.8em;
}

h5, div#Component65fa8e0e7aec91001a740dee strong,
div#Component65fbbdb92b5e08001a742449 strong,
  div#Component65fd06b59ccb57001325fdc6 strong,
div#Component65fd06c3e6e78c001301a3d6 strong,
div#Component65fd06ec26c5220013411b30 strong,
div#Component65fd06f726c5220013411b3d strong{
    font-size: 2.4em;
}

h6 , .price-big{
    font-size: 1.8em;
}

p , .text-activity h6, .pre-art p, .pre-activity p, .table-bold thead>tr>th, .table-bold tbody>tr>td,
.call-branch  p, .menuVertical .nav-stacked>li>a, .nav-template7 li .call-branch a, .color-wheel,
  .table-cmx>tbody>tr>td{
    font-size: 20px;
}
  
  .sub-branch h6 {
    line-height: 38px;
  }

.text-car h6 , div#Component6604e2f3c3d9110013847914 .nav-template7 li>a>strong {
    font-size: 22px;
}

.sect-cate li button , .btn-review button, .pre-activity button, div#Component65fbbcce2b5e08001a7423cb button,
  .feature-detail span, .self-service button{
    font-size: 18px;
}

.text-car p, .nav-template7 li .call-branch a, .TabItpContentLandingPage2>ul>li>a>span {
    font-size: 20px !important;
}
  
  div#Component65fbbcce2b5e08001a7423cb .form-control {
    font-size: 16px !important;  
  }

.sect-review h2 {
    font-size: 8em;
}

.revie-big {
    font-size: 1.8em;
}

div#Component65fa8e0e7aec91001a740dee .nav-template7 li a:after,
div#Component65fbbdb92b5e08001a742449 .nav-template7 li a:after,
  div#Component65fd06b59ccb57001325fdc6 .nav-template7 li a:after,
div#Component65fd06c3e6e78c001301a3d6 .nav-template7 li a:after,
div#Component65fd06ec26c5220013411b30 .nav-template7 li a:after,
div#Component65fd06f726c5220013411b3d .nav-template7 li a:after{
    font-size: 40px;
}
  
  .head-sect {
    grid-template-columns: 7% 7% 7% 35% 35%;
}
  
  .sect-service li h6, .sect-service2 li h6, .feature-detail p {
    line-height: 32px;
}
  
  .contentmanager-template7, .branch-map {
    padding-top: 14%;
}

  .feature-detail {
    height: 315px;
}
  
  .self-service h6, .slogan-product {
    line-height: 36px;
  }
  
  .review-page h5 {
    line-height: 48px;
}
  
  div#Component65fbbcce2b5e08001a7423cb input.form-control {
    height: 45px;
}
  
  .sect-service ul, .sect-service2 ul {
    gap: 20px;
}
  
  .btn-calculate a, .btn-branch a {
    grid-template-columns: 13% auto;
    padding: 8px 10px;
    border-radius: 30px;
}
  
  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 32px;
    font-size: 18px !important;
}
  
  .sect-review h1, .sect-cont h1 {
    font-size: 13.8em;
}
  
  .head-page h2 {
    bottom: 50px;
}
  
  .sect-product2 {
    bottom: 90px;
}
}

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

  div#Component65fa8e0e7aec91001a740dee .nav-template7 li a, .head-branch, div#Component65fbbdb92b5e08001a742449 .nav-template7 li a,
  div#Component65fd06b59ccb57001325fdc6 .nav-template7 li a,
div#Component65fd06c3e6e78c001301a3d6 .nav-template7 li a,
div#Component65fd06ec26c5220013411b30 .nav-template7 li a,
div#Component65fd06f726c5220013411b3d .nav-template7 li a{
    grid-template-columns: 16% auto;
}
  
  .line-clip {
    left: -263px;
}
}

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

  .itopplus-menu {
    padding-right: 14%;
}
  
  h6, .price-big {
    font-size: 1.3em;
}
  
  h2 {
    font-size: 3em;
}
  
  h3 {
    font-size: 2.6em;
}
  
  .sect-review h2 {
    font-size: 4em;
  }
  
  div#Component65fa8e0e7aec91001a740dee .nav-template7 li a, .head-branch, div#Component65fbbdb92b5e08001a742449 .nav-template7 li a,
  div#Component65fd06b59ccb57001325fdc6 .nav-template7 li a, 
div#Component65fd06c3e6e78c001301a3d6 .nav-template7 li a, 
div#Component65fd06ec26c5220013411b30 .nav-template7 li a, 
div#Component65fd06f726c5220013411b3d .nav-template7 li a{
  grid-template-columns: 14% auto;
}
  
  div#Component65fa8e0e7aec91001a740dee .fa-plus:before, div#Component65fbbdb92b5e08001a742449 .fa-plus:before,
  div#Component65fd06b59ccb57001325fdc6 .fa-plus:before,
div#Component65fd06c3e6e78c001301a3d6 .fa-plus:before,
div#Component65fd06ec26c5220013411b30 .fa-plus:before,
div#Component65fd06f726c5220013411b3d .fa-plus:before{
    width: 70px;
    height: 70px;
}
  
  .line-clip {
    left: -150px;
}
  
  div#mainmenu65fab6517aec91001a7412f7 .col-md-7.col-sm-7.col-xs-12 {
    height: 450px;
  }
  
  .TabItpContentLandingPage2>ul>li>a>span {
    font-size: 16px !important;
}
}

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

  .itopplus-menu {
    padding-right: 8%;
}
  
  div#Component65f94e2b368af1001a4eb975 .imgLightbox, .sect-service ul {
    width: 100%;
    margin: auto;
}
  
  h2 {
    font-size: 2.8em;
}
  
  h3 {
    font-size: 2.4em;
}
  
  .sect-bottom img {
    width: 20% !important;
  }
  
  .head-sect {
    width: 47%;
  }
  
  .itopplus-banner {
    grid-template-columns: 35% 65%;
}
  
  .sect-service h2 {
    margin-bottom: 3%;
  }
  
  .sect-cate li button, .btn-review button, .pre-activity button, div#Component65fbbcce2b5e08001a7423cb button {
    font-size: 12px;
}
  
  .footer button {
    width: 70%;
}
 
  .contentmanager-template7, .branch-map {
    padding-top: 23%;
}
  
  .feature-detail {
    height: 280px;
}
  
  h4, h3.managerHeader {
    font-size: 2em;
}
  
  h5, div#Component65fa8e0e7aec91001a740dee strong, div#Component65fbbdb92b5e08001a742449 strong,
  div#Component65fd06b59ccb57001325fdc6 strong,
div#Component65fd06c3e6e78c001301a3d6 strong,
div#Component65fd06ec26c5220013411b30 strong,
div#Component65fd06f726c5220013411b3d strong{
    font-size: 1.6em;
}
  
  .review-page {
    padding: 3%;
  }
  
  .pre-art p {
    padding: 6% 2% ;
}
  
  div#Component65fa8e0e7aec91001a740dee .nav-template7 li a, .head-branch, div#Component65fbbdb92b5e08001a742449 .nav-template7 li a,
  div#Component65fd06b59ccb57001325fdc6 .nav-template7 li a,
div#Component65fd06c3e6e78c001301a3d6 .nav-template7 li a,
div#Component65fd06ec26c5220013411b30 .nav-template7 li a,
div#Component65fd06f726c5220013411b3d .nav-template7 li a{
    grid-template-columns: 17% auto;
}
  
  div#Component65fa8e0e7aec91001a740dee .nav-template7 li a:after, div#Component65fbbdb92b5e08001a742449 .nav-template7 li a:after,
  div#Component65fd06b59ccb57001325fdc6 .nav-template7 li a:after,
div#Component65fd06c3e6e78c001301a3d6 .nav-template7 li a:after,
div#Component65fd06ec26c5220013411b30 .nav-template7 li a:after,
div#Component65fd06f726c5220013411b3d .nav-template7 li a:after{
        top: 22px;
} 
  
  div#mainmenu65fab6517aec91001a7412f7 .col-md-7.col-sm-7.col-xs-12 {
    height: 490px;
}
  
  div#Component65fcf8e926c52200134116d4 {
    margin-top: 22%;
}
  
  .TabItpContentLandingPage2>ul {
    width: 90%;
  }
  
  div#Component6604e2f3c3d9110013847914 .nav-template7 li>a>span {
    font-size: 18px;
}
}

@media screen and (max-width: 1181px){
 
  .pre-art p {
    height: 70px;
}
  
  .TabItpContentLandingPage6>ul {
    width: 45% !important;
}
  
  .head-page h2 {
    left: 107px !important;
}
  
  .self-service {
    padding-top: 4%;
}
 
  
  .footer br {
    display:none;
  }

}

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

    
  p, .text-activity h6, .pre-art p, .pre-activity p, .table-bold thead>tr>th, .table-bold tbody>tr>td, .call-branch p,
  .color-wheel, .table-cmx>tbody>tr>td{
    font-size: 14px;
}
  
  .footer br {
    display: none;
}

  div#Component65fcf8e926c52200134116d4 {
    margin-top: 25%;
}
  
}

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

  .itopplus-banner {
    grid-template-columns: 30% 70%;
}
  
  .text-car h6, .sect-service li h6, div#Component6604e2f3c3d9110013847914 .nav-template7 li>a>strong  {
    font-size: 16px;
}
  
  h2 {
    font-size: 2.4em;
}
  
  h6, .price-big {
    font-size: 18px;
}
  
.itopplus-bg2 {
    background-size: cover;
}
  
  .sect-service ul {
    margin-bottom: 6%;
}
  
  div#Component65f94d8c7aec91001a73f2bd {
    padding-top: 30%;
}
  
  .sect-cate li button {
    padding: 0.5rem 1rem;
}
  
 .sect-cate ul {
    gap: 10px;
    margin-bottom: 6%;
}
  
  .sect-review h2 {
    font-size: 3em;
    margin-left: 13%;
}
  
  .sect-review h1, .sect-cont h1 {
    font-size: 8.8em;
}

  .pre-art p {
    height: 50px;
}
  
  .qr-line {
    border-radius: 0 95px 0 0;
}
  
  div#Component65fa8e0e7aec91001a740dee .nav-template7 li a, .head-branch, div#Component65fbbdb92b5e08001a742449 .nav-template7 li a,
  div#Component65fd06b59ccb57001325fdc6 .nav-template7 li a,
div#Component65fd06c3e6e78c001301a3d6 .nav-template7 li a,
div#Component65fd06ec26c5220013411b30 .nav-template7 li a,
div#Component65fd06f726c5220013411b3d .nav-template7 li a{
    grid-template-columns: 13% auto;
}
  

.self-service {
    padding-top: 4%;
    padding-bottom: 0;
}
  
  h5, div#Component65fa8e0e7aec91001a740dee strong, div#Component65fbbdb92b5e08001a742449 strong ,
  div#Component65fd06b59ccb57001325fdc6 strong ,
div#Component65fd06c3e6e78c001301a3d6 strong ,
div#Component65fd06ec26c5220013411b30 strong ,
div#Component65fd06f726c5220013411b3d strong {
    font-size: 1.4em;
}
  
  .review-page h5 {
    line-height: 32px;
}
  
  div#Component65fa8e0e7aec91001a740dee .fa-plus:before, div#Component65fbbdb92b5e08001a742449 .fa-plus:before,
  div#Component65fd06b59ccb57001325fdc6 .fa-plus:before,
div#Component65fd06c3e6e78c001301a3d6 .fa-plus:before,
div#Component65fd06ec26c5220013411b30 .fa-plus:before,
div#Component65fd06f726c5220013411b3d .fa-plus:before{
    width: 50px;
    height: 50px;
}
  
  div#Component65fa8e0e7aec91001a740dee .nav-template7 li a:after, div#Component65fbbdb92b5e08001a742449 .nav-template7 li a:after,
  div#Component65fd06b59ccb57001325fdc6 .nav-template7 li a:after,
div#Component65fd06c3e6e78c001301a3d6 .nav-template7 li a:after,
div#Component65fd06ec26c5220013411b30 .nav-template7 li a:after,
div#Component65fd06f726c5220013411b3d .nav-template7 li a:after{
    top: 10px;
}
  
  div#mainmenu65fab6517aec91001a7412f7 .col-md-7.col-sm-7.col-xs-12 {
    height: auto;
}
  
  figure.effect-oscar figcaption::after {
    bottom: -2px;
}
  
  div#Component65fcf8e926c52200134116d4 {
    margin-top: 30%;
}
  
  .head-page h2 {
    left: 45px !important;
}
  
  
}

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

div#contentnewmode65f40e8c368af1001a4e8195, .sect-service li br ,
  div#contentnewmode65f9493e3d7531001afdbdd5{
    display: none;
}
  
  div#Component65f94a882b5e08001a73f04f .col-md-3.col-sm-4.col-xs-4,
  div#Component65fa4a437aec91001a740150 .col-md-3.col-sm-4.col-xs-4{
    width: 25%;
}
  
  h2 {
    font-size: 2.4em;
}
  
  h3 {
    font-size: 2.2em;
}
  
  .sect-service ul{
    gap: 10px;
    grid-template-columns: repeat(1, 1fr);
}
  
  .sect-service li{
    grid-template-columns: 15% auto;
}
  
  div#Component65f94d8c7aec91001a73f2bd {
    padding-top: 50%;
}
  
  .sect-cate ul {
    margin-bottom: 30px;
}
  
  .sect-cate li {
    padding: 10% 6%;
    border-radius: 20px;
}
  
  .sect-review h1, .sect-cont h1 {
    font-size: 6.8em;
}
  
  .text-activity h6{
    height: 55px;
}
  
  .pre-art p {
    height: 65px;
}
  
  .cont-branch ul {
    gap: 10px 5px;
}
  
  .cont-branch li {
    padding: 6% 4%;
    background-size: cover;
}
  
  h6, .price-big {
    font-size: 17px;
}
  
  div#mainmenu65f93f8d3d7531001afdbaae .col-md-6.col-sm-6.col-xs-12, 
  div#mainmenu65f9493e3d7531001afdbdea .col-md-6.col-sm-6.col-xs-12{
    width: 100%;
    text-align: center;
}
  
  div#Component65fa8e0e7aec91001a740dee .nav-template7 li a:after, 
  div#Component65fbbdb92b5e08001a742449 .nav-template7 li a:after,
  div#Component65fd06b59ccb57001325fdc6 .nav-template7 li a:after,
div#Component65fd06c3e6e78c001301a3d6 .nav-template7 li a:after,
div#Component65fd06ec26c5220013411b30 .nav-template7 li a:after, 
div#Component65fd06f726c5220013411b3d .nav-template7 li a:after{
    top: 15px;
    right: 24px;
    font-size: 27px;
}
  
  div#Component65fa8e0e7aec91001a740dee .nav-template7 li a, .head-branch, div#Component65fbbdb92b5e08001a742449 .nav-template7 li a,
  div#Component65fd06b59ccb57001325fdc6 .nav-template7 li a,
div#Component65fd06c3e6e78c001301a3d6 .nav-template7 li a,
div#Component65fd06ec26c5220013411b30 .nav-template7 li a,
div#Component65fd06f726c5220013411b3d .nav-template7 li a{
    grid-template-columns: 15% auto;
}
  
  
.TabItpContentLandingPage2>ul {
    width: 100%;
    display: flex;
    justify-content: center;
  }
  
  .TabItpContentLandingPage2>ul>li>a {
    padding: 10px 25px;
}
  
  .feature-detail {
    height:335px;
}
  
  .sect-service2 ul {
    width: 100%;
}
  
  .sect-service2 li {
    grid-template-columns: 20% auto;
}

  
.menuVertical .nav-stacked {
    flex-wrap: wrap;
}
  
    a#itpsearchmobile {
    display: none !important;
}
  
  .contentmanager-template7, .branch-map {
        padding-top: 25%;
    margin-top: -65px;
}
  
  .TabItpContentLandingPage6>ul {
    width: 40% !important;
}

  .head-page {
    height: 160px !important;
  }
  
  div#Component65fcf8e926c52200134116d4 {
    margin-top: 46%;
}
  
  .group-sticky {
    margin-bottom: -3px;
}
  
  div#contentnewmode65f96ed254ed78001a76d300 {
    padding: 0 !important;
}
  
  a#itplinemobile i {
    color: #14c114 !important;
    font-size: 24px;
}
  
  a#itpfacebookmobile i {
    color: #1877f2 !important;
    font-size: 22px;
}
  
  div#Component6604e2f3c3d9110013847914 .nav-template7 li>a>span {
    font-size: 16px;
}
  
}

@media screen and (max-width : 768px) {
  
  
div#imagesControl65f92ba154ed78001a76c2fb {
    padding: 0 !important;
}
  
  div#Component65f94d8c7aec91001a73f2bd {
    padding-top: 0;
}
  
  div#contentnewmode65f94e4d368af1001a4eb995 ,
  .sub-branch br{
    display: none;
}

  .sect-service ul {
    gap: 10px;
    grid-template-columns: repeat(2, 1fr);
}

  div#mainmenu65f96984368af1001a4ec00a .col-md-4.col-sm-4.col-xs-12,
    div#mainmenu65fab6517aec91001a7412f7 .col-md-5.col-sm-5.col-xs-12{
    width: 40%;
}
div#mainmenu65f96984368af1001a4ec00a .col-md-8.col-sm-8.col-xs-12,
  div#mainmenu65fab6517aec91001a7412f7 .col-md-7.col-sm-7.col-xs-12{
    width: 60% !important;
}
  
  .text-activity h6, .pre-art p {
    padding: 6% 2%;
}
  
 .cont-branch ul {
    margin: 0 0 5%;
}
  
  .qr-line {
    border-radius: 0 65px 0 0;
    width: 30%;
        position: static;
}
  
  .sect-service li {
    grid-template-columns: 25% auto;
    padding:2% 4%;
}
  
  div#mainmenu65f972117aec91001a73fc26 .col-md-4.col-sm-4.col-xs-12,
  div#mainmenu65fbb804e830e9001aa09677 .col-md-4.col-sm-4.col-xs-12,
  div#mainmenu65fbb7fd7aec91001a741e75 .col-md-4.col-sm-4.col-xs-12{
    width: 33%;
}
  
  .feature-detail {
    height: 310px;
}
  
  .self-service {
    padding-top: 8%;
    padding-left: 0;
}

  .contentmanager-template7, .branch-map {
    padding-top: 32%;
}

  .sect-product2 {
    color: #fff;
    left: 5px;
}
  
 h4, h3.managerHeader {
    font-size: 1.8em;
}
  
  div#Component6604e2f3c3d9110013847914 .nav-template7 li>a>span {
    top: 13px;
    font-size: 15px;
}
}

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

  
  h3 {
    font-size: 1.8em;
}
  
  h4 {
    font-size: 1.6em;
}
  
  h5 {
    font-size: 18px;
}
  
  h6 {
    font-size: 16px;
}
  
  .text-car h6 {
    text-align: center;
}
  
  .text-car p {
    padding: 2% 4%;
    top: 5px;
    left: 5px;
}
  
  .sect-service ul, .sect-service2 ul {
    gap: 10px;
    grid-template-columns: repeat(1, 1fr);
}
  
  .sect-service li {
    grid-template-columns: 20% auto;
  }
  
  .sect-cate ul {
    grid-template-columns: repeat(2, 1fr);
}
  
  div#mainmenu65f96984368af1001a4ec00a .col-md-8.col-sm-8.col-xs-12,
  div#mainmenu65fab6517aec91001a7412f7 .col-md-7.col-sm-7.col-xs-12,
  div#mainmenu65f96984368af1001a4ec00a .col-md-4.col-sm-4.col-xs-12, 
  div#mainmenu65fab6517aec91001a7412f7 .col-md-5.col-sm-5.col-xs-12,
  div#Component65fa54a654ed78001a76dba2 .col-md-4.col-sm-4.col-xs-12, 
  div#Component65fa5a282b5e08001a74057e .col-md-4.col-sm-4.col-xs-12, 
  div#Component65fa58d12b5e08001a74048c .col-md-4.col-sm-4.col-xs-12, 
  div#Component65fa58f23d7531001afdcec5 .col-md-4.col-sm-4.col-xs-12, 
  div#Component65fa59033d7531001afdced2 .col-md-4.col-sm-4.col-xs-12,
  div#Component65fa6634e830e9001aa07fb3 .col-md-4.col-sm-4.col-xs-12,
  div#mainmenu65f972117aec91001a73fc26,
  div#mainmenu65fbb804e830e9001aa09677 .col-md-4.col-sm-4.col-xs-12,
  div#mainmenu65fbb7fd7aec91001a741e75 .col-md-4.col-sm-4.col-xs-12,
  .TabItpContentLandingPage6 .tab-content,
    .TabItpContentLandingPage6>ul{
    width: 100% !important;
}
  
  .sect-review h2 {
    font-size: 2em;
  }
  
  .sect-review h1, .sect-cont h1 {
    font-size: 4.8em;
}
  
  .pt-5 {
    padding-top: 8%;
}
  
 .feature-detail {
    height: auto;
}
  
  .pre-art {
    margin-bottom: 8%;
}
  
 /* .cont-branch ul {
    grid-template-columns: repeat(1, 1fr);
}*/
  
  div#contentnewmode65f96ed254ed78001a76d300 ,
  div#contentnewmode65f2621b368af1001a4e4445,
  .TabItpContentLandingPage2 .col-md-12.text-justify,
  .tab-content, div#imagesControl65fac0f32b5e08001a7418ba,
div#imagesControl65fb9d8254ed78001a76f5e4,
div#imagesControl65fb9d8254ed78001a76f5e4,
div#imagesControl65fac0cce830e9001aa08de4,
  div#contentnewmode65fbbcd32b5e08001a7423d2,
  div#imagesControl65fceef3e6e78c0013019e97,
div#imagesControl6603e2659f95ed0013143c99,
div#imagesControl6603ec27027c6e001331359b,
  div#imagesControl6603f9b2027c6e00133137fd,
div#imagesControl6603fde5c3d9110013847092,
div#imagesControl6603ff86db762e00138226e0,
div#imagesControl6604258ec3d911001384717a,
div#imagesControl66042b19c3d91100138471fa,
  div#imagesControl66043273e927eb001372c6ff,
div#imagesControl66043a3ddb762e001382287a,
  div#imagesControl66043cdadb762e00138228b1,
div#imagesControl66043ff0c3d9110013847295,
  div#imagesControl6604432fc3d91100138472d1,
  div#imagesControl6604d23adb762e0013822ba0,
  div#imagesControl6604dd07027c6e001331418a,
div#imagesControl6604dfcadb762e0013822f63,
div#imagesControl6604e7a2c3d9110013847cb2,
div#imagesControl6604ea14e927eb001372d2fc,
  div#imagesControl6604ebdcdb762e00138234bb,
div#imagesControl6604efa9c3d9110013847ec3{
    padding: 0 !important;
}
  
  .qr-line {
    border-radius: 0 35px 0 0;
    width: 55%;
}
  
  div#contentnewmode65f26221368af1001a4e444f, .self-service br, br {
    display: none;
}
  
  .sect-bottom {
    border: none;
}
  
  div#Component65fa8e0e7aec91001a740dee .nav-template7, div#Component65fbbdb92b5e08001a742449 .nav-template7,
  div#Component65fd06b59ccb57001325fdc6 .nav-template7,
div#Component65fd06c3e6e78c001301a3d6 .nav-template7,
div#Component65fd06ec26c5220013411b30 .nav-template7,
div#Component65fd06f726c5220013411b3d .nav-template7{
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}
  
  div#Component65fa8e0e7aec91001a740dee .nav-template7 li a, .head-branch, 
  div#Component65fbbdb92b5e08001a742449 .nav-template7 li a,
  div#Component65fd06b59ccb57001325fdc6 .nav-template7 li a,
div#Component65fd06c3e6e78c001301a3d6 .nav-template7 li a,
div#Component65fd06ec26c5220013411b30 .nav-template7 li a,
div#Component65fd06f726c5220013411b3d .nav-template7 li a{
    grid-template-columns: 18% auto;
}
  
  .TabItpContentLandingPage2>ul>li>a>span {
    font-size: 14px !important;
}
  
  .TabItpContentLandingPage6 {
    display: block !important;
        padding: 0 !important;
}
  
.TabItpContentLandingPage6>ul {
    flex-wrap: wrap;
    flex-direction: row !important;
    justify-content: center;
    gap: 10px;
}
  
  .TabItpContentLandingPage6>ul>li {
    width: 50% !important;
}
  
  /*.TabItpContentLandingPage6>ul>li>a {
    width: 48% !important;
   padding: 0;
}*/
  
  .self-service h6, .review-page h5, .slogan-product {
    line-height: inherit;
}
  
  div#mainmenu65fab6517aec91001a7412f7 .col-md-7.col-sm-7.col-xs-12 {
    background: transparent;
}
  
  .pre-activity {
    margin-bottom: 8%;
}
  
  .cont-page li {
    grid-template-columns: 11% auto;
}
  
  .ITPcookiebar {
    padding: 3%;
    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: 14px;
}
 .contentmanager-template7, .branch-map {
        padding-top: 25%;
    margin-top: -60px;
}
  
  .head-page h2 {
    left: 20px !important;
    bottom: 60px;
}
  
  .contentmanager-template7 .col-md-12 {
    padding: 0 3%;
}
  
  div#mainmenu65fd06aae43b1c00134e1389 div,
  div#mainmenu65fd06ec26c5220013411b30 div{
    padding-bottom: 0 !important;
}
  
  .head-page::before {
    height: 30px;
}
  
  .head-page::after {
    height: 35px;
}
  
  .sect-product2 h4 {
    font-size: 24px;
  }
  
div#Component65fceef3e6e78c0013019e97 .effect-default figcaption::before,
  div#Component6603e2659f95ed0013143c99 .effect-default figcaption::before,
div#Component6603ec27027c6e001331359b .effect-default figcaption::before,
  div#Component6603f9b2027c6e00133137fd .effect-default figcaption::before,
div#Component6603fde5c3d9110013847092 .effect-default figcaption::before,
div#Component6603ff86db762e00138226e0 .effect-default figcaption::before,
div#Component6604258ec3d911001384717a .effect-default figcaption::before,
div#Component66042b19c3d91100138471fa .effect-default figcaption::before,
  div#Component66043273e927eb001372c6ff .effect-default figcaption::before,
div#Component66043a3ddb762e001382287a .effect-default figcaption::before,
  div#Component66043cdadb762e00138228b1 .effect-default figcaption::before,
div#Component66043ff0c3d9110013847295 .effect-default figcaption::before,
div#Component6604432fc3d91100138472d1 .effect-default figcaption::before,
  div#Component6604d23adb762e0013822ba0 .effect-default figcaption::before,
  div#Component6604dd07027c6e001331418a .effect-default figcaption::before,
div#Component6604dfcadb762e0013822f63 .effect-default figcaption::before,
div#Component6604e7a2c3d9110013847cb2 .effect-default figcaption::before,
div#Component6604ea14e927eb001372d2fc .effect-default figcaption::before,
  div#Component6604ebdcdb762e00138234bb .effect-default figcaption::before,
div#Component6604efa9c3d9110013847ec3 .effect-default figcaption::before{
    content: " ";
    width: 85px;
    height: 60px;
    background: #fff;
    position: absolute;
    bottom: -2px;
    opacity: 1 !important;
    top: unset;
    -webkit-transition: inherit;
    transition: inherit;
    -webkit-transform: none;
    transform: none;
    right: 0;
    left: unset;
    clip-path: polygon(30% 0%, 100% 0%, 100% 100%, 0% 100%);
}

div#Component65fceef3e6e78c0013019e97 .effect-default figcaption::after,
  div#Component6603e2659f95ed0013143c99 .effect-default figcaption::after,
div#Component6603ec27027c6e001331359b .effect-default figcaption::after,
  div#Component6603f9b2027c6e00133137fd .effect-default figcaption::after,
div#Component6603fde5c3d9110013847092 .effect-default figcaption::after,
div#Component6603ff86db762e00138226e0 .effect-default figcaption::after,
div#Component6604258ec3d911001384717a .effect-default figcaption::after,
div#Component66042b19c3d91100138471fa .effect-default figcaption::after,
  div#Component66043273e927eb001372c6ff .effect-default figcaption::after,
div#Component66043a3ddb762e001382287a .effect-default figcaption::after,
  div#Component66043cdadb762e00138228b1 .effect-default figcaption::after,
div#Component66043ff0c3d9110013847295 .effect-default figcaption::after,
div#Component6604432fc3d91100138472d1 .effect-default figcaption::after,
  div#Component6604d23adb762e0013822ba0 .effect-default figcaption::after,
  div#Component6604dd07027c6e001331418a .effect-default figcaption::after,
div#Component6604dfcadb762e0013822f63 .effect-default figcaption::after,
div#Component6604e7a2c3d9110013847cb2 .effect-default figcaption::after,
div#Component6604ea14e927eb001372d2fc .effect-default figcaption::after,
  div#Component6604ebdcdb762e00138234bb .effect-default figcaption::after,
div#Component6604efa9c3d9110013847ec3 .effect-default figcaption::after{
    content: " ";
    width: 75px;
    height: 47px;
    background: #fec119;
    position: absolute;
    bottom: 0;
    opacity: 1 !important;
    top: unset;
    -webkit-transition: inherit;
    transition: inherit;
    -webkit-transform: none;
    transform: none;
    right: 0;
    left: unset;
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
}
  
  .color-wheel {
    gap: 5px;
    text-align: left;
}
  
  .color-car {
    width: 35px;
    height: 35px;
  }
  
  .color-car.black-red::after, .color-car.blue-white::after, .color-car.red-white::after, 
  .color-car.white-red::after, .color-car.blue-black::after, .color-car.red-black::after,
  .color-car.grey-white::after,.color-car.red-white2::after,
.color-car.black-white::after, .color-car.brown-white::after,
.color-car.blue-white2::after, .color-car.white-pink::after,
.color-car.black-grey::after,.color-car.grey-black::after,
.color-car.black-white2::after, .color-car.white-blue::after,
.color-car.white-black::after, .color-car.blue-black2::after,
.color-car.green-black::after, .color-car.yellow-black::after,
.color-car.grey-red::after, .color-car.black-green::after,
.color-car.blue-black3::after, .color-car.orange-black::after{
    width: 30px;
    height: 30px;
  }
  
  div#Component65fcf8e926c52200134116d4 {
    margin-top: 0;
}
  
  div#Component65f93fcd368af1001a4eb548 .col-md-12.text-justify {
    padding: 0 2%;
}
  
  .social-share {
    top: -10px;
    right: -40px;
}
  
  .TabItpContentLandingPage6>ul>li>a {
    margin-right: 0;
    padding: 5px;
}
  
  .slogan-product {
    font-size: 16px;
  }
  
     .tap-text-car {
    display: block;
}
  
  .color-wheel p {
    display: none;
}
  
  h2 {
    font-size: 1.7em;
}
  
  h4, h3.managerHeader {
    font-size: 1.6em;
}
  
  h3.managerHeader {
    top: -120px;
}
  
  div#mainmenu65f96eb02b5e08001a73fb31 div ,
  div#mainmenu65f972117aec91001a73fc26 div{
    padding-left: 0 !important;
    padding-right: 0 !important;
}
  
  div#Component65fa4a437aec91001a740150 .col-md-3.col-sm-4.col-xs-12,
  div#Component65fa510b54ed78001a76da6a .col-md-4.col-sm-4.col-xs-12,
  div#Component65f94a882b5e08001a73f04f .col-md-3.col-sm-4.col-xs-12{
    width: 50%;
}
  
  .sect-bottom img {
    width: 30% !important;
    margin-bottom: 12%;
}
  
  .TabItpContentLandingPage2>ul>li {
    width: 49.33%;
}
  
  .sect-product2 {
    bottom: 28px;
}
  
  .pt-5.sect-product {
    padding-top: 5%;
}
  
  div#Component6604e2f3c3d9110013847914 .contentmanager-template7 {
    margin: 0;
}
  
  div#Component65fba711368af1001a4ede41 .col-md-3.col-sm-4.col-xs-12,
  div#Component6603fa3e027c6e001331382d .col-md-3.col-sm-4.col-xs-12,
div#Component66042e3a027c6e0013313b30 .col-md-3.col-sm-4.col-xs-12,
div#Component66042eac027c6e0013313b37 .col-md-3.col-sm-4.col-xs-12,
div#Component66042f60693fed0013a1d81d .col-md-3.col-sm-4.col-xs-12,
div#Component66042fba693fed0013a1d825 .col-md-3.col-sm-4.col-xs-12,
div#Component66043040c3d9110013847234 .col-md-3.col-sm-4.col-xs-12{
    margin-bottom: 5%;
    box-shadow: 0 4px 8px rgb(0,0,0,0.1);
}
  .sect-service li br {
    display: block !important;
}
  
  .sub-branch span.fw-semi:nth-child(1) {
    display: block;
}
  
  .pre-art p {
    padding: 6% 12%;
}
  
}