body {
    color: #333333;
    font-family: 'Poppins', sans-serif;
}
p {
    font-size: 14px;
}
a:hover, a:focus {
    color: #ffc82c;
    text-decoration: none;
}
a {
    font-family: 'Nunito Sans', sans-serif;
}
.img-full {
    width: 100%;
}

.home-sec1 .img-full {
    width: 75%;
}
.btn-yellow {
    color: #fff;
    background: #ffc82c;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 30px;
    display: inline-block;
    margin-top: 10px;
}
.btn-yellow:hover, .btn-yellow:focus {
    color: #fff;
    background: #333;
}
/* .sec-pd {
    padding: 7rem 0;
} */
.sec-pd.no-pd-bottom {
    padding-bottom: 0;
}
.sec-title h2 {
    text-transform: uppercase;
    margin-bottom: 15px;
}

/*Header*/
#header {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0 20px 5px rgb(51 51 51 / 14%);
    box-shadow: 0 0 20px 5px rgb(51 51 51 / 14%);
}
#header .container-fluid .row {
    padding: 10px 20px;
    align-items: center;
}
#header .row .col-2, #header .row .col-10 {
    padding: 0;
}
#header .header-left img {
    width: 150px;
}
#header .header-right ul {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0;
}
#header .header-right ul li a {
    color: #333333;
    font-size: 14px;
    display: block;
    padding: 15px 20px;
    text-transform: uppercase;
}
.header-right ul li:first-child {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 20px;
    cursor: pointer;
}
.show-menu.clicked:before {
    content: "\f0da";
}
.top-nav {
    position: absolute;
    left: 0;
    width: 100%;
    background: rgb(239, 239, 239);
    padding: 8px 0px;
    display: none;
}
.top-nav ul {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 0;
}
.top-nav ul li a {
    color: #333;
    font-family: 'Poppins', sans-serif;
}

/*Footer*/
#footer {
    padding: 50px 0;
}
#footer p {
    margin-bottom: 0;
}

/*Home*/
.home-sec1 {
    padding-bottom: 2rem;
}
.home-sec1 .row {
    position: relative;
}
.home-sec1 .row .col-md-9 {
    padding: 0;
}
.home-sec1 .row .col-md-3 {
    background: #fff;
    -moz-box-shadow: 4px 5px 20px 0px rgb(51 51 51 / 15%);
    -webkit-box-shadow: 4px 5px 20px 0px rgb(51 51 51 / 15%);
    box-shadow: 4px 5px 20px 0px rgb(51 51 51 / 15%);
    padding: 50px 40px;
}
.home-sec1 .text-holder h1 {
    font-weight: 700;
}
.home-sec1 .text-holder h2 {
    font-size: 1.5rem;
    margin: 15px 0 10px;
}
.home-sec2 .row, .home-sec5 > .container-fluid > .row, .home-sec6 .row, .cst-page .row {
    align-items: center;
}
.home-sec2 .text-holder {
    background: #fff;
    -moz-box-shadow: -1px 5px 20px 3px rgb(51 51 51 / 15%);
    -webkit-box-shadow: -1px 5px 20px 3px rgb(51 51 51 / 15%);
    box-shadow: -1px 5px 20px 3px rgb(51 51 51 / 15%);
    padding: 30px 40px;
}
.home-sec2 .text-holder ul {
    column-count: 2;
    -moz-column-count: 2; 
    -webkit-column-count: 2;
    margin-bottom: 0;
}
.home-sec2 .text-holder ul li {
    font-size: 14px;
    line-height: 2.5;
}
.home-sec2 .text-holder ul li i {
    color: #ffc82c;
    margin-right: 10px;
    font-size: 22px;
    vertical-align: middle;
}
.home-sec3 .icon-box {
    text-align: center;
/*     padding: 30px; */
    margin-top: 20px;
    height: 100%;
/*     display: flex;
    justify-content: space-around;
    flex-direction: column; */
}
/* .home-sec3 .icon-box .img-holder img {
    width: 100px;
} */
.home-sec3 .icon-box .text-holder h3 {
    font-size: 1rem;
    margin-bottom: 0;
}
.img-box h3 {
    font-size: 1.1rem;
    margin: 20px 0 0 0;
}
.work-tab-holder .nav-tabs {
    border-bottom: 0;
    justify-content: center;
    margin-top: 20px;
}
.work-tab-holder .nav-tabs .nav-item {
    margin-right: 10px;
}
.work-tab-holder .nav-tabs .nav-item:last-child {
    margin-right: 0;
}
.work-tab-holder .nav-tabs .nav-link {
    color: #333;
    background: transparent;
    text-align: center;
    position: relative;
    padding: 10px 30px;
    border: 1px solid #ebebeb;
    border-radius: 0;
    text-transform: uppercase;
}
.work-tab-holder .nav-tabs .nav-link.active, .work-tab-holder .nav-tabs .nav-link:hover, .work-tab-holder .nav-tabs .nav-link:focus {
    color: #fff;
    background: #ffc82c;
    border-color: #ffc82c;
}
.home-sec4 .img-box {
    text-align: center;
    margin-top: 30px;
}
.home-sec5 .img-box h3 {
    margin: 15px 0 0 0;
}
.home-sec5 .img-box p {
    color: #6c757d;
}
#testimonial-sec .sec-title h2 br, #footer-contact .sec-title h2 br, .cst-page p .br1 {
    display: none;
}
.testimonial-slider {
    border: 1px solid #ebebeb;
    padding: 30px;
    width: 100%;
    max-width: 80%;
    margin: 50px auto;
}
.testimonial-slider:before {
    content: '';
    background-image: url('../images/quote.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
    position: absolute;
    top: -1.5rem;
    left: 3rem;
}
.testimonial-slider .slick-list {
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
}
/* .testimonial-slider .slick-track {
    display: flex;
    align-items: center;
} */
.testimonial-slider p {
    margin-bottom: 10px;
}
.testimonial-slider h4 {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: 0;
}
.testimonial-slider .cst-arrow {
    font-size: 18px;
    position: absolute;
    top: 50%;
    cursor: pointer;
    transform: translateY(-50%);
}
.testimonial-slider .cst-arrow:hover, .top-nav ul li a:hover {
    color: #ffc82c;
}
.testimonial-slider .cst-arrow.left-arrow {
    left: 2rem;
}
.testimonial-slider .cst-arrow.right-arrow {
    right: 2rem;
}
.home-sec6 .text-holder {
    background: #fff;
    -moz-box-shadow: -3px 6px 20px 3px rgb(51 51 51 / 23%);
    -webkit-box-shadow: -3px 6px 20px 3px rgb(51 51 51 / 23%);
    box-shadow: -3px 6px 20px 3px rgb(51 51 51 / 23%);
    padding: 30px 40px;
}
.faq-list .faq-item {
    border-bottom: 1px solid #ebebeb;
    padding: 20px 0;
}
.faq-list .faq-item:last-child {
    border-bottom: 0;
}
.faq-list .faq-item h3 {
    font-size: 1rem;
    font-weight: 700;
}
.faq-list .faq-item p {
    margin-bottom: 0;
}
#footer-contact {
    padding-top: 5rem;
}
#footer-contact .container > .row {
    width: 100%;
    max-width: 70%;
    margin: 20px auto 0;
    align-items: center;
}
#footer-contact ul li i {
    margin-right: 20px;
}
#footer-contact ul li i.fa-phone {
    transform: rotate(100deg);
}
#footer-contact ul li a {
    color: #333;
    font-size: 16px;
}
#footer-contact ul li a:hover {
    color: #ffc82c;
}
#footer-contact .contact-info li {
    margin-bottom: 30px;
}
#footer-contact .sm-icons {
    display: flex;
}
#footer-contact .form-holder .form-control {
    color: #333;
    font-size: 14px;
    border: 0;
    border-bottom: 1px solid #ebebeb;
    box-shadow: none;
    padding: 20px 15px;
}
#footer-contact .form-holder textarea {
    resize: none;
    height: 150px;
}
#footer-contact .form-holder .form-btn {
    margin-top: 20px;
}
#footer-contact .form-holder .btn-yellow {
    border: 0;
    width: 100%;
    margin-top: 0;
    height: 56px;
    cursor: pointer;
}
.cst-page {
    height: 100vh;
}
.cst-page h1 {
    color: #0e252d;
    font-weight: 700;
    margin-top: 25px;
}
.cst-page .container-fluid, .cst-page .container-fluid .row,
.cst-page .container-fluid .row .col-md-8, .cst-page .container-fluid .row .col-md-8 .img-holder,
.cst-page .container-fluid .row .col-md-8 .img-holder img {
    height: 100%;
}
.cst-page .row .col-md-8 {
    padding: 0;
}
.cst-page .col-md-4 .text-holder {
    background: #fff;
    -moz-box-shadow: -1px 5px 20px 3px rgb(51 51 51 / 15%);
    -webkit-box-shadow: -1px 5px 20px 3px rgb(51 51 51 / 15%);
    box-shadow: -1px 5px 20px 3px rgb(51 51 51 / 15%);
    padding: 50px 40px;
}

