/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/
div#sec8 .iwithtext .iwt-icon {
    display: none;
}

div#sec8 .iwithtext  .iwt-text {
    padding: 0 !important;
}
ul.sf-menu.sf-js-enabled.sf-arrows li a {
    backdrop-filter: blur(15px);
    filter: drop-shadow(2px 4px 6px black);
}
#sec4 .carousel-item a {
  z-index: 9999;
}
.gform_fields.top_label.form_sublabel_above.description_above {
    row-gap: 10px;
}
#sec1 div#nectar-slider-instance-1 {
    margin-bottom: 0;
}
div#page-header-wrap .page-header-bg-image {
    background-position: top !important;
}
div#page-header-wrap h1 {
    font-family: 'font1';
}
h2, h3, h2,h1 {
    font-family: 'font1';
    font-weight: 400;
}
#sec1 .nectar-scrolling-text {
    position: absolute;
    bottom: 0;
    z-index: 99;
    pointer-events: none !important;
}
#sec2 .vc_column-inner:hover .text2 h6 {
    background: linear-gradient(180deg, rgba(42, 194, 242, 1) 42%, rgba(30, 148, 210, 1) 68%, rgba(30, 148, 210, 1) 90%);
    outline: 13px solid #2ac2f29c;
}
#sec1 .nectar-scrolling-text h1 {
    font-family: font1;
    color: transparent;
    -webkit-text-stroke: 1px #bcad9ec7;
    font-size: 100px;
    line-height: 68px;
}
div#footer-outer .iconnn li {
    display: inline-block;
    margin-left: 10px;
}
div#footer-outer .iconnn li i {
    background-color: #666666;
    color: white;
    width: 35px;
    height: 35px;
    border-radius: 30px;
    line-height: 35px;
    transition: 0.9s;
}
div#footer-outer .iconnn li i:hover {
    background-color: #25a5cd;
    opacity: 1 !important;
}
#footer-outer h4 {
    font-family: font1 !important;
    font-size: 25px !important;
    line-height: 35px !important;
    position: relative;
    padding-bottom: 10px;
}
#footer-outer h4:before {
    content: '';
    position: absolute;
    border: 2px solid #25a5cd;
    width: 120px;
    bottom: 0;
}
#footer-outer #footer-widgets .foot-secc li.eml:before {
    content: "\f0e0";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
}
#footer-outer #footer-widgets .foot-secc li.phn:before {
    content: "\f095";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
}
#footer-outer #footer-widgets .foot-secc li.mrk:before {
    content: "\f041";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
}
#footer-outer #footer-widgets .foot-secc li{
margin-left: 30px;
}

#footer-outer #footer-widgets .foot-secc li:before {
    color: #25a5cd;
    font-size: 19px;
}
#footer-outer #footer-widgets .foot-secc li {
    margin-bottom: 10px !important;!i;!;
}

#footer-outer #footer-widgets .foot-secc {
    position: relative;
}
div#footer-widgets .row {
    padding-bottom: 50px;
}
div#copyright {
    padding: 15px 0px !important;
}

div#copyright strong {
    color: #25a5cd;
}
div#copyright {
    background: linear-gradient(180deg, rgba(0,0,18,1) 0%, rgba(14,0,29,0.9528186274509804) 68%, rgba(25,0,37,0.9612219887955182) 90%);
}
div#header-secondary-outer {background: linear-gradient(180deg, rgba(6,1,37,1) 0%, rgba(43,1,64,1) 68%, rgba(43,1,64,1) 90%);}


div#header-secondary-outer ul#social {
    float: right;
}
div#header-secondary-outer ul#social a i {
    top: 0;
    color: #2bc3f3;
    border: 1px solid #2bc3f3;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
}
div#header-secondary-outer ul#social li {
    margin-right: -12px !important;
}

div#header-secondary-outer ul.sf-menu.sf-js-enabled.sf-arrows {
    float: left;
}
div#header-secondary-outer {
    padding-block: 7px;
}
div#header-secondary-outer ul.sf-menu.sf-js-enabled.sf-arrows a {
    font-size: 15px;
    line-height: 25px;
}
div#header-secondary-outer ul.sf-menu.sf-js-enabled.sf-arrows a i {
    color: #2bc3f3;
}
#top .b1  a {
    background: linear-gradient(180deg, rgba(6,1,37,1) 0%, rgba(43,1,64,1) 68%, rgba(43,1,64,1) 90%);
    padding: 14px 33px !important;
    opacity: 1 !important;
    border-radius: 5px;
    transition: 0.9s !important;
}
#sec1 h2.ns-heading-el {
    font-family: font1;
    background: -webkit-linear-gradient(#050125, #27003db5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px white;
}
#sec1 h3 {
    font-family: font1;
    background: -webkit-linear-gradient(#050125, #27003db5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px white;
    font-size: 56px;
    line-height: 66px;
    margin-top: -10px;
    padding-bottom: 0px;
}
#sec1 p {
    width: 50%;
    font-weight: 500;
}
#sec1 a.primary-color {
    padding: 21px 35px;
    text-transform: capitalize;
    background: linear-gradient(180deg, rgba(42,194,242,1) 0%, rgba(31,154,214,0.6110819327731092) 68%, rgba(31,154,214,1) 90%);
}
#sec1 .buttons {
    margin-top: 0;
    padding-top: 20px;
}
div#sec2 {
    padding-block: 70px   !important;
}


 div#sec2 . h6 {

    background: linear-gradient(180deg, rgba(200,182,243,1) 0%, rgba(200,178,240,0.908000700280112) 68%, rgba(200,178,240,0.8435749299719888) 90%);

    fit-content;
    width: 85px;
    height: 85px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    outline: 1-px solid #dfbdf5ad;
    position: absolute;
    bottom: -18px;
    right: -20px;
} 

