.itopplus-background {

}
body {
    overflow-x: hidden;
}

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

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

.itopplus-bg4 {
    background-image: url('https://itp1.itopfile.com/ImageServer/z_itp_23002024m847/0/0/4z-z210470480086.webp');
}

.itopplus-bg0, .itopplus-pos2 {
    background-image: url(http://itp1.itopfile.com/ImageServer/z_itp_23002024m847/1140/0/BGcopyz-z423429192516.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

/************Menu***************/
.navbar-default .navbar-nav>li>a {
    color: #000;
    margin: 0 5px;
    padding: 5px 15px;
}

.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: #fff !important;
    box-shadow: none;
	border-radius: 15px 0px 15px 0px;
    background: transparent;
    background-color: #74c325;
}

.dropdown-menu>li>a {
    color: #000;
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #fff;
    background: #74c325;
}

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

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

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

    .navbar-default {
        background: #fff;
    }

    /*new logo nav*/
    .navbar-header {
        display: flex;
        flex-direction: row-reverse;
        box-shadow: 0 0 3px 0 #ccc;
        padding: 0 10px;
    }

    .itopplus-logo img {
        position: fixed;
        object-fit: contain;
        width: 100px !important;
        top: 10px;
        left: 15px;
    }


}

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

    .navbar-default {
        background: transparent;
    }

    #controlPosition {
        margin-top: 3%;
        text-align: right;
    }

    #controlBanner {
        object-fit: contain;
        padding: 15px;
        width: auto;
        margin: 0 auto;

    }
}

@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 {
    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 {
    font-size: 2em;
}

h6 {
    font-size: 1.4em;
}

p, .text-service h6, .text-service2 h6 , .text-client h6, figure.effect-selena p,
div#Component65b38e3f0806af00131323e0 .nav-template7 li p{
    font-size: 16px;
}

.btn-all button, .pre-news button, .pre-art button, div#btnview65b661d4c3b22d0013c4801a button,
div#Component65b66d0d9b27d50013738e59 button, div#cookie65b661d4c3b22d0013c4801a span{
    font-size: 14px;
}

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

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

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

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

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

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

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

.navbar-nav>li:hover .dropdown-menu {
    display: block;
}

.footer h6 {
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 1.5rem;
}

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

.footer ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 5px;
}

.copy-right {
    border-top: 1px solid #e1e1e1;
    padding-top: 3%;
    padding-bottom: 2%;
}

.footer a , .sect-service, .sect-cont a {
    color: #fff;
}

.footer a:hover , .cont-page a:hover, .sect-cont a:hover{
    color: #81df23;
}

.sect-service, .sect-service2, .text-service h6, .btn-all, .sect-client, .text-slogan,
.sect-partner, .sect-vision, .sect-mission, .sect-cont, .service-detail h5{
    text-align: center;
}

.sect-service h3 span, .sect-client h3 span, .sect-cont span {
    color: #fed501;
}

figure.effect-selena , figure.effect-oscar{
    background: transparent;
}

div#mainmenu65b31b6ac3b22d0013c46a02 .col-md-4.col-sm-4.col-xs-12.padding:nth-child(2) {
    width: 40%;
}

div#mainmenu65b31b6ac3b22d0013c46a02 .col-md-4.col-sm-4.col-xs-12.padding:nth-child(1), 
div#mainmenu65b31b6ac3b22d0013c46a02 .col-md-4.col-sm-4.col-xs-12.padding:nth-child(3) {
    width: 30%;
}

div#Component65b31b7930f13f00130ba215 .imgLightbox,
div#Component65b31b9330f13f00130ba21e .imgLightbox,
div#Component65b31bbfc3b22d0013c46a07 .imgLightbox,
div#Component65b31bd476dbce001330f11a .imgLightbox,
div#Component65b31bed76dbce001330f128 .imgLightbox{
    width: 150px;
    margin: auto;
}

div#mainmenu65b31b6ac3b22d0013c46a02 .none-middle-mid .none-middle-mid,
div#mainmenu65b67ab216869e001a1656ff .none-middle-mid .none-middle-mid{
    display: block;
}

div#mainmenu65b31b6ac3b22d0013c46a02 .none-middle-mid {
    display: flex;
    justify-content: center;
}

div#mainmenu65b67ab216869e001a1656ff .none-middle-mid {
    display: flex;
    align-items: center;
}