/*Responsive*/
@media screen and (min-width: 1200px) {
    .error404 .nf-holder p > br {
        display: none;
    }
    .error404 .nf-holder p .br1 {
        display: block;
    }
    .container-fluid.pd-50 {
        padding: 0 50px;
    }
    .home-sec2 .text-holder {
        position: relative;
        left: 0;
        width: 700px;
        z-index: 1;
    }
    .home-sec6 .text-holder {
        position: relative;
        right: 16rem;
        width: 700px;
        z-index: 1;
    }
    .nf-holder .col-md-4 .text-holder {
        position: relative;
        left: 0;
        width: 700px;
        z-index: 1;
        margin-left: 5rem;
    }
    .ty-holder .col-md-4 .text-holder {
        position: relative;
        right: 15rem;
        width: 600px;
        z-index: 1;
    }
    .cst-page .col-md-4 .text-holder p {
        font-size: 1.5rem;
    }
}

@media screen and (min-width: 992px) {
    .home-sec1 .row .col-md-3 {
        position: absolute;
        bottom: -2rem;
        right: 7rem;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .home-sec3 .row .col-md-3, .home-sec4 .row .col-md-4, .home-sec5 .col-md-8 .row .col-md-4 {
        padding: 0 5px;
    }
}

@media screen and (min-width: 1600px) {
    .home-sec1 .text-holder h1 {
        font-size: 4.1vw;
    }
    .home-sec1 .text-holder h2 {
        font-size: 1.5rem;
        margin: 20px 0 10px;
    }
/*     .home-sec1 .img-holder img {
        height: 800px;
        object-fit: cover;
    } */
    .home-sec1 .text-holder .btn-yellow {
        padding: 15px 30px;
        margin-top: 30px;
        font-size: 1rem;
    }
    .home-sec2 .text-holder {
        width: 900px;
    }
    .home-sec6 .text-holder {
        width: 800px;
    }
    .home-sec1 .row .col-md-3 {
        bottom: 0;
        right: 11rem;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 30px 40px;
    }
    #team-sec .img-box img {
/*         height: 310px; */
        object-fit: cover;
        object-position: top;
    }
    .testimonial-slider {
        max-width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    #header .container-fluid .row {
        padding: 10px;
    }
    #header .header-right ul li:first-child {
        margin-right: 10px;
    }
    #header .header-right ul li a {
        padding: 10px 15px;
    }
    #header .header-right ul li:last-child a {
        padding-right: 0;
    }
    .sec-title h2 {
        text-align: center;
    }
    .home-sec1 .row .col-md-3 {
        bottom: -3rem;
        padding: 30px 40px 40px;
    }
    .home-sec1 .text-holder h1, .cst-page h1 {
        font-size: 2rem;
    }
    .home-sec2 .row, .nf-holder .container-fluid .row {
        flex-direction: column-reverse;
    }
    .home-sec2 .row .col-md-5, .home-sec2 .row .col-md-7, 
    .home-sec5 > .container-fluid > .row > .col-md-4, 
    .home-sec5 > .container-fluid > .row > .col-md-8, 
    .home-sec6 .row .col-md-5, .home-sec6 .row .col-md-7,
    .cst-page .row .col-md-8,
    .cst-page .row .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .home-sec2 .text-holder, .home-sec6 .text-holder, .cst-page .col-md-4 .text-holder {
        margin-top: 50px;
        padding: 20px;
        text-align: center;
    }
    .home-sec5 .sec-title {
        text-align: center;
        margin-bottom: 50px;
    }
    .home-sec5 > .container-fluid > .row > .col-md-8 .row {
        justify-content: center;
    }
    .testimonial-slider, #footer-contact .container > .row {
        max-width: 100%;
    }
    .testimonial-slider .slick-list {
        max-width: 90%;
    }
    .img-box {
        text-align: center;
    }
    .home-sec2 .text-holder ul, .faq-list {
        text-align: left;
    }
    .cst-page, .cst-page .container-fluid, .cst-page .container-fluid .row, 
    .cst-page .container-fluid .row .col-md-8, .cst-page .container-fluid .row .col-md-8 .img-holder, 
    .cst-page .container-fluid .row .col-md-8 .img-holder img {
        height: auto;
    }
    .cst-page p br {
        display: none;
    }
    .home #faq-sec .col-md-5 .sec-title h4 {
        position: relative;
        font-size: 1.2rem;
    }
    #footer {
        padding: 40px 0 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .home-sec3 .row .col-md-3, .home-sec4 .row .col-md-4:nth-child(2), .home-sec5 .col-md-8 .row .col-md-4:nth-child(2) {
        padding: 0 10px;
    }
    .home-sec3 .row .col-md-3:first-child, .home-sec4 .row .col-md-4:first-child, .home-sec5 .col-md-8 .row .col-md-4:first-child {
        padding-left: 15px;
    }
    .home-sec3 .row .col-md-3:last-child, .home-sec4 .row .col-md-4:last-child, .home-sec5 .col-md-8 .row .col-md-4:last-child {
        padding-right: 15px;
    }
    #footer-contact .form-holder .btn-yellow {
        height: 68px;
    }
}

