@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@300&display=swap');

* {
    font-family: 'Kanit', sans-serif;
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 1.9rem !important;
}

p.title {
    font-size: 20px !important;
}

p.sub,
p,
p>a,
li {
    font-size: 1rem !important;
}

a {
    text-decoration: none;
}

@font-face {
    font-family: 'onyx';
    src: url('onyx.ttf');
}

@font-face {
    font-family: 'himalaya';
    src: url('himalaya.ttf');
}

input::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: rgba(133, 133, 133, 0.4);
}

input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: rgba(133, 133, 133, 0.4);
    /* opacity:  1; */
}

input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: rgba(133, 133, 133, 0.4);
    /* opacity:  1; */
}

input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(133, 133, 133, 0.4);
    color: #909;
}

input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: rgba(133, 133, 133, 0.4);
    /* color:    #909; */
}

input::placeholder {
    /* Most modern browsers support this now. */
    color: rgba(133, 133, 133, 0.4);
    /* color:    #909; */
}

/* Reuse CSS */
.box-shadow {
    box-shadow: 0px 0px 10px 0px gray;
}

.lp-shadow {
    box-shadow: 0px 0px 10px 0px #256ACE;
}

.f-shadow {
    text-shadow: 2px 2px 4px #000000;
}

.text-main,
p.dropdown-title {
    color: #256ACE;
}

.table td.fit,
.table th.fit {
    white-space: nowrap;
    width: 1%;
}

.bg-main {
    background-image: linear-gradient(to right, rgb(0, 142, 236), #0071BA);
}

.bg-gray {
    background-color: #F2F2F2;
}

.btn-main {
    background-color: #ff4500;
    color: white;
    padding: 8px 15px;
    border: none;
    border-radius: 20px;
}

.btn-main:hover {
    background-color: gainsboro;
    border: solid #ff4500 1px;
}

img.add-line-button {
    height: 80px;
}

.btn-main-outline {
    color: #0071BA;
    border: solid #0071BA 1px;
    padding: 8px 15px;
    border-radius: 20px;
}

.btn-main-outline:hover {
    color: white;
    background-color: #256ACE;
}

.btn-logo {
    background-color: #EF5A28;
    color: white;
}

.btn-logo:hover {
    background-color: white;
    border: solid #EF5A28 1px;
    color: #EF5A28;
}

.btn-lp {
    background-color: white;
    color: #256ACE;
    width: 80%;
    font-size: 25px;
}

.btn-lp:hover {
    background-color: white;
    color: #E75124;
}

.btn-blog {
    background-image: linear-gradient(to right, rgb(236, 0, 145), rgb(186, 0, 62));
    color: white;
    padding: 8px 15px;
    border-radius: 5px;
    border: none;
    width: 100%;
}

.btn-pricing {
    background-image: linear-gradient(to right, rgb(0, 236, 90), rgb(15, 186, 0));
    color: white;
    padding: 8px 15px;
    border-radius: 5px;
    width: 50%;
    border: none;
}

.popular-badge {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20%;
}

.hidden-desktop {
    display: none;
}

.hidden-mobile {
    display: block;
}

.align-middle {
    align-self: center;
    align-items: center;
    align-content: center;
    justify-content: center;
    justify-items: center;
    justify-self: center;
    display: flex;
    flex-direction: column;
}

.text-overflow {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.overflow-2 {
    -webkit-line-clamp: 2;
}

.overflow-3 {
    -webkit-line-clamp: 3;
}

.overflow-4 {
    -webkit-line-clamp: 4;
}

.overflow-5 {
    -webkit-line-clamp: 5;
}

.pd-0 {
    padding: 0px;
}

.mg-0 {
    margin: 0px;
}

.avoid-header-menu {
    margin-top: 90px;
}

.menu-end {
    margin-right: 50px;
}

a.btn-header {
    padding: 10px 15px;
    color: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

a.line {
    background-color: #00b900;
    font-family: Arial, Helvetica, sans-serif;
}

a.tel {
    background-color: #ff7f00;
    font-family: Arial, Helvetica, sans-serif;
}


a.tel i {
    transform: rotate(-40deg);
    -webkit-transform: rotate(-40deg);
    -moz-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    -o-transform: rotate(-40deg);
}

.sub-menu .icon {
    margin-top: 50px;
}

.sub-menu .icon img {
    height: 40px;
}

.sub-menu .icon p {
    margin-top: 10px;
    color: #0071BA;
}

.full-height {
    height: calc(100vh - 96px);
}

/* Reuse CSS */

/* Overide CSS */
a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bolder;
}

.btn-dark {
    border-radius: 20px;
}

.ql-align-center {
    text-align: center;
}

.nav-item {
    align-self: center;
}

.dropdown-div {
    width: 700px;
    padding: 15px;
}

.dropdown-item {
    padding: .25rem 15px;
}

a.dropdown-item>i {
    margin-right: 8px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: white;
    background-color: #0071BA;
}

.card-body img {
    max-width: 100%;
}

.card-header {
    padding: 0px;
}

/* Overide CSS */

/* Traditional CSS */
.img-logo-nav {
    height: 100px;
}

.img-contact-nav {
    height: 50px;
    margin-left: 15px;
}

iframe {
    height: 100%;
    width: 100%;
}

.breadcrumb div.col a {
    color: black;
}

/* Traditional CSS */

#NavbarHeader .nav-link {
    transition: all 0.3s;
    border-radius: 2rem;
}

#NavbarHeader .nav-link.active,
#NavbarHeader .nav-link:hover {
    background-color: #ff4500;
    color: white !important;
}

/* Section Home */
.section-home-1 {
    background-image: linear-gradient(180deg, rgba(67, 16, 117, 0.5), rgba(65, 44, 192, 0.5)), url('./images/mahanakorn.jpg');
    background-position: center, center;
    background-repeat: no-repeat;
    background-size: 100% 100%, cover;
    min-height: calc(100vh - 90px);
}

.section-home-1 h1,
.section-home-1 h2,
.section-home-1 p {
    color: white;
}

.section-home-1 h2 {
    font-size: 1.7rem !important;
}

.section-home-2 .details {
    align-self: center;
}

.section-home-2 .home-2-icon {
    align-self: center;
}

.section-home-2 img {
    width: 100%;
}

.section-home-2 .details b {
    color: #0071BA;
    font-size: 24px;
}

.section-home-2 .details p {
    color: gray;
}

.section-home-3 {
    padding: 50px 0px;
}

.section-home-3 h2>b {
    color: #0071BA;
}

.section-home-3 h2 {
    font-size: 3rem;
}

.section-home-3 p {
    font-size: 25px;
}

.section-home-3 a {
    font-size: 35px;
    border-radius: 35px;
}