div#sec2  h6 img {
    margin-bottom: 0;
    transition: 0.9s;
}
#sec2 .vc_column-inner .text2 p {
    padding-bottom: 0;
}
#sec2 .vc_column-inner .text2 .wpb_wrapper {
    background-color: white;
    filter: drop-shadow(0px 0px 6px #ccc);
    border-radius: 10px;
    padding-block: 40px 40px;
    padding-inline: 15px !important;
    margin: 0px 20px;
    overflow: hidden;
    transition: 0.9s;
}
#sec2 .vc_column-inner .text2 h6 {
    background: linear-gradient(180deg, rgba(200,182,243,1) 0%, rgba(200,178,240,0.908000700280112) 68%, rgba(200,178,240,0.8435749299719888) 90%);
    fit-content;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    outline: 8px solid #dfbdf5ad;
    position: absolute;
    bottom: -18px;
    right: -20px;
    animation: 2s move linear alternate infinite;
	    transition: 0.9s;
}
@keyframes move{
    0%{
        transform:scale(0.9)
    }
   
}
#sec2  .vc_col-sm-4:before {
    content: '';
    position: absolute;
    width: 93%;
    height: 60%;
    z-index: 0;
    top: 17%;
    border-radius: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: linear-gradient(180deg, rgba(43,166,222,0.6306897759103641) 42%, rgba(43,166,222,0.639093137254902) 68%, rgba(43,166,222,0.5718662464985995) 90%);
}
#sec2 .c2 .vc_column-inner:hover .text2 h6 {
    background: linear-gradient(129deg, rgba(43,166,222,1) 0%, rgba(43,166,222,0.4066001400560224) 68%, rgba(43,166,222,0.16290266106442575) 90%
                                   outline: 13px solid #5acdf3;);
}
#sec2  .vc_column-inner:hover .text2 h6 img {
    filter: brightness(0) invert(1);

}
#sec1 h2.ns-heading-el em {
    font-family: font1;
    background: -webkit-linear-gradient(#5acdf3, #5acdf3ba);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
div#sec3 {
    padding-bottom: 110px !important;!i;!;
}
html body h1 {
    font-family: font1;
}
#sec3 .c1  .hover-wrap {
    margin-bottom: 0;
}
#sec3 .c1 .img2 {position: absolute;bottom: -40px;right: 0;width: 60%;border: 7px solid white;border-radius: 20px;}

#sec3 .c1 .img1 {
    width: 71%;
}
.gradiant h3 {
    background: -webkit-linear-gradient(#5E47FA, #C200C2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
}
h3 {
    text-transform: capitalize;
}
#sec3 .c2 .text1 p {
    font-style: italic;
}
a#b1 {
    padding: 13px 35px;
    text-transform: capitalize;
    background: linear-gradient(180deg, rgba(42, 194, 242, 1) 0%, rgba(31, 154, 214, 0.6110819327731092) 68%, rgba(31, 154, 214, 1) 90%);
    font-family: Roboto;
    font-size: 16px;
    line-height: 26px;
    transition: 0.9s;
}
#sec3 .c2 div#in1 .cc1 .nectar-milestone {
    padding: 30px 10px;
    border-radius: 18px;
    background-image: url(https://skylineepoxypaintingsolution.com/wp-content/uploads/2024/09/Rectangle-3347.png);
    background-size: 100% 100% !important;!i;!;
    margin-right: 10px;
}
#sec3 .c2 div#in1 .cc1 .number.default {
    font-family: font1;
    color: white;
    font-weight: 400;
}
#sec3 .c2 div#in1 .cc1 .subject {
    color: white;
    font-weight: 400;
    font-size: 17px;
}
#sec3 .c2 div#in1 .cc2 .nectar-fancy-ul ul li {
    margin-bottom: 26px;
}
.nectar-fancy-ul ul li i {
    border: 1px solid;
    width: 25px !important;
    height: 25px !important;

    line-height: 25px !important;
    border-radius: 25px;
}
#sec3 .c2 div#in1 {
    margin-bottom: 10px;
}
div#sec4 {
    padding-block: 110px  90px !important;
}
#sec4 .carousel-item {
    margin: 0px 20px !important;
    transition: 0.9s;
    position: relative;
}
#sec4 .carousel-item .hover-wrap-inner:before {
    content: '';
    position: absolute;
    background: linear-gradient(180deg, rgba(0,0,0,0.10968137254901966) 42%, rgba(0,0,0,0.5298494397759104) 68%, rgba(0,0,0,0.6867121848739496) 90%);
    width: 100%;
    height: 100%;
    z-index: 9;
    border-radius: 10px;
    transition: 0.9s;
    top: 0;
    left: 0;
    pointer-events: none !important;

}
#sec4 .carousel-item .hover-wrap-inner:hover:before {
    background: linear-gradient(180deg, rgb(43 166 222 / 12%) 0%, rgb(43 166 222 / 10%) 68%, rgb(43 166 222 / 74%) 90%);
}
#sec4 .carousel-item .hover-wrap {
    margin-bottom: 0;
}
#sec4 .carousel-item .text2 {
    position: absolute;
    bottom: 0;
    z-index: 999;
    padding: 0px 10px;
    transition: 0.9s;
}
#sec4 .carousel-item .text2 h6 a {
    font-family: 'Roboto';
    font-weight: 300;
    font-size: 16px;
    color: white;
    opacity: 1 !important;
    text-decoration: underline;
}
#sec4 .carousel-item .text2 p {
    padding-bottom: 10px;
}
#sec4 .carousel-item .text2 h6 {
    transition: 0.9s;
}
#sec4 .carousel-item .text2 h6 {
    scale: 0;
}
#sec4 .carousel-item:hover .text2 {
    padding: 30px 10px;
}
#sec4 .carousel-item:hover .text2 h6 {
    scale: 1;
}
div#sec5 {
    padding-block: 60px 110px !important;
}