@media screen and (max-width: 991px){
    .sec-pd {
        padding: 5rem 0;
    }
    .home-sec1 {
        padding-bottom: 5rem;
    }
    .home-sec1 .row .col-md-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .home-sec1 .row .col-md-3 {
        bottom: 0;
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
        margin: 50px auto 0;
        padding: 20px;
        text-align: center;
    }
    .home-sec3 .col-md-3 {
        /* -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 30px; */
    }
    #footer-contact .form-holder .btn-yellow {
        height: 48px;
    }
}

@media screen and (max-width: 767px){
    .top-nav ul {
        flex-direction: column;
    } 
    .top-nav ul li {
        line-height: 2;
    }
    .sec-title h2 {
        font-size: 1.5rem;
    }
    .home-sec1 .row .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%; 
        max-width: 100%; 
        margin: 0 auto;
        padding: 20px 20px 30px;
    }
    .home-sec2 .text-holder ul {
        column-count: 1;
        -moz-column-count: 1;
        -webkit-column-count: 1;
    }
    .home-sec2 .text-holder ul li {
        line-height: 1.5;
        display: flex;
        align-items: flex-start;
        margin-bottom: 10px;
    }
    .home-sec3 .col-md-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 0;
    }
    .home-sec3 .icon-box {
        height: auto;
    }
    #service-sec .img-holder img {
        width: 70% !important;
        max-width: 120px !important;
    }
    .home-sec3 .icon-box .text-holder h3 {
        margin-top: 20px;
    }
    .testimonial-slider .cst-arrow.left-arrow {
        left: 1rem;
    }
    .testimonial-slider .cst-arrow.right-arrow {
        right: 1rem;
    }
    #footer-contact .form-holder .btn-yellow {
        margin-top: 20px;
    }
    .cst-page p .br1, .cst-page p .br2 {
        display: block;
    }
}

@media screen and (max-width: 540px){
    #testimonial-sec .sec-title h2 br {
        display: block;
    }
}

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

    .home-sec3 .icon-box .text-holder h3 {

        font-size: 13px;
    }
}

@media screen and (max-width: 360px) {
    #header .header-left img {
        width: 130px;
    }
    #header .header-right ul li a {
        padding: 10px;
    }
    .work-tab-holder .nav-tabs .nav-link {
        padding: 10px 15px;
    }
    .home-sec1 .text-holder .btn-yellow {
        padding: 10px 67px;
    }
    #footer-contact .sec-title h2 br {
        display: block;
    }
    .cst-page p .br1 {
        display: none;
    }
    .cst-page .col-md-4 .text-holder {
        padding: 20px 10px;
    }
    .cst-page .col-md-4 .text-holder p {
        font-size: 13px;
    }
    
}   


/* -- STEFF -- */

    #footer-contact .form-btn .col-md-6 {
        -webkit-box-flex: unset;
            -ms-flex: unset;
                flex: unset;
        max-width: unset;
        width: 100%;
        padding: 0;
    }

    #footer-contact .row.form-btn {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
        margin-left: 0;
        margin-right: 0;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        grid-gap: 15px;
    }
    #footer-contact .form-holder input[type="submit"] {
        height: 76px;
		margin-top: 0;
    }

    #footer-contact .wpcf7-spinner {
        display: none;
    }

@media screen and (max-width: 575px) {
	#footer-contact .row.form-btn {
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
	}

	#footer-contact .wpcf7-recaptcha > div {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	#project-sec .img-box a:first-child img {
		height: 332px !important;
		object-fit: cover;
	}
}

/*@media screen and (max-width: 320px) {
	#footer-contact iframe {
		transform: scale(0.86);
		-webkit-transform: scale(0.86);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}
}*/