div#Component65b31b7930f13f00130ba215 .grid figure figcaption,
div#Component65b31b9330f13f00130ba21e .grid figure figcaption,
div#Component65b31bbfc3b22d0013c46a07 .grid figure figcaption,
div#Component65b31bd476dbce001330f11a .grid figure figcaption,
div#Component65b31bed76dbce001330f128 .grid figure figcaption,
div#Component65b32e550806af00131312ad .grid figure figcaption,
div#Component65b367db76dbce00133101e1 .grid figure figcaption{
    padding: 0;
    position: static;
    text-transform: none;
}

.text-service {
    height: 85px;
}

div#Component65b31b9330f13f00130ba21e,
div#Component65b31bd476dbce001330f11a{
    margin-top: 20%;
}

div#Component65b31ba630f13f00130ba286 .imgLightbox {
    padding: 5%;
}

.img-cert {
    border: 1px solid #ddd;
    margin: 5px;
    margin-bottom: 20px;
    box-shadow: 0 4px 8px rgb(0,0,0,0.1);
}

.sect-about h1 , .sect-about h6, .contact-page h4, .sect-service2 h3, .service-detail h6,
h3.managerHeader, .art-detail h6, .news-detail a:hover{
    color: #088036;
}

.sect-about h1 , .fw-semi , .sect-service h3 span, h6.text-iso, .sect-cont h4,
.sect-service2 h3, .sect-client h3 span, .text-slogan h2, .sect-partner h3,
.fw-semi, .about-page h5, .sect-vision h5, .sect-vision h4, .sect-mission h4,
.text-mission h6, .join-detail h6, div#Component65b38e3f0806af00131323e0 .nav-template7 li a strong,
.contact-page h4, .service-detail h6, .service-detail h5, h3.managerHeader,.art-detail h6,
.news-detail h6{
    font-weight: 600;
}

.sect-about h6, .sect-service2, .sect-client, .about-page h5, .sect-vision h5, .contact-page h4,
.service-detail h5, .art-detail p, .join-detail ul{
    margin-bottom: 3%;
}

.sect-about hr {
    border-width: 3px;
    border-color: #7dcb2e;
    width: 20%;
    margin: 7% 0;
}

 .sect-about h1{
    margin: 0;
}

h6.text-iso {
    display: grid;
    grid-template-columns: 24px auto;
    gap: 5px;
    align-items: center;
    background: linear-gradient(90deg, #7bc92d, #a9ff45, #7bc92d);
    width: 218px;
    padding: 0.8rem 2rem;
    margin-top: 3%;
    border-radius: 20px 0 20px 0;
}

.sect-about p, .text-service h6, .sect-service2 h6 , .text-service2 h6,
.text-mission h6, .service-detail h6, .service-detail p, .art-detail p{
    line-height: 26px;
}

.text-mission p{
    line-height: 24px;
}

.sect-service2 h6, .text-slogan h5, .sect-partner, .text-mission,.pre-news h6,
.pre-art h6, .form-join span, .cont-page a, .cont-page, .news-detail a{
    color: #000;
}

figure.effect-oscar figcaption::before {
    border: none;
}

div#Component65b327fe0806af0013131132 .grid figure figcaption,
div#Component65b36e19c3b22d0013c472eb .grid figure figcaption{
    padding: 0;
    position: relative;
    text-transform: none;
    background-color: transparent;
}

.text-service2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    background: linear-gradient(360deg, #000000cf, transparent);
    padding: 4% 5% 2%;
}

.text-service2, div#Component65b327fe0806af0013131132 .imgLightbox img,
div#Component65b36e19c3b22d0013c472eb .imgLightbox img,
div#Component65b66ded0806af0013132bea .imgLightbox img,
div#Component65b6713d76dbce0013311253 .imgLightbox img,
div#Component65b67401c3b22d0013c481e3 .imgLightbox img,
div#Component65b675e20806af0013132c3c .imgLightbox img,
div#Component65b67757c3b22d0013c481ff .imgLightbox img,
div#Component65b67a6a0806af0013132ca0 .imgLightbox img,
div#Component65b67ab616869e001a165704 .imgLightbox img,
div#Component65b707b59b27d50013738ff7 .imgLightbox img,
div#Component65b70adc76dbce0013311510 .imgLightbox img,
div#Component65b70c7e76dbce00133115ca .imgLightbox img,
div#Component65b70f2c30f13f00130bc506 .imgLightbox img,
div#Component65b70fad16869e001a165ab1 .imgLightbox img,
div#Component65b7135b0806af00131330c7 .imgLightbox img,
div#Component65b713ffc3b22d0013c48585 .imgLightbox img,
div#Component65b717240806af00131332af .imgLightbox img{
    border-radius: 0 0 90px 0;
}