div#sec5 .vc_col-sm-3 .img1 {
    margin: 0 auto;
    width: 36%;
    animation: 2s move linear alternate infinite;
}
div#sec5 .vc_col-sm-3 .text2 {
    background-color: white;
    filter: drop-shadow(2px 4px 6px #ccc);
    padding-inline: 40px;
    padding-block: 60px 30px !important;
    border-radius: 10px;
}
div#sec5 .vc_col-sm-3  .hover-wrap {
    margin-bottom: -40px;
    z-index: 99;
}
div#sec5 .vc_col-sm-3  h2 {
    font-size: 19px;
    line-height: 29px;
}
div#sec5 .vc_col-sm-3 .top h2 {
    border: 1px solid #5E47FA;
    color: #5E47FA;
    font-family: 'Roboto';
    font-weight: 500;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 100%;
    margin: 0 auto;
    position: relative;
}
#sec6 h3 {
    margin-bottom: 0px !important;
}
div#sec5 .vc_col-sm-3 .top h2:before {
    content: '';
    position: absolute;
    border: 1px dashed #999999;
    height: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: table;
    bottom: 29px;
}
div#sec5 div#in1 {
    padding-top: 23px;
}
div#sec5 div#in1:before {
    content: '';
    position: absolute;
    border: 1px dashed #5E47FA;
    width: 93%;
    height: 70%;
    border-radius: 10px;
    border-bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
div#sec6 {
    margin-bottom: -100px;
    padding: 50px 60px !important;;
    z-index: 999;
}
div#sec6 .c2 .iwithtext .iwt-icon img {
    width: 90%;
    animation: 2s move linear alternate infinite;
}
div#sec6 .c2 .iwithtext .iwt-text {
    padding-left: 100px;
}
div#sec6 .c2 .iwithtext .iwt-text a {
    color: white;
    font-size: 25px !important;
    line-height: 35px !important;
}
#sec6 .row-bg.viewport-desktop.using-image {background-size: 100% 100%;}
div#sec7 {
    padding-block: 170px 70px !important;
}
div#sec7 .text1 {
    padding-bottom: 40px;
}
#sec7>.row-bg-wrap:before {
    content: '';
    position: absolute;
    background-image: url(https://skylineepoxypaintingsolution.com/wp-content/uploads/2024/09/Group-533-1.png);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 9;
    background-repeat: no-repeat;
}
#sec8 .carousel-item .text1 p {
    min-height: 70px;
}
#sec8 button.owl-prev,#sec8 button.owl-next {
    color: #2AC2F2;
    background-color: white !important;
    width: 50px;
    height: 50px;
    border-radius: 100% !important;
    font-size: 25px;
    transition: 0.9s;
}
#sec8 button.owl-prev:hover, #sec8 button.owl-next:hover {
    opacity: 50%;
}
#sec8 .carousel-item .text1 {
    position: relative;
    z-index: 9999999 !important;
}
div#sec8 {
    padding-block: 90px 60px !important;
}
#sec8 .carousel-item {
    background-image: url(https://skylineresinpainting.com/wp-content/uploads/2024/09/Rectangle-3356-1.png);
    background-size: 100% 100%;
    padding-inline: 30px !important;
    padding-block: 40px 60px !important;
    margin-inline: 0px;
}
#sec8  .owl-nav.disabled {
    display: block;
    position: absolute;
    bottom: 26%;
    right: 12%;
}
#sec8  button.owl-prev:before {
    content: "\f060";
    font-family: 'FontAwesome';
}

#sec8  button.owl-prev span {
    display: none;
}
#sec8  button.owl-prev {
    position: unset;
    top: 0;
    right: 0;
    border: unset;
}
#sec8  button.owl-next:before {
     content: "\f061"; 
    font-family: 'FontAwesome';
}
#sec8  button.owl-next span {
    display: none;
}
#sec8 button.owl-next {
    position: relative;
    top: 0;
    right: 0px;
    border: unset;
}
#sec8 .carousel-item .iwithtext img {
    width: 100%;
}
#sec8 .carousel-item .iwithtext .iwt-text {
    padding-left: 90px;
    padding-top: 10px !important;
}
#sec8 .carousel-item .iwithtext .iwt-text h3 {
    margin-bottom: 0;
    font-family: 'font1';
    color: white;
    font-weight: 400 !important;
    font-size: 20px;
}
#sec8 .carousel-item .iwithtext .iwt-text p {
    color: white;
}
#sec7 a#b1 {
    margin: 0 auto;
    display: table;
    margin-top: 40px;
}
#sec8 .carousel-item h1 {
    font-size: 30px;
    line-height: 41px;
}
#sec8 .owl-carousel {
    margin-left: -16%;
}
#sec8 .img1 {
    position: relative;
    margin-top: -60px;
    scale: 1.1;
}
#footer-outer div#nav_menu-2 {
    margin: 0 auto;
    display: table;
}
#top .b1 a:hover {
    background: linear-gradient(180deg, rgba(42, 194, 242, 1) 0%, rgba(31, 154, 214, 0.6110819327731092) 68%, rgba(31, 154, 214, 1));
}

a#b1:hover {
    background: linear-gradient(180deg, rgba(6, 1, 37, 1) 0%, rgba(43, 1, 64, 1) 68%, rgba(43, 1, 64, 1) 90%);
}
#footer-outer a {font-weight: 100 !important;}

div#footer-outer .iconnn li i a {
    opacity: 1 !important;
}
#sec2 .vc_column-inner .text2 .wpb_wrapper p {
    width: 90%;
}
/* ================================ */

div#ab-sec1 .t-1 {
    position: relative;
    padding: 20px 40px;
}

div#ab-sec1 .t-1:after {
    content: "";
    position: absolute;
    background-image: url(https://skylineepoxypaintingsolution.com/wp-content/uploads/2024/12/pngegg-2024-11-28T042052.282-1.png);
    bottom: 0;
    width: 991px;
    height: 311px;
    left: -50px;
    top: -30px;
    z-index: -1;
}