/* DISCOVER */

#project-sec .img-box a:not(:first-child) {
    display: none;
}

#project-sec .img-box a:first-child img {
    height: 532px;
    object-fit: cover;
}

/* FOOTER FORM */

#footer-contact form .wpcf7-response-output {
    text-align: center;
}



/* -- PROJECT -- */
.tab-content .modal-content {
    padding: 50px;
}

.tab-content .modal.show .modal-dialog {
    max-width: 1060px;
    position: relative;
}

.tab-content .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.tab-content .modal button.close {
    position: absolute;
    top: 0;
    transform: inherit;
    right: 0;
    margin: 0;
    z-index: 1;
    padding: 1rem 1rem;
    font-size: 2rem;
    text-shadow: none;
    opacity: 1;
}

.tab-content .modal button.close span {
    color: #41463f;
    text-shadow: none;
    opacity: 1;
}

.tab-content .modal button.close span:hover {
    color: #f2c43d;
}

.popup-desc strong {
    font-size: 23px;
    margin-bottom: 15px;
    display: block;
}

/* ===============
      Jom
================*/
/* January 7, 2022 */
@media (min-width: 2560px) and (max-width: 2560px){
    .home-sec1 .text-holder h1 {
        font-size: 6.1rem;
    }
}

@media (min-width: 1920px) and (max-width: 1920px){
    .home-sec1 .text-holder h1 {
        font-size: 3.5rem;
    }
}

@media (min-width: 1600px) and (max-width: 1600px){
    .home-sec1 .text-holder h1 {
        font-size: 58px;
    }
}

@media (min-width: 1440px) and (max-width: 1440px){
    .home-sec1 .text-holder h1 {
        font-size: 40px;
    }
}

@media (min-width: 1366px) and (max-width: 1366px){
    .home-sec1 .text-holder h1 {
        font-size: 37px;
    }
}

@media (min-width: 1280px) and (max-width: 1280px){
    .home-sec1 .text-holder h1 {
        font-size: 34px;
    }
}


@media (min-width: 1138px) and (max-width: 1138px){
    .home-sec1 .text-holder h1 {
        font-size: 1.9rem;
    }
}

@media (min-width: 1024px) and (max-width: 1024px){
    .home-sec1 .text-holder h1 {
        font-size: 1.7rem;
    }
}

@media (min-width: 1280px) and (max-width: 2560px){
    #team-sec .col-md-4  {
       padding-right: 40px !important;
    }
}


/* January 10, 2022 */
#team-sec .modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
@media(max-width: 768px) {
  #team-sec .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}

#team-sec .modal button.close span {
    color: #41463f;
    text-shadow: none;
    opacity: 1;
}

#team-sec  .modal button.close {
    position: absolute;
    top: 0;
    transform: inherit;
    right: 0;
    margin: 0;
    z-index: 1;
    padding: 1rem 1rem;
    font-size: 2rem;
    text-shadow: none;
    opacity: 1;
}

#team-sec .modal button.close span:hover {
    color: #f2c43d;
}

#team-sec .modal-content {
    padding: 50px;
}

#team-sec .modal p {
    margin-bottom: 0 !important;
}

#team-sec .modal .member-name {
    font-family: 'Poppins', sans-serif;
    color: #000;
    font-size: 18px;
    line-height: 32px;
    font-weight: 300;
}

#team-sec .modal .member-position {
    margin-bottom: 10px !important;
    opacity: .7;
    font-family: Poppins,sans-serif;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    letter-spacing: .5px;
}

#team-sec .modal .yellow-line {
    width: 50px;
    height: 6px;
    margin-top: 7px;
    margin-right: 30px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #ffc82c;
    margin-bottom: 12px;
}

#project-sec .img-full,
#team-sec .img-full {
    cursor: pointer;
}
/* ===============
    Jom Ends
================*/


/* ===============
    01-11-22
================*/

.home-sec6 .img-full {
    width: unset;
}
@media(max-width: 768px) { 
    .home-sec6 .img-full {
        width: 100%;
    }
}

@media (max-width: 1199px)  {
	
	.home-sec1 .img-full {
		width: 100%
	}
}
/*#team-sec .img-full {
	width: unset;
}*/

@media screen and  (max-width: 1138px) {
	.testimonial-slider p,
	div#about-sec .text-holder.sec-title,
	.home-sec5 .sec-title {
		text-align: justify;
	}
}

br.br2 {
    display: none;
}

@media screen and  (min-width: 770px) {
	.img-full.tablet  {
		display:none;
	}
}
@media screen and  (max-width: 767px) {
	.img-full.tablet  {
		display:none;
	}
}
@media screen and  (max-width: 1199px) and  (min-width: 768px) {
	.img-full.desktop {
		display:none;
	}
	.img-full.tablet  {
		display:block;
	}
}
@media screen and  (max-width: 834px) {
.button-sec {
    justify-content: center;
    display: flex;
}	
}

/*============
    Jom
===========*/
/*January 31, 2022*/
@media (min-width: 600px) and (max-width: 600px){
 .error404 #content {
    height: 100vh;
}

.page-template-thank-you #content {
   height: 100vh; 
}
}

@media (min-width: 768px) and (max-width: 1024px){
 .error404 .cst-page .col-md-4 .text-holder {
   padding: 35% 20px;
}

.page-template-thank-you .cst-page .col-md-4 .text-holder  {
 padding: 35% 20px;
}
}
/*============
  Jom Ends
===========*/

/* 02/17/2022 */
select.form-control:not([size]):not([multiple]) {
    height: unset;
}
.home-sec1 .text.col-lg-6 h1 {
	color: #fff;
	font-size: 80px;
	font-weight: 700;
}

.home-sec1 .text.col-lg-6 h1 span {
    background-color: #ffc82c;
    font-style: italic;
    color: #fff;
	padding-right: 10px;
}

.home-sec1 .text.col-lg-6 p {
    font-size: 32px;
    font-weight: 500;
    color: #fff;
	line-height: 1.4;
}