div#Component65b327fe0806af0013131132 .col-md-3.col-sm-4.col-xs-4:nth-child(2),
div#Component65b327fe0806af0013131132 .col-md-3.col-sm-4.col-xs-4:nth-child(4),
div#Component65b36e19c3b22d0013c472eb .col-md-3.col-sm-4.col-xs-4:nth-child(2),
div#Component65b36e19c3b22d0013c472eb .col-md-3.col-sm-4.col-xs-4:nth-child(4){
    padding-top: 7%;
}

div#Component65b327fe0806af0013131132 .col-md-3.col-sm-4.col-xs-4:nth-child(5), 
div#Component65b327fe0806af0013131132 .col-md-3.col-sm-4.col-xs-4:nth-child(7),
div#Component65b36e19c3b22d0013c472eb .col-md-3.col-sm-4.col-xs-4:nth-child(5), 
div#Component65b36e19c3b22d0013c472eb .col-md-3.col-sm-4.col-xs-4:nth-child(7),
div#Component65b36e19c3b22d0013c472eb .col-md-3.col-sm-4.col-xs-4:nth-child(9){
    margin-top: -6%;
}

div#Component65b36e19c3b22d0013c472eb .col-md-3.col-sm-4.col-xs-4,
div#Component65b327fe0806af0013131132 .col-md-3.col-sm-4.col-xs-4{
    margin-top: 1%;
}

.view-all {
    background: transparent;
    padding: 0.75rem 2rem;
    border: 1px solid #7dcb2e;
    border-radius: 20px 0 20px 0;
    margin: 0.5%;
      color: #000;
}

.view-reques {
    padding: 0.75rem 2rem;
    border: 1px solid #7dcb2e;
    border-radius: 20px 0 20px 0;
    background: linear-gradient(90deg, #7bc92d, #a9ff45, #7bc92d);
    margin: 0.5%;
      color: #000;
}

.itopplus-bg {
    margin-bottom: -135px;
    position: relative;
}

div#Component65b32e550806af00131312ad .col-md-3.col-sm-4.col-xs-4 {
    width: 14%;
}

div#Component65b32e550806af00131312ad .imgLightbox {
    width: 65%;
    margin: 0 auto -10px;
}

.text-client {
    height: 35px;
}

.text-slogan h2 span, .sect-vision h4 span {
    background: #006837;
    background: linear-gradient(to top, #006837 0%, #87C241 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(4px 4px #cbcbcb);
    -webkit-text-stroke: 1px #fff;
    font-weight: 700;
    font-size: 110%;
}

.marquee-content {
  display: flex;
  animation: scrolling 20s linear infinite;
}

.marquee-item {
  flex: 0 0 12vw;
  margin: 0 1vw;
/*   flex: 0 0 20vw; */
/*   margin: 0 2vw; */
}

@keyframes scrolling {
  0% { transform: translateX(0); }
  100% { transform: translatex(-144vw); }
}

.marquee-item img {
    border-radius: 25px 0 25px 0;
    border: 1px solid #ddd;
    width: 100%;
}

.sect-partner{
    margin-bottom: 1%;
}

.eapps-widget-toolbar {
    display: none;
}

.about-page p  {
    margin-bottom: 6%;
}

.about-page h5 {
    background: #006837;
    background: linear-gradient(to top, #006837 0%, #87C241 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 38px;
}

.capital {
    display: grid;
    grid-template-columns: 7% auto;
    gap: 10px;
    align-items: center;
}

figure.effect-selena p {
    opacity: 1 !important;
    -webkit-transition: none;
    transition: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transform-origin: inherit;
    transform-origin: inherit;
}

.text-mission {
    height: 160px;
}

.grid figure p {
    letter-spacing: 0;
}

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

div#Component65b367db76dbce00133101e1 .imgLightbox {
    width: 50%;
    margin: 5% auto 0;
}

.Text_seller2, div#editor37 {
    display: none;
}

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

.pre-news , .pre-art {
    padding-top: 2%;
    margin-bottom: 10%;
}