div#ab-sec1 .t-1 h3, div#ab-sec1 .t-1 p {
    color: #fff;
}

div#ab-sec1 .t-1 h3 {
    font-family: 'font1';
    font-size: 30px;
    line-height: 40px;
}

div#ab-sec1 .t-1 p {
    text-wrap: balance;
}
div#ab-sec2 h1 {
    text-wrap: balance;
}
div#ab-sec2 {}

div#ab-sec2 .row-bg:before {
    content: "";
    position: absolute;
    background-image: url(https://skylineepoxypaintingsolution.com/wp-content/uploads/2024/12/Slice-2.png);
    width: 1670px;
    height: 216px;
    left: 0;
    right: 0;
    bottom: 0px;
    background-size: 100% 100%;
    display: table;
    margin: 0 auto;
}

div#ab-sec2-inn {}

div#ab-sec2-inn .row-bg:before {content: unset;}

div#ab-sec2-inn img {
    position: relative;
    top: 29px;
}

div#ab-sec2-inn h3 {
    font-size: 22px;
    font-family: 'font1';
    color: #000;
    position: relative;
    padding-bottom: 50px;
}

div#ab-sec2-inn .bl2 h3:before {content: "";position: absolute;background-image: url(https://skylineepoxypaintingsolution.com/wp-content/uploads/2024/12/Group-525-1.png);width: 130px;height: 109px;left: -10px;top: -20px;z-index: -1;background-repeat: no-repeat;}

div#ab-sec2-inn .bl3 h3:before {content: "";position: absolute;background-image: url(https://skylineepoxypaintingsolution.com/wp-content/uploads/2024/12/pngegg-2024-11-28T023532.894-1-1.png);width: 130px;height: 92px;left: -10px;top: -20px;z-index: -1;background-repeat: no-repeat;}

div#ab-sec2-inn .bl4 h3:before {content: "";position: absolute;background-image: url(https://skylineepoxypaintingsolution.com/wp-content/uploads/2024/12/pngegg-2024-11-28T023532.894-1-2.png);width: 150px;height: 86px;left: -30px;top: -20px;z-index: -1;background-repeat: no-repeat;}


div#ab-sec2-inn .bl1 h3:before {content: "";position: absolute;background-image: url(https://skylineepoxypaintingsolution.com/wp-content/uploads/2024/12/pngegg-2024-11-28T023532.894-1.png);width: 150px;height: 104px;left: -30px;top: -20px;z-index: -1;}

div#ab-sec3 {
    padding: 90px 0px 170px 0 !important;
}

div#ab-sec3 .row-bg {
    background-size: 100% 100%;
}

div#ab-sec3 .vc_col-sm-4 .vc_column-inner {
    background-color: #ffffff54;
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 30px 20px;
    min-height: 370px;
	    transition: 0.9s all;

}

div#ab-sec3 .vc_col-sm-4 .vc_column-inner:hover {
    background-color: #fff;
}

div#ab-sec3 .vc_col-sm-4 .vc_column-inner:hover h4 {
    color: #000;
}
div#ab-sec2 p {
    color: #000;
}

div#ab-sec1 p em {
    color: #000;
}
div#ab-sec3 .vc_col-sm-4 .vc_column-inner:hover p {
    color: #000;
}
div#ab-sec3 .vc_col-sm-4 .vc_column-inner h6 {
    margin-top: -100px;
    margin-bottom: 50px;
}
div#ab-sec3 .vc_col-sm-4 .vc_column-inner img {
    display: table;
    margin: 0 auto;
}

div#ab-sec3 .vc_col-sm-4 .vc_column-inner p {
    text-wrap: balance;
    color: #fff;
	transition: 0.9s all;
}

div#ab-sec3 .vc_col-sm-4 .vc_column-inner h4 {
    color: #fff;
    font-family: 'font1';
    font-size: 31px;
    line-height: 41px;
    text-wrap: balance;
    transition: 0.9s all;
}
div#ab-sec3 h1 {
    color: #fff;
    margin-bottom: 50px;
}
div#ab-sec3 h1 {
    color: #fff;
    margin-bottom: 50px;
}

div#ab-sec4 .row-bg:before {
    content: "";
    position: absolute;
    background-image: url(https://skylineepoxypaintingsolution.com/wp-content/uploads/2024/09/Group-533-1.png);
    width: 100%;
    height: 321px;
    left: 0;
    right: 0;
}

div#ab-sec4 .clm1:before {
    content: "";
    position: absolute;
    background-image: url(https://skylineepoxypaintingsolution.com/wp-content/uploads/2024/12/pngegg-2024-11-28T041949.179-1.png);
    width: 530px;
    height: 570px;
    right: -180px;
    bottom: -100px;
    background-size: cover;
}

/* div#ab-sec5 .row-bg:before {
    background-image: url(https://skylineepoxypaintingsolution.com/wp-content/uploads/2024/12/Group-557.png);
    width: 1808px;
    height: 285px;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    display: table;
    margin: 0 auto;
}
 */
div#lst-inn .row-bg:before {
    content: unset;
}
div#ab-sec5 .row-bg {
    background-size: 100% 100%;
}


div#ab-sec5 h2 {
    color: #fff;
    font-size: 40px;
    line-height: 50px;
    text-wrap: balance;
}

div#ab-sec5 p {
    color: #fff;
}
div#ab-sec5  .iwt-text h4 {
    color: #fff;
    font-weight: 100;
    margin-bottom: 0;
}

div#ab-sec5 .iwt-text h2 a {
    color: #fff;
}

div#ab-sec5 .iwt-text h2 {
    line-height: 25px;
    font-size: 25px;
    margin-bottom: 0;
}