.home-sec1 .form-control {
	background-color: unset;
}

.home-sec1 .text.col-lg-6.col-md-12.col-sm-12.col-12 {
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding: 0 11rem;
}

.home-sec1  .form-wrapper.text-center {
    padding: 50px 20px;
    background-color: #fff;
}

::-webkit-input-placeholder { /* WebKit browsers */
	color: #000 !important;
	opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #000 !important;
	opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #000 !important;
	opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #000 !important;
	opacity: 1;
}

.header-left{
	display: flex;
	justify-content:center;
	align-items:center;
}
div#service-sec{
	margin-top: 50px;
}
div#trust {
	margin: 100px 0;
}
#trust .column {
  float: left;
  width: 33.33%;
  overflow:hidden;
}

#trust .col-lg-6:first-child {
	background-color:#ffc82c;
    padding: 1.5rem;
}

#trust .col-lg-6:first-child h1 {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 600;
}
#trust .col-lg-6:last-child .row::after {
  content: "";
  clear: both;
  display: table;
}
/* Residential start */
#residential .slick-dots li button {
    background-color: #fff;
    opacity: 1;
	width: 10px;
    height: 10px;
    font-size: 0;
    border: 0;
	padding: 0;
    border-radius: 50px;
	cursor:pointer;
}


#residential .slick-dots {
    text-align: center;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

#residential .slick-dots li {
    margin: 0 10px;
	display: inline-block;
}

#residential .img-slider {
    align-items: center;
    justify-content: center;
/*     padding: 0 30px; */
}
#residential .slick-dots li.slick-active button {
    background-color: #ffc82c;
    opacity: 1;
}
#residential .slick-arrow {
    background-color: transparent;
    padding: 0;
    border: 0;
    font-size: 40px;
    cursor: pointer;
}
#residential .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#residential .left-arrow {
    left: -40px;
	z-index: 10;
}

#residential .right-arrow {
    right: -40px;
	z-index: 10;
}

#residential .col-two h3 {
    color: #ffc82c;
}

#residential p.p-yellow, #commercial p.p-yellow {
    color: #ffc82c;
    display: flex;
    justify-content: space-between;
}

#residential p.p-yellow span, #commercial p.p-yellow span {
	color: #000;
    /* flex: 0 90%; */
    flex-grow: 1;
    margin-left: 25px;
}
#residential .col-lg-6.col-two.pt-0 {
    padding-right: 5rem;
}
#residential {
    margin-bottom: 0px;
    padding: 50px;
    padding-top: 0;
}

#residential .col-two h3,
#residential .col-two h1 {
	margin-bottom: 0;
}

#residential .col-two .p-yellow {
	margin-bottom:5px;
}

/* Residential end */

/* commercial start */
#commercial .slick-dots li button {
    background-color: #ffc82c;
    opacity: 1;
	width: 10px;
    height: 10px;
    font-size: 0;
    border: 0;
	padding: 0;
    border-radius: 50px;
	cursor:pointer;
}


#commercial .slick-dots {
    text-align: center;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
}

#commercial .slick-dots li {
    margin: 0 10px;
	display: inline-block;
}

#commercial .img-slider {
    align-items: center;
    justify-content: center;
    padding: 0 30px;
}
#commercial .slick-dots li.slick-active button {
    background-color: #ff0000;
    opacity: 1;
}
#commercial .slick-arrow {
    background-color: transparent;
    padding: 0;
    border: 0;
    font-size: 40px;
    cursor: pointer;
}
#commercial .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

#commercial .left-arrow {
    left: -40px;
	z-index: 10;
}

#commercial .right-arrow {
    right: -40px;
	z-index: 10;
}

#commercial .col-two h3 {
    color: #ffc82c;
}

#commercial p.p-yellow {
    color: #ffc82c;
}

#commercial p.p-yellow span {
	color: #000;
}
#commercial .col-lg-6.col-two.pt-0 {
	padding: 50px;
    padding-right: 5rem;
}
#commercial {
    margin-bottom: 50px;
	background-color:#f7f7f9;
	padding: 100px 0;
}


#commercial .col-two h3,
#commercial .col-two h1 {
	margin-bottom: 0;
}

#commercial .col-two .p-yellow {
	margin-bottom:5px;
}
/* commercial end */

/* kickstart */
div#kickstart {
	margin: 50px 0;
}
#kickstart .column {
  float: left;
  width: 33.33%;
  overflow:hidden;
}

#kickstart .col-lg-6:last-child {
	background-color:#ffc82c;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#kickstart .col-lg-6:last-child h1 {
    font-size: 45px;
    text-transform: uppercase;
    font-weight: 600;
}
#kickstart .col-lg-6:first-child .row::after {
  content: "";
  clear: both;
  display: table;
}

#kickstart .btn-yellow {
	background-color: #333;
	color: #fff;
}
/* kickend */

/* step start*/

#step {
	margin: 0 100px;
	margin-bottom: 50px;
}
#step .icon-box {
	padding: 0;
	background-color: #fff;
}

#step .icon-box .text-holder h2 {
	font-size: 1.8rem;
	margin-top: 10px;
}

/* step end */

/* testimonial start */
div#testimonial-sec {
    /*margin-top: -219px;*/
    background-color: #f5f5f5;
    padding-top: 50px;
	padding-bottom: 1px;
}

.testimonial-slider {
	background-color: #fff;
}
/*  testimonial end*/

/* team start */
div#team-sec {
    padding: 50px 0;
}
/* team end */

/* about us start */
div#about-sec {
    background-color: #f5f5f5;
	padding: 50px;
	margin-bottom: 100px;
}
/* about us end */

/* faq start */
#faq-sec .img-holder {
    display: flex;
    justify-content: end;
}

#faq-sec .col-md-5 .sec-title h4 {
    padding: 10px;
    position: absolute;
    background-color: #ffc82c;
    color: #fff;
    left: 0;
    right: 0;
    text-align: center;
    text-transform: uppercase;
}