.pre-news h6, .pre-art h6{
    margin-bottom: 4%;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pre-news button, .pre-art button {
    background: #088036;
    color: #e8e3cd;
    padding: 0.7rem 1.5rem;
    border: none;
    border-radius: 20px 0;
}

div#Component65b37e3230f13f00130bb75d .col-md-4.col-sm-4.col-xs-12,
div#Component65b3897530f13f00130bb993 .col-md-4.col-sm-4.col-xs-12{
    padding: 0 1% !important;
  transition: transform 0.2s ease-out;
}

.sect-cont li {
    padding: 4%;
    margin: 2%;
    border: 1px solid #27bb25;
    transition: transform 0.2s ease-out;
}

.sect-cont li img {
    width: 20% !important;
    margin: 3% 0 5%;
}

.sect-cont ul {
    list-style: none;
    padding: 0;
    display: grid;
    grid-template-columns: 30% 30%;
    justify-content: center;
    gap: 40px;
}

div#Component65b38e3f0806af00131323e0 .fa-plus:before {
    content: "︾";
    font-size: 30px;
}

div#Component65b38e3f0806af00131323e0 .nav-template7 li a {
    width: 100%;
    position: relative;
    text-align: left;
}

div#Component65b38e3f0806af00131323e0 .nav-template7 li a span {
    position: absolute;
    right: 20px;
    top: 7px;
}

div#Component65b38e3f0806af00131323e0 .nav-template7 li li , div#Component65b38e3f0806af00131323e0 .nav-template7 li:hover li {
    border: none !important;
    background: transparent  !important;
}

div#Component65b38e3f0806af00131323e0 .nav-template7 li {
    border: none;
    background: #ededed7d;
    margin: 1%;
    border-radius: 10px;
}

div#Component65b38e3f0806af00131323e0 .nav-template7 li:hover {
    background-color: #39b56821 !important;
    text-decoration: none;
}

div#Component65b661d4c3b22d0013c4801a .form-control {
    margin-bottom: 1.5rem;
    margin-top: 5px;
    box-shadow: none;
}

div#province37 label , div#Component65b66d0d9b27d50013738e59 label{
    font-weight: 400;
}

div#display4 .form-control {
    width: 100% !important;
}

.form-join h5 {
    margin-top: 3%;
    text-align: center;
    font-weight: 600;
}

div#formdisplay65b661d4c3b22d0013c4801a {
    background: transparent !important;
}

div#Component65b661d4c3b22d0013c4801a .btn-success {
    background: #74c325;
    border: none;
    border-radius: 15px 0;
    padding: 0.5rem;
    margin-top: 5px;
}

div#Component65b66d0d9b27d50013738e59 .form-control {
    box-shadow: none;
}

div#Component65b661d4c3b22d0013c4801a .progress {
    height: 10px;
    margin-top: 10px !important;
}

div#btnview65b661d4c3b22d0013c4801a button,
div#Component65b66d0d9b27d50013738e59 button{
    background: #74c325;
    border-radius: 15px 0;
    text-shadow: none;
    border: none;
    color: #fff;
}

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

.service-pass {
    display: grid;
    grid-template-columns: 5% auto;
    align-items: center;
    gap: 10px;
    margin-bottom: 1%;
}

figure:hover .text-service2 {
    background: linear-gradient(360deg, #088036, transparent);
}


div#Component65b327fe0806af0013131132 .grid figure:hover,
div#Component65b36e19c3b22d0013c472eb .grid figure:hover,
.social-footer img:hover, .sect-cont li:hover{
    transform: scale(0.95);
}

div#Component65b327fe0806af0013131132 .grid figure,
div#Component65b36e19c3b22d0013c472eb .grid figure,
.social-footer img{
    transition: transform 0.2s ease-out;
}

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

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

.social-share {
    top: -45px;
}

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

.Textmanager, .join-detail {
    text-align: left;
}

div#Component65b37e3230f13f00130bb75d .col-md-4.col-sm-4.col-xs-12:hover button,
div#Component65b3897530f13f00130bb993 .col-md-4.col-sm-4.col-xs-12:hover button,
.view-all:hover{
  background-color: #74c325;
  color:#fff;
} 

div#Component65b38e3f0806af00131323e0 .nav-template7 li li {
    list-style: disc;
      margin: 0;
}

div#btnview65b661d4c3b22d0013c4801a button:hover, 
div#Component65b66d0d9b27d50013738e59 button:hover,
.view-reques:hover{
   background: #088036;
   color:#fff;
}