div#ab-sec5 .iwt-icon img {
    margin: 0;
    width: 70px;
}

div#ab-sec5 .iwt-text {
    padding-left: 75px;
}

div#ser-sec1 h1, div#ser-sec1 p {
    text-wrap: balance;
}

div#ser-secinn h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div#ser-secinn h3 img {margin-bottom: 0;}

div#ser-secinn h3 {
    font-family: 'font1';
}

div#ser-secinn img {
    filter: drop-shadow(0px 6px 12px  #64646f61);
}

div#why-choos h1 {
    color: #000;
}
div#why-choos .vc_col-sm-3 .vc_column-inner {box-shadow: 0 4.12px 17.05px #64646f4d;min-height: 440px;border-radius: 8px;transition: 0.9s all !important;}

div#why-choos .vc_col-sm-3 .vc_column-inner .wpb_text_column.wpb_content_element {
    padding: 0 10px 20px 10px;
    text-align: center;
}

div#why-choos .vc_col-sm-3 .vc_column-inner h3 {
    font-family: "font1";
    webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: rgb(94,71,250);
    background: linear-gradient(270deg, rgba(94,71,250,1) 0%, rgba(194,0,194,1) 100%);
    background-clip: text;
}

div#why-choos .vc_col-sm-3 .vc_column-inner p {
    color: #000;
}
div#ser-sec1 p span {
    color: #000 !important;
}
div#why-choos .vc_col-sm-3 .vc_column-inner:hover {
    background: rgb(94,71,250);
    background: linear-gradient(270deg, rgba(94,71,250,1) 0%, rgba(194,0,194,1) 100%);
    transition: 0.9s all;
}

div#why-choos .vc_col-sm-3 .vc_column-inner:hover h3 {
    -webkit-text-fill-color: #fff;
}

div#why-choos .vc_col-sm-3 .vc_column-inner:hover p {
    color: #fff;
}

div#why-choos .vc_col-sm-3 .vc_column-inner img {
    width: 100% !important;
}

div#why-choos .vc_col-sm-3 {
    transition: 0.9s all;
}

div#btn-sec h3 {
    font-family: 'font1';
    color: #fff;
    margin-bottom: 190px;
    text-align: center;
    position: relative;
    text-wrap: balance;
}

div#btn-sec .wpb_text_column.wpb_content_element {
    position: relative;
}

div#btn-sec .blk-1:before {
    content: "";
    position: absolute;
    background-image: url(https://skylineepoxypaintingsolution.com/wp-content/uploads/2024/12/pngegg-2024-11-28T023532.894-1-4.png);
    width: 300px;
    height: 230px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: -50px;
    left: -9px;
}


div#btn-sec .blk-2:before {
    content: "";
    position: absolute;
    background-image: url(https://skylineepoxypaintingsolution.com/wp-content/uploads/2024/12/pngegg-2024-11-28T023532.894-1-5.png);
    width: 300px;
    height: 230px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: -50px;
    left: 0px;
}

div#btn-sec .blk-3:before {
    content: "";
    position: absolute;
    background-image: url(https://skylineepoxypaintingsolution.com/wp-content/uploads/2024/12/Group-563.png);
    width: 300px;
    height: 230px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: -50px;
    left: -9px;
}

div#btn-sec .blk-4:before {
    content: "";
    position: absolute;
    background-image: url(https://skylineepoxypaintingsolution.com/wp-content/uploads/2024/12/Group-564.png);
    width: 300px;
    height: 230px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    top: -50px;
    left: 0;
}

div#btn-sec a#btn {
    display: table;
    margin: 0 auto;
    background: rgb(94,71,250);
    background: linear-gradient(270deg, #2AC2F2 0%, #1E94D2 100%);
    font-size: 16px;
    padding: 17px 20px;
    font-family: 'Roboto';
}
div#cnt-sec {
    background: rgb(44,0,65);
    background: linear-gradient(270deg, rgba(44,0,65,1) 0%, rgba(0,0,33,1) 100%);
    padding: 40px 60px !important;
    border-radius: 20px;
}

div#cnt-sec h1 {
    text-wrap: balance;
    background: rgb(42,194,242);
    background: linear-gradient(270deg, rgba(42,194,242,1) 0%, rgba(30,148,210,1) 100%);
    webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

div#cnt-sec p {
    text-wrap: balance;
    width: 80%;
    color: #9999 !important;
}

div#cnt-sec input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    background-color: #fff;
    margin-bottom: 10px;
    width: 100%;
}

div#cnt-sec .col.span_6 p {
    width: 100% !important;
}

div#cnt-sec .col.span_6 select {
    background-color: #fff;
    padding-bottom: 16px;
}
div#cnt-sec .form .col.span_12 p {
    width: 100%;
}

div#cnt-sec .form .col.span_12 p textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.num.fm-mess {
    background-color: #fff;
    height: 180px;
    border-radius: 10px;
}

div#cnt-sec input#btn {
    width: 100%;
    background: linear-gradient(270deg, #2AC2F2 0%, #1E94D2 100%) !important;
    font-size: 16px;
}

div#cnt-sec .iwithtext {
    background-color: #ffffff38;
    padding: 40px 20px;
    border-radius: 10px;
}

div#cnt-sec .iwithtext .iwt-icon {
    position: unset;
    display: table;
    margin: 0 auto;
}

div#cnt-sec .iwithtext .iwt-icon img {
    margin-bottom: 0;
    width: 60px;
}

div#cnt-sec .iwithtext .iwt-text {
    padding-left: 0;
    text-align: center;
}

div#cnt-sec .iwithtext .iwt-text p {
    width: 100%;
    color: #fff;
}

div#cnt-sec .iwithtext .iwt-text h3 {
    font-family: "font1";
    webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: rgb(94, 71, 250);
    background: linear-gradient(270deg, rgba(94, 71, 250, 1) 0%, rgba(194, 0, 194, 1) 100%);
    background-clip: text;
}

