/*---------------------------------------------------------------------------------
Theme Name:   Sydney Epoxy Solutions
Theme URI:
Description:  Child theme of Sydney Epoxy Solutions
Author:      Sydney Epoxy Solutions
Template:     Divi
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
----------------------------- ADDITIONAL CSS HERE ------------------------------*/

#et-main-area {
    overflow: hidden;
}

.satisfy-regular {
    font-family: "Satisfy", cursive;
}

body {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    background: #FFFDF8;
    line-height: 1.7;
}

.site_content a {
    color: #e94e1b !important;
}

.same_width,
.site_row {
    width: 100% !important;
    max-width: 1400px !important;
}

.same_padding {
    padding: 80px 0px !important;
}

.pd0 {
    padding: 0 !important;
}

.text_center {
    text-align: center !important;
}

.white_color {
    color: #fff !important;
}


/*====================banner=========================*/

.banner_section,
.banner_section_row {
    padding: 0 !important;
}

div#main-content {
    margin-top: 145px;
}

.banner_slider .et_pb_slide {
    height: 812px;
}

.banner_text_main_inner {
    font-size: 66px;
    color: #333333;
    font-weight: 700;
    line-height: normal;
    width: 100%;
}

.main_transform_content .site_content a {
    color: #fff !important;
}

.banner_text_btm {
    font-family: "Satisfy", cursive;
    font-size: 52px;
    color: #E94E1B;
    font-weight: 400;
    line-height: 0.2;
}

.bnner_btm_txt {
    font-size: 19px;
    font-weight: 700;
    color: #333;
    border-top: 3px solid #008D36;
    border-bottom: 3px solid #164194;
    background: #fff;
    margin-top: 50px;
}

.banner_box {
    position: relative;
    margin-right: -60px;
    width: 100%;
    margin-left: auto;
}

.first_col_banner {
    z-index: 999;
}

.banner_text_main {
    width: 112%;
    margin-top: 110px;
}

.banner_text_main_inner span {
    background: #FFFDF8;
    border-bottom-right-radius: 30px;
    display: block;
    padding-right: 10px;
}


/* ============banner end ================*/


/* =========about us =============*/

.about_us_image img {
    height: 660px;
    object-fit: cover;
    object-position: top;
    border-top-left-radius: 200px !important;
    border-radius: 10px;
}