.dropdown-menu {
    border: none;
}

.art-detail h1 {
    font-weight: 700;
    color: #ebebeb;
    margin-bottom: -35px;
}

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

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

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

.ITPlinkToCookiepage:hover {
    color: #74c325 !important;
}

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

div#Component65b66d0d9b27d50013738e59 .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 {
    width: 60% !important;
    margin-left: 25%;
}

.itpPDPALandingPage {
    margin-top: 3%;
}

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

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



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


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

h1 {
    font-size: 5.25em;
}

h2 {
    font-size: 3.6em;
}

h3 {
    font-size: 3.2em;
}

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

h5 {
    font-size: 2.4em;
}

h6 {
    font-size: 1.8em;
}

p, .text-service h6, .text-service2 h6 , .text-client h6, figure.effect-selena p,
div#Component65b38e3f0806af00131323e0 .nav-template7 li p{
    font-size: 20px;
}

.btn-all button, .pre-news button, .pre-art button, div#btnview65b661d4c3b22d0013c4801a button,
div#Component65b66d0d9b27d50013738e59 button, .dropdown-menu>li>a, .form-join span{
    font-size: 18px;
}

.text-mission h6, div#Component65b38e3f0806af00131323e0 .nav-template7 li a strong {
    font-size: 20px;
}
  
  .sect-about p, .service-detail p, .art-detail p, .text-service2 h6 {
    line-height: 30px;
}
   .text-service h6, .sect-service2 h6, 
  .text-mission h6, .service-detail h6 {
    line-height: 38px;
}
  
  h6.text-iso {
    width: 260px;
}
  
  .text-client {
    height: 50px;
}
  
  .footer h6 {
    margin-bottom: 2rem;
}
  
  .social-footer {
    width: 50%;
}
  
  .pre-news h6, .pre-art h6 {
    height: 30px;
     line-height: 30px;
}
  
  div#Component65b38e3f0806af00131323e0 .nav-template7 li {
    padding: 10px 0;
}
  
  div#Component65b661d4c3b22d0013c4801a .form-control,
  div#Component65b66d0d9b27d50013738e59 input.form-control{
    height: 43px;
}
  
 div#Component65b66d0d9b27d50013738e59 label,
  div#Component65b661d4c3b22d0013c4801a .form-control {
        font-size: 16px;
  }
  
  .ITP-pdpa-template-titleFont {
    font-size: 24px !important;
  }
  
  .ITP-pdpa-template-contentFont {
    line-height: 32px;
    font-size: 18px !important;
}
  
  div#cookie65b661d4c3b22d0013c4801a span {
    font-size: 16px;
}
}

@media screen and (max-width : 1366px) {
  
h1 {
    font-size: 3.8em;
}

h2 {
    font-size: 2.8em;
}

h3 {
    font-size: 2.4em;
}

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

h5 {
    font-size: 1.8em;
}

h6 {
    font-size: 1.4em;
}
}

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

.navbar-default .navbar-nav>li>a {
    padding: 5px 10px;
}
  
  .navbar-default .navbar-nav>li>a , .dropdown-menu>li>a{
    font-size: 14px;
}
  
  h3 {
    font-size: 2.2em;
}
  
  h5 {
    font-size: 1.6em;
}
  
  h6 {
    font-size: 18px;
}
  
  .about-page.pt-10, .pt-10.service-detail {
    padding-top: 0;
}
  
  .about-page h5 {
    line-height: 32px;
}
  
  .sect-about p, .text-service h6, .sect-service2 h6, .text-service2 h6, 
  .text-mission h6, .service-detail h6, .service-detail p, .art-detail p {
    line-height: inherit;
}
  
  .text-service2, div#Component65b327fe0806af0013131132 .imgLightbox img, 
  div#Component65b36e19c3b22d0013c472eb .imgLightbox img, 
  div#Component65b66ded0806af0013132bea .imgLightbox img, 
  div#Component65b6713d76dbce0013311253 .imgLightbox img, 
  div#Component65b67401c3b22d0013c481e3 .imgLightbox img, 
  div#Component65b675e20806af0013132c3c .imgLightbox img, 
  div#Component65b67757c3b22d0013c481ff .imgLightbox img, 
  div#Component65b67a6a0806af0013132ca0 .imgLightbox img, 
  div#Component65b67ab616869e001a165704 .imgLightbox img, 
  div#Component65b707b59b27d50013738ff7 .imgLightbox img, 
  div#Component65b70adc76dbce0013311510 .imgLightbox img, 
  div#Component65b70c7e76dbce00133115ca .imgLightbox img, 
  div#Component65b70f2c30f13f00130bc506 .imgLightbox img, 
  div#Component65b70fad16869e001a165ab1 .imgLightbox img, 
  div#Component65b7135b0806af00131330c7 .imgLightbox img, 
  div#Component65b713ffc3b22d0013c48585 .imgLightbox img, 
  div#Component65b717240806af00131332af .imgLightbox img {
    border-radius: 0 0 70px 0;
}
  
  .service-detail h6 br {
    display: none;
}
  
  .pre-news h6, .pre-art h6 {
    height: 30px;
    line-height: 28px;
}
}

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