div#cnt-sec .iwithtext .iwt-text p a {
    color: #fff;
}
div#page-header-wrap h1 {
    font-family: "font1";
    webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: rgb(94, 71, 250);
    background: linear-gradient(270deg, #2C0041 0%, #000021 100%);
    background-clip: text;
    font-size: 50px;
    -webkit-text-stroke: 0.1px #fff;
}/* =================================*/

@media only screen and (min-width: 1300px) and (max-width: 1500px) {
    #page-header-bg .span_6 h1, .nectar-box-roll .overlaid-content h1 {
        font-size: 51.5px;
        line-height: 50.5px;
    }
}



/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1920px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1600px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1440px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1366px) {
	div#ab-sec5 .vc_col-sm-7 {
    padding-left: 120px;
}
	div#lst-inn .vc_col-sm-7 {
    display: none;
}
div#lst-inn .vc_col-sm-5 {
    padding-left: 0 !important;
}

div#lst-inn .vc_col-sm-5 img {
    display: table;
    margin: 0 0 0 auto;
}
	div#ab-sec3 .vc_col-sm-4 .vc_column-inner {
    min-height: 320px;
}
	div#ab-sec2 .row-bg:before {
    width: 1330px;
}
	div#ab-sec1 .t-1 {
    font-size: 13px;
    line-height: 20px;
}
div#ab-sec1 .t-1 {
    padding: 20px 120px 30px 10px;
}
	div#ab-sec1 .t-1:after {
    width: 751px;
    height: 281px;
    left: -50px;
    top: -30px;
    background-size: 100% 100%;
}
    div#sec6 {
    padding: 50px 100px !important;
}
	
#sec1 h2.ns-heading-el {
  font-size: 110px;
  line-height: 80px;
}
#sec1 .content {
  padding-top: 20px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1340px) {
	div#sec3 h1 br {
    display: none;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1320px) {}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1280px) {
	    div#ab-sec2 .row-bg:before {
        width: 1280px;
    }
html body a,html body p,html body li {
    font-size: 13px !important;
    line-height: 23px !important;
}
#sec1 h3 {
    font-size: 53px;
    line-height: 63px;
}
div#sec5 div#in1 .vc_col-sm-3 {
    padding-inline: 5px;
}
div#sec5 .vc_col-sm-3 h2 {
    font-size: 17px;
    line-height: 27px;
}
#footer-outer h4 {
    font-size: 20px !important;
    line-height: 30px !important;
}
	#sec1 a.primary-color {
padding: 9px 10px !important;
    font-size: 12px !important;
    line-height: 22px !important;
}
	#sec1 .buttons {
  margin-top: 0;
  padding-top: 6px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 1024px) {
	div#ab-sec5 .vc_col-sm-7 h2 {
    font-size: 25px;
    line-height: 30px;
}
	div#ab-sec5 .vc_col-sm-7 {
    padding-left: 40px;
}
	div#ab-sec1 .t-1 {
        padding: 20px 0px 10px 0px;
    }
div#sec3 h1 {
    font-size: 27px;
}
	#top #logo img {
  height: 80px;
}
    
#sec8 .carousel-item h1 {
    font-size: 26px;
    line-height: 36px;
}
    #sec1 h2.ns-heading-el {
    font-size: 80px !important;
    line-height: 60px !important;
}
#sec1 h3 {
    font-size: 40px;
    line-height: 50px;
}

#sec1 .buttons {
    padding-top: 10px !important;
}
#sec1 .content {
    padding-top: 11px;
}
#sec2 .vc_column-inner .text2 .wpb_wrapper {
    margin: 0px 6px;
    padding-block: 20px 40px;
}
#sec3 .c2 div#in1 .cc1 .nectar-milestone {
    padding: 20px 10px;
}
#sec3 .c2 div#in1 .cc2 .nectar-fancy-ul ul li {
    margin-bottom: 14px;
}
div#sec3 {
    padding-bottom: 60px !important;
}
div#sec4 {
    padding-block: 60px 40px !important;
}
#sec4 .carousel-item {
    margin: 0px 8px !important;
}
div#sec5 .vc_col-sm-3 .text2 {
    padding-inline: 10px;
}
div#sec5 {
    padding-block: 60px 60px !important;
}
div#sec6 {
    padding: 40px 60px !important;
}
div#sec6 .c2 .iwithtext .iwt-text a {
    font-size: 21px !important;
    line-height: 32px !important;
}
div#sec6 .c2 .iwithtext .iwt-text {
    padding-left: 80px;
}
#sec8 .img1 {
    margin-top: 0;
}
#sec8 .carousel-item .iwithtext .iwt-text h3 {
    font-size: 18px !important;
    line-height: 28px;
}
#sec8 .carousel-item {
    padding-inline: 20px !important;
    padding-block: 30px 50px !important;
}
div#sec8 {
    padding-block: 30px 30px !important;
}
	div#sec2 h2 {
    font-size: 17px;
}
	#sec2 .vc_column-inner .text2 .wpb_wrapper p {
    width: 95%;
    min-height: 80px;
}
	div#sec3 h1 br {
    display: none;
}
	div#cnt-sec p {
    width: 100%;
}
	div#why-choos .vc_col-sm-3 .vc_column-inner {
    min-height: 350px;
}
	div#btn-sec .blk-2:before {
    left: -50px;
}
	div#btn-sec .blk-1:before {
    left: -60px;
}
	div#btn-sec .blk-3:before {
    left: -50px;
}
	div#btn-sec .blk-4:before {
    width: 310px;
    left: -30px;
}
}