.abt_btn {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.about_top_title_inner {
    font-size: 110px;
    color: #fff;
    width: 1411px;
    left: -98px;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    line-height: normal;
    padding: 0;
    top: 14px;
}

.about_top_title {
    position: relative;
}

.abt_col1 {
    width: 55% !important;
}

.abt_col2 {
    width: 45% !important;
}

.about_content_main {
    padding-top: 60px;
    padding-right: 40px;
}

.about_us_row::before {
    content: 'Sydney Epoxy Solutions';
    -webkit-text-stroke-width: 1px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-color: #ddd;
    font-size: 110px;
    color: #fff;
    width: 1411px;
    left: -98px;
    position: absolute;
    top: 14px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: normal;
    z-index: 9;
}

.about_us_row .section_main_title {
    color: #E94E1B;
    padding-bottom: 10px;
}

.section_main_title {
    font-size: 42px;
    color: #000;
    line-height: normal;
    font-weight: 500;
}

.site_content {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 34px;
}

.site_content span {
    display: block;
    padding-bottom: 10px;
}

.about_us_section::after {
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='275' height='197' viewBox='0 0 275 197' fill='none'%3E%3Cpath d='M280 74.5618H0V121.653H280V74.5618Z' fill='%23164194'/%3E%3Cpath d='M280 0H0V47.0916H280V0Z' fill='%23E94E1B'/%3E%3Cpath d='M280 149.908H0V197H280V149.908Z' fill='%23575756'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    right: 10px;
    bottom: 90px;
    width: 280px;
    height: 197px;
}


/* =========about us end=============*/


/*========== our suppliers =============*/

.logo-item-inner {
    margin: 10px;
}

.logo-item-inner1 img {
    height: 100px;
    object-fit: contain;
    width: 132px;
}

.logo-item-inner1 {
    height: 132px;
    border-radius: 23px;
    box-shadow: 0px 0px 14px 0px #0000001A;
    width: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: contain;
}

.logo-item-inner1:hover {
    box-shadow: #dcdcdc 0 0 15px 2px inset;
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.logo-item-inner1:hover img {
    -webkit-transform: scale(.9) rotate(10deg);
    -ms-transform: scale(.9) rotate(10deg);
    transform: scale(.9) rotate(10deg);
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
}

.logo-item-inner {
    margin: 10px 30px;
}

.site_title {
    font-size: 34px;
    color: #333333;
    font-weight: 500;
    line-height: normal;
    padding-bottom: 10px;
}

.our_supplier_section::before {
    position: absolute;
    content: '';
    bottom: 0;
    border-bottom: 1px solid #DDDDDD;
    left: 0;
    right: 0;
    height: 1px;
    max-width: 1400px;
    width: 100%;
    margin: auto;
}

.logo-item {
    position: relative;
}

.slick-track .slick-slide:last-child .logo-item::after {
    display: none;
}

.logo-item::after {
    position: absolute;
    content: '';
    right: 0;
    height: 70px;
    width: 1px;
    background: #ddd;
    top: 0;
    bottom: 0;
    margin: auto;
}


/*========== our suppliers end=============*/


/*===== service section ========*/

.sg_Services_outer_st {
    display: flex;
    gap: 2rem;
    margin-top: 20px;
    justify-content: center;
}

.sg_Services_outer_st_col {
    text-align: center;
    width: 25%;
}

.sg_Services_outer_img_box img {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    padding: 15px;
    object-fit: cover;
    display: block;
}

.sg_Services_outer_img_box:hover .partial-ring {
    transform: rotate(90deg) !important;
    transition: 1s !important;
}

.sg_service_title_block a {
    font-size: 28px;
    padding-top: 10px;
    display: block;
    line-height: normal;
    color: #333333;
}

.sg_service_title_block a span {
    padding-left: 10px;
}

.sg_Services_outer_img_box {
    position: relative;
}

.partial-ring {
    position: absolute;
    border: 8px solid #E94E1B;
    top: 0;
    transform: rotate(0deg);
    bottom: 0;
    left: 0;
    transition: 1s !important;
    border-radius: 50%;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    border-bottom-color: #fff;
    border-left-color: #fff;
}

.sg_Services_outer_st_col:nth-child(2) .partial-ring {
    transform: rotate(314deg);
}

.sg_Services_outer_st_col:nth-child(3) .partial-ring {
    transform: rotate(250deg);
}

.sg_Services_outer_st_col:nth-child(4) .partial-ring {
    transform: rotate(135deg);
}


/*===== service section end========*/


/* Benefit section */

.benefit_box_inner:hover {
    background: #E94E1B;
}

.benefit_box_inner {
    height: 320px;
    border: 1px solid #FFFFFF4D;
    border-radius: 20px;
    background: #2D549E;
    padding: 20px;
}

.benefit_box_inner_title {
    font-size: 20px;
    color: #fff;
    line-height: normal;
    padding-top: 10px;
    font-weight: 700;
}

.site_content_main span {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    line-height: 27px;
}

.site_content_main {
    padding-top: 15px;
}

.title_col_main .section_main_title {
    color: #fff;
    text-align: center;
    height: 320px;
    display: flex;
    align-items: center;
}

.benefit_box {
    padding: 10px;
}

.epoxy_title {
    padding: 10px;
}

.benefit_sections {
    background-attachment: fixed;
}


/* Benefit section end*/


/* left right section */

.transform_img img {
    height: 678px;
    object-fit: cover;
    object-position: top left;
}

.un_transform_img img {
    height: 800px;
    object-fit: cover;
    object-position: top left;
}

.center_logo {
    position: absolute;
    top: -60px;
    right: -70px;
    left: auto;
    margin: auto;
    width: 150px;
}

.transform_content .site_title,
.us_transform_content .site_title {
    display: block;
    padding-bottom: 10px;
    line-height: normal;
}

.us_transform_content .site_title {
    color: #fff;
}

.transform_content .site_title span {
    display: block;
    color: #E94E1B;
    padding: 0;
}

.transform_section_main_row .et_pb_column {
    margin: auto;
}

.transform_content,
.us_transform_content {
    width: 75%;
    margin: auto !important;
}

.transform_content .site_content {
    color: #000;
}


/* left right section end*/


/* testimonail section */

.testimonial_section_main .site_content {
    color: #333;
}

.site_title.fw700 {
    font-weight: 700;
}

.review-header {
    display: flex;
    align-items: center;
}

.review-name-first {
    width: 58px;
    height: 58px;
    background: rgb(25, 123, 255);
    font-size: 26px;
    color: #fff;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.review-name {
    font-size: 20px;
    color: #333333;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    padding-left: 10px;
    text-transform: capitalize;
}

.stars .fa {
    color: #FFC107;
    font-size: 18px;
    padding: 0px 3px;
}

.review-text {
    text-align: left;
    height: 180px;
}

.review-card-inner.readmore-active .review-text {
    height: auto;
}

.stars {
    text-align: left;
    padding-top: 10px;
}

.g_img_flex {
    display: flex;
    align-items: flex-start;
    margin-top: 24px;
    color: #111111;
}

.review-card-inner.readmore-active {
    height: auto !important;
}

.g_img_flex span {
    font-size: 16px;
    color: #000;
    line-height: normal;
    text-align: left;
    padding-left: 8px;
    font-weight: 400;
}

.g_img_flex svg {
    padding-top: 3px;
}

button.read-more-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    color: red;
    text-decoration: underline;
}

.testimonial-content-short.site_content {
    padding-bottom: 0px;
}

.review-card-inner {
    background: #F2F2F2;
    margin: 10px;
    height: 380px;
    border-radius: 20px;
    padding: 24px;
}

.slick-arrow {
    width: 56px !important;
    height: 56px !important;
    box-shadow: 0px 1px 15px 0px #0000002B;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    cursor: pointer;
    color: #0B78C7;
}

.slick-arrow:hover {
    background: #164194;
    color: #fff;
}

.main_class_arrow {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.main_class_arrow .slick-arrow {
    margin: 0px 10px;
}

.testimonial_section_main.same_padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.testimonial_h_row::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: auto;
    width: 30%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/07/testi_left_shaddow.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
}

.testimonial_h_row::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    width: 30%;
    height: 100%;
    background-image: url(/wp-content/uploads/2025/07/testi_right_shaddow.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 9;
}


/* testimonail section end*/


/* why choose us */

.col1_icon {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="102" height="102" viewBox="0 0 102 102" fill="none"><path d="M40.6675 4.27984C47.2833 1.53951 54.7167 1.5395 61.3325 4.27984L76.73 10.6577C83.3457 13.398 88.602 18.6542 91.3423 25.27L97.7202 40.6675C100.46 47.2833 100.46 54.7167 97.7202 61.3325L91.3423 76.73C88.602 83.3457 83.3457 88.602 76.73 91.3423L61.3325 97.7202C54.7167 100.46 47.2833 100.46 40.6675 97.7202L25.27 91.3423C18.6543 88.602 13.398 83.3457 10.6577 76.73L4.27984 61.3325C1.53951 54.7167 1.5395 47.2833 4.27984 40.6675L10.6577 25.27C13.398 18.6543 18.6542 13.398 25.27 10.6577L40.6675 4.27984Z" fill="%23E94E1B"/><path d="M40.6677 10.9317C47.2835 8.19136 54.7169 8.19136 61.3326 10.9317L72.0264 15.3612C78.6421 18.1015 83.8983 23.3577 86.6387 29.9735L91.0681 40.6672C93.8085 47.283 93.8085 54.7164 91.0681 61.3321L86.6386 72.0259C83.8983 78.6416 78.6421 83.8978 72.0264 86.6382L61.3326 91.0677C54.7169 93.808 47.2835 93.808 40.6677 91.0677L29.974 86.6382C23.3582 83.8978 18.102 78.6416 15.3617 72.0259L10.9322 61.3321C8.19185 54.7164 8.19185 47.283 10.9322 40.6672L15.3617 29.9735C18.102 23.3577 23.3582 18.1015 29.974 15.3612L40.6677 10.9317Z" fill="%23333333"/><path d="M73.2373 15.8979C74.5767 16.5313 75.8533 17.2717 77.0586 18.106L76.7754 18.5161C77.4895 19.0104 78.1777 19.5389 78.8379 20.0991L79.1602 19.7183C80.2838 20.6716 81.3269 21.7157 82.2803 22.8394L81.9014 23.1616C82.4616 23.8219 82.9901 24.5109 83.4844 25.2251L83.8936 24.9409C84.7277 26.1461 85.4672 27.423 86.1006 28.7622H86.1016L85.6494 28.9761C85.8343 29.367 86.0105 29.7631 86.1768 30.1646L87.0068 32.1694L87.4688 31.979V31.978L90.2373 38.6616V38.6626L89.7754 38.853L90.6064 40.8589C90.7727 41.2602 90.9285 41.6647 91.0742 42.0718L91.5449 41.9038V41.9028C92.0442 43.2979 92.4231 44.7242 92.6855 46.1665L92.1953 46.2554C92.3508 47.11 92.4644 47.9713 92.5352 48.8345L93.0303 48.7935C93.1506 50.2618 93.1506 51.7372 93.0303 53.2056L92.5352 53.1655C92.4644 54.0286 92.3508 54.8891 92.1953 55.7437L92.6855 55.8325C92.4232 57.2745 92.044 58.7004 91.5449 60.0952L91.0742 59.9272C91.0013 60.1311 90.9257 60.3342 90.8477 60.5366L90.6064 61.1411L89.7754 63.146L90.2373 63.3374L87.4688 70.021L87.0068 69.8296L86.1768 71.8345C86.0104 72.2361 85.8344 72.6328 85.6494 73.0239L86.1006 73.2368C85.4673 74.5758 84.7275 75.8521 83.8936 77.0571L83.4844 76.7749C82.9901 77.489 82.4615 78.1772 81.9014 78.8374L82.2803 79.1597C81.327 80.2831 80.2836 81.3265 79.1602 82.2798L78.8379 81.9009C78.1777 82.461 77.4895 82.9896 76.7754 83.4839L77.0576 83.8931C75.8526 84.7271 74.5763 85.4669 73.2373 86.1001L73.0244 85.6489C72.8289 85.7414 72.6317 85.8316 72.4336 85.9194L71.835 86.1763L69.8301 87.0063L70.0215 87.4683L63.3379 90.2368L63.1465 89.7749L61.1416 90.606C60.74 90.7723 60.335 90.928 59.9277 91.0737L60.0957 91.5444C58.7009 92.0435 57.275 92.4227 55.833 92.6851L55.7441 92.1948C54.8896 92.3503 54.0291 92.4639 53.166 92.5347L53.2061 93.0298C51.7377 93.1501 50.2623 93.1501 48.7939 93.0298L48.835 92.5347C47.9718 92.4639 47.1105 92.3503 46.2559 92.1948L46.167 92.6851C44.7247 92.4227 43.2984 92.0437 41.9033 91.5444L42.0723 91.0737C41.6652 90.928 41.2607 90.7722 40.8594 90.606L38.8535 89.7749L38.6631 90.2368H38.6621L31.9785 87.4683H31.9795L32.1699 87.0063L30.165 86.1763L29.5664 85.9194C29.3684 85.8317 29.1719 85.7413 28.9766 85.6489L28.7627 86.1001C27.4235 85.4667 26.1466 84.7273 24.9414 83.8931L25.2256 83.4839C24.5114 82.9896 23.8224 82.4611 23.1621 81.9009L22.8398 82.2798C21.7162 81.3264 20.6721 80.2833 19.7188 79.1597L20.0996 78.8374C19.5394 78.1772 19.0109 77.489 18.5166 76.7749L18.1064 77.0581C17.2722 75.8528 16.5318 74.5762 15.8984 73.2368L16.3506 73.0239C16.1656 72.6328 15.9896 72.2361 15.8232 71.8345L14.9932 69.8296L14.5303 70.021L11.7627 63.3364L12.2246 63.146L11.3945 61.1411L11.1523 60.5366C11.0743 60.3342 10.9987 60.131 10.9258 59.9272L10.4551 60.0952C9.956 58.7005 9.57678 57.2745 9.31445 55.8325L9.80469 55.7437C9.64921 54.8891 9.53657 54.0286 9.46582 53.1655L8.96875 53.2056C8.84842 51.7373 8.8484 50.2617 8.96875 48.7935L9.46582 48.8345C9.53657 47.9713 9.6492 47.11 9.80469 46.2554L9.31445 46.1665C9.57683 44.7243 9.95491 43.2978 10.4541 41.9028L10.4551 41.9038L10.9258 42.0718C10.9986 41.8682 11.0744 41.6655 11.1523 41.4634L11.3945 40.8589L12.2246 38.853L11.7627 38.6626L14.5303 31.978L14.5312 31.979L14.9932 32.1694L15.8232 30.1646C15.9895 29.7631 16.1657 29.367 16.3506 28.9761L15.8984 28.7622C16.5319 27.4226 17.272 26.1454 18.1064 24.9399L18.5166 25.2251C19.011 24.5108 19.5393 23.822 20.0996 23.1616L19.7188 22.8394C20.6722 21.7156 21.716 20.6717 22.8398 19.7183L23.1621 20.0991C23.8225 19.5388 24.5113 19.0105 25.2256 18.5161L24.9404 18.106C26.1421 17.2741 27.415 16.536 28.75 15.9038L28.7627 15.8979L28.9766 16.3501C29.3675 16.1652 29.7636 15.989 30.165 15.8228L32.1699 14.9927L31.9795 14.5308L31.9785 14.5298L38.6631 11.7622L38.8535 12.2241L40.8594 11.394C41.2608 11.2278 41.6651 11.071 42.0723 10.9253L41.9043 10.4546L41.9033 10.4536C43.2982 9.95442 44.7248 9.57634 46.167 9.31396L46.2559 9.8042C47.1105 9.64871 47.9718 9.53608 48.835 9.46533L48.7939 8.96826C50.2622 8.84791 51.7378 8.84793 53.2061 8.96826L53.166 9.46533C54.0291 9.53608 54.8896 9.64872 55.7441 9.8042L55.833 9.31396C57.2749 9.57627 58.701 9.95459 60.0957 10.4536V10.4546L59.9277 10.9253C60.3351 11.0711 60.74 11.2277 61.1416 11.394L63.1465 12.2241L63.3369 11.7622L70.0215 14.5298V14.5308L69.8301 14.9927L71.835 15.8228C72.2365 15.9891 72.6333 16.1651 73.0244 16.3501L73.2373 15.8979Z" stroke="%23E94E1B" stroke-opacity="0.48" stroke-dasharray="3 5"/></svg>');
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main_col {
    display: flex;
    border-bottom: 1px solid #CCCCCC;
    flex-wrap: wrap;
}

.main_col:last-child {
    border-bottom: none;
}

.main_why_inner_col1 {
    display: flex;
    padding: 30px;
    align-items: center;
}

.main_why_inner_col1 svg {
    animation: zoomInOut 2s infinite;
}

.center_col {
    display: flex;
    align-items: center;
    justify-content: center;
}

.col1_icon_title {
    font-size: 22px;
    font-weight: 500;
    color: #333;
    line-height: 1.3;
    padding-left: 10px;
    width: 80%;
}

.first_why_box {
    border-bottom: 1px solid #ccc;
}

.main_why_inner_col1.center_col {
    display: flex;
    justify-content: center;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}


/* why choose us  end*/


/* finishes */

.epoxy-tabs {
    display: flex;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    padding-top: 20px;
}

.epoxy-content-main {
    display: flex;
    align-items: center;
    padding-left: 20px;
}

.epoxy-tab-contents {
    width: 70%;
}

.epoxy-content-image {
    width: 60% !important;
    padding: 20px;
}

.epoxy-content-inner {
    width: 40% !important;
    padding-left: 0px;
}

ul.epoxy-tab-titles li {
    display: block;
}

ul.epoxy-tab-titles {
    width: 30% !important;
    padding: 0 !important;
    padding-right: 50px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.site_content p {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

ul.epoxy-tab-titles li {
    font-size: 28px;
    color: rgba(255, 255, 255, 0.2);
    padding: 20px 0px;
    cursor: pointer;
    justify-content: space-between;
    display: flex;
    align-items: center;
}

ul.epoxy-tab-titles li.active {
    color: #fff;
}

.epoxy-content-image img {
    height: 324px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}

ul.epoxy-tab-titles li span {
    display: none !important;
}

ul.epoxy-tab-titles li.active span {
    display: flex !important;
}

.loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #000000;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    /* Safari */
    animation: spin 2s linear infinite;
}

.loader_main {
    height: 330px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* Safari */

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* finishes end*/


/* timeline */

.timeline_mn_con_inr {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-top: 0px;
}

.timeline_ec_con {
    width: 100%;
    position: relative;
    opacity: 0.5;
}

.timeline_ec_con.active_1 {
    opacity: 1;
}

.timeline_ec_back_box {
    padding: 0 40px 0 0;
    position: relative;
    text-align: right;
    max-width: 50%;
    margin-right: auto;
}

.timeline_ec_con_inr {
    padding: 0px 0px;
    border-radius: 20px;
    top: -20px;
    position: relative;
}

.site_des span {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
}

.timeline_ec_con:nth-child(even) .timeline_ec_back_box {
    padding: 0 0 0 40px;
    margin-right: 0;
    text-align: left;
    margin-left: auto;
}

.timeline_ec_con:first-child {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.timeline_num_con {
    color: #164194;
    font-size: 30px !important;
    font-weight: 600;
    font-family: "Orbitron", sans-serif;
}

.timeline_txt_ttl_con {
    padding-bottom: 10px;
}

.timeline_txt_ttl {
    font-size: 25px;
    line-height: 1.2;
    color: #333333;
    font-family: "Orbitron", sans-serif;
    font-weight: 600;
}

.timeline_ec_con:nth-child(even) .timeline_num_con {
    right: auto;
    left: -10px;
}

.timeline_ec_back_box:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    right: -7px;
    top: 0;
    bottom: auto;
    margin: auto;
    background: transparent;
    border-radius: 100%;
    transition: 0.6s !important;
}

.timeline_ec_con:nth-child(even) .timeline_ec_back_box:after {
    right: auto;
    left: -7px;
}

.timeline_mn_con {
    padding-top: 10px;
}

.timeline_mn_con_inr:after {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    background-color: #33333333;
    /* default color */
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    transition: background-color 0.3s ease;
}

.active_1 .timeline_ec_back_box:before {
    background-color: #E94E1B;
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    right: -2px;
    transform: translateX(-50%);
    transition: background-color 0.3s ease;
}

.timeline_ec_con.active_1.last_active .timeline_ec_back_box:before {
    display: none !important;
}

.timeline_ec_con:nth-child(even) .timeline_ec_back_box:before {
    left: -1px;
    right: auto;
}

.active_1 .timeline_ec_back_box:after {
    background: #E94E1B;
}

.timeline_ec_con.active_1.last_active .timeline_ec_back_box:after {
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" fill="none"><circle cx="9" cy="9" r="9" fill="%23E94E1B" fill-opacity="0.2"/><circle cx="9" cy="9" r="7" fill="%23E94E1B" fill-opacity="0.27"/><circle cx="9" cy="9" r="4" fill="%23E94E1B"/></svg>');
    background-size: contain;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    right: -10px;
}

.timeline_ec_con.active_1.last_active:nth-child(even) .timeline_ec_back_box:after {
    right: auto !important;
    left: -10px;
}

.how_does_work_main {
    background-attachment: fixed;
}


/* timeline end */


/* color section */

.colour_row_text_box img {
    clip-path: polygon(0% 0%, 97.003% 0%, 97.003% 0%, 97.53% 0.176%, 98.025% 0.683%, 98.478% 1.489%, 98.884% 2.56%, 99.235% 3.864%, 99.523% 5.369%, 99.741% 7.042%, 99.882% 8.851%, 99.938% 10.763%, 99.902% 12.746%, 96.313% 97.677%, 96.313% 97.677%, 96.289% 98.067%, 96.251% 98.432%, 96.2% 98.769%, 96.138% 99.073%, 96.065% 99.34%, 95.983% 99.568%, 95.894% 99.751%, 95.797% 99.887%, 95.695% 99.971%, 95.589% 100%, 0% 100%, 0% 0%);
    height: 363px;
    width: 100%;
}

.colour_row_text_box {
    padding: 10px 0px;
}

.color_text_section::before {
    position: absolute;
    content: '';
    background: #164194;
    width: 50%;
    right: 0;
    height: 100%;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.color_btn .site_button::after {
    background: #E94E1B;
}

.color_btn .site_button::before {
    border-color: #ff8b65ab;
}

.color_text a {
    margin: auto;
}

.color_last_col {
    display: flex;
    align-items: center;
}

.content_box_color {
    width: 80%;
    margin: auto !important;
}

.color_text {
    text-align: center;
}


/* color section end*/


/* faq section */

.faq_box .site_title {
    font-size: 60px;
    font-weight: 700;
}

.faq_box {
    text-align: center;
}

.faq_btn a {
    margin: auto;
}

.faq_col {
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.faq_main_class {
    margin-top: 70px;
    padding-top: 50px;
    border-top: 1px solid #FFFFFF66;
}

.et_pb_toggle_close {
    background-color: #F2F2F2;
    padding: 20px;
    border-radius: 60px;
    border: none;
}

h5.et_pb_toggle_title {
    color: #333333 !important;
}

.et_pb_toggle {
    border: none !important;
}

.et_pb_toggle_content.clearfix {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    padding: 20px;
}

.et_pb_toggle_open .et_pb_toggle_title {
    background-color: #F2F2F2 !important;
    padding: 20px !important;
    border-radius: 60px !important;
}

.et_pb_toggle_open .et_pb_toggle_title {
    color: #E94E1B !important;
}

.et_pb_toggle_open {
    padding: 0 !important;
}

.et_pb_toggle_open .et_pb_toggle_title::after {
    content: "\4b" !important;
    position: absolute !important;
    right: 22px !important;
    font-size: 24px !important;
    color: #000 !important;
    font-family: ETmodules !important;
    top: 50%;
    margin-top: -.5em;
}

.et_pb_toggle_title:before {
    content: "\4c" !important;
    font-size: 24px;
    color: #000;
}


/* faq section emd*/


/* many title */

.many_box_title {
    font-size: 22px;
    font-weight: 500;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    width: fit-content;
}

.many_box_inner {
    width: fit-content;
}

.many_box {
    padding: 30px;
}

.sec_many_box {
    margin: auto;
}

.sec_col_many {
    border-left: 1px solid #FFFFFF33;
    border-right: 1px solid #FFFFFF33;
}

.three_many_box {
    margin-right: 0 !important;
    margin: auto;
}

.many_box_icon {
    text-align: center;
}

.many_box_icon svg {
    animation: zoomInOut 2s infinite;
}


/* many title end*/


/* get a free */

.insta_box {
    border: 1px solid #DDDDDD;
    border-radius: 40px;
    background: #fff;
    padding: 30px 40px;
}

.et-db #et-boc .et-l .et_pb_module .sbi_follow_btn a {
    width: 100% !important;
    padding: 10px !important;
}

#sb_instagram .sbi_follow_btn {
    width: 100% !important;
}

.insta_img {
    position: absolute;
    top: 0px;
    right: 0;
}

.contact_form1_col1 input,
.contact_form1_col1 select,
.contact_form1_col1 textarea {
    border-bottom: 1px solid #AAAAAA !important;
    border: none;
    height: 50px;
    font-size: 16px;
    color: #000;
    background: transparent;
    width: 100%;
}

.contact_form1_col1 {
    padding: 10px;
    width: 50%;
}

button.wpcf7-form-control.wpcf7-submit.has-spinner.site_button {
    background: transparent;
    border: navajowhite;
    margin: auto;
}

.contact_form1_row1.full_Width .contact_form1_col1 {
    width: 100% !important;
}

.contact_form1_col1 textarea {
    height: 100px !important;
    resize: none;
}

.contact_form1_row1 {
    display: flex;
    flex-wrap: wrap;
}

::placeholder {
    color: #000;
    opacity: 1;
    /* Firefox */
}

::-ms-input-placeholder {
    /* Edge 12 -18 */
    color: #000;
}

.maprow iframe {
    border-radius: 40px;
}

.position_abs {
    position: absolute;
    right: 0;
    top: -160px;
}

.position_abs img {
    width: 540px;
}

.free_quote_section.same_padding {
    padding-bottom: 20px !important;
}

.map_section.same_padding {
    padding-bottom: 20px !important;
    padding-top: 0 !important;
}

@keyframes zoomInOut {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
        /* Zoom in */
    }
    100% {
        transform: scale(1);
        /* Zoom out */
    }
}


/* get a free end*/

.tc {
    text-align: center;
}

.blc {
    color: #000;
}

.orng {
    color: rgba(233, 78, 27, 1);
}

.desc_color,
.grey_clr {
    color: rgba(51, 51, 51, 1);
}

.df {
    display: flex;
    flex-wrap: wrap;
}

.dfa {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.jc {
    justify-content: center;
}

.mb0 {
    margin-bottom: 0 !important;
}

.full_row {
    width: 100% !important;
    max-width: 100% !important;
}

.fs34 {
    font-size: 34px;
}

.fs36 {
    font-size: 36px;
    line-height: 1.4;
}

.fs42 {
    font-size: 42px;
    line-height: 1.4;
}

.wt {
    color: #fff;
}


/*---------------scroll bar-----------------------*/

::-webkit-scrollbar {
    width: 2px !important;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey !important;
    border-radius: 5px !important;
}

::-webkit-scrollbar-thumb {
    background: #e94e1b !important;
    border-radius: 10px !important;
}

::-webkit-scrollbar-thumb:hover {
    background: #e94e1b !important;
}

::-webkit-scrollbar:horizontal {
    height: 2px !important;
    background-color: grey !important;
}

::-webkit-scrollbar-thumb:horizontal {
    background: #e94e1b !important;
    border-radius: 10px !important;
}


/*---------------end scroll bar-----------------------*/

@media all and (min-width: 320px) and (max-width: 767px) {
    .mb_tc {
        text-align: center;
    }
    .fs42 {
        font-size: 28px;
        line-height: 1.2;
    }
    .fs36 {
        font-size: 25px;
        line-height: 1.2;
    }
    /*====== banner start ==========*/
    div#main-content {
        margin-top: 95px;
    }
    .banner_text_main {
        width: 100%;
        margin-top: 10px;
        padding: 30px !important;
        text-align: center;
    }
    .banner_text_main_inner {
        font-size: 30px;
        background: #ffffffab;
        border-bottom-right-radius: 0px;
    }
    .banner_text_main_inner span {
        background: transparent;
    }
    .bnner_btm_txt {
        font-size: 16px;
        margin-top: 30px;
    }
    .banner_box {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto !important;
        display: block;
    }
    .banner_slider .et_pb_slide {
        height: 400px;
    }
    .banner_text_btm {
        font-size: 34px;
    }
    /* banner end */
    /* ======about us ============*/
    .same_padding {
        padding: 30px 15px !important;
    }
    .about_us_row::before,
    .about_top_title_inner {
        width: 100%;
        font-size: 36px;
        left: 0;
        text-align: center;
        position: absolute;
        right: 0;
        margin: auto;
    }
    .about_us_image img {
        height: 400px;
        object-fit: cover;
        object-position: bottom;
    }
    .site_content {
        line-height: 30px;
        font-size: 14px;
    }
    .about_content_main {
        padding-top: 20px;
        padding-right: 0 !important;
        text-align: center;
    }
    .abt_btn {
        justify-content: center;
    }
    .section_main_title {
        font-size: 26px;
    }
    .abt_col1,
    .abt_col2 {
        width: 100% !important;
    }
    .about_us_section::after {
        display: none;
    }
    /* end */
    /*========== logo slider ==============*/
    .logo-item-inner {
        margin: 10px;
    }
    .site_title {
        font-size: 24px;
    }
    .logo-item::after {
        display: none;
    }
    /*============ logo slider end============*/
    /* =======service  ============*/
    .sg_service_title_block a {
        font-size: 17px;
        padding-top: 0;
    }
    .sg_Services_outer_st {
        gap: 0rem;
        flex-wrap: wrap;
    }
    .partial-ring {
        border-width: 2px;
    }
    .sg_Services_outer_img_box img {
        padding: 8px;
    }
    .sg_service_title_block a span {
        display: block;
    }
    .sg_Services_outer_st_block {
        padding: 3px;
    }
    .site_title svg {
        width: 110px;
    }
    .sg_Services_outer_st_col {
        flex: unset;
        width: 50%;
    }
    /* =======service page  ============*/
    /* =======benefit ======*/
    .site_content_main span {
        font-size: 14px;
        line-height: normal;
    }
    .section_main_title {
        font-size: 24px;
    }
    .benefit_box_inner {
        padding: 5px;
        text-align: center;
        height: 300px;
    }
    .title_col_main .section_main_title {
        height: 300px;
    }
    .benefit_box_inner_icon1 {
        height: 40px;
    }
    .benefit_box_inner_icon1 svg {
        width: 30px;
    }
    .site_content_main {
        padding-top: 10px;
    }
    .benefit_box {
        padding: 5px;
    }
    .benefit_box_inner_title {
        font-size: 15px;
    }
    .benefit_sections_row .et_pb_column.et-last-child,
    .benefit_sections_row .et_pb_column {
        display: flex;
        width: 100% !important;
    }
    .benefit_sections_row .et_pb_column.et-last-child .benefit_inner,
    .benefit_sections_row .et_pb_column .benefit_inner {
        width: 50% !important;
    }
    /* =======benefit end======*/
    /* ===transform =======*/
    .transform_content,
    .us_transform_content {
        width: 100%;
    }
    .site_content {
        font-size: 15px;
        line-height: 27px;
    }
    .transform_img img,
    .un_transform_img img {
        height: 500px;
    }
    .transform_content .site_title {
        padding-bottom: 0 !important;
    }
    .us_transform_content .site_title {
        color: #fff !important;
        padding-bottom: 0 !important;
    }
    .us_transform_content,
    .transform_content {
        padding: 30px 15px !important;
    }
    .transform_content .site_title,
    .us_transform_content .site_title {
        display: block;
        text-align: center;
    }
    .transform_content,
    .us_transform_content {
        text-align: center !important;
    }
    /* ===transform end=======*/
    /* =========testimonial============*/
    .testimonial-content-short.site_content {
        line-height: 24px;
    }
    .review-card-inner {
        padding: 15px;
        height: 330px;
        margin: 5px;
    }
    .review-name {
        font-size: 16px;
        width: 80%;
    }
    .review-text {
        height: 170px;
    }
    .g_img_flex span {
        font-size: 14px;
    }
    .review-name-first {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    .slick-arrow {
        width: 40px !important;
        height: 40px !important;
    }
    .site_title {
        line-height: normal;
    }
    .testimonial_h_row::before,
    .testimonial_h_row::after {
        display: none;
    }
    /* =========testimonial end============*/
    /* why choose us */
    .col1_icon {
        width: 70px;
        height: 70px;
        margin: auto;
        margin-bottom: 10px;
    }
    .col1_icon svg {
        width: 30px;
    }
    .col1_icon_title {
        font-size: 16px;
        width: 100%;
        text-align: center;
        padding: 0 !important;
    }
    .main_why_inner_col1 {
        padding: 5px;
        display: block;
    }
    .why_choose_row_main .et_pb_column {
        display: flex;
        flex-wrap: wrap;
    }
    .first_why_box {
        border: none;
    }
    .main_why_inner_col1.center_col {
        border: none;
    }
    .why_choose_row_main .et_pb_column .et_pb_module {
        width: 50%;
    }
    .main_why_inner_col1.center_col {
        display: block;
    }
    .why_choose_row .site_title {
        padding-bottom: 10px !important;
    }
    /* why choose us end*/
    /* finishes */
    ul.epoxy-tab-titles li {
        font-size: 13px;
        width: 50% !important;
        justify-content: center;
        align-items: flex-start;
        margin-bottom: 10px !important;
        border: 1px solid rgba(255, 255, 255, 0.2);
        padding: 5px !important;
        text-align: center !important;
    }
    .epoxy-content-image {
        padding: 20px 0px;
        width: 100% !important;
    }
    .epoxy-content-inner {
        width: 100% !important;
        padding-left: 0 !important;
    }
    .site_content p {
        font-size: 15px;
    }
    .epoxy-content .abt_btn {
        display: flex;
    }
    .epoxy-content .abt_btn a {
        margin-bottom: 10px;
    }
    .epoxy-tabs {
        display: block;
    }
    ul.epoxy-tab-titles {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-right: 0 !important;
    }
    ul.epoxy-tab-titles,
    .epoxy-tab-contents {
        width: 100% !important;
        border: none !important;
    }
    ul.epoxy-tab-titles li.active span {
        display: none !important;
    }
    .epoxy-content-main {
        display: block;
        padding-left: 0 !important;
    }
    .epoxy-content {
        text-align: center;
    }
    /* finishes end*/
    /* timeline */
    .timeline_txt_ttl {
        font-size: 15px;
    }
    .site_des span {
        font-size: 14px;
    }
    span.timeline_num {
        font-size: 24px;
    }
    .timeline_ec_back_box {
        max-width: 100%;
        padding: 0 !important;
    }
    .timeline_ec_con {
        width: 50% !important;
    }
    .timeline_ec_con_inr {
        top: 0;
    }
    .timeline_ec_back_box {
        border: 1px solid #ddd;
        padding: 7px !important;
        text-align: center !important;
        height: 220px;
        align-items: center;
        border-radius: 10px !important;
        display: flex;
        top: 0;
        margin: 5px;
    }
    .timeline_ec_con {
        opacity: 1 !important;
    }
    .timeline_txt_ttl_con_inr {
        line-height: 1.2;
    }
    .timeline_ec_back_box:after,
    .active_1 .timeline_ec_back_box:before,
    .timeline_mn_con_inr:after {
        display: none;
    }
    .how_does_work_box {
        margin-bottom: 0 !important;
    }
    /* timeline end*/
    /* color */
    .color_first_col {
        width: 65% !important;
        display: none;
    }
    .color_text_section::before {
        width: 100%;
        border-radius: 0 !important;
    }
    .color_last_col {
        width: 100% !important;
    }
    .colour_row_text_box img {
        height: 320px;
    }
    .content_box_color {
        padding: 30px 15px;
        width: 100%;
    }
    /* color end*/
    /* faq section */
    .faq_box .site_title {
        font-size: 30px;
    }
    .et_pb_toggle_content.clearfix {
        font-size: 15px !important;
    }
    h5.et_pb_toggle_title {
        font-size: 15px !important;
    }
    .et_pb_toggle_open .et_pb_toggle_title {
        padding: 15px !important;
        border-radius: 15px !important;
        padding-right: 45px !important;
    }
    .et_pb_toggle_close {
        border-radius: 20px !important;
        padding: 15px !important;
    }
    .faq_main_class {
        margin-top: 10px !important;
        padding-top: 20px !important;
    }
    .faq_box {
        text-align: center;
        padding: 20px !important;
    }
    /* faq section end*/
    /* many section */
    .many_row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .many_row .et_pb_column {
        width: 50% !important;
        border: none;
    }
    .many_box_title {
        font-size: 16px;
    }
    .many_box {
        padding: 10px;
    }
    .many_box_icon svg {
        width: 40px;
    }
    /* many section end*/
    /* get a free quote */
    .position_abs img {
        width: 250px;
    }
    .position_abs {
        top: -80px;
    }
    .insta_box {
        padding: 20px;
    }
    .maprow iframe {
        height: 250px;
    }
    .contact_form1_col1 {
        width: 100%;
    }
    .timeline_txt_desc_con_inr.site_des {
        line-height: 1.2;
    }
    .timeline_num_con_inr {
        line-height: normal;
    }
    /* get a free quote end*/
    .center_logo {
        display: none !important;
    }
}

@media all and (min-width: 481px) and (max-width: 767px) {
    span.timeline_num {
        font-size: 32px;
    }
    .about_us_image {
        width: 60% !important;
    }
    ul.epoxy-tab-titles li {
        width: 33.33% !important;
    }
    .timeline_ec_con_inr {
        height: auto;
    }
    .timeline_ec_back_box {
        height: 170px;
    }
    .many_row .et_pb_column {
        width: 33.33% !important;
    }
    .sg_Services_outer_st {
        width: 80%;
        margin: auto;
        margin-top: 30px;
    }
    .sg_service_title_block a {
        padding-top: 5px;
    }
    .main_why_inner_col1,
    .main_why_inner_col1.center_col {
        display: flex;
    }
    .col1_icon_title {
        width: 80%;
        text-align: left;
        padding-left: 10px !important;
    }
    .contact_form1_col1 {
        width: 50%;
    }
}

@media all and (min-width: 768px) and (max-width: 980px) {
    .fs42 {
        font-size: 32px;
        line-height: 1.2;
    }
    .fs36 {
        font-size: 28px;
        line-height: 1.2;
    }
    /*====== banner start ==========*/
    .epoxy-content-inner {
        padding-left: 20px;
    }
    div#main-content {
        margin-top: 95px;
    }
    .banner_text_main {
        width: 100%;
        margin-top: 10px;
        padding: 30px !important;
        text-align: center;
    }
    .banner_text_main_inner {
        font-size: 36px;
        background: #ffffffab;
        border-bottom-right-radius: 0px;
    }
    .banner_text_main_inner span {
        background: transparent;
    }
    .bnner_btm_txt {
        font-size: 16px;
        margin-top: 30px;
    }
    .banner_box {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto !important;
        display: block;
    }
    .banner_slider .et_pb_slide {
        height: 400px;
    }
    .banner_text_btm {
        font-size: 34px;
    }
    /* ======about us ============*/
    .same_padding {
        padding: 40px 30px !important;
    }
    .about_us_row::before,
    .about_top_title_inner {
        width: 100%;
        font-size: 50px;
        left: 0;
        text-align: center;
        position: absolute;
        right: 0;
        margin: auto;
    }
    .about_us_image img {
        height: 500px;
        object-fit: contain;
    }
    .site_content {
        line-height: 31px;
    }
    .about_content_main {
        padding-top: 20px;
        padding-right: 0 !important;
    }
    .section_main_title {
        font-size: 30px;
    }
    .abt_col1,
    .abt_col2 {
        width: 100% !important;
    }
    .about_us_section::after {
        display: none;
    }
    .section_main_title {
        font-size: 36px;
    }
    .site_title {
        font-size: 26px;
    }
    /* end */
    /*========== logo slider ==============*/
    .logo-item-inner {
        margin: 10px;
    }
    .logo-item::after {
        display: none;
    }
    /*============ logo slider end============*/
    /* =======service  ============*/
    .sg_service_title_block a {
        font-size: 20px;
    }
    .sg_service_title_block a span {
        display: block !important;
    }
    .sg_Services_outer_st {
        gap: 1rem;
    }
    .partial-ring {
        border-width: 5px;
    }
    .sg_Services_outer_img_box img {
        padding: 10px;
    }
    .site_title svg {
        width: 110px;
    }
    /* =======service page  ============*/
    /* =======benefit ======*/
    .site_content_main span {
        font-size: 15px;
    }
    .section_main_title {
        font-size: 30px;
    }
    .benefit_box_inner {
        padding: 10px;
        height: 250px;
    }
    .title_col_main .section_main_title {
        height: 250px;
    }
    .site_content_main {
        padding-top: 10px;
    }
    .benefit_box_inner_title {
        font-size: 16px;
    }
    .benefit_sections_row .et_pb_column.et-last-child {
        display: flex;
        width: 100% !important;
    }
    .benefit_sections_row .et_pb_column.et-last-child .benefit_inner {
        width: 50% !important;
    }
    /* =======benefit end======*/
    /* ===transform =======*/
    .transform_content,
    .us_transform_content {
        width: 100%;
    }
    .site_content {
        font-size: 15px;
        line-height: 27px;
    }
    .transform_img img,
    .un_transform_img img {
        height: 500px;
    }
    .transform_content .site_title {
        padding-bottom: 0 !important;
    }
    .us_transform_content .site_title {
        color: #fff !important;
        padding-bottom: 0 !important;
    }
    .us_transform_content,
    .transform_content {
        padding: 30px !important;
    }
    .transform_content .site_title,
    .us_transform_content .site_title {
        display: flex;
    }
    /* ===transform end=======*/
    /* =========testimonial============*/
    .testimonial_h_row::before,
    .testimonial_h_row::after {
        display: none;
    }
    .testimonial-content-short.site_content {
        line-height: 24px;
    }
    .review-card-inner {
        padding: 15px;
        height: 330px;
        margin: 5px;
    }
    .review-name {
        font-size: 16px;
        width: 80%;
    }
    .review-text {
        height: 170px;
    }
    .g_img_flex span {
        font-size: 14px;
    }
    .review-name-first {
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    .slick-arrow {
        width: 40px !important;
        height: 40px !important;
    }
    /* =========testimonial end============*/
    /* why choose us */
    .col1_icon {
        width: 80px;
        height: 80px;
    }
    .col1_icon_title {
        font-size: 18px;
    }
    .main_why_inner_col1 {
        padding: 20px;
    }
    .why_choose_row_main .et_pb_column {
        display: flex;
        flex-wrap: wrap;
    }
    .first_why_box {
        border: none;
    }
    .main_why_inner_col1.center_col {
        border: none;
    }
    .why_choose_row_main .et_pb_column .et_pb_module {
        width: 50%;
    }
    /* why choose us end*/
    /* finishes */
    ul.epoxy-tab-titles li {
        font-size: 18px;
        width: 20% !important;
        padding: 0 !important;
        justify-content: center;
        text-align: center;
        align-items: flex-start;
    }
    .epoxy-content-image {
        padding: 20px 0px;
        width: 50% !important;
    }
    .epoxy-content-inner {
        width: 50% !important;
    }
    .site_content p {
        font-size: 15px;
    }
    .epoxy-content .abt_btn {
        display: flex;
    }
    .epoxy-content .abt_btn a {
        margin-bottom: 10px;
    }
    .epoxy-tabs {
        display: block;
    }
    ul.epoxy-tab-titles {
        display: flex;
        padding-right: 0 !important;
    }
    ul.epoxy-tab-titles,
    .epoxy-tab-contents {
        width: 100% !important;
        border: none !important;
    }
    ul.epoxy-tab-titles li.active span {
        display: none !important;
    }
    .epoxy-content-main {
        padding-left: 0 !important;
    }
    /* finishes end*/
    /* timeline */
    .timeline_txt_ttl {
        font-size: 20px;
    }
    .site_des span {
        font-size: 14px;
    }
    span.timeline_num {
        font-size: 24px;
    }
    /* timeline end*/
    /* color */
    .color_first_col {
        width: 65% !important;
        display: none;
    }
    .color_text_section::before {
        width: 100%;
        border-radius: 0 !important;
    }
    .color_last_col {
        width: 100% !important;
    }
    .colour_row_text_box img {
        height: 320px;
    }
    .content_box_color {
        padding: 30px;
        width: 100%;
    }
    /* color end*/
    /* faq section */
    .faq_box .site_title {
        font-size: 38px;
    }
    .et_pb_toggle_content.clearfix {
        font-size: 15px;
    }
    .et_pb_toggle_close,
    .et_pb_toggle_open .et_pb_toggle_title {
        padding: 15px !important;
    }
    .faq_main_class {
        margin-top: 10px !important;
        padding-top: 20px !important;
    }
    .faq_box {
        text-align: center;
        padding: 20px !important;
    }
    /* faq section end*/
    /* many section */
    .many_row {
        display: flex;
        flex-wrap: wrap;
    }
    .many_row .et_pb_column {
        width: 33.33% !important;
    }
    .many_box_title {
        font-size: 16px;
    }
    .many_box {
        padding: 20px;
    }
    /* many section end*/
    /* get a free quote */
    .position_abs img {
        width: 250px !important;
    }
    .position_abs {
        top: -80px;
    }
    .insta_box {
        padding: 20px;
    }
    .maprow iframe {
        height: 250px;
    }
    .center_logo {
        display: none !important;
    }
    /* get a free quote end*/
}

@media only screen and (min-width: 981px) and (max-width: 1024px) {
    .main_transform_content .site_content {
        height: 500px;
        overflow: auto;
    }
    .center_logo {
        top: -50px;
        right: -60px;
        width: 120px;
    }
    .site_content span {
        padding-bottom: 5px;
    }
    .fs42 {
        font-size: 34px;
    }
    .fs36 {
        font-size: 30px;
        line-height: 1.2;
    }
    /*====== banner start ==========*/
    div#main-content {
        margin-top: 115px;
    }
    .banner_text_main {
        width: 120%;
    }
    .banner_text_main_inner {
        font-size: 36px;
        border-bottom-right-radius: 40px;
    }
    .bnner_btm_txt {
        font-size: 16px;
        margin-top: 30px;
    }
    .banner_box {
        margin-right: -20px;
    }
    .banner_slider .et_pb_slide {
        height: 550px;
    }
    .banner_text_btm {
        font-size: 32px;
    }
    /* ======about us ============*/
    .same_padding {
        padding: 60px 30px !important;
    }
    .about_us_row::before,
    .about_top_title_inner {
        width: 980px;
        font-size: 70px;
        left: 0;
    }
    .about_us_image img {
        height: 620px;
    }
    .site_content {
        line-height: 31px;
    }
    .about_content_main {
        padding-top: 40px;
    }
    .section_main_title {
        font-size: 36px;
    }
    /* end */
    /*========== logo slider ==============*/
    .logo-item-inner {
        margin: 10px;
    }
    .site_title {
        font-size: 26px;
    }
    .logo-item::after {
        display: none;
    }
    /*============ logo slider end============*/
    /* =======service  ============*/
    .sg_service_title_block a {
        font-size: 20px;
    }
    .sg_Services_outer_st {
        gap: 1rem;
    }
    .partial-ring {
        border-width: 5px;
    }
    .sg_Services_outer_img_box img {
        padding: 10px;
    }
    /* =======service page  ============*/
    /* =======benefit ======*/
    .site_content_main span {
        font-size: 15px;
    }
    .section_main_title {
        font-size: 36px;
    }
    .benefit_box_inner {
        padding: 10px;
    }
    .site_content_main {
        padding-top: 10px;
    }
    .benefit_box_inner_title {
        font-size: 16px;
    }
    .benefit_box_inner,
    .title_col_main .section_main_title {
        height: 340px;
    }
    /* =======benefit end======*/
    /* ===transform =======*/
    .transform_content,
    .us_transform_content {
        width: 90%;
    }
    .site_content {
        font-size: 15px;
        line-height: 27px;
    }
    .transform_img img {
        height: 500px;
    }
    /* ===transform end=======*/
    /* =========testimonial============*/
    .testimonial-content-short.site_content {
        line-height: 24px;
    }
    .review-card-inner {
        padding: 15px;
        height: 330px;
        margin: 5px;
    }
    .review-name {
        font-size: 18px;
        width: 80%;
    }
    .review-text {
        height: 150px;
    }
    .review-name-first {
        width: 50px;
        height: 50px;
        font-size: 22px;
    }
    .slick-arrow {
        width: 40px !important;
        height: 40px !important;
    }
    /* =========testimonial end============*/
    /* why choose us */
    .col1_icon {
        width: 80px;
        height: 80px;
    }
    .col1_icon_title {
        font-size: 18px;
    }
    .main_why_inner_col1 {
        padding: 20px;
    }
    /* why choose us end*/
    /* finishes */
    ul.epoxy-tab-titles li {
        font-size: 20px;
    }
    .site_content p {
        font-size: 15px;
    }
    .epoxy-content .abt_btn {
        display: block;
    }
    .epoxy-content .abt_btn a {
        margin-bottom: 10px;
    }
    /* finishes end*/
    /* timeline */
    .timeline_txt_ttl {
        font-size: 20px;
    }
    .site_des span {
        font-size: 14px;
    }
    span.timeline_num {
        font-size: 24px;
    }
    /* timeline end*/
    /* color */
    .color_first_col {
        width: 65% !important;
    }
    .color_last_col {
        width: 35% !important;
    }
    .colour_row_text_box img {
        height: 320px;
    }
    /* color end*/
    /* faq section */
    .faq_box .site_title {
        font-size: 45px;
    }
    .et_pb_toggle_content.clearfix {
        font-size: 15px;
    }
    .et_pb_toggle_close,
    .et_pb_toggle_open .et_pb_toggle_title {
        padding: 15px !important;
    }
    .many_box_title {
        font-size: 18px;
    }
    /* faq section end*/
    /* get a free quote */
    .position_abs img {
        width: 250px;
    }
    .position_abs {
        top: -80px;
    }
    .insta_box {
        padding: 20px;
    }
    .maprow iframe {
        height: 250px;
    }
    /* get a free quote end*/
}

@media all and (min-width: 1025px) and (max-width: 1140px) {
    .main_transform_content .site_content {
        height: 500px;
        overflow: auto;
    }
    .center_logo {
        top: -50px;
        right: -60px;
        width: 120px;
    }
    .fs42 {
        font-size: 34px;
    }
    .fs36 {
        font-size: 30px;
        line-height: 1.2;
    }
    /*====== banner start ==========*/
    div#main-content {
        margin-top: 115px;
    }
    .banner_text_main {
        width: 120%;
    }
    .banner_text_main_inner {
        font-size: 38px;
        border-bottom-right-radius: 40px;
    }
    .bnner_btm_txt {
        font-size: 16px;
    }
    .banner_box {
        margin-right: -20px;
    }
    .banner_slider .et_pb_slide {
        height: 550px;
    }
    .banner_text_btm {
        font-size: 34px;
    }
    /*====== banner end ==========*/
    /* ======about us ============*/
    .same_padding {
        padding: 60px 30px !important;
    }
    .about_us_row::before,
    .about_top_title_inner {
        width: 980px;
        font-size: 70px;
        left: 0;
    }
    .about_us_image img {
        height: 620px;
    }
    .site_content {
        line-height: 27px;
    }
    .about_content_main {
        padding-top: 40px;
    }
    .section_main_title {
        font-size: 36px;
    }
    /* end */
    /*========== logo slider ==============*/
    .logo-item-inner {
        margin: 10px 20px;
    }
    .site_title {
        font-size: 30px;
    }
    /*============ logo slider end============*/
    /* =======service  ============*/
    .sg_service_title_block a {
        font-size: 24px;
    }
    .sg_Services_outer_st {
        gap: 1rem;
    }
    .partial-ring {
        border-width: 5px;
    }
    .sg_Services_outer_img_box img {
        padding: 10px;
    }
    /* =======service page  ============*/
    /* =======benefit ======*/
    .site_content_main span {
        font-size: 15px;
    }
    .section_main_title {
        font-size: 34px;
    }
    .benefit_box_inner {
        padding: 10px;
    }
    .site_content_main {
        padding-top: 10px;
    }
    .benefit_box_inner_title {
        font-size: 18px;
    }
    .benefit_box_inner,
    .title_col_main .section_main_title {
        height: 340px;
    }
    /* =======benefit end======*/
    /* ===transform =======*/
    .transform_content,
    .us_transform_content {
        width: 90%;
    }
    .site_content {
        font-size: 15px;
    }
    .transform_img img {
        height: 550px;
    }
    /* ===transform end=======*/
    /* =========testimonial============*/
    .testimonial-content-short.site_content {
        line-height: 24px;
    }
    .review-card-inner {
        padding: 15px;
    }
    .review-name {
        font-size: 18px;
        width: 80%;
    }
    .review-card-inner {
        margin: 5px;
    }
    .review-name-first {
        width: 50px;
        height: 50px;
        font-size: 22px;
    }
    .slick-arrow {
        width: 40px !important;
        height: 40px !important;
    }
    /* =========testimonial end============*/
    /* why choose us */
    .col1_icon {
        width: 90px;
        height: 90px;
    }
    .col1_icon_title {
        font-size: 18px;
    }
    .main_why_inner_col1 {
        padding: 20px;
    }
    /* why choose us end*/
    /* finishes */
    ul.epoxy-tab-titles li {
        font-size: 20px;
    }
    .site_content p {
        font-size: 15px;
    }
    /* finishes end*/
    /* timeline */
    .timeline_txt_ttl {
        font-size: 20px;
    }
    .site_des span {
        font-size: 14px;
    }
    span.timeline_num {
        font-size: 24px;
    }
    /* timeline end*/
    /* color */
    .color_first_col {
        width: 65% !important;
    }
    .color_last_col {
        width: 35% !important;
    }
    .colour_row_text_box img {
        height: 320px;
    }
    /* color end*/
    /* faq section */
    .faq_box .site_title {
        font-size: 45px;
    }
    .et_pb_toggle_content.clearfix {
        font-size: 15px;
    }
    .many_box_title {
        font-size: 18px;
    }
    /* faq section end*/
    /* get a free quote */
    .position_abs img {
        width: 250px;
    }
    .position_abs {
        top: -80px;
    }
    .insta_box {
        padding: 20px;
    }
    /* get a free quote end*/
}

@media all and (min-width: 1141px) and (max-width: 1280px) {
    .main_transform_content .site_content {
        height: 500px;
        overflow: auto;
    }
    .center_logo {
        top: -50px;
        right: -60px;
        width: 120px;
    }
    .site_title {
        font-size: 32px;
    }
    .site_content {
        line-height: 30px;
    }
    .fs42 {
        font-size: 36px;
    }
    .fs36 {
        font-size: 32px;
        line-height: 1.2;
    }
    /*====== banner start ==========*/
    div#main-content {
        margin-top: 115px;
    }
    .banner_text_main {
        width: 130%;
    }
    .banner_text_main_inner {
        font-size: 46px;
        border-bottom-right-radius: 40px;
    }
    .bnner_btm_txt {
        font-size: 20px;
    }
    .banner_box {
        margin-right: -20px;
    }
    .banner_slider .et_pb_slide {
        height: 650px;
    }
    .banner_text_btm {
        font-size: 42px;
    }
    /*====== banner end ==========*/
    /* ======about us ============*/
    .same_padding {
        padding: 60px 30px !important;
    }
    .about_us_row::before,
    .about_top_title_inner {
        width: 1100px;
        font-size: 76px;
        left: 0;
    }
    .about_us_image img {
        height: 620px;
    }
    /*======== end ============*/
    /*========== logo slider ==============*/
    .logo-item-inner {
        margin: 10px 20px;
    }
    /*============ logo slider end============*/
    /* =======service  ============*/
    .sg_service_title_block a {
        font-size: 24px;
    }
    .sg_Services_outer_st {
        gap: 1rem;
    }
    /* =======service page  ============*/
    /* =======benefit ======*/
    .site_content_main span {
        font-size: 15px;
    }
    .section_main_title {
        font-size: 36px;
    }
    .benefit_box_inner {
        padding: 10px;
    }
    .site_content_main {
        padding-top: 10px;
    }
    .benefit_box_inner_title {
        font-size: 18px;
    }
    .benefit_box_inner,
    .title_col_main .section_main_title {
        height: 340px;
    }
    /* =======benefit end======*/
    /* ===transform =======*/
    .transform_content,
    .us_transform_content {
        width: 90%;
    }
    .transform_img img {
        height: 550px;
    }
    /* ===transform end=======*/
    /* =========testimonial============*/
    .testimonial-content-short.site_content {
        line-height: 24px;
    }
    .review-card-inner {
        padding: 15px;
    }
    .review-name {
        font-size: 18px;
        width: 80%;
    }
    .review-card-inner {
        margin: 5px;
    }
    .review-name-first {
        width: 50px;
        height: 50px;
        font-size: 22px;
    }
    .slick-arrow {
        width: 40px !important;
        height: 40px !important;
    }
    /* =========testimonial end============*/
    /* why choose us */
    .col1_icon {
        width: 90px;
        height: 90px;
    }
    .col1_icon_title {
        font-size: 20px;
    }
    /* why choose us end*/
    /* finishes */
    ul.epoxy-tab-titles li {
        font-size: 24px;
    }
    /* finishes end*/
    /* timeline */
    .timeline_txt_ttl {
        font-size: 20px;
    }
    .site_des span {
        font-size: 14px;
    }
    span.timeline_num {
        font-size: 24px;
    }
    /* timeline end*/
    /* color */
    .color_first_col {
        width: 65% !important;
    }
    .color_last_col {
        width: 35% !important;
    }
    /* color end*/
    /* faq section */
    .faq_box .site_title {
        font-size: 50px;
    }
    .et_pb_toggle_content.clearfix {
        font-size: 15px;
    }
    .many_box_title {
        font-size: 18px;
    }
    /* faq section end*/
    /* get a free quote */
    .position_abs img {
        width: 350px;
    }
    .position_abs {
        top: -100px;
    }
    .insta_box {
        padding: 20px;
    }
    /* get a free quote end*/
}

@media all and (min-width: 1281px) and (max-width: 1440px) {
    .main_transform_content .site_content {
        height: 500px;
        overflow: auto;
    }
    .site_title {
        font-size: 32px;
    }
    .fs42 {
        font-size: 38px;
    }
    .fs36 {
        font-size: 34px;
    }
    /*====== banner start ==========*/
    div#main-content {
        margin-top: 115px;
    }
    .banner_text_main {
        width: 130%;
    }
    .banner_text_main_inner {
        font-size: 46px;
        border-bottom-right-radius: 40px;
    }
    .bnner_btm_txt {
        font-size: 20px;
    }
    .banner_box {
        margin-right: -20px;
    }
    .banner_slider .et_pb_slide {
        height: 650px;
    }
    /*====== banner end ==========*/
    /* ======about us ============*/
    .same_padding {
        padding: 60px 30px !important;
    }
    .about_us_row::before,
    .about_top_title_inner {
        width: 1180px;
        font-size: 86px;
        left: 0;
    }
    .about_us_image img {
        height: 620px;
    }
    /* end */
    /* =======service  ============*/
    .sg_service_title_block a {
        font-size: 24px;
    }
    /* =======service page  ============*/
    /* =======benefit ======*/
    .site_content_main span {
        font-size: 15px;
    }
    .section_main_title {
        font-size: 36px;
    }
    .benefit_box_inner,
    .title_col_main .section_main_title {
        height: 340px;
    }
    /* =======benefit end======*/
    /* ===transform =======*/
    .transform_content,
    .us_transform_content {
        width: 85%;
    }
    /* ===transform end=======*/
    /* =========testimonial============*/
    .testimonial-content-short.site_content {
        line-height: 24px;
    }
    .review-card-inner {
        padding: 15px;
    }
    .review-name {
        font-size: 18px;
        width: 80%;
    }
    .review-card-inner {
        margin: 5px;
    }
    .review-name-first {
        width: 50px;
        height: 50px;
        font-size: 22px;
    }
    .slick-arrow {
        width: 40px !important;
        height: 40px !important;
    }
    /* =========testimonial end============*/
    /* color */
    .color_first_col {
        width: 65% !important;
    }
    .color_last_col {
        width: 35% !important;
    }
    /* color end*/
    /* faq section */
    .faq_box .site_title {
        font-size: 50px;
    }
    /* faq section end*/
    /* get a free quote */
    .position_abs img {
        width: 430px;
    }
    .position_abs {
        top: -130px;
    }
    /* get a free quote end*/
}