.sect-about br, .text-service br, .about-page br, .cont-page br {
    display: none;
}
  
  .sect-about.pt-10{
    padding-top: 0;
}
  
  div#Component65b31b9330f13f00130ba21e, div#Component65b31bd476dbce001330f11a {
    margin-top: 0;
}

  div#Component65b31b7930f13f00130ba215 .imgLightbox, 
  div#Component65b31b9330f13f00130ba21e .imgLightbox, 
  div#Component65b31bbfc3b22d0013c46a07 .imgLightbox, 
  div#Component65b31bd476dbce001330f11a .imgLightbox, 
  div#Component65b31bed76dbce001330f128 .imgLightbox {
    width: 120px;
  }
  
  .itopplus-bg {
    margin-bottom: -60px;
  }
  
  .pt-8 {
    padding-top: 13%;
}
  
  div#Component65b327fe0806af0013131132 .col-md-3.col-sm-4.col-xs-4:nth-child(4),
  div#Component65b327fe0806af0013131132 .col-md-3.col-sm-4.col-xs-4:nth-child(6),
  div#Component65b36e19c3b22d0013c472eb .col-md-3.col-sm-4.col-xs-4:nth-child(4),
  div#Component65b36e19c3b22d0013c472eb .col-md-3.col-sm-4.col-xs-4:nth-child(6),
  div#Component65b36e19c3b22d0013c472eb .col-md-3.col-sm-4.col-xs-4:nth-child(10){
    padding-top: 0;
    margin-top: -7%;
}
  
  div#Component65b327fe0806af0013131132 .col-md-3.col-sm-4.col-xs-4:nth-child(5),
  div#Component65b36e19c3b22d0013c472eb .col-md-3.col-sm-4.col-xs-4:nth-child(5){
    margin-top: 0;
}
  
  h2 {
    font-size: 2.4em;
}
  
  h3 {
    font-size: 2em;
}
  
  h4, h3.managerHeader {
    font-size: 1.8em;
}
  
  div#Component65b367db76dbce00133101e1 .col-md-4.col-sm-4.col-xs-6.col-sm-5fix {
    width: 33%;
}
  
  div#Component65b367db76dbce00133101e1 .none-middle-mid div div div div:nth-child(3) {
    justify-content: center;
}
  
  div#formdisplay65b661d4c3b22d0013c4801a .col-md-6.col-sm-12,
  div#formdisplay65b661d4c3b22d0013c4801a .col-md-4.col-sm-12{
    padding-right: 0;
}
  
  div#Component65b661d4c3b22d0013c4801a .btn-success {
    width: fit-content;
    padding: 0.5rem 2rem;
}
  
  .cont-page {
    grid-template-columns: 10% auto;
    margin-bottom: 3%;
}
}

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