/*02/17/2022 Nalyn*/
@media screen and (max-width: 1366px) and (min-width: 1366px) {
    .home-sec1 .text.col-lg-6.col-md-12.col-sm-12.col-12 {
        padding: 0 0 0 11rem;
    }
    .home-sec1 .text.col-lg-6 h1 {
        font-size: 60px;
    }
    #footer-contact {
        padding-top: 1rem;
    }
    .home-sec1 .form-wrapper.text-center {
        padding: 30px 20px;
    }
    #footer-contact .form-holder .form-control {
        padding: 15px;
    }
    #footer-contact .form-holder textarea {
        height: 140px;
    }
}

@media screen and (min-width: 1280px){
    #kickstart .column img {
        height: 300px;
    }
    #kickstart .col-lg-6:last-child h1 {
        font-size: 34px;
    }
    #faq-sec .col-md-5 .sec-title h4 {
        font-size: 1.3rem;
    }
	
	#team-sec .col-md-8 .col-md-3 {
		margin-right: 40px;
	}
}

@media screen and (max-width: 1920px) and (min-width: 1600px) {
    .home-sec1 .text.col-lg-6.col-md-12.col-sm-12.col-12 {
        padding: 0 0rem 0 7rem;
    }
    .home-sec1 .text.col-lg-6 h1 {
        font-size: 50px !important;
    }
    .home-sec1 .text.col-lg-6 p {
        font-size: 30px;
    }
	#trust .col-lg-6:first-child {
		display: flex;
		flex-direction: column;
		justify-content: center;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 45% !important;
		flex: 0 0 45% !important;
		max-width: 45% !important;
	}
	#trust .col-lg-6:last-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 55% !important;
		flex: 0 0 55% !important;
		max-width: 55% !important;
	}
    #trust .col-lg-6:first-child p {
        font-size: 16px;
    }
    #kickstart .column img {
        height: 400px;
    }
    #kickstart .col-lg-6:last-child h1 {
        font-size: 40px;
    }
}

@media screen and (max-width: 1440px) and (min-width: 1280px) {
    .home-sec1 .text.col-lg-6.col-md-12.col-sm-12.col-12 {
        padding: 0 0 0 7rem;
    }
    .home-sec1 .text.col-lg-6 h1 {
        font-size: 70px;
    }
    .home-sec1 .text.col-lg-6 p {
        font-size: 28px;
    }
}

@media screen and (max-width: 1440px) and (min-width: 992px) {
    #trust .col-lg-6:last-child .row,
    #trust .col-lg-6:last-child .row .column,
    #trust .col-lg-6:last-child .row .column img {
        height: 100%;
    }

}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .home-sec1 .text.col-lg-6.col-md-12.col-sm-12.col-12 {
        padding: 0 15px;
    }
    .home-sec1 .text.col-lg-6 h1 {
        font-size: 65px;
    }
    .home-sec1 .text.col-lg-6 p {
        font-size: 25px;
    }
    #footer-contact .container {
        padding: 0;
        width: 100%;
    }
    #footer-contact .container > .row {
        display: block;
    }
    #kickstart .column img {
        height: 350px;
    }
    #kickstart .col-lg-6:last-child h1 {
        font-size: 35px;
    }
    #about-sec .img-holder img {
        height: 450px;
        object-fit: contain;
    }
}

@media screen and (max-width: 1199px){
    .home-sec1 .form-wrapper.text-center {
        padding: 30px 10px;
    }
    .button-sec {
        text-align: center;
    }
    .home-sec5 .sec-title {
        padding: 0 30px;
    }
}

@media screen and (max-width: 991px){
    .home-sec1 .text.col-lg-6.col-md-12.col-sm-12.col-12 {
        text-align: center;
        padding: 50px 15px 0 15px;
    }
    .home-sec1 .text.col-lg-6 h1 {
        font-size: 50px;
    }
    .home-sec1 .text.col-lg-6 p {
        font-size: 28px;
    }
    #footer-contact {
        padding-top: 0; 
    }
    #residential .col-two h3, #residential .col-two h1,
    #commercial .col-two h3, #commercial .col-two h1 {
        text-align: center;
    }
    #residential .col-one, #commercial .col-one {
        margin-bottom: 20px;
    }
    #commercial .commercial .d-flex, #trust > .container-fluid > .row {
        flex-direction: column-reverse;
		align-items: center;
    }
    #kickstart .row .col-lg-6, #trust .row .col-lg-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    #kickstart .column img, #trust .column img {
        height: 300px;
        width: 100%;
        object-fit: cover;
    }
    #kickstart .col-lg-6:last-child h1 {
        font-size: 30px;
        text-align: center;
    }
    #kickstart .col-lg-6:last-child {
        padding: 2rem 0;
    }
    div#trust {
        margin: 50px 0;
    }
    #residential, #commercial {
        margin-bottom: 0;
    }
    div#kickstart {
        margin: 0;
    }
    #step {
        margin: 50px 0 0 0;
    }
    div#testimonial-sec {
        padding-top: 50px;
    }
    div#team-sec {
        padding-top: 30px;
    }
    .sec-pd.no-pd-bottom {
        padding-top: 0;
    }
    #trust .col-lg-6:first-child {
        padding: 30px 15px 10px;
        text-align: center;
    }
    #trust .col-lg-6:first-child h1 {
        font-size: 35px;
    }
    #residential, #commercial, div#about-sec {
        padding: 50px 0 !important;
    }
    #residential .slick-arrow, #commercial .slick-arrow {
        font-size: 30px;
    }
    #residential .right-arrow, #commercial .right-arrow {
        right: 0;
    }
	#residential .left-arrow, #commercial .left-arrow {
    left: 0;
}
    #residential .col-lg-6.col-two.pt-0 {
        padding-right: 0;
    }
    #commercial .col-lg-6.col-two.pt-0 {
        padding: 50px 0;
        padding-right: 0;
    }
    #residential .residential, #commercial .commercial {
        padding: 0 30px;
    }
    #step .icon-box {
        padding: 50px 30px;        
    }
}