@media all and (min-width: 1441px) and (max-width: 1680px) {
    .main_transform_content .site_content {
        height: 500px;
        overflow: auto;
    }
    .fs42 {
        font-size: 40px;
    }
    /*====== banner start ==========*/
    .banner_text_main {
        width: 130%;
    }
    .banner_text_main_inner {
        font-size: 55px;
        border-bottom-right-radius: 40px;
    }
    .bnner_btm_txt {
        font-size: 22px;
    }
    .banner_box {
        margin-right: -30px;
    }
    /*====== banner end ==========*/
    /* ======about us ============*/
    .same_padding {
        padding: 70px 30px !important;
    }
    .about_us_row::before,
    .about_top_title_inner {
        width: 1380px;
        font-size: 100px;
        left: 0;
    }
    /* end */
    /* =========testimonial============*/
    .testimonial-content-short.site_content {
        line-height: 24px;
    }
    .review-card-inner {
        padding: 15px;
    }
    .review-name {
        font-size: 18px;
        width: 80%;
    }
    /* =========testimonial end============*/
}

@media all and (min-width: 1681px) and (max-width: 1880px) {
    .main_transform_content .site_content {
        height: 500px;
        overflow: auto;
    }
    /*====== banner start ==========*/
    .banner_text_main {
        width: 130%;
    }
    /*====== banner end ==========*/
}

@media all and (min-width: 981px) and (max-width: 3000px) {}