div#contentnewmode65b31f58c3b22d0013c46a60,
  br, div#contentnewmode65b35b1516869e001a164809,
  div#contentnewmode65b671289b27d50013738e9b,
  div#contentnewmode65b6760c30f13f00130bc1a7,
  div#contentnewmode65b70aaf16869e001a16590f,
  div#contentnewmode65b713d00806af00131330e4{
    display: none;
}
  
  h1 {
    font-size: 3em;
}
  
  h2 {
    font-size: 26px;
}
  
  h3 {
    font-size: 24px;
}
  
  h4 {
    font-size: 22px;
}
  
  h5 {
    font-size: 20px;
}
  
  div#mainmenu65b31b6ac3b22d0013c46a02 .none-middle-mid {
    display: block;
  }
  
  div#mainmenu65b31b6ac3b22d0013c46a02 .col-md-4.col-sm-4.col-xs-12.padding:nth-child(1),
  div#mainmenu65b31b6ac3b22d0013c46a02 .col-md-4.col-sm-4.col-xs-12.padding:nth-child(3),
  div#mainmenu65b31b6ac3b22d0013c46a02 .col-md-4.col-sm-4.col-xs-12.padding:nth-child(2){
    width: 100% !important;
}
  
  .text-service {
    height: auto;
    color: #fff;
    padding-top: 3%;
}
  
  .text-client , .text-mission{
    height: auto;
    text-align: center;
    padding-top: 5%;
}
  
  .pt-5 {
    padding-top: 8%;
}
  
  .text-service h6 {
    line-height: 26px;
}
  
  .itopplus-bg {
    margin-bottom: -20px;
}
  
  div#Component65b327fe0806af0013131132 .thumbs,
  div#Component65b36e19c3b22d0013c472eb .thumbs{
    padding: 0 !important;
    margin: 0;
}
  
  div#Component65b327fe0806af0013131132 .col-md-3.col-sm-4.col-xs-12,
  div#Component65b36e19c3b22d0013c472eb .col-md-3.col-sm-4.col-xs-12{
    padding: 0 !important;
    margin-bottom: 5%;
    color: #fff;
}
  
  .text-service2, div#Component65b327fe0806af0013131132 .imgLightbox img, 
  div#Component65b36e19c3b22d0013c472eb .imgLightbox img, 
  div#Component65b66ded0806af0013132bea .imgLightbox img, 
  div#Component65b6713d76dbce0013311253 .imgLightbox img, 
  div#Component65b67401c3b22d0013c481e3 .imgLightbox img, 
  div#Component65b675e20806af0013132c3c .imgLightbox img, 
  div#Component65b67757c3b22d0013c481ff .imgLightbox img, 
  div#Component65b67a6a0806af0013132ca0 .imgLightbox img, 
  div#Component65b67ab616869e001a165704 .imgLightbox img, 
  div#Component65b707b59b27d50013738ff7 .imgLightbox img, 
  div#Component65b70adc76dbce0013311510 .imgLightbox img, 
  div#Component65b70c7e76dbce00133115ca .imgLightbox img, 
  div#Component65b70f2c30f13f00130bc506 .imgLightbox img, 
  div#Component65b70fad16869e001a165ab1 .imgLightbox img, 
  div#Component65b7135b0806af00131330c7 .imgLightbox img, 
  div#Component65b713ffc3b22d0013c48585 .imgLightbox img, 
  div#Component65b717240806af00131332af .imgLightbox img {
    border-radius: 0 0 55px 0;
}
  
  div#Component65b32e550806af00131312ad .col-md-3.col-sm-4.col-xs-12 {
    width: 33.33%;
}
  
  .marquee-item {
    flex: 0 0 20vw;
  }
  
  div#imagesControl65b312f516869e001a163e5d,
  div#contentnewmode65b35b309b27d50013737c56,
  div#contentnewmode65b34c370806af001313187f,
  div#imagesControl65b673030806af0013132c21,
  div#imagesControl65b6732e9b27d50013738ec3,
  div#imagesControl65b6731830f13f00130bc18e,
  div#imagesControl65b6735a0806af0013132c28,
  div#imagesControl65b66ded0806af0013132bea,
  div#imagesControl65b67401c3b22d0013c481e3,
  div#contentnewmode65b67416c3b22d0013c481ec,
  div#contentnewmode65b66e159b27d50013738e7a,
div#contentnewmode65b6715876dbce001331125c,
div#imagesControl65b6713d76dbce0013311253,
div#contentnewmode65b675b516869e001a1656a0,
div#imagesControl65b675e20806af0013132c3c,
div#imagesControl65b676b176dbce001331129d,
div#imagesControl65b676de16869e001a1656b5,
div#imagesControl65b676c776dbce00133112a8,
div#imagesControl65b676f416869e001a1656be,
  div#imagesControl65b67757c3b22d0013c481ff,
div#contentnewmode65b6777016869e001a1656cb,
div#imagesControl65b678830806af0013132c8f,
div#imagesControl65b6786c30f13f00130bc1d3,
  div#imagesControl65b67a6a0806af0013132ca0,