@media screen and (max-width: 767px){
    #footer-contact .container {
        padding: 0;
    }
    #footer-contact .container > .row {
        display: block;
    }
    #kickstart .column img, #trust .column img {
        height: 200px;
    }
    #kickstart .col-lg-6:last-child h1, #trust .col-lg-6:first-child h1 {
        font-size: 20px; 
    }
    .home-sec5 .sec-title {
        padding: 0;
    }
    .home-sec1 .text.col-lg-6 h1 {
        font-size: 40px;
    }
    .home-sec1 .text.col-lg-6 p {
        font-size: 25px;
    }
    .home #faq-sec .col-md-5 .sec-title h4 {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 600px){
    #residential p.p-yellow span, #commercial p.p-yellow span {
        color: #000;
        /* flex: 0 50%; */
    }
}

@media screen and (max-width: 360px){
    .g-recaptcha > div, .g-recaptcha iframe {
        width: 100%!important;
    }
}


/* =================
        Jom
==================*/
/* February 18, 2022 */
@media (min-width: 1138px) and (max-width: 1138px){
    #trust .col-lg-6:first-child {
        padding: 4.2rem 3rem 2rem 3rem;
    }
}

@media (min-width: 1024px) and (max-width: 1024px){
    #trust .col-lg-6:first-child {
        padding: 4.3rem 2rem 2rem 2rem;
    }

    #trust .col-lg-6:first-child h1 {
        font-size: 43px;
    }
}

@media (min-width: 768px) and (max-width: 834px){ 
    #trust .col-lg-6:first-child h1 {
        max-width: 550px; 
        margin-left: auto;
        margin-right: auto;
    }

    #kickstart .col-lg-6:last-child h1 {
        max-width: 650px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 411px) and (max-width: 414px){ 
    #trust .col-lg-6:first-child h1 {
        max-width: 350px; 
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 320px) and (max-width: 320px){ 
#footer p {
    font-size: 13px;
}
}
/* =================
      Jom Ends
==================*/
/* 02/18/2022 */
#residential i.fa.fa-angle-right.right-arrow.cst-arrow.slick-arrow,
#residential i.fa.fa-angle-left.left-arrow.cst-arrow.slick-arrow {
	-webkit-text-stroke: 5px #fff;
}

#commercial i.fa.fa-angle-right.right-arrow.cst-arrow.slick-arrow,
#commercial i.fa.fa-angle-left.left-arrow.cst-arrow.slick-arrow {
	-webkit-text-stroke: 5px #f7f7f9;
}
#commercial .slick-arrow,
#residential .slick-arrow {
	font-size: 100px;
}
#commercial .img-slider-commercial i,
#residential .img-slider i{
	display: none !important;
}

/* #step .img-holder img {
	width: 40%;
} */
#service-sec .img-holder img {
	width: 50%;
}
#team-sec .img-full {
    width: 75%;
}
@media screen and (max-width: 1600px) {
	#trust .col-lg-6:first-child {
		padding: 1rem;
	}
	
	#trust .col-lg-6:first-child h1 {
		font-size: 30px;
	}
	
	.slick-slide img {
		width: 100%;
	}
}

@media screen and (max-width: 1440px) {
	#residential .col-10,
	#commercial .col-10{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
/* 	#step .img-holder img {
		width: 40%;
	} */
	#trust .col-lg-6:first-child {
		padding: 2rem;
	}
	
	#trust .col-lg-6:first-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
	
	#trust .col-lg-6:last-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 50% !important;
		flex: 0 0 50% !important;
		max-width: 50% !important;
	}
	
	#trust .col-lg-6:first-child h1 {
		font-size: 29px;
	}
	
		.slick-slide img {
		width: 100%;
}

}

@media screen and (max-width: 1366px) {
	#trust .col-lg-6:first-child {
		padding: 1rem;
		justify-content: center;
		display: flex;
		flex-direction: column;
	}
	
	#step .icon-box {
		padding: 0px;
	}

	#step {
		margin-bottom: 75px;
	}
}

@media screen and (max-width: 1280px) {
	#trust .col-lg-6:first-child {
		padding: 1rem;
	}
	#trust .col-lg-6:first-child h1 {
		font-size: 33px;
	}
}
@media screen and (max-width: 1138px) {
	#trust .col-lg-6:first-child h1 {
		font-size: 29px;
	}
	
	#team-sec .img-full {
		width: 70%;
	}
}

@media screen and (max-width: 1024px) {
	#trust .col-lg-6:first-child h1 {
		font-size: 26px;
	}
	
	#residential .col-lg-5,
	#commercial .col-lg-5{
		-webkit-box-flex: 0;
		-ms-flex: 0 0 80%;
		flex: 0 0 80%;
		max-width: 80%;
	}
	
/* 	#commercial .commercial .d-flex, #trust > .container-fluid > .row {
		flex-direction: column-reverse;
		align-items: center;
	} */
	#commercial .commercial .d-flex {
		flex-direction: column-reverse;
		align-items: center;
	}
	
	#residential .col-one, #commercial .col-one {
		margin-bottom: 20px;
	}

    #commercial .slick-arrow,
    #residential .slick-arrow {

        top: 28vh;
    }
}

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

    #commercial .slick-arrow,
    #residential .slick-arrow {

        top: 18vh;
    }
}

@media screen and (max-width: 834px) {
	#trust .col-lg-6:first-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	
	#trust .col-lg-6:last-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

    #commercial .slick-arrow,
    #residential .slick-arrow {

        top: 23vh;
    }
}

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

    #commercial .slick-arrow,
    #residential .slick-arrow {

        top: 18vh;
    }
}