/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 912px) {
	div#ab-sec2-inn p {
    padding: 0 100px;
}
	    div#ab-sec3 .vc_col-sm-4 .vc_column-inner {
        min-height: auto;
    }
	div#lst-inn .vc_col-sm-5 img {
        display: table;
        margin: 0 auto;
    }
	
	div#ab-sec3 .cll {
    margin-bottom: 10px;
}
div#ab-sec3 .row-bg {
    background-color: #293a62;
    background-image: unset !important;!I;!;
}

div#ab-sec4 img {
    width: 70%;
    display: table;
    margin: 0 auto;
}

div#ab-sec4 {
    text-align: center;
}

div#ab-sec5 {
    text-align: center;
}

div#ab-sec5 img {
    display: table;
    margin: 0 auto;,
    animation: ;
}

div#ab-sec5 .iwt-icon {
    position: unset;
    display: table;
    margin: 0 auto;
}

div#ab-sec5 .iwt-text {
    padding-left: 0;
}

div#ab-sec5 .iwt-text h2 a {
    font-size: 25px !important;
    line-height: 35px !important;
}

div#ab-sec4 .clm1:before {
    content: unset;
}
	div#ab-sec5 .row-bg {
    background-size: 100% 100%;
    background-color: #36abf7;
    background-image: unset !important;
}
	div#ab-sec3 .row-bg {
    background-color: #293a62;
    background-image: unset !important;
}
	    div#ab-sec3 .cll {
        margin-bottom: 10px !important;
    }

	div#ab-sec3 {
    padding: 70px 0px 0 0 !important;
}
	div#ab-sec3 .vc_col-sm-4 {
    padding: 0 190px;
    margin-bottom: 90px;
}
	div#ab-sec2 .row-bg:before {
    content: unset;
}
	div#ab-sec2-inn img {
    display: table;
    margin: 0 auto;
    top: 0;
    width: 60%;
}
	div#ab-sec2-inn h3:before {
    left: 0;
    right: 0;
    display: table;
    margin: 0 auto;
}
	div#ab-sec2 {
    text-align: center;
}
	div#ab-sec1 img {
    width: 70%;
    display: table;
    margin: 0 auto;
}
	    div#ab-sec1 .t-1 {
        padding: 20px 180px 60px 70px;
    }
	    div#ab-sec1 .t-1:after {
        width: 921px;
        height: 261px;
        left: 0;
        top: -30px;
        right: 0;
        display: table;
        margin: 0 auto;
    }
	div#ab-sec1 {
    text-align: center;
}
	    
	div#btn-sec h1 {
    margin-bottom: 90px;
}
	div#cnt-sec h1 {
    text-align: center;
}

div#cnt-sec p {
    text-align: center;
}
	div#btn-sec img {
    display: table;
    margin: 0 auto;
}
div#cnt-sec form.wpcf7-form.init .col.span_12, div#cnt-sec form.wpcf7-form.init .col.span_6 {
    margin-bottom: 0px;
}

div#cnt-sec .form .col.span_12 p textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.num.fm-mess {
    margin-top: 10px;
}
	div#btn-sec .blk-4:before {
    width: 590px !important;
    height: 250px;
    top: -60px;
    left: 0 !important;
    right: 0 !important;
	display: table;
    margin: 0 auto;
}
	div#btn-sec .blk-3:before {
    left: 0;
    right: 0;
    display: table;
    margin: 0 auto;
}
	div#btn-sec img {
    display: table;
    margin: 0 auto;
}
	div#btn-sec .blk-2:before {
    top: -50px;
    left: 0;
    right: 0;
    display: table;
    margin: 0 auto;
}
	div#btn-sec .blk-1:before {
    top: -60px;
    left: 0;
    right: 0;
    display: table;
    margin: 0 auto;
}
	div#ser-sec1 {
    text-align: center;
}
	div#ser-sec1 img {
    display: table;
    margin: 0 auto;
    width: 60%;
}
	div#ser-secinn img {
    width: 100%;
}

div#ser-secinn  h3 img {
    width: unset;
}
	div#sec2 {
    padding-block: 70px 20px !important;
}
	#sec1 .nectar-scrolling-text h1 {

  font-size: 70px;
  line-height: 44px;
}
    #sec1 h2.ns-heading-el {
    font-size: 70px !important;
    line-height: 60px !important;
}

#sec1 h3 {
    font-size: 30px;
    line-height: 40px;
}

#sec1 a.primary-color {
    font-size: 12px !important;
    line-height: 22px !important;
}

#sec1 .content {
    padding-top: 101px;
}
    #sec8 .owl-nav.disabled {
    right: 15%;
}
#sec4 .carousel-item .text2 {
    padding: 0px 31px;
}
#sec4 .carousel-item .text2 h6 {
    scale: 1;
}
#sec4 .carousel-item .text2 {
    padding: 30px 20px;
}
    #sec2 .vc_col-sm-4 {
    width: 50%;
    margin: 0 auto;
    margin-bottom: 40px;
}
#sec2 .vc_column-inner .text2 .wpb_wrapper {
    margin: 0px 20px;
}
div#sec3 {
    text-align: center;
}
div#sec3 li {
    text-align: left;
}
#sec3 .c2 div#in1 .cc1,#sec3 .c2 div#in1 .cc2 {
    width: 50%;
}
#sec3 .c1 .img2 {
    display: none;
}
#sec3 .c1 .img1 {
    width: 50%;
    margin: 0 auto;
}
div#sec5 div#in1:before {
    height: 30%;
}
div#sec5 div#in1 .c3 .top h2:before,div#sec5 div#in1 .c4 .top h2:before {
    bottom: -22px !important;
}
div#sec6 {
    text-align: center;
    padding: 30px 30px !important;
}
div#sec6 .iwithtext {
    margin: 0 auto;
    display: table;
    text-align: left;
}
div#sec7 div#in1 {
    margin-bottom: 0;
}
div#sec7 div#in1 .vc_col-sm-6 {
    width: 50%;
}
div#sec7  .img2 {
    height: 300px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    background-position: top !important;
}
div#sec8 .c1 {
    order: 1;
}
#sec8 .owl-carousel {
    margin-left: 0;
}
#sec8 .carousel-item {
    margin-inline: 90px !important;
}
#sec8 .img1 {
    scale: 1;
    width: 70%;
    margin: 0 auto;
    margin-top: -130px;
}
#footer-outer div#nav_menu-2 {
    margin: unset;
}
#sec8 .carousel-item h1 {
    font-size: 30px;
    line-height: 40px;
}
html body a, html body p, html body li {
    font-size: 14px !important;
    line-height: 24px !important;
}
	div#sec5 .vc_col-sm-3 .img1 {

    width: 20%;

}
	#sec8 .carousel-item .text1 p {
    min-height: 100px;
}
	div#sec3 .text1.gradiant {
    margin: 15px 80px;
}
}