div#contentnewmode65b67a8cc3b22d0013c48227,
div#contentnewmode65b67ac80806af0013132cad,
div#imagesControl65b67ab616869e001a165704,
  div#imagesControl65b707b59b27d50013738ff7,
div#contentnewmode65b707ea30f13f00130bc372,
div#contentnewmode65b70af90806af0013132eeb,
div#imagesControl65b70adc76dbce0013311510,
div#contentnewmode65b7099dc3b22d0013c48352,
div#imagesControl65b70b9c9b27d50013739260,
div#imagesControl65b70bce30f13f00130bc3e5,
div#imagesControl65b70bb676dbce0013311573,
div#imagesControl65b70be576dbce0013311597,
  div#imagesControl65b70c7e76dbce00133115ca,
div#contentnewmode65b70c9276dbce0013311636,
div#imagesControl65b70ea576dbce0013311691,
div#imagesControl65b70ed330f13f00130bc4cb,
  div#imagesControl65b70f2c30f13f00130bc506,
div#contentnewmode65b70f4a30f13f00130bc5db,
div#contentnewmode65b70fc176dbce00133116b3,
div#imagesControl65b70fad16869e001a165ab1,
div#imagesControl65b711aa76dbce00133119e6,
div#imagesControl65b711e176dbce0013311a35,
  div#imagesControl65b7135b0806af00131330c7,
div#contentnewmode65b71374c3b22d0013c48570,
div#contentnewmode65b71414c3b22d0013c4858e,
div#imagesControl65b713ffc3b22d0013c48585,
div#contentnewmode65b7152b9b27d500137394e0,
div#contentnewmode65b715c20806af001313315d,
div#contentnewmode65b715cf0806af001313316f,
div#imagesControl65b716090806af00131331e6,
div#imagesControl65b7166876dbce0013311a99,
div#imagesControl65b7165476dbce0013311a81,
div#imagesControl65b7167e9b27d50013739504,
  div#imagesControl65b717240806af00131332af,
div#contentnewmode65b717409b27d50013739542,
div#imagesControl65b7182376dbce0013311af3,
  div#imagesControl65b7186476dbce0013311b1e,
div#imagesControl65b718c40806af0013133307,
div#imagesControl65b718b030f13f00130bc768,
div#imagesControl65b718d6c3b22d0013c485dc,
  div#Component65b66d149b27d50013738e60 div,
  div#contentnewmode65b34b5b16869e001a1645c5,
  div#contentnewmode65b35bba0806af0013131aed{
    padding: 0 !important;
}
  
  div#mainmenu65b35b1f9b27d50013737c45 .none-middle-mid .none-middle-mid,
  div#mainmenu65b67ab216869e001a1656ff .none-middle-mid{
    display: block;
}
  
div#mainmenu65b35b1f9b27d50013737c45 .none-middle-mid {
    display: flex;
    flex-wrap: wrap-reverse;
}
  
  .capital {
    grid-template-columns: 15% auto;
    margin-bottom: 5%;
}
  
  .service-pass {
    margin-bottom: 3%;
    grid-template-columns: 12% auto;
}
  
  .service-detail.pt-5 {
    padding-top: 0;
}
  
  div#imagesControl65b678d9c3b22d0013c4820b {
    padding-top: 0 !important;
}
  
  .pre-news h6, .pre-art h6 {
    height: auto;
    -webkit-line-clamp: unset;
}
  
  .sect-cont ul {
    gap: 10px;
    grid-template-columns: 100%;
}
  
  div#Component65b38e3f0806af00131323e0 .nav-template7 li a span {
    position: relative;
    right: 0;
  }
  
  div#Component65b38e3f0806af00131323e0 .nav-template7 li a {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: center;
}
  
  div#Component65b38e3f0806af00131323e0 .nav-template7 li .col-md-12 {
    padding: 0 4%;
}
  
  .cont-page {
    grid-template-columns: 12% auto;
    margin-bottom: 5%;
}
  
  .copy-right {
    text-align: center;
}
  
  div#contentnewmode65b34c370806af001313187f {
    margin-top: 5%;
}
  
  
    .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;
}

div#Component65b66d0d9b27d50013738e59 .form-group.col-sm-offset-3.col-sm-6.col-md-offset-3.col-md-6 {
    width: 100% !important;
    margin-left: 0;
}
  
.service-detail p {
    margin-bottom: 6%;
}
  
  .service-pass p {
    margin-bottom: 0;
}
}