@media screen and (max-width: 768px) {
	#trust .col-lg-6:first-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	
	#trust .col-lg-6:last-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}

    #commercial .slick-arrow,
    #residential .slick-arrow {

        top: 20vh;
    }
}

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

    #commercial .slick-arrow,
    #residential .slick-arrow {

        top: 17vh;
    }
}

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

    #commercial .slick-arrow,
    #residential .slick-arrow {

        top: 17vh;
    }
}

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

    #commercial .slick-arrow,
    #residential .slick-arrow {

        top: 12vh;
    }

	#residential .col-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#commercial .col-10 {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	#team-sec .img-full {
		width: 100%;
	}
	
	#residential .slick-dots,
	#commercial .slick-dots {
		display: none !important;
	}
	
	#commercial .img-slider-commercial i,
	#residential .img-slider i {
		display: inline !important;
		color: #ffc82c;
	}
	
	#commercial .slick-arrow,
	#residential .slick-arrow {
		font-size: 45px;
	}
	
	#residential i.fa.fa-angle-right.right-arrow.cst-arrow.slick-arrow,
	#residential i.fa.fa-angle-left.left-arrow.cst-arrow.slick-arrow,
	#commercial i.fa.fa-angle-right.right-arrow.cst-arrow.slick-arrow,
	#commercial i.fa.fa-angle-left.left-arrow.cst-arrow.slick-arrow{
		-webkit-text-stroke: unset;
	}
	
	#residential .left-arrow,
	#commercial .left-arrow{
		left: 5px;
	}
	#residential .right-arrow, #commercial .right-arrow {
		right: 5px;
	}
	.slick-slide img {
		width: 100%;
	}
	
	#residential .col-one, #commercial .col-one {
		padding: 0;
	}
	#residential .residential, #commercial .commercial {
		padding: 0 15px;
	}
	
/* 	#residential .slick-arrow,
	#commercial .slick-arrow{
		top: 73%;
	} */
}
.moreless-button {
	cursor: pointer;
	color: #ffc82c;
}
.moretext {
  display: none;
}

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

    
    #commercial .slick-arrow,
    #residential .slick-arrow {

        top: 12vh;
    }
}

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

    
    #commercial .slick-arrow,
    #residential .slick-arrow {

        top: 11vh;
    }
}

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

    
    #commercial .slick-arrow,
    #residential .slick-arrow {

        top: 15vh;
    }
}

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

    
    #commercial .slick-arrow,
    #residential .slick-arrow {

        top: 13vh;
    }
}


/* 02/23/2022 */
.modal button.close {
    position: absolute;
    top: 0;
    transform: inherit;
    right: 0;
    margin: 0;
    z-index: 1;
    padding: 1rem 1rem;
    font-size: 2rem;
    text-shadow: none;
    opacity: 1;
}
.modal button.close span {
	color: #fff;
	text-shadow: none;
	opacity: 1;
}

.modal button.close span:hover {
    color: #f2c43d;
}

.item .img-wrap {
	cursor: pointer;
}

/* 02/28/2022 */
@media screen and (min-width: 1921px) {
	.home-sec1 .text.col-lg-6.col-md-12.col-sm-12.col-12 {
		padding: 0 5rem;
	}
	
	.home-sec1 .col-lg-6:last-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 40%;
		flex: 0 0 40%;
		max-width: 40%;
	}
	
	.home-sec1 .col-lg-6:first-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 60%;
		flex: 0 0 60%;
		max-width: 60%;
	}
	
	#kickstart .column img {
		width: 100%;
	}
}

/* ==========
    Jom
===========*/
/* February 28, 2022*/
#commercial .container-fluid {
    width: 95% !important;
}

@media (min-width: 320px) and (max-width: 414px){ 
    #kickstart .column img, #trust .column img {
        height: 100% !important;
    }

    #commercial .container-fluid {
        width: 100% !important;
    }
}

@media (min-width: 1920px) and (max-width: 1920px){
    .home-sec1 .text.col-lg-6 h1 {
        font-size: 66px;
    }
}

@media (min-width: 1600px) and (max-width: 1600px){
    .home-sec1 .text.col-lg-6 h1 {
        font-size: 56px;
    }
}


@media (min-width: 1440px) and (max-width: 1440px){
    .home-sec1 .text.col-lg-6 h1 {
        font-size: 49px;
    }
}

@media (min-width: 1366px) and (max-width: 1366px){
    .home-sec1 .text.col-lg-6 h1 {
        font-size: 46px;
    }
}

@media (min-width: 1280px) and (max-width: 1280px){
    .home-sec1 .text.col-lg-6 h1 {
        font-size: 42px;
    }
}

@media (min-width: 1138px) and (max-width: 1138px){
    .home-sec1 .text.col-lg-6 h1 {
        font-size: 43px;
    }
}

@media (min-width: 1024px) and (max-width: 1024px){
    .home-sec1 .text.col-lg-6 h1 {
        font-size: 39px;
    }
}

@media (min-width: 393px) and (max-width: 414px){
    .home-sec1 .text.col-lg-6 h1 {
        font-size: 29px;
    }
}

@media (min-width: 360px) and (max-width: 384px){
    .home-sec1 .text.col-lg-6 h1 {
        font-size: 26px;
    }
}

@media (min-width: 320px) and (max-width: 320px){
    .home-sec1 .text.col-lg-6 h1 {
        font-size: 23px;
    }
}

.home-sec1 .text.col-lg-6 p {
    font-weight: 400 !important;
}

#step .text-holder p {
text-align: justify;
font-weight: 400 !important;
}

/* #step h2:first-child {
    font-weight: 700;
    font-size: 35px;
} */

#step .icon-box .text-holder h2 {
    font-size: 1.5rem;
    margin-top: 10px;
}

@media screen and (max-width: 767px) {
    #content #step .icon-box {
        padding: 0 !important;
    }

    #step .icon-box .text-holder h2 {

        font-size: 20px;
    }

}


/* ==========
  Jom Ends
===========*/


/* -- STEFF  3-1-22 -- */


div#residential, div#commercial {
    padding-left: 50px;
    padding-right: 50px;
}

#commercial .container-fluid {
    width: 100% !important;
}

.modal-content img {

    width: 100%;
    height: auto;
}