/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 840px) {
	   #sec1 p {
    display: none;
}
	#sec1 .nectar-scrolling-text h1 {

  font-size: 40px;
  line-height:26px;
}
	    div#sec3 .text1.gradiant {
        margin: 15px 60px;
    }
}

@media (max-width: 800px) {

div#why-choos .vc_col-sm-3 .vc_column-inner {
        min-height: 430px !important;
    }
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 768px) {
	div#ab-sec3 .vc_col-sm-4 .vc_column-inner {
    min-height: auto;
}
	    div#ab-sec1 .t-1 {
        padding: 0px 0px 40px 0px;
    }
	div#why-choos .vc_col-sm-3 .vc_column-inner {
        min-height: 410px;
    }
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 525px) {
	div#ab-sec2-inn p {
    padding: 0 0px;
}
	div#ab-sec1 .t-1 p {
    font-size: 12px !important;
    line-height: 20px !important;
}
	div#ab-sec3 .vc_col-sm-4 .vc_column-inner h4 {
    font-size: 20px;
    line-height: 30px;
}
	div#ab-sec5 h2 {
    font-size: 30px;
    line-height: 40px;
}
	    div#ab-sec3 .vc_col-sm-4 {
        padding: 0 30px;
    }
	div#ab-sec1 .t-1:after {
        width: 671px;
        height: 261px;
        left: -40px;
    }
	    div#ab-sec1 .t-1 {
        padding: 0px 0px 10px 0px;
    }
	div#btn-sec .blk-4:before {
        width: 440px !important;
        left: -10px !important;
	}
	#sec1 .content {
  padding-top: 50px;
}
  

    #sec3 .c2 div#in1 .cc2 .nectar-fancy-ul {
    margin: 0 auto;
    display: table;
}
    #sec2 .vc_column-inner .text2 .wpb_wrapper p {
    width: 88%;
}
  
    #sec8 .img1 {
    margin-top: -80px;
}
    #sec8 .owl-nav.disabled {
    display: none;
}
    div#sec7 .text1 {
    padding-bottom: 0px;
}
 
#sec1 a.primary-color {
    padding: 10px 8px !important;
    font-size: 12px !important;
}
#sec2 .vc_col-sm-4 {
    width: 100%;
}
#sec2 .vc_column-inner .text2 .wpb_wrapper {
    margin: 0px 50px;
}
#sec2 .vc_col-sm-4:before {
    width: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#sec3 .c2 div#in1 .cc1, #sec3 .c2 div#in1 .cc2 {
    width: 100%;
}
#sec3 .c2 div#in1 .cc1 .nectar-milestone {
    width: 40%;
    margin: 0 auto;
}
#sec4 .carousel-item {
    margin: 0px 40px !important;
}
div#sec5 div#in1:before {
    height: 20%;
}
div#sec5 div#in1 .c2 .top h2:before {
    bottom: -22px !important;
}
#sec7 a#b1 {
    margin-top: 0;
}
#sec8 .carousel-item {
    margin-inline: 20px !important;
}
#footer-outer div#media_image-2 img {
    width: 60%;
}
       #sec1 h2.ns-heading-el {
    font-size: 50px !important;
    line-height: 40px !important;
}
#sec1 h3 {
    font-size: 20px;
    line-height: 40px;
}
	#sec2 .vc_column-inner .text2 .wpb_wrapper p {
        min-height: 50px;
    }
	div#sec3 .text1.gradiant {
    margin: 10px 0px;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 430px) {
	div#btn-sec .blk-4:before {
        width: 370px !important;
        left: 0px !important;
    }
#sec2 .vc_column-inner .text2 .wpb_wrapper {
    margin: 0px 10px;
}
html body h1 {
    font-size: 23px;
    line-height: 33px;
}
#sec3 .c2 div#in1 .cc1 .nectar-milestone {
    width: 50%;
}
#sec3 .c1 .img1 {
    width: 100%;
}
#sec4 .carousel-item {
    margin: 0px 10px !important;
}
div#sec7 div#in1 .vc_col-sm-6 {
    width: 100%;
    margin-bottom: 0;
}
div#sec7 div#in1 img {
    height: 100% !important;
}
div#sec7 div#in1 .vc_col-sm-6 .hover-wrap {
    padding-bottom: 20px;
}
div#sec8 {
    padding-block: 20px 30px !important;
}
#sec8 .carousel-item {
    margin-inline: 10px !important;
}
#sec8 .img1 {
    width: 100%;
}
div#copyright p {
    font-size: 12px !important;
    line-hight:14px !important;
}
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 375px) {
	div#cnt-sec {
    padding: 20px 20px !important;
}
	div#btn-sec .blk-4:before {
        width: 320px !important;
        left: 0px !important;
    }
	div#ser-sec1 h1 {
    font-size: 20px;
    line-height: 30px;
}
	    #sec2 .vc_column-inner .text2 .wpb_wrapper p {
        min-height: 70px;
    }
}
/*-----------------------------------------------------------------------------------------------------*/
@media (max-width: 360px) {}