.section-home-3 .carousel-indicators {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.section-home-3 .carousel-indicators li {
    width: auto;
    height: auto;
    text-indent: 0px;
    padding: 8px 0px;
    margin: 0px 10px;
    font-size: 20px;
    border-bottom: solid 1px;
}

.section-home-3 .carousel-indicators li.active {
    color: #0071BA;
    border-bottom: solid #0071BA 2px;
}

.section-home-4 {
    background-image: linear-gradient(to right, rgb(0, 142, 236), #0071BA);
    padding: 50px 0px;
}

.section-home-4 h3 {
    font-size: 3rem;
    color: white;
}

.section-home-4 .carousel-inner p.title {
    font-size: 25px;
    color: white;
}

.section-home-4 .carousel-indicators {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    border-radius: 15px;
    padding: 15px;
}

.section-home-4 .carousel-indicators li {
    width: 20%;
    height: auto;
    text-indent: 0px;
    padding: 8px 0px;
    margin: 0px 10px;
    font-size: 20px;
    text-align: center;
}

.section-home-4 .carousel-indicators li .inner {
    width: 80%;
    height: 1px;
    margin: 0px auto;
    border-bottom: 3px solid transparent;
}

.section-home-4 .carousel-indicators li .outer {
    padding: 15px;
    border: 1px solid #969696;
    border-radius: 15px;
}

.section-home-4 .carousel-indicators li .outer p {
    margin: 0;
}

.section-home-4 .carousel-indicators li img {
    height: 100px;
}

.section-home-4 .carousel-indicators li.active>.inner {
    border-bottom: solid #0071BA 3px;
}

.section-home-4 .carousel-indicators li.active>p {
    color: #0071BA;
}

.section-home-4 .carousel-inner .inner-icon {
    background-color: white;
    border-radius: 15px;
    text-align: center;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding: 25px;
}

.section-home-4 .carousel-inner .inner-icon img {
    height: 100px;
    width: 100%;
    object-fit: contain;
    object-position: center;
}

.section-home-4 .carousel-inner .inner-icon p {
    color: #0071BA;
    margin: 0;
}

.section-home-4 .icon {
    margin-bottom: 25px;
}

.section-home-5 {
    padding: 50px 0px;
}

.section-home-5 h3 {
    color: #0071BA;
    font-size: 3rem;
}

/* .section-home-5 .item img {
    padding: 15px;
    object-fit: contain;
    object-position: center;
    height: 160px;
} */

.section-home-5 .logo-icon {
    width: 100%;
    height: 100px;
    object-fit: contain;
    object-position: center;
}

.section-home-5 .owl-carousel .owl-nav button.owl-next,
.section-home-5 .owl-carousel .owl-nav button.owl-prev,
.section-home-5 .owl-carousel button.owl-dot {
    font-size: 25px;
    background-color: rgb(187, 187, 187);
    padding: 4px 15px !important;
}

.section-home-6 {
    background-color: whitesmoke;
    padding: 50px 0px;
}

.section-home-6 h3 {
    font-size: 3rem;
}

.section-home-6 div.sub-title>p {
    float: left;
    margin: 0px 5px;
    font-size: 20px;
    padding: 5px;
}

.section-home-6 p.tag {
    color: white;
    background-color: black;
    border-radius: 5px;
}

.section-home-6 p.website,
.section-home-6 p.website a {
    color: #0071BA;
}

.section-home-6 .details {
    text-indent: 40px;
}

.section-home-6 .ingf-stat {
    color: white;
}

.section-home-6 .stat-1 {
    background-color: #88CFEF;
}

.section-home-6 .stat-2 {
    background-color: #256ACE;
}

.section-home-6 .stat-3 {
    background-color: #1034A5;
}

.section-home-6 .ingf-stat p {
    margin: 0;
}

.section-home-6 .ingf-stat .number {
    font-size: 50px;
}

.section-home-6 .ingf-stat .text {
    text-align: center;
}

.section-home-6 img {
    width: 100%;
}

.section-home-7 {
    padding: 50px 0px;
}

.section-home-7 h3 {
    font-size: 3rem;
}

.section-home-7 b {
    color: #0071BA;
}

.section-home-7 img {
    width: 100%;
}

.section-home-7 a {
    color: #0071BA;
    border-bottom: solid #0071BA 1px;
}

/* Section Home */

/* Section SEO */
.section-seo-special {
    padding: 3rem;
}

/* .section-seo-special .row {
    padding: 1.5rem;
} */

.section-seo-special a {
    color: red;
    font-size: 1.5rem;
}

.section-seo-special p,
.section-seo-special li {
    color: #58595B;
    font-size: 1.5rem;
}

.section-seo-special b {
    color: black;
}

.section-seo-special img {
    max-width: 100%;
}

.section-seo-special span,
.section-seo-special h2 {
    color: #256ACE;
}

.section-seo-1 {
    background-image: url("images/imac.svg"), url("images/section-seo-1.jpg");
    background-position: 85% center, center;
    background-repeat: no-repeat;
    background-size: 30%, cover;
}

.section-seo-1 .intro div.col {
    padding: 5%;
}

.section-seo-1 .intro h1 {
    color: #256ACE;
}

.section-seo-1 .intro p {
    font-size: 30px !important;
    margin: 0px;
    font-weight: lighter;
}

.section-seo-1 .intro .seo {
    color: #0071BA;
}

.section-seo-1 .intro img {
    height: 50px;
}

.section-seo-1 .intro .intro-text {
    text-align: left;
}

.section-seo-1 .intro .intro-text p.increase span {
    display: inline;
    font-size: 20px;
}

.section-seo-1 .intro .intro-text p.increase b {
    font-size: 20px;
}

.seo-clients-logo.owl-carousel .owl-item img {
    height: 200px;
    object-fit: contain;
}

.section-seo-2 {
    padding: 50px;
}

.section-seo-2 h2 {
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
    color: #0071BA;
}

.section-seo-2 span {
    font-size: 30px;
}

.section-seo-3 {
    background-color: #F2F2F2;
    margin: 0px;
}

.section-seo-3 .container {
    padding: 50px;
}

.section-seo-3 span {
    color: #0071BA;
}

.section-seo-3 .icon {
    margin-top: 25px;
    text-align: center;
}

.section-seo-3 img {
    height: 100px;
    margin: 25px;
}

.section-seo-3 p.title {
    width: 100%;
    font-weight: bolder;
    font-size: 20px;
}

.section-seo-3 p.sub {
    text-indent: 40px;
    text-align: left;
}

.section-seo-4 {
    background-color: #0071BA;
}

.section-seo-4 .container {
    padding: 50px;
}

.section-seo-4 img {
    padding: 25px;
    width: 100%;
}

.section-seo-4 p,
.section-seo-4 h2 {
    color: white;
}

.section-seo-4 p {
    font-size: 25px;
}

.section-seo-5 .container {
    padding: 50px;
}

.section-seo-5 p.title {
    font-size: 25px;
    font-weight: bolder;
    text-align: center;
}

.section-seo-5 p.sub {
    font-size: 20px;
    text-indent: 40px;
    color: gray;
}

.section-seo-5 .details {
    margin-top: 50px;
}

.section-seo-6 .container {
    padding-top: 50px;
    padding-bottom: 50px;
}

.section-seo-6 h2 {
    color: #0071BA;
}

.section-seo-6 hr {
    border-top: solid 1.5px #0071BA;
    width: 150px;
}

.section-seo-6 .card-body img {
    width: 25px;
    margin: 0px;
}

.section-seo-6 .card-div {
    padding: 25px;
    align-self: center;
}

.section-seo-6 .card-header {
    padding-top: 20px;
    color: white;
    background-color: #0071BA;
}

/* Section SEO */

/* Section Google Ads */
.section-gads-1 .intro {
    background-image: url("images/pc.png"), url("images/section-gads-1.jpg");
    background-repeat: no-repeat;
    background-size: 50% auto, cover;
    background-position: right 60%, center;
    height: calc(100% - 160px);
    padding: 50px;
}

.section-gads-1 .intro img {
    height: 200px;
    padding: 25px;
}

.section-gads-1 .intro .head {
    position: absolute;
    bottom: 230px;
    left: 150px;
    width: auto;
}

.section-gads-1 .intro p {
    font-size: 23px !important;
}

.section-gads-1 .intro p span.hili-1 {
    color: #2ABDE2;
}

.section-gads-1 .intro p span.hili-2 {
    color: #6D6E70;
    font-weight: bolder;
    font-size: 25px;
}

.section-gads-2 {
    padding: 50px 0px;
}

.section-gads-2 .img-right {
    text-align: left;
}

.section-gads-2 img.iphone {
    width: 70%;
}

.section-gads-2 div.col-3 {
    align-self: center;
}

.section-gads-2 p.title {
    color: #0071BA;
    font-size: 25px;
    font-weight: bolder;
    margin: 0px;
}

.section-gads-2 p.sub {
    font-size: 18px;
    font-weight: bold;
}

.section-gads-3 {
    padding: 50px 0px;
}

.section-gads-3 h2 {
    color: #0071BA;
    margin-bottom: 25px;
}

.section-gads-3 .item p {
    text-align: center;
}

.section-gads-3 .item p.title {
    font-size: 25px;
    color: #0071BA;
    margin: 0px;
}

.section-gads-3 .item p.sub {
    font-size: 20px;
}

.section-gads-4 {
    background-color: #0071BA;
    padding: 50px 0px;
}

.section-gads-4 img {
    padding: 25px;
    height: 150px;
}

.section-gads-4 p,
.section-gads-4 h2 {
    color: white;
}

.section-gads-4 p.title {
    font-size: 25px;
}

.section-gads-4 p.sub {
    font-size: 18px;
}

.section-gads-5 {
    padding: 50px 0px;
}

.section-gads-5 h2 {
    color: #0071BA;
    padding: 15px;
}

.section-gads-5 td {
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    color: gray;
    font-weight: bold;
    border: solid gainsboro 0.5px;
}

.section-gads-5 td img {
    width: 25px;
}

.section-gads-5 thead th {
    font-size: 22px;
    background-color: #256ACE;
    color: white;
    border: solid gainsboro 0.5px;
    text-align: center;
    vertical-align: middle;
}

.section-gads-5 tbody th {
    text-align: left;
    vertical-align: middle;
    color: gray;
}

.section-gads-5 tbody th p.title {
    font-size: 20px;
    margin: 0px;
}

.section-gads-5 tbody th p.sub {
    font-size: 14px;
    margin: 0px;
    font-weight: lighter;
}

/* Section Google Ads */

/* Section Facebook Ads */
.section-fbads-1 .intro {
    background-image: url("images/fb-art.svg"), url("images/btm-line.svg"), url("images/btm-r.svg"), url("images/circ-cen.svg");
    background-repeat: no-repeat;
    background-size: auto 65%, 100% auto, auto 40%, auto 80%;
    background-position: center 80%, center bottom, right 82%, center bottom;
    height: calc(100% - 145px);
}

.section-fbads-1 .intro .pd {
    padding: 5%;
}

.section-fbads-1 .intro h1>img {
    height: 80px;
}

.section-fbads-1 .intro .title {
    text-align: left;
}

.section-fbads-1 .intro h1 {
    color: #4D4D4D;
}

.section-fbads-1 .intro p {
    font-size: 20px;
}

.section-fbads-1 .intro p.mobile {
    display: none;
}

.section-fbads-2,
.section-fbads-3,
.section-fbads-4 {
    padding: 50px 0px;
}

.section-fbads-2 {
    background-image: url("images/fb-why-art.svg"), url("images/bg-dot.png");
    background-repeat: no-repeat;
    background-size: auto 60%, 100% auto;
    background-position: 85% 80%, center bottom;
}

.section-fbads-2 .head {
    margin-bottom: 3rem;
}

.section-fbads-2 span {
    color: #256ACE;
}

.section-fbads-2 p.title {
    color: #256ACE;
    font-size: 26px;
    font-weight: bolder;
    margin-bottom: 0px;
}

.section-fbads-2 p.sub {
    font-weight: bolder;
    font-size: 20px;
    margin-bottom: 50px;
}

.section-fbads-3 .head {
    margin-bottom: 25px;
}

.section-fbads-3 h2 {
    color: #0071BA;
    margin-bottom: 25px;
}

.section-fbads-3 .item p {
    text-align: center;
}

.section-fbads-3 .item img {
    height: 120px;
}

.section-fbads-3 .item p.title {
    padding-top: 50px;
    font-size: 20px;
    color: black;
    margin: 0px;
}

.section-fbads-3 .item p.sub {
    font-size: 15px;
    color: gray;
}

.section-fbads-3 .owl-carousel .owl-nav button.owl-next,
.section-fbads-3 .owl-carousel .owl-nav button.owl-prev {
    font-size: 4rem;
    position: absolute;
    top: 20%;
    width: 50px;
}

.section-fbads-3 .owl-carousel .owl-nav button.owl-next {
    right: 20px;
}

.section-fbads-3 .owl-carousel .owl-nav button.owl-prev {
    left: 20px;
}

.section-fbads-4 .container {
    padding-top: 50px;
}

.section-fbads-4 h2 {
    color: #0071BA;
}

.section-fbads-4 hr {
    border-top: solid 1.5px #0071BA;
    width: 150px;
}

.section-fbads-4 .card-body img {
    width: 25px;
    margin: 0px;
}

.section-fbads-4 .card-div {
    padding: 25px;
    align-self: center;
}

.section-fbads-4 .card-header {
    padding-top: 20px;
    color: white;
    background-color: #0071BA;
}

/* Section Facebook Ads */

/* Section Facebook Services */
.section-fbsvc {
    background-image: url('./images/facebook-service-dots-bg.svg'), url('./images/facebook-service-dots-bg.svg');
    background-repeat: no-repeat;
    background-position: 4% 40%, 96% 40%;
    background-size: auto 30%;
}

.section-fbsvc .intro-height {
    height: calc(100% - 160px);
}

.section-fbsvc h1,
.section-fbsvc h2 {
    background: -webkit-linear-gradient(#212CAB, #1E83FE);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 45px !important;
}

.section-fbsvc p {
    background: -webkit-linear-gradient(#212CAB, #1E83FE);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 24px !important;
}

.section-fbsvc .btn-fbsvc {
    background-image: linear-gradient(to right, #CD0028, #DC4A66);
    border-radius: 35px;
    color: white;
    font-size: 35px !important;
    padding-left: 50px;
    padding-right: 50px;
}

.section-fbsvc-2 h2 {
    background: -webkit-linear-gradient(#212CAB, #1E83FE);
    background-clip: text;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 55px !important;
}

.section-fbsvc-2 li {
    font-size: 21px !important;
}

.section-fbsvc-2 .btn-fbsvc {
    background-image: linear-gradient(to right, #CD0028, #DC4A66);
    border-radius: 25px;
    color: white;
    font-size: 25px !important;
    padding-left: 50px;
    padding-right: 50px;
}

/* Section Facebook Services */

/* Section Corp Website */
.section-corp-web-1 {
    background-image: url("images/vector-corp-web.svg");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 80% auto;
}

.section-corp-web-1 .intro .header {
    padding: 25px;
    order: 2;
}

.section-corp-web-1 .intro .header img {
    width: 40%;
    padding: 35px;
}

.section-corp-web-1 .intro img {
    width: 70%;
}

.section-corp-web-1 .intro .image {
    text-align: right;
    align-self: center;
    order: 1;
}

.section-corp-web-1 .intro p>b {
    font-size: 30px;
    margin: 0px;
    font-weight: bolder;
}

.section-corp-web-1 .intro p {
    font-size: 22px !important;
}

.section-corp-web-1 .intro span {
    color: #0071BA;
}

.section-corp-web-1 .btn-main {
    font-size: 1.75rem;
}

.section-corp-web-2 {
    background-image: url("images/bg-corp-web-2.png");
    background-position: center;
    background-size: cover;
    padding: 50px 0px;
}

.section-corp-web-2 h2 {
    color: #0071BA;
    margin-bottom: 2rem;
}

.section-corp-web-2 .intro {
    padding-bottom: 6rem;
}

.section-corp-web-2 .details {
    align-items: end;
}

.section-corp-web-2 .border {
    position: absolute;
    bottom: 1rem;
    right: 15px;
    background-color: #0071BA;
    border-radius: 25px;
    height: 7px;
    width: 30%;
}

.section-corp-web-2 img {
    width: 100%;
    margin: 25px;
}

.section-corp-web-2 p {
    margin-left: 25px;
    font-size: 20px;
    margin-bottom: 0px;
}

.section-corp-web-3 {
    padding: 50px 0px;
}

.section-corp-web-3 h2 {
    color: #0071BA;
}

.section-corp-web-3 div.details {
    margin-top: 50px;
}

.section-corp-web-3 p.number {
    color: #256ACE;
    font-size: 25px !important;
    margin-bottom: 0px;
}

.section-corp-web-3 p.title {
    margin-bottom: 0px;
    font-size: 20px;
}

.section-corp-web-3 div.process {
    margin-bottom: 50px;
}

.section-corp-web-4 {
    padding: 50px 0px;
}

.section-corp-web-4 .portfolio img {
    width: 100%;
    object-fit: contain;
    object-position: center;
    margin-bottom: 1rem;
}

.section-corp-web-4 .portfolio {
    align-self: center;
    text-align: center;
    margin-bottom: 2rem;
}

.section-corp-web-5 {
    padding: 50px 0px;
}

.section-corp-web-5 h2 {
    color: #0071BA;
}

.section-corp-web-5 hr {
    border-top: solid 1.5px #0071BA;
    width: 150px;
}

.section-corp-web-5 img {
    width: 25px;
    margin: 0px;
}

.section-corp-web-5 .card-div {
    padding: 25px;
    align-self: center;
}

.section-corp-web-5 .card-div .card {
    border-radius: 1rem;
}

.section-corp-web-5 .card-header {
    padding-top: 20px;
    color: white;
    background-color: #808285;
    height: 250px;
    border-radius: 0px 0px 50% 50%;
}

.section-corp-web-5 .popular {
    background-color: #0071BA;
}

.section-corp-web-5 .popular h3 {
    font-size: 2.75rem;
}

.section-corp-web-5 .popular p.sub {
    font-size: 1.75rem;
}

/* Section Corp Website */

/* Section E-Commerce Website */
.section-ecom-web-special {
    padding: 50px 0px;
}

.section-ecom-web-special h2 {
    color: #0071BA;
    width: 100%;
    text-align: center;
    margin-bottom: 2rem;
}

.section-ecom-web-special span {
    font-size: 30px;
}

.section-ecom-web-special div.title,
.section-ecom-web-special p.title,
.section-ecom-web-special div.sub {
    float: left;
}

.section-ecom-web-special p.title {
    margin-bottom: 0px;
}

.section-ecom-web-special div.title {
    width: 100%;
}

.section-ecom-web-special div.title img {
    float: left;
    height: 25px;
}

.section-ecom-web-special div.sub {
    margin-top: 1rem;
}

.section-ecom-web-1 .intro {
    background-image: url("images/ecom-imac.png"), url("images/ecom-icon.svg"), url("images/bg-ecom-web.png");
    background-position: 95% 90%, 95% center, center;
    background-repeat: no-repeat;
    background-size: auto 55%, auto 85%, cover;
    height: calc(100% - 160px);
}

.section-ecom-web-1 .intro .header {
    padding: 25px;
    align-items: center !important;
    justify-content: center !important;
}

.section-ecom-web-1 .intro .header span,
.section-ecom-web-1 .intro .header h1 {
    color: #256ACE;
}

.section-ecom-web-1 .intro .header>.span-1,
.section-ecom-web-1 .intro .header>.span-2 {
    font-size: 30px;
}

.section-ecom-web-1 .intro a {
    padding: 0px 40px;
    font-size: 25px;
}

.section-ecom-web-1 .intro p>b {
    font-size: 30px;
    margin: 0px;
    font-weight: bolder;
}

.section-ecom-web-1 .intro p {
    font-size: 22px;
}

.section-ecom-web-1 .intro span {
    color: #0071BA;
}

.section-ecom-web-2 {
    padding: 50px 0px;
}

.section-ecom-web-2 h2 {
    color: #256ACE;
    margin-bottom: 2rem;
}

.section-ecom-web-2 img.iphone {
    width: 70%;
}

.section-ecom-web-2 div.col-3 {
    padding: 15px;
}

.section-ecom-web-2 div.col-9 {
    align-self: center;
}

.section-ecom-web-2 p.title {
    color: #0071BA;
    font-size: 25px;
    font-weight: bolder;
    margin: 0px;
}

.section-ecom-web-2 p.sub {
    font-size: 18px;
    font-weight: bold;
}

.section-ecom-web-3 {
    background-image: linear-gradient(to right, white, #E5E6E7);
    padding: 50px 0px;
}

.section-ecom-web-3 h2 {
    color: #256ACE;
}

.section-ecom-web-3 img {
    height: 100px;
    margin: 25px;
}

.section-ecom-web-3 p {
    color: #256ACE;
    font-size: 20px;
}

.section-ecom-web-4 {
    padding: 50px 0px;
}

.section-ecom-web-4 .portfolio img {
    width: 100%;
    object-fit: contain;
    object-position: center;
    margin-bottom: 1rem;
}

.section-ecom-web-4 .portfolio {
    align-self: center;
    text-align: center;
}

.section-ecom-web-5 h2,
.section-ecom-web-4 h2,
.section-corp-web-4 h2 {
    color: #0071BA;
}

.section-ecom-web-5 td {
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    color: gray;
    font-weight: bold;
    border: solid gainsboro 0.5px;
}

.section-ecom-web-5 td img {
    width: 25px;
}

.section-ecom-web-5 thead th {
    font-size: 22px;
    background-color: #256ACE;
    color: white;
    border: solid gainsboro 0.5px;
    text-align: center;
    vertical-align: middle;
}

.section-ecom-web-5 tbody th {
    text-align: left;
    vertical-align: middle;
    color: gray;
}

.section-ecom-web-5 tbody th p.title {
    font-size: 20px;
    margin: 0px;
}

.section-ecom-web-5 tbody th p.sub {
    font-size: 14px;
    margin: 0px;
    font-weight: lighter;
}

/* Section E-Commerce Website */

/* Section Landing Page Website */
.section-lpage-web-1 .intro {
    background: linear-gradient(to right, #213970 0%, #2D60AB 50%, #FFFFFF 50%, #E5E6E7 100%);
    padding-top: 25px;
    padding-bottom: 25px;
    height: calc(100% - 140px);
}

.section-lpage-web-1 .intro .text-end {
    color: white;
    padding-right: 3px;
}

.section-lpage-web-1 .intro .text-start {
    color: #0071BA;
    padding-left: 3px;
}

.section-lpage-web-1 .intro .free {
    width: 70%;
}

.section-lpage-web-1 .intro .check {
    width: 90%;
}

.section-lpage-web-1 .intro .lpage-1 {
    order: 1;
}

.section-lpage-web-1 .intro .lpage-2 {
    order: 2;
}

.section-lpage-web-1 .intro .lpage-3 {
    order: 3;
}

.section-lpage-web-1 .intro h1 {
    font-size: 3rem;
}

.section-lpage-web-1 .intro p {
    font-size: 2rem;
}

.section-lpage-web-1 p.banner {
    background-image: url("images/badge-lp.svg");
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    padding: 75px 0px;
    text-align: center;
    color: #256ACE;
    font-size: 35px;
}

.section-lpage-web-1 .check p,
.section-lpage-web-1 .check img {
    float: left;
}

.section-lpage-web-1 .check .row {
    margin-bottom: 25px;
}

.section-lpage-web-1 .check .col-10 {
    align-self: center;
}

.section-lpage-web-1 .check p {
    font-size: 18px;
    margin: 0px;
}

.section-lpage-web-1 .check img {
    width: 40px;
}

.section-lpage-web-2 {
    background-image: linear-gradient(to right, #FFFFFF, #E5E6E7);
    padding: 50px 0px;
}

.section-lpage-web-2 .intro {
    padding-top: 25px;
    padding-bottom: 25px;
}

.section-lpage-web-2 .intro h2 {
    color: #256ACE;
}

.section-lpage-web-2 .intro p {
    font-size: 20px;
}

.section-lpage-web-2 img {
    height: 165px;
    padding: 15px;
}

.section-lpage-web-2 p {
    font-size: 20px;
}

.section-lpage-web-2 p.title {
    font-weight: bolder;
    color: #256ACE;
}

.section-lpage-web-2 p.sub {
    font-size: 18px;
}

.section-lpage-web-3 {
    padding: 50px 0px;
}

.section-lpage-web-3 h2 {
    color: #256ACE;
    margin-bottom: 50px;
}

.section-lpage-web-3 .border {
    position: absolute;
    background-color: #256ACE;
    border-radius: 25px;
    bottom: 35px;
    height: 7px;
    width: 30%;
}

.section-lpage-web-3 p {
    text-indent: 35px;
    font-size: 21px;
}

.section-lpage-web-4 {
    background-image: url("images/lp-devices.png"), linear-gradient(to bottom, #2D60AB 0%, #2D60AB 35%, #E5E5E5 35%, #E5E5E5 100%);
    background-repeat: no-repeat;
    background-size: auto 85%, auto;
    background-position: 85% center, center;
    padding: 50px 0px;
}

.section-lpage-web-4 .intro {
    margin-bottom: 25px;
}

.section-lpage-web-4 .intro h2 {
    background-color: #E75124;
    padding: 15px;
    color: white;
    width: 500px;
}

.section-lpage-web-4 .intro p {
    color: white;
    font-size: 29px;
}

.section-lpage-web-4 .list img {
    height: 25px;
}

.section-lpage-web-4 .list p {
    font-size: 20px;
}

/* Section Landing Page Website */

/* Section Wordpress Website */
.btn-wp {
    background-color: white;
    color: #04759B;
    font-size: 2rem;
    border-radius: 25px;
}

.section-wp-web-1 .intro {
    background-image: url("images/bg-wp-person.png"), url("images/wp-icon.svg"), linear-gradient(65deg, #04759B 0%, #04759B 55%, #fff 55%, #fff 100%);
    background-repeat: no-repeat;
    background-position: 60% bottom, 95% 15%, center;
    background-size: auto 90%, 15%, auto;
    padding: 50px;
    height: calc(100% - 140px);
}

.section-wp-web-1 .intro h1,
.section-wp-web-1 .intro p.title,
.section-wp-web-1 .intro p.sub {
    color: white;
}

.section-wp-web-1 .intro h1 {
    font-size: 4rem;
}

.section-wp-web-1 .intro p.title {
    font-size: 2.2rem;
}

.section-wp-web-1 .intro p.title span {
    font-family: 'himalaya';
    text-shadow: 2px 2px 2px white;
    font-size: 2.2rem;
}

.section-wp-web-1 .intro p.sub {
    font-size: 1rem;
}

.section-wp-web-1 .intro p.hilight {
    color: #FFF200;
    font-size: 2.2rem;
}

.section-wp-web-2 {
    padding: 50px;
}

.section-wp-web-2 h2 {
    color: #256ACE;
    margin: 1rem;
}

.section-wp-web-2 img {
    height: 100px;
    margin: 25px;
}

.section-wp-web-2 p {
    color: #256ACE;
    font-size: 20px;
}

.section-wp-web-2 p.sub {
    color: #333;
}

.section-wp-web-3 {
    background-color: #F1F2F2;
    padding: 50px 0px;
}

.section-wp-web-3 h2 {
    color: #256ACE;
    font-size: 50px;
}

.section-wp-web-3 img {
    width: 30px;
}

.section-wp-web-3 p {
    font-size: 22px;
    font-weight: bolder;
}

.section-wp-web-4 {
    padding: 50px 0px;
}

.section-wp-web-4 .intro h2 {
    color: #256ACE;
    font-size: 50px;
}

.section-wp-web-4 .intro p {
    font-size: 25px;
}

.section-wp-web-4 h3 {
    margin-bottom: 25px;
    padding-left: 35px;
}

.section-wp-web-4 h3>a {
    color: #256ACE;
}

.section-wp-web-4 .list .check {
    width: 55px;
    padding: 0 15px;
}

.section-wp-web-4 .list p {
    font-size: 22px;
    font-weight: bolder;
}

.section-wp-web-4 .image-right {
    padding-bottom: 50px;
    align-items: end;
}

.section-wp-web-5 .container {
    padding-top: 50px;
}

.section-wp-web-5 .card-div {
    padding: 25px;
    align-self: center;
}

.section-wp-web-5 .card-div .card {
    border-radius: 1rem;
}

.section-wp-web-5 .card-header {
    padding-top: 20px;
    color: white;
    background-color: #808285;
    height: 250px;
    border-radius: 0px 0px 50% 50%;
}

.section-wp-web-5 .popular {
    background-color: #0071BA;
}

.section-wp-web-5 .popular h3 {
    font-size: 2.75rem;
}

.section-wp-web-5 .popular p.sub {
    font-size: 1.75rem;
}

/* Section Wordpress Website */

/* Section Custom Website */
.section-custom-web-1 .intro {
    background-image: url("images/bg-custom-person.png"), url("images/bg-custom.png");
    background-size: auto 90%, cover;
    background-repeat: no-repeat;
    background-position: 70% bottom, center 30%;
    padding: 50px;
    height: calc(100% - 178px);
}

.section-custom-web-1 .intro h1 {
    margin-bottom: 25px;
    font-size: 2rem;
    text-align: left;
}

.section-custom-web-1 .intro p.title {
    font-size: 18px;
    line-height: 40px;
    text-align: left;
}

.section-custom-web-1 .intro h1>span {
    border-bottom: solid #0071BA 3px;
}

.section-custom-web-1 .intro img {
    width: 70%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
}

.section-custom-web-1 .custom img {
    width: 15%;
}

.section-custom-web-2 {
    padding: 50px 0px;
}

.section-custom-web-2 h2 {
    color: #256ACE;
}

.section-custom-web-2 p.title {
    font-size: 22px;
}

.section-custom-web-2 .card-body img {
    height: 100px;
}

.section-custom-web-2 .function {
    margin-bottom: 25px;
}

.section-custom-web-3 {
    background-image: linear-gradient(to right, #0785E9, #1A65E5);
    padding: 50px;
}

.section-custom-web-3 h2,
.section-custom-web-3 p {
    color: white;
}

.section-custom-web-3 h2 {
    font-size: 3.5rem;
    margin-bottom: 25px;
}

.section-custom-web-3 p {
    font-size: 1.5rem;
}

.section-custom-web-3 a>img {
    height: 25px;
}

.section-custom-web-3 a {
    background-color: white;
}

.section-custom-web-4 {
    padding: 50px 0px;
}

.section-custom-web-4 .intro h2 {
    color: #256ACE;
    font-size: 50px;
}

.section-custom-web-4 .intro p {
    font-size: 32px;
}

.section-custom-web-4 h3 {
    margin-bottom: 25px;
    padding-left: 35px;
}

.section-custom-web-4 h3>a {
    color: #256ACE;
}

.section-custom-web-4 .list .check {
    width: 55px;
    padding: 0 15px;
}

.section-custom-web-4 .list p {
    font-size: 22px;
    font-weight: bolder;
}

.section-custom-web-5 {
    padding: 50px 0px;
}

.section-custom-web-5 h2>span {
    color: #256ACE;
}

/* Section Custom Website */

/* Section Clients */
.section-clients-1 {
    margin-bottom: 0px;
}

.section-clients-2,
.section-clients-5 {
    background-color: #808285;
    margin-bottom: 0px;
}

.section-clients-2 img,
.section-clients-5 img {
    width: 100%;
    object-fit: cover;
}

.section-clients-3 {
    background-color: #F8F9FA;
    padding: 50px 0px;
}

.section-clients-4 {
    padding: 50px 0px;
}

.section-clients-4 p.title {
    font-size: 20px;
    font-weight: bolder;
}

.section-clients-4 p.number {
    color: #256ACE;
    font-size: 60px !important;
}

.section-clients-4 p.details {
    font-size: 22px;
}

.section-clients-6 {
    background-image: linear-gradient(to right, #0785E9, #1A65E5);
    padding: 50px;
    margin-bottom: 0px;
}

.section-clients-6 h2,
.section-clients-6 p {
    color: white;
}

.section-clients-6 h2 {
    font-size: 3.5rem;
    margin-bottom: 25px;
}

.section-clients-6 p {
    font-size: 1.5rem;
    margin-bottom: 45px;
}

.section-clients-6 a>img {
    height: 25px;
}

.section-clients-6 a {
    background-color: white;
}

/* Section Clients */

/* Section Creative Article */
.section-creative-article-1 .intro-height {
    background-image: url("images/art-creative-blog-1.svg"), url("images/bg-creative-blog-1.png");
    background-position: center;
    background-size: auto 70%, auto 100%;
    background-repeat: no-repeat;
    height: calc(100% - 140px);
}

.section-creative-article-1 h1 {
    color: #256ACE;
    font-size: 4rem;
}

.section-creative-article-1 p {
    color: #4D4D4D;
    font-size: 1.3rem;
}

.section-creative-article-2 {
    padding: 50px 0px;
}

.section-creative-article-2 h2 {
    color: #256ACE;
}

.section-creative-article-2 hr {
    height: 3px;
    background-image: linear-gradient(to right, #0785E9, #1A65E5);
    width: 20%;
}

.section-creative-article-3 {
    background-image: linear-gradient(to right, #0785E9, #1A65E5);
}

.section-creative-article-3 img {
    margin-top: 25px;
    align-self: center;
    width: 100%;
    height: 200px;
}

.section-creative-article-3 .card {
    text-align: center;
    border-radius: 1rem;
}

.section-creative-article-3 hr {
    height: 3px;
    background-image: linear-gradient(to right, #0785E9, #1A65E5);
    width: 20%;
}

.section-creative-article-4 {
    padding: 50px 0px;
}

.section-creative-article-4 h2 {
    color: #256ACE;
}

.section-creative-article-5 {
    padding: 50px 0px;
}

.section-creative-article-5 h2 {
    color: #256ACE;
}

.section-creative-article-5 .img-check {
    height: 20px;
}

.section-creative-article-5 p {
    margin: 0px;
}

.section-creative-article-6 {
    background-image: linear-gradient(to right, #0785E9, #1A65E5);
    padding: 50px;

    color: white;
}

.section-creative-article-7 {
    padding: 50px 0px;
}

.section-creative-article-7 h2 {
    color: #0071BA;
}

.section-creative-article-7 hr {
    border-top: solid 1.5px #0071BA;
    width: 150px;
}

.section-creative-article-7 .card {
    border-radius: 1rem;
}

.section-creative-article-7 .card-body img {
    width: 25px;
    margin: 0px;
}

.section-creative-article-7 .card-div {
    padding: 25px;
    align-self: center;
}

.section-creative-article-7 .card-header {
    padding-top: 20px;
    color: white;
    background-color: #0071BA;
    border-radius: 1rem 1rem 0px 0px;
}

/* Section Creative Article */

/* Section Creative Logo */
.section-creative-logo-1 .intro-height {
    background-color: #256ACE;
    background-image: url("images/creative-logo-art-1.svg"), url("images/creative-logo-art-2.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 120%, 50%;
    height: calc(100% - 140px);
}

.section-creative-logo-1 .intro-height .intro-left {
    background-image: url("images/creative-logo-notebook.png");
    background-size: 80% auto;
    background-position: center;
    background-repeat: no-repeat;
}

.section-creative-logo-1 .intro-height .intro-left .slide {
    padding: 30px;
}

.section-creative-logo-1 .intro-height .intro-left .slide .owl-nav {
    margin: 0px;
}

.section-creative-logo-1 .intro-height .intro-left .slide .owl-prev,
.section-creative-logo-1 .intro-height .intro-left .slide .owl-next {
    position: absolute;
    top: 30%;
    padding: 0px 5px !important;
    margin: 0px;
    background-color: #256ACE;
    color: white;
    font-size: 2rem;
}

.section-creative-logo-1 .intro-height .intro-left .slide .owl-next:hover,
.section-creative-logo-1 .intro-height .intro-left .slide .owl-prev:hover {
    background-color: white;
    color: #256ACE;
    border: solid #256ACE 1px;
}

.section-creative-logo-1 .intro-height .intro-left .slide .owl-prev {
    left: 30%;
}

.section-creative-logo-1 .intro-height .intro-left .slide .owl-next {
    right: 30%;
}

.section-creative-logo-1 .intro-height img {
    object-fit: contain;
    object-position: center;
}

.section-creative-logo-1 .intro-height .intro-right {
    text-align: center;
    color: white;
    align-self: center;
    padding: 0 10%;
}

.section-creative-logo-1 .intro-height .intro-right h1 {
    font-size: 5rem;
}

.section-creative-logo-1 .intro-height .intro-right p {
    font-size: 2rem;
}

.section-creative-logo-1 .intro-left {
    order: 1;
}

.section-creative-logo-1 .intro-right {
    order: 2;
}

.section-creative-logo-2 {
    padding: 50px 0px;
}

.section-creative-logo-2 h2 {
    color: #256ACE;
}

.section-creative-logo-2 .card {
    padding: 25px;
    border-radius: 5%;
}

.section-creative-logo-2 .card img {
    height: 100px;
}

.section-creative-logo-2 .card p.title {
    font-size: 1.3rem;
    margin: 0px;
}

.section-creative-logo-2 .card hr {
    height: 3px;
    width: 25%;
    margin: 10px auto;
    background-color: #256ACE;
    border-radius: 25%;
}

.section-creative-logo-2 .card p.sub {
    font-size: 1rem;
}

.section-creative-logo-3 {
    background-color: #E5E6E7;
    padding: 50px 0px;
}

.section-creative-logo-4 {
    padding: 50px 0px;
}

.section-creative-logo-4 h2 {
    color: #256ACE;
}

.section-creative-logo-4 .process {
    padding: 50px;
    text-align: center;
}

.section-creative-logo-4 .process p.title {
    color: #256ACE;
    font-size: 1.5rem;
    margin-bottom: 5px;
    margin-top: 1rem;
}

.section-creative-logo-4 .process p.sub {
    font-size: 1rem;
}

.section-creative-logo-5 {
    background-color: #256ACE;
    margin-bottom: 0px;
    padding: 50px 0px;
}

.section-creative-logo-5 li,
.section-creative-logo-5 h2 {
    color: white;
}

.section-creative-logo-5 li {
    font-size: 1rem;
}

.section-creative-logo-5 ol>li {
    color: white;
    margin-bottom: 1.2rem;
}

.section-creative-logo-5 p.mark {
    text-align: center;
    font-size: 1.2rem;
}

.section-creative-logo-5 .card {
    text-align: center;
    padding: 25px;
    color: #58595B;
    border-radius: 15px;
}

.section-creative-logo-5 .card p.title,
.section-creative-logo-5 .card p.price {
    font-size: 2rem;
}

.section-creative-logo-5 .card p.price {
    margin-bottom: 0px;
}

.section-creative-logo-5 .card hr {
    width: 20%;
    margin: 0 auto;
    height: 3px;
    background-color: #58595B;
    border-radius: 15px;
}

/* Section Creative Logo */

/* Section Our Clients */
.section-our-clients-1 {
    padding: 50px 0px;
}

.section-our-clients-1 .intro .column {
    display: none;
}

.section-our-clients-1 .intro .show {
    display: block;
}

.section-our-clients-1 .intro h1 {
    color: #256ACE;
}

.section-our-clients-1 .intro img {
    width: 100%;
    margin-bottom: 1rem;
    object-fit: contain;
    object-position: center;
    height: 300px;
}

/* Section Our Clients */

/* Section Contact Us */
.section-contact-1 {
    background-image: url("images/contact-us.jpg");
    background-size: 100% auto;
    background-position: 50%;
    color: white;
    min-height: 500px;
}

.section-contact-1 h1.contact {
    font-size: 5rem !important;
    margin-top: 13%;
    margin-right: 12%;
}

.section-contact-2 {
    padding: 50px 0px;
}

.section-contact-2 h2 {
    color: #256ACE;
}

.section-contact-2 hr {
    background-image: linear-gradient(to right, rgb(0, 142, 236), #0071BA);
    width: 15%;
    height: 3px;
    margin: 25px 0;
    border-radius: 25px;
}

.section-contact-2 p>span {
    color: #256ACE;
}

.section-contact-2 ul {
    padding: 0px;
}

.section-contact-2 li {
    list-style: none;
    color: gray;
    font-size: 16px;
}

.section-contact-2 li.contact div {
    padding: 0px;
}

.section-contact-2 li.contact img {
    width: 50px;
    padding: 8px;
    margin-right: 1rem;
}

/* Section Contact Us */

/* Section Landing Page Website */
.section-lp-website-1 .btn-4 {
    text-align: center;
    padding: 15px;
}

.section-lp-website-1 .sub-menu {
    position: absolute;
    bottom: 25px;
    width: 100%;
}

.section-lp-website-1 .sub-menu img {
    height: 50px;
}

.section-lp-website-1 {
    background-image: url("images/art-lp-website-1.svg"), url("images/art-bg-lp-website.svg"), linear-gradient(to right, #0783E7, #1A65E3);
    background-size: auto 100%, 100% auto, auto;
    background-repeat: no-repeat;
    background-position: center, 0px 101%, center;
}

.section-lp-website-1 .intro h1 {
    color: white;
}

.section-lp-website-1 .intro span {
    color: #FAEC21;
    font-size: 3rem;
}

.section-lp-website-1 .intro p {
    font-size: 1.5rem;
    color: white;
}

.section-lp-website-2,
.section-lp-website-3,
.section-lp-website-4,
.section-lp-website-5 {
    padding: 50px 0px;
}

.section-lp-website-2 span {
    color: #256ACE;
}

.section-lp-website-2 img {
    height: 150px;
    padding: 25px;
}

.section-lp-website-2 p.title {
    color: #256ACE;
    font-size: 2rem;
    margin-bottom: 0px;
}

.section-lp-website-3 {
    background-image: url("images/bg-lp-website-3.png");
    background-size: cover;
}

.section-lp-website-3 img.chk-icon {
    height: 30px;
    margin-right: 10px;
}

.section-lp-website-5 .intro {
    position: relative;
    top: 120px;
    left: 15px;
}

.section-lp-website-5 .intro hr {
    height: 10px;
    background-image: linear-gradient(to right, #0783E7, #1A65E3);
    width: 100px;
    margin: 0px;
    position: absolute;
    left: 0px;
}

.section-lp-website-5 .container {
    padding-top: 50px;
}

.section-lp-website-5 h2 {
    color: #0071BA;
}

.section-lp-website-5 img {
    width: 25px;
    margin: 0px;
}

.section-lp-website-5 .card-div {
    padding: 0px;
    margin: 0px;
}

.section-lp-website-5 .card-div .card {
    border-radius: 1rem;
    width: 100%;
}

.section-lp-website-5 .card-header {
    padding-top: 20px;
    color: white;
    height: 250px;
    border-radius: 15px 15px 50% 50%;
}

.section-lp-website-5 .card {
    border: none;
}

.section-lp-website-5 .sp {
    background-color: #1C7B76;
}

.section-lp-website-5 .corp {
    background-color: #F26D84;
}

.section-lp-website-5 .card-header p.sub {
    font-size: 2rem;
}

.section-lp-website-5 .popular {
    background-color: #FDBE57;
}

.section-lp-website-5 .popular h3 {
    font-size: 2.75rem;
}

.section-lp-website-5 .popular p.sub {
    font-size: 2.3rem;
}

/* Section Landing Page Website */

/* Section Landing Page SEO */
.section-lp-seo-1 {
    background-image: url("images/art-lp-website-1.svg"), url("images/art-bg-lp-website.svg"), linear-gradient(to right, #0783E7, #1A65E3);
    background-size: auto 75%, 100% auto, auto;
    background-repeat: no-repeat;
    background-position: center, 0px 100%, center;
}

.section-lp-seo-1 .intro .seo-text {
    order: 1;
}

.section-lp-seo-1 .intro .seo-image {
    order: 2;
}

.section-lp-seo-1 .intro-first {
    border-top: solid white 3px;
    border-bottom: solid white 3px;
}

.section-lp-seo-1 .intro-first h1 {
    color: white;
    font-size: 5.5rem;
}

.section-lp-seo-1 .intro-first p {
    color: #FAEC21;
    font-size: 2rem;
    margin: 0px;
}

.section-lp-seo-1 .intro-second p span {
    color: #FAEC21;
}

.section-lp-seo-1 .intro-second p {
    color: white;
    font-size: 1.5rem;
}

.section-lp-seo-1 .intro-second img {
    height: 30px;
    margin-right: 15px;
}

.section-lp-seo-1 .intro .btn-lp {
    width: 100%;
}

.section-lp-seo-2,
.section-lp-seo-3,
.section-lp-seo-4,
.section-lp-seo-5,
.section-lp-seo-6,
.section-lp-seo-7 {
    padding: 50px 0px;
}

.section-lp-seo-2 h2 {
    color: #256ACE;
}

.section-lp-seo-2 img {
    height: 200px;
    padding: 25px;
}

.section-lp-seo-2 p.title {
    color: #256ACE;
    font-size: 1.5rem;
}

.section-lp-seo-2 hr {
    background-image: linear-gradient(to right, #0785E9, #1A65E5);
    height: 3px;
    width: 50%;
}

.section-lp-seo-2 p.sub {
    color: #4D4D4D;
}

.section-lp-seo-3 {
    background-color: #EEEEEE;
}

.section-lp-seo-3 .intro-height {
    background-image: url("images/lp-seo-magnifier.svg");
    background-position: center 70%;
    background-repeat: no-repeat;
    background-size: auto 60%;
}

.section-lp-seo-3 img {
    height: 140px;
    width: 140px;
    object-fit: contain;
}

.section-lp-seo-4 h3 {
    font-size: 40px;
}

.section-lp-seo-4 div.sub-title>p {
    float: left;
    margin: 0px 5px;
    font-size: 20px;
    padding: 5px;
}

.section-lp-seo-4 p.tag {
    color: white;
    background-color: black;
    border-radius: 5px;
}

.section-lp-seo-4 p.website,
.section-lp-seo-4 p.website a {
    color: #0071BA;
}

.section-lp-seo-4 .details {
    text-indent: 40px;
}

.section-lp-seo-4 .ingf-stat {
    color: white;
}

.section-lp-seo-4 .stat-1 {
    background-color: #88CFEF;
}

.section-lp-seo-4 .stat-2 {
    background-color: #256ACE;
}

.section-lp-seo-4 .stat-3 {
    background-color: #1034A5;
}

.section-lp-seo-4 .ingf-stat p {
    margin: 0;
}

.section-lp-seo-4 .ingf-stat .number {
    font-size: 50px;
}

.section-lp-seo-4 .ingf-stat .text {
    text-align: center;
}

.section-lp-seo-4 img {
    width: 100%;
}

.section-lp-seo-5 {
    background-image: linear-gradient(to right, #0785E9, #1A65E5);
}

.section-lp-seo-5 h2 {
    color: #FAEC21;
}

.section-lp-seo-5 .intro-first p {
    font-size: 2rem;
    color: white;
}

.section-lp-seo-5 .intro-first img {
    width: 60%;
    padding: 25px;
    margin-right: 15px;
}

.section-lp-seo-5 .intro-second img {
    width: 75%;
    object-fit: contain;
    object-position: center;
    height: 100%;
}

.section-lp-seo-6 h3 {
    color: #0071BA;
    font-size: 40px;
}

.section-lp-seo-6 .owl-carousel .owl-nav button.owl-next,
.section-lp-seo-6 .owl-carousel .owl-nav button.owl-prev,
.section-lp-seo-6 .owl-carousel button.owl-dot {
    font-size: 25px;
    background-color: rgb(187, 187, 187);
    padding: 4px 15px !important;
}

.section-lp-seo-7 .card-header {
    padding: 25px;
}

/* Section Landing Page SEO */

/* Section Articles */
.section-articles-1 {
    background-image: linear-gradient(141deg, rgb(44, 181, 232) 0%, #0071BA 75%);
    color: whitesmoke;
    margin-top: 90px;
    padding: 100px;
}

.section-articles-2 .card-header .card-img-top,
.section-articles-3 .card-header .card-img-top {
    height: 202px;
    object-fit: cover;
}

.section-articles-2 .card-body .card-title a,
.section-articles-2 h1.category-title,
.section-articles-3 .card-body .card-title a,
.section-articles-3 h1.category-title {
    color: black;
    font-weight: 100;
    font-size: 23px !important;
}

.section-articles-3 {
    padding: 50px 0px;
}

/* Section Articles */

/* Section Article */
.section-article-1 {
    color: #0071BA;
    margin-top: 150px;
}

.section-article-1 p a {
    color: black;
    font-weight: 100;
}

.section-article-1 i {
    color: black;
}

.section-article-2 {
    margin-top: 25px;
}

.section-article-2 .card-body p {
    margin-bottom: 0px;
    line-height: 1.78em;
}

.section-article-2 .card-body>h1 {
    font-size: 2rem !important;
}

.section-article-2 .card-body>h2 {
    font-size: 1.8rem !important;
}

.section-article-2 .card-body>h3 {
    font-size: 1.6rem !important;
}

.section-article-2 .card-body>h4 {
    font-size: 1.4rem !important;
}

.section-article-2 .card-body>h5 {
    font-size: 1.2rem !important;
}

.section-article-2 .card-body>h6 {
    font-size: 1.2rem !important;
}

.section-article-2 .card-body>p,
.section-article-2 .card-body>b,
.section-article-2 .card-body li,
.section-article-2 .card-body span {
    font-size: 1.2rem !important;
}

p.recent {
    font-size: 30px;
    margin: 25px 0px;
}

li.recent {
    list-style: none;
    margin: 10px 0px;
}

li.recent a {
    font-size: 20px;
}

/* Section Article */

/* Lead form */
.lead-form {
    background-image: url("images/lead-form.jpg");
    background-size: cover;
    padding: 150px 25px;

}

.lead-form .container {
    background-color: white;
    border-radius: 15px;
    padding: 25px 80px;
}

.lead-form h3 {
    font-size: 40px;
    color: #0071BA;
}

.lead-form .inner {
    width: 10%;
    height: 2px;
    margin: 0px auto;
    border-bottom: 2px solid #0071BA;
}

.lead-form .lead-form-text {
    border: none;
    border-bottom: solid gray 1px;
    border-radius: 0px;
    padding: 10px;
}

.lead-form .lead-form-text:focus {
    border-bottom: solid black 1px;
}

/* Lead form */

/* Footer */
footer {
    padding: 25px;
}

footer .title {
    color: #0071BA;
    font-size: 22px;
}

footer ul {
    padding: 0px;
}

footer li {
    list-style: none;
    color: gray;
    font-size: 16px;
}

footer li.contact {
    margin-bottom: 15px;
}

footer li.contact a {
    word-break: break-all;
}

footer li>img {
    height: 50px;
    padding: 8px;
}

footer li>a {
    color: #0071BA;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
}

footer li>a>i {
    margin-right: 8px;
    display: inline !important;
}

#ServicesSectionSlide ol.carousel-indicators>li {
    list-style: none;
}

#ServicesSectionSlide ol.carousel-indicators>li:hover {
    opacity: 1;
}

#ourWorks .square {
    height: 12vw;
}

.portfolio-facebook-service {
    transition: all 0.3s;
}

.portfolio-facebook-service:hover {
    transform: scale(1.1);
}

.header-package {
    font-size: 20px;
}

.price-package {
    font-size: 30px;
}

.price-discount {
    text-decoration: line-through;
}


/* Footer */
@media screen and (max-width: 1024px) {
    .section-home-4 .carousel-inner .inner-icon {
        width: 100%;
    }

    .section-seo-1 {
        background-position: center 50%, center;
        background-size: 70%, cover;
    }

    .section-gads-1 .intro {
        background-image: url("images/pc.png"), url("images/section-gads-1.jpg");
        background-size: 90% auto, cover;
        background-position: right 20%, center;
    }

    .section-gads-1 .intro img {
        height: 0px;
        width: 0px;
    }

    .section-gads-1 .intro .head {
        position: absolute;
        bottom: 150px;
        left: 30%;
    }

    .section-fbads-2 {
        background-size: auto 50%, 100% auto;
        background-position: 95% 55%, center bottom;
    }

    .section-fbads-3 .owl-nav {
        display: none;
    }

    .section-corp-web-1 .intro .header,
    .section-corp-web-1 .intro .image {
        align-self: center;
    }

    .section-corp-web-1 .intro img {
        width: 100%;
    }

    .section-ecom-web-1 .intro {
        background-position: 95% 90%, 95% 75%, center;
        background-size: auto 30%, auto 45%, cover;
    }

    .section-ecom-web-1 .intro .header {
        padding: 25px;
        justify-content: start !important;
        padding-top: 7%;
    }

    .section-lpage-web-1 .intro .col-ipad-full {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .section-lpage-web-1 .intro .col-ipad-full img {
        width: 80%;
    }

    .section-lpage-web-1 .intro .col-ipad-half {
        margin-top: 3rem;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .section-lpage-web-1 .intro .check .row {
        margin: 25px 0;
    }

    .section-lpage-web-1 p.banner {
        font-size: 45px;
    }

    .section-lpage-web-4 {
        background-size: auto 60%, auto;
        background-position: 95% 60%, center;
        padding: 50px;
    }

    .section-wp-web-1 .intro {
        background-position: 60% bottom, 95% 15%, center;
        background-size: auto 75%, 25%, auto;
    }

    .section-wp-web-1 .intro h1,
    .section-wp-web-1 .intro p.title,
    .section-wp-web-1 .intro p.sub {
        text-shadow: 2px 2px 4px #000000;
    }

    .section-wp-web-1 .intro p.title span {
        text-shadow: 2px 2px 2px black;
    }

    .section-custom-web-1 .intro {
        background-size: 42% auto, cover;
        background-position: 95% bottom, center 30%;
    }

    .section-custom-web-1 .intro .col-ipad-pro {
        margin: 0;
        flex: 0 0 50%;
        max-width: 50%;
        align-self: center;
    }

    .section-custom-web-1 .intro h1 {
        font-size: 3rem;
    }

    .section-custom-web-1 .intro p.title {
        font-size: 36px;
        margin-bottom: 5rem;
    }

    .section-custom-web-1 .intro img {
        width: 100%;
    }

    .section-creative-article-1 .intro-height {
        background-position: center 60%, center 50%;
        background-size: 90% auto, auto 100%;
    }

    .section-creative-logo-1 .intro-height .intro-left {
        background-size: auto 100%;
        margin-top: 50px;
    }

    .section-creative-logo-1 .intro-height .intro-left,
    .section-creative-logo-1 .intro-height .intro-right {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .section-creative-logo-5 .card p.title,
    .section-creative-logo-5 .card p.price {
        font-size: 1.8rem;
    }

    .section-creative-logo-5 p.mark {
        font-size: 1rem;
    }

    .section-contact-1 {
        background-size: 100% auto;
        background-position: 50%;
    }

    .section-contact-1 h1.contact {
        margin-top: 23%;
        margin-right: 0;
    }
}

@media screen and (max-width: 768px) {
    /* .section-home-1 {
        background-image: linear-gradient(180deg, rgba(67,16,117,0.5), rgba(65,44,192,0.5)), url('./images/mahanakorn.jpg');
        background-position: center, center;
        background-repeat: no-repeat;
        background-size: 100% 100%, cover;
        min-height: calc(100vh - 90px);
    } */

    .full-height {
        height: calc(100vh - 90px);
    }

    .table td.fit-mobile,
    .table th.fit-mobile {
        white-space: nowrap;
        width: 1%;
    }

    #ourWorks .square {
        height: 100%;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    .section-fbsvc h1,
    .section-fbsvc h2 {
        font-size: 35px !important;
    }

    .section-fbsvc p {
        font-size: 18px !important;
    }

    .section-fbsvc .btn-fbsvc {
        font-size: 25px !important;
    }

    .section-fbsvc {
        background-size: auto 13%;
    }

    .section-fbads-2 .head {
        margin-bottom: 0;
    }

    .section-fbsvc-2 h2 {
        font-size: 1.9rem !important;
    }

    .sub-menu .icon {
        margin-top: 15px;
        width: 33%;
    }

    .section-lpage-web-4 .list img {
        height: 12px;
    }

    .sub-menu>.col-sm-6 {
        width: 50%;
    }

    .hidden-desktop {
        display: inline;
    }

    .hidden-mobile {
        display: none;
    }

    a.tel,
    a.line {
        float: left;
        margin-bottom: 1rem;
    }

    .nav-item {
        align-self: start;
    }

    .img-contact-nav {
        padding: 10px 0px;
        height: 60px;
    }

    .dropdown-div {
        width: 100%;
    }

    .btn-pricing {
        width: 80%;
    }

    .home-mobile-title {
        font-size: 23px;
    }

    .carousel-indicators li {
        font-size: 12px;
    }

    .section-seo-1 {
        background-position: center 25%, center;
    }

    .section-seo-1 .intro .intro-text {
        text-align: center;
    }

    .section-seo-1 .intro .intro-text p.increase span {
        display: block;
        font-size: 20px;
    }

    .section-seo-1 .intro .intro-text p.increase b {
        font-size: 26px;
    }

    .section-seo-1 .intro .intro-text p.google {
        font-size: 22px !important;
    }

    .section-seo-1 .intro img {
        height: 30px;
    }

    .section-seo-2,
    .section-seo-special,
    .section-seo-3,
    .section-seo-4,
    .section-seo-5,
    .section-seo-6,
    .section-seo-3 .container,
    .section-seo-5 .container {
        padding: 15px;
    }

    .section-seo-4 div.process {
        width: 50%;
    }

    .section-gads-2 .img-right {
        text-align: right;
        align-self: center;
    }

    .section-gads-2 h2 {
        font-size: 3rem;
    }

    .section-fbads-2 {
        background-size: auto 28%, 100% auto;
        background-position: 95% 35%, center bottom;
    }

    .section-corp-web-1 .intro .header {
        padding-top: 10px;
    }

    .section-corp-web-1 .intro .header img {
        width: 80%;
        padding: 15px;
    }

    .section-corp-web-2 {
        padding: 25px;
    }

    .section-corp-web-2 .details {
        align-items: center;
    }

    .section-corp-web-2 .details p {
        margin-left: 25px;
        margin-bottom: 0;
    }

    .section-corp-web-5 .popular h3 {
        font-size: 2rem;
    }

    .section-ecom-web-1 .intro .header>.span-1 {
        font-weight: 100;
        font-size: 20px;
    }

    .section-ecom-web-1 .intro .header>.span-1>.online {
        display: none;
    }

    .section-ecom-web-1 .intro .header>.span-2 {
        font-size: 25px;
    }

    .section-ecom-web-2 p.title {
        font-size: 16px;
    }

    .section-lpage-web-4 {
        background-size: auto 40%, auto;
        background-position: 95% 80%, center;
    }

    .section-lpage-web-4 .intro p {
        color: white;
        font-size: 24px;
    }

    .section-wp-web-1 .intro {
        background-position: 90% bottom, 85% 24%, center;
        background-size: auto 60%, 18%, auto;
    }

    .section-wp-web-3 p {
        font-size: 16px;
    }

    .section-wp-web-4 .list .check {
        width: 45px;
        padding: 10px;
    }

    .section-wp-web-4 .list p {
        font-size: 15px;
        margin: 0px;
    }

    .section-wp-web-4 .image-right {
        align-items: center;
        padding: 0px;
    }

    .section-custom-web-1 .intro h1 {
        font-size: 2rem;
    }

    .section-custom-web-1 .intro p.title {
        font-size: 16px;
        margin-bottom: 5rem;
    }

    .section-custom-web-4 .list p {
        font-size: 16px;
        margin: 0;
    }

    .section-creative-article-1 .sub-menu .icon {
        margin-top: 0px;
    }

    .section-creative-article-1 .intro-height {
        background-position: center 75%, center 50%;
    }

    .section-creative-article-3 img {
        width: 80%;
    }

    .section-creative-article-5 h2 {
        font-size: 1.6rem;
    }

    .section-creative-logo-5 .card p.title,
    .section-creative-logo-5 .card p.price {
        font-size: 1rem;
    }

    .section-creative-logo-5 .card .btn {
        font-size: 11px;
    }

    .section-creative-logo-5 .card p,
    .section-creative-logo-5 .card p.mark {
        font-size: 12px;
    }

    .section-article-2 .card-body h1.card-title {
        font-size: 2rem;
    }

    .section-contact-1 {
        background-size: cover;
        background-position: 50%;
    }

    .section-contact-1 h1.contact {
        margin-top: 12%;
        margin-right: 6%;
    }
}

@media screen and (max-width: 414px) {
    .section-home-3 .carousel-indicators {
        margin: 0;
        display: block;
    }

    .section-home-3 .carousel-indicators li {
        font-size: 13px !important;
        text-align: center;
        width: 23.5%;
        float: left;
        margin-left: 2px;
        margin-right: 2px;
        margin-bottom: 15px;
        border-bottom: solid 2px;
    }

    .section-home-3 h2,
    .section-home-4 h3 {
        font-size: 1.5rem;
    }

    .section-home-3 p {
        font-size: 16px;
    }

    .section-home-3 a {
        font-size: 20px;
    }

    .section-home-4 .carousel-indicators {
        margin: 0;
        display: block;
        float: left;
    }

    .section-home-4 .carousel-indicators li {
        font-size: 15px;
        text-align: center;
        width: 42%;
        float: left;
        margin-bottom: 15px;
    }

    /* .section-home-4 .carousel-indicators li .outer {
        height: 135px;
    } */

    .section-home-4 .icon {
        width: 50%;
    }

    .section-home-4 .carousel-inner .inner-icon {
        height: 100%;
    }

    .section-home-4 .carousel-inner .inner-icon p {
        font-size: 13px;
        margin-top: 1rem;
    }

    .section-home-5 .item img {
        padding: 50px;
    }

    .section-home-5 h3,
    .section-home-6 h3 {
        font-size: 2rem;
    }

    .section-home-6 div.sub-title>p {
        font-size: 16px;
    }

    .section-home-6 .ingf-stat .number {
        font-size: 20px;
    }

    .section-home-6 .ingf-stat .text {
        font-size: 8px;
    }

    .section-home-6 img {
        padding: 35px;
    }

    .section-home-7 h3 {
        font-size: 1.5rem;
    }

    .section-home-7 .article {
        padding: 30px;
    }

    .lead-form {
        padding: 25px;
        margin-bottom: 0px;
    }

    .lead-form .container {
        padding: 15px;
    }

    .lead-form h3 {
        font-size: 35px;
    }

    .section-seo-1 {
        background-position: center 15%, top;
        background-size: 70%, auto 50%;
    }

    .section-seo-1 .intro p {
        font-size: 25px;
    }

    .section-seo-4 img {
        padding: 25px;
    }

    .section-home-5 .owl-carousel .owl-item img {
        padding: 0px;
        margin-bottom: 2rem;
    }

    .section-gads-1 .intro {
        background-image: url("images/pc-m.png"), url("images/section-gads-1-m.jpg");
        padding: 0px;
        background-size: auto 45%, cover;
        background-position: right 90%, center;
        height: calc(100% - 125px);
    }

    .section-gads-1 .intro .head {
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0px 25px;
        text-align: center;
        position: static;
        margin-top: 0;
    }

    .section-gads-1 .intro img {
        display: none;
    }

    .section-gads-1 .intro h1 {
        font-size: 2rem;
        color: #0071BA;
        margin-top: 8vh;
    }

    .section-gads-1 .intro p,
    .section-gads-1 .intro p span.hili-2 {
        font-size: 20px;
    }

    .section-gads-1 .intro p.ppl {
        font-size: 20px !important;
    }

    .section-gads-2 h2 {
        font-size: 2rem;
    }

    .section-gads-2 p.title {
        font-size: 20px;
    }

    .section-gads-2 p.sub {
        font-size: 12px;
    }

    .section-gads-3 .owl-nav {
        display: flex;
    }

    .section-gads-3 .owl-nav>button {
        font-size: 50px !important;
    }

    .section-gads-3 .owl-nav>button.owl-prev,
    .section-gads-3 .owl-nav>button.owl-next {
        margin: 0 auto;
    }

    .section-gads-5 thead th {
        font-size: 10px;
    }

    .section-gads-5 tbody th p.title {
        font-size: 14px;
    }

    .section-gads-5 tbody th p.sub {
        font-size: 10px;
    }

    .section-gads-5 td {
        font-size: 10px;
    }

    .section-gads-5 td img {
        width: 15px;
    }

    .section-fbads-1 .intro {
        padding-top: 0px;
    }

    .section-fbads-1 .intro .title {
        text-align: center;
    }

    .section-fbads-1 .details {
        display: none;
    }

    .section-fbads-1 .intro p.mobile {
        display: block;
        margin-top: 2rem;
        margin-bottom: 16rem;
    }

    .section-fbads-1 .intro {
        background-image: url("images/fb-art.svg"), url("images/btm-line.svg"), url("images/btm-r.svg"), url("images/circ-cen.svg");
        background-size: auto 55%, 100% auto, auto 40%, auto 65%;
        background-position: center 95%, center bottom, 110% 110%, center bottom;
    }

    .section-fbads-1 .intro h1>img {
        height: 40px;
    }

    .section-fbads-2 {
        background-image: none;
    }

    .section-fbads-2 h2 {
        font-size: 2.5rem;
    }

    .section-fbads-2 p.title {
        font-size: 22px;
    }

    .section-fbads-2 p.sub {
        font-size: 16px;
    }

    .section-fbads-3 h2,
    .section-fbads-4 h2 {
        font-size: 1.8rem;
    }

    .section-corp-web-1 .image {
        text-align: center;
    }

    .section-corp-web-1 h1 {
        line-height: 0.8;
    }

    .section-corp-web-1 .intro img {
        width: 60%;
    }

    .section-corp-web-1 .intro .header>.span-1 {
        font-size: 2rem;
    }

    .section-corp-web-1 .intro .header>.span-2 {
        font-size: 1.2rem;
    }

    .section-corp-web-1 .intro .header>.span-3 {
        font-size: 1.4rem;
    }

    .section-corp-web-1 .intro p {
        font-size: 1rem;
    }

    .section-corp-web-1 .intro p>b {
        font-size: 1.2rem;
    }

    .section-corp-web-3 img {
        max-width: 100%;
    }

    .section-corp-web-2 {
        background-position: left center;
        background-size: auto 100%;
    }

    .section-corp-web-2 img {
        margin: 0px;
    }

    .section-corp-web-2 img {
        padding: 50px;
    }

    .section-corp-web-2 .intro {
        padding-bottom: 0px;
    }

    .section-corp-web-2 .border {
        bottom: 0px;
    }

    .section-corp-web-4 .portfolio,
    .section-ecom-web-4 .portfolio {
        margin-bottom: 1rem;
    }

    .section-lpage-web-1 .intro h1 {
        font-size: 2.5rem !important;
    }

    .section-lpage-web-1 .intro p {
        font-size: 24px !important;
    }

    .section-lpage-web-1 .check img {
        width: 25px;
    }

    .section-lpage-web-1 .check p {
        font-size: 10px;
    }

    .section-lpage-web-1 p.banner {
        font-size: 20px;
        padding: 30px;
    }

    .section-lpage-web-1 .intro .col-ipad-half {
        margin-top: 0px;
    }

    .section-lpage-web-1 .intro {
        padding: 0px;
    }

    .section-lpage-web-1 .intro .lpage-1 {
        order: 1;
        width: 50%;
    }

    .section-lpage-web-1 .intro .lpage-1 img,
    .section-lpage-web-1 .intro .lpage-3 img {
        width: 100%;
    }

    .section-lpage-web-1 .intro .lpage-2 {
        order: 3;
        padding: 30px;
    }

    .section-lpage-web-1 .intro .lpage-3 {
        order: 2;
        width: 50%;
    }

    .section-lpage-web-2 .intro h2,
    .section-lpage-web-3 h2 {
        font-size: 1.7rem;
    }

    .section-lpage-web-2 .intro h2 span {
        display: none;
    }

    .section-lpage-web-4 {
        padding: 15px 0;
    }

    .section-lpage-web-4 .intro h2 {
        width: 100%;
        font-size: 1.3rem !important;
        text-align: center;
    }

    .section-lpage-web-4 .intro p {
        font-size: 22px;
    }

    .section-lpage-web-4 {
        background-image: url("images/lp-devices.png"), linear-gradient(to bottom, #2D60AB 0%, #2D60AB 35%, #E5E5E5 35%, #E5E5E5 100%);
        background-size: auto 20%, auto;
    }

    .section-wp-web-1 .intro {
        background-image: url("images/wordpress-laptop.png"), url("images/wordpress-rain.svg"), url("images/wordpress-bg.svg");
        background-repeat: no-repeat, repeat, no-repeat;
        background-position: 60% 80%, center, center;
        background-size: 0%, 100%, 100% auto;
        text-align: center;
    }

    .section-wp-web-1 .intro {
        padding: 15px 0;
    }

    .section-wp-web-1 .intro h1 {
        font-size: 2rem;
    }

    .section-wp-web-1 .intro p.title {
        font-size: 30px !important;
        margin-bottom: 0px;
    }

    .section-wp-web-1 .intro p.title span {
        font-size: 50px !important;
    }

    .section-wp-web-1 .intro p.hilight {
        font-size: 25px !important;
    }

    .section-wp-web-1 .intro p.sub {
        display: none;
    }

    .section-wp-web-1 .btn-wp {
        font-size: 1.5rem;
        box-shadow: 0px 0px 10px 0px #256ACE;
    }

    .section-wp-web-3 h2 {
        padding: 15px 0;
        font-size: 32px;
    }

    .section-wp-web-3 img {
        width: 25px;
    }

    .section-wp-web-3 p {
        font-size: 18px;
    }

    .section-wp-web-4 .intro h2 {
        font-size: 35px;
    }

    .section-wp-web-4 .intro p {
        font-size: 16px;
    }

    .section-wp-web-4 h3 {
        font-size: 1rem;
    }

    .section-custom-web-1 .intro .col-ipad-pro {
        width: 100%;
        max-width: 100%;
        flex: 100%;
        align-self: unset;
    }

    .section-custom-web-1 .intro {
        padding: 15px 0;
        background-size: auto 80%, auto 100%;
        background-position: 100% bottom, 100% center;
    }

    .section-custom-web-1 .intro h1 {
        font-size: 1.3rem;
        text-align: center;
        margin-top: 0px;
    }

    .section-custom-web-1 .intro p.title {
        margin-bottom: 1rem;
        line-height: 26px;
        text-align: center;
    }

    .section-custom-web-1 .intro img {
        width: 60%;
        position: absolute;
        bottom: 0px;
    }

    .section-custom-web-1 .custom img {
        width: 35%;
    }

    .section-custom-web-2 h2 {
        font-size: 1.8rem;
    }

    .section-custom-web-2 .function {
        width: 50%;
    }

    .section-custom-web-4 .intro h2 {
        font-size: 40px;
    }

    .section-custom-web-4 .intro p {
        font-size: 16px;
    }

    .section-custom-web-4 h3 {
        font-size: 22px;
    }

    .section-custom-web-5 h2 {
        font-size: 1.8rem;
    }

    .section-custom-web-5 .card {
        margin-bottom: 15px;
    }

    .section-creative-article-1 .intro-height {
        background-position: center 90%, 40% 50%;
        background-size: 90% auto, auto 50%;
    }

    .section-creative-article-1 h1 {
        font-size: 2.5rem !important;
    }

    .section-creative-article-2 h2 {
        font-size: 1.6rem;
    }

    .section-creative-article-3 .card {
        margin-bottom: 15px;
    }

    .section-creative-article-4 h2 {
        font-size: 1.3rem;
    }

    .section-creative-article-5 h2 {
        font-size: 2rem;
    }

    .section-creative-logo-1 .intro-height {
        background-size: 150%, 80%;
    }

    .section-creative-logo-1 .intro-height .intro-left .slide {
        padding: 15px;
    }

    .section-creative-logo-1 .intro-height .intro-left .slide .owl-nav {
        display: none;
    }

    .section-creative-logo-1 .intro-height .intro-right h1 {
        font-size: 4rem !important;
    }

    .section-creative-logo-1 .intro-height .intro-right p span {
        font-size: 25px !important;
        display: block;
    }

    .section-creative-logo-1 .intro-height .intro-right a {
        font-size: 25px !important;
    }

    .section-creative-logo-1 .intro-left .card-body {
        padding: 0;
    }

    .section-creative-logo-1 .intro-left {
        order: 2;
    }

    .section-creative-logo-1 .intro-height .intro-left {
        background-image: none;
        /* background-size: auto 90%; */
        margin-top: 0px;
    }

    .section-creative-logo-1 .intro-right {
        order: 1;
    }

    .section-creative-logo-1 .intro-height .intro-right {
        padding: 15px;
    }

    .section-creative-logo-2 .card {
        margin-bottom: 15px;
    }

    .section-creative-logo-3 h2,
    .section-creative-logo-4 h2 {
        font-size: 2.5rem;
    }

    .section-creative-logo-3 h2 span,
    .section-creative-logo-4 h2 span {
        display: block;
    }

    .section-creative-logo-3 .col-xs-6 {
        width: 50%;
    }

    .section-creative-logo-3 .card-body {
        padding: 0;
    }

    .section-creative-logo-4 img {
        padding: 0 50px;
        width: 100%;
    }

    .section-creative-logo-5 {
        padding: 0;
    }

    .section-creative-logo-5 .card p.title,
    .section-creative-logo-5 .card p.price {
        font-size: 3rem;
    }

    .section-creative-logo-5 .card p {
        font-size: 24px;
    }

    .section-creative-logo-5 .card .btn {
        width: 70%;
        align-self: center;
        font-size: 2rem;
    }

    .section-articles-1 {
        padding: 20px;
    }

    .section-articles-1 h1 {
        font-size: 1.5rem;
    }

    .section-article-2 .card-body h1.card-title {
        font-size: 1.75rem;
    }

    .section-lp-seo-1 {
        background-image: url("images/art-lp-website-1.svg"), url("images/wordpress-bg.svg");
        background-size: auto 30%, auto 100%;
        background-repeat: repeat, no-repeat;
        background-position: center, center;
    }

    .section-lp-seo-1 .intro .intro-first {
        border: none;
    }

    .section-lp-seo-1 .intro .intro-first h1 {
        display: none;
    }

    .section-lp-seo-1 .intro .intro-first p {
        color: white;
    }

    .section-lp-seo-1 .intro .intro-second p {
        margin: 0px;
    }

    .section-lp-seo-1 .intro .intro-second img {
        height: 15px;
    }

    .section-lp-seo-1 .intro .seo-text {
        order: 2;
    }

    .section-lp-seo-1 .intro .seo-image {
        order: 1;
    }

    .section-lp-seo-3 .intro-height {
        background-image: none;
    }

    .section-lp-seo-5 .intro-first img {
        padding: 0px;
    }

    .section-lp-website-1 .intro h1 {
        font-size: 42px !important;
    }

    .section-lp-website-1 .intro p {
        font-size: 25px !important;
    }

    .section-lp-website-1 .intro .btn-lp {
        font-size: 14px;
    }

    .section-lp-website-1 .intro .btn-lp.custom {
        color: #EF5A28;
    }

    .section-lp-website-2 span {
        display: block;
    }

    .section-lp-website-5 .intro {
        top: 0px;
        left: 0px;
        text-align: center;
    }

    .section-lp-website-5 .intro hr {
        margin-left: auto;
        margin-right: auto;
        display: inline-block;
        position: unset;
    }

    .section-lp-website-5 .card-div {
        margin: 25px;
    }
}