/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */


/*Font face*/

@font-face {
  font-family: bevietnam;
  font-weight: 300;
  src: url('./fonts/BeVietnamPro-Light.ttf')format("truetype");
}

@font-face {
  font-family: bevietnam;
  font-weight: 400;
  src: url('./fonts/BeVietnamPro-Regular.ttf')format("truetype");
}

@font-face {
  font-family: bevietnam;
  font-weight: 500;
  src: url('./fonts/BeVietnamPro-Medium.ttf')format("truetype");
}

@font-face {
  font-family: bevietnam;
  font-weight: 600;
  src: url('./fonts/BeVietnamPro-SemiBold.ttf')format("truetype");
}

@font-face {
  font-family: bevietnam;
  font-weight: 700;
  src: url('./fonts/BeVietnamPro-Bold.ttf')format("truetype");
}

@font-face {
  font-family: bevietnam;
  font-weight: 800;
  src: url('./fonts/BeVietnamPro-ExtraBold.ttf')format("truetype");
}

@font-face {
  font-family: lato;
  font-weight: 400;
  src: url('./fonts/Lato-Regular.ttf')format("truetype");
}

@font-face {
  font-family: lato;
  font-weight: 700;
  src: url('./fonts/Lato-Bold.ttf')format("truetype");
}



/*grow Effect*/
.grow-effect figure {
    overflow: hidden;
}

.grow-effect img {
    -moz-transition: -moz-transform 0.5s;
    -o-transition: -o-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
}

.grow-effect:hover img {
    /*-moz-transition: -moz-transform 1s;*/
    /*-o-transition: -o-transform 1s;*/
    /*-webkit-transition: -webkit-transform 1s;*/
    /*transition: transform 1s;*/
    transform: scale(1.1);
}

/*new Floating btn*/
.floating-button{
    position: fixed;
    width: 50px;
    height: 50px;
    line-height: 50px;
    bottom: 80px;
    right: 10px;
    font-size: 20px;
    background-color: #4F6ACA;
    color: #fff !important;
    border-radius: 50px;
    text-align: center;
    z-index: 1000;
/*    animation: pulsess 3s infinite;*/
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.floating-button *{
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.floating-button.float-btn-trigger{
    background-color: #4F6ACA;
    animation: 2.5s wiggle ease infinite;
    animation-delay: 1s;
}

.floating-button:not(.float-btn-trigger){
    opacity: 0;
}

.floating-button.float-btn-trigger #open-float{
    opacity: 1;
}
.floating-button.float-btn-trigger #close-float{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) rotate(0deg);
    opacity: 0;
}

.floating-button.floating-button_mail{background-color: rgba(0, 114, 198, 1);}
.floating-button.floating-button_phone{background-color: rgba(220, 16, 16, 1);}
.floating-button.floating-button_whatsapp{background-color: rgba(37, 211, 102, 1);}

/*when toogle*/
.floating-button.float-btn-trigger.toogle{
    animation: none;
}

.floating-button.toogle:not(.float-btn-trigger){
    opacity: 1;
}

.floating-button.float-btn-trigger.toogle #open-float{
    opacity: 0;
}
.floating-button.float-btn-trigger.toogle #close-float{
    opacity: 1;
    transform: translate(-50%,-50%) rotate(180deg);
}

.floating-button.floating-button_mail.toogle{bottom:140px;}
.floating-button_phone.toogle{bottom: 200px;}
.floating-button_whatsapp.toogle{bottom:260px;}

/*animation for triger*/
@keyframes wiggle {
  0% {
    transform: scale(1),rotate(0);
  }
  9.375% {
    transform: scale(1.1) rotate(0);
  }
  18.75% {
    transform: scale(1.1) rotate(-3deg);
  }
  28.125% {
    transform: scale(1.1) rotate(20deg);
  }
  37.5% {
    transform: scale(1.1) rotate(-15deg);
  }
  46.875% {
    transform: scale(1.1) rotate(5deg);
  }
  56.25% {
    transform: scale(1.1) rotate(-1deg);
  }
  65.625% {
    transform: scale(1.1) rotate(0);
  }
  75% {
    transform: scale(1) rotate(0);
  }

  100% {
    transform: scale(1) rotate(0);
  }
}

/*when mobile only*/
@media only screen and (max-width: 767px) {
    .floating-button{bottom:10px}

    .floating-button.floating-button_mail.toogle{bottom:70px;}
    .floating-button_phone.toogle{bottom: 130px;}
    .floating-button_whatsapp.toogle{bottom:190px;}
    
    #side-contact {
        position: fixed;
        background: #fff;
        width: 100%;
        height: 70px;
        bottom: 0;
        right: -100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 10px;
        z-index: 999;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        /*padding-right: 70px;*/
    }
    
    #side-contact.toogle {
        right: 0;
    }
    
    #side-contact a.floating-button:not(.float-btn-trigger) {
        position: initial;
        opacity:1;
    }
}

/*define variable*/
:root {
    --row-spacing: 85px;
    --color-1: #1B3530;
    --color-2: #4C9464;
    --color-3: #22574D;
    --color-4: #F5F0F0;
    --grey-color: #444444;
    --orange-color: #FF722B;
    --font: 'gothic' !important;
    --gap: 100px;
    --padd: 65px;
    --line-color: rgba(0,0,0,0.5);
    --fontFamily: 'bevietnam' !important;
}

@media only screen and (max-width: 768px){
   :root {
        --row-spacing: 15px;
        --gap: 70px;
        --padd: 35px;
    }
}

/*overall*/
html {
    scroll-padding-top: 65px;
}
html,body {
  scroll-behavior: smooth;
}

body {
  line-height: 1.3 !important;
}

@media only screen and (max-width: 768px) {
    body{
        overflow-x: hidden;
    }
}

preloader{display:none !important;}

.desktop-view{display:block;}
.mobile-view{display:none !important;}

@media only screen and (max-width: 768px) {
    .desktop-view{display:none !important;}
    .mobile-view{display:block !important;}
}

.entry-content >* {margin-bottom: 0 !important; margin-top: 0 !important;}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600 !important;
    line-height: 1.3 !important;
    margin-top: 0 !important;
    margin-bottom: 25px !important;
}

.page .hero-section {display: none !important;}
.woocommerce .hero-section {display: block !important;}

/*container width*/
@media only screen and (min-width: 768px) {
    #header [data-row] > .ct-container,
    #footer [data-row] > .ct-container {
        width: auto;
        margin-left: var(--row-spacing);
        margin-right: var(--row-spacing);
        padding-left: 15px;
        padding-right: 15px;
    }
    #main > .ct-container {
        width: calc(100% - (var(--row-spacing) * 2));
    }
   
}

/*header menu*/
#header [data-id*=logo] {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 15px;
}

#header [data-id*=logo] .site-title > a {
    color: #fff;
    font-weight: 700;

}

#header [data-id*=logo] .site-title > a small {
    font-size: 14px;
    font-weight: 400;
    display: block;
}

#header ul.menu li a {
    text-transform: capitalize;
    position: relative;
}

#header ul.menu li > a:before {
    content: '\f0dd';
    position: absolute;
    top: -18px;
    left: 10px;
    font-size: 18px !important;
    right: auto;
    background-color: transparent !important ;
    color: var(--orange-color);
    display: block !important;
    z-index: 0;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    transform: rotate(-45deg);
    opacity: 0;
    transition: 500ms ease;
}
/*#header ul.menu > li.current-menu-item > a:before,*/
/*#header ul.menu > li.current-menu-parent > a:before */
#header ul.menu > li > a:hover:before
{
    opacity: 1;
}

#header [data-id*=menu] > ul.menu {
    height: auto;
}

#header ul.menu li span.ct-toggle-dropdown-desktop {
    display: none;
}

#header ul.menu ul.sub-menu > li:hover > a,
#header ul.menu ul.sub-menu > li.current_page_item > a {
    background-color: var(--orange-color);
    color: #fff;
}

/*nav[class*=menu] li[class*=current-menu-]>a,
nav[class*=menu] li:hover > a,
#header li.current-menu-item > a,
ul.widget-menu li:hover > a {
    font-weight: 600;
}*/

#header ul.menu li:last-child a {padding-right: 0;}

/*default font syle*/
.all-title {
    font-weight: 400; 
    margin-bottom: 15px !important;
    font-size: 30px;
}

.title-20 {font-size: 20px;}
.title-25 {font-size: 25px;}
.small-title {font-size: 16px; font-weight: 400 !important;}
.font-18 {font-size: 18px;}

.white-text {color: #fff;}
.grey-text {color: var(--grey-color);}
.grey-text.light {color: #d1d7d6;}

.fw-300 {font-weight: 300;}
.fw-500, .fw-500 strong {font-weight: 500 !important;}
.fw-600, .fw-600 strong {font-weight: 600 !important;}
.fw-700, .fw-700 strong {font-weight: 600 !important;}

.justify-text {text-align: justify !important;}

/*all gap*/
.top-padd {padding-top: var(--gap) !important;}
.bttm-padd {padding-bottom: var(--padd);}

.top-padd-65 {padding-top: var(--padd);}
.bttm-padd-100 {padding-bottom: var(--gap);}

.mt-15{margin-top: 15px !important}
.mt-35{margin-top: 35px !important}
.mb-0 {margin-bottom: 0 !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-35 {margin-bottom: 35px !important;}

/*icon style*/
.all-icon.wpb_single_image img {
    max-height: 50px;
    object-fit: contain;
    width: auto;
}

.reverse-img {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    margin-bottom: 25px !important;
}

.reverse-img .wpb_singleimage_heading {
    font-size: 25px;
    font-weight: 400 !important;
    margin-bottom: 0;
    padding-top: 15px;
    color: #000;
}

.reverse-img.white-text .wpb_singleimage_heading {
    color: #fff;
}

.reverse-img.row {
    flex-direction: row-reverse;
    align-items: center;
    gap: 20px;
}

.reverse-img.row .wpb_singleimage_heading {
    padding-top: 0;
    margin-bottom: 0 !important;
}

.video-block iframe {
    aspect-ratio: 16/9;
    max-height: 500px;
}

/*button style*/
.readmore {margin-bottom: 35px !important;}

.readmore .vc_general.vc_btn3 {
    position: relative;
    font-weight: 400;
    font-size: 14px;
    background-image: none !important;
    border-radius: 0;
    padding: 10px 35px;
    border-radius: 0;
    overflow: hidden;
    transition: 500ms ease;
    z-index: 1;
    position: relative;
}

.readmore.arrow .vc_general {
    padding-right: 35px;
}

.readmore.arrow .vc_general:after,
.readmore .vc_general.vc_btn3:after {
    content: '\f061';
    position: absolute;
    font-weight: 600;
    font-family: 'Font Awesome 6 Free';
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    color: #fff;
    right: 15px;
    font-size: 15px;
    z-index: 9;
    display: block !important;
    transition: 500ms ease;
}

.readmore .vc_general.vc_btn3:after {
    transform: translateY(-50%) rotate(45deg) scale(1.15);
    opacity: 0;
}
.readmore .vc_general.vc_btn3:hover {
    padding-left: 25px;
    padding-right: 45px;
}
.readmore .vc_general.vc_btn3:hover:after {
    transform: translateY(-50%) rotate(-45deg) scale(1.15);
    opacity: 1;
}

.readmore.transparent .vc_general {
    padding: 0;
    padding-right: 40px;
    font-weight: 500;
}

.readmore.transparent .vc_general:hover {
    padding: 0;
    padding-right: 40px;
}

.readmore.transparent .vc_general:hover:after {
    color: var(--orange-color);
}
/*contact logo style*/
.company-name {
    font-size: 20px;
    font-weight: 700 !important;
    line-height: 1.3;
}

.company-name small {
    font-weight: 400;
    font-size: 14px;
    color: #000;
    padding-top: 3px;
    display: block;
}

.company-logo img {
    max-height: 75px;
    object-fit: contain;
    width: auto;
}

.company-logo {margin-bottom: 15px !important;}

/*background layer*/
.white-layer, .black-layer {position: relative;}

.white-layer:before { background-color: rgba(229, 229, 229, 0.95);}

.black-layer:before {background-color: rgba(0,0,0,0.5); }

.white-layer:before, .black-layer:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    display: block !important;
    z-index: 0;
}

.parallax { background-attachment:fixed; }

/*disable parallax effects on safari*/
@supports (-webkit-touch-callout: none) {
    .parallax {
          background-attachment: scroll;
    }
}

@supports (-webkit-touch-callout: touch) {
     .parallax {
          background-attachment: scroll;
    }
}

/*contact form*/
.form  {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 15px;
}

.form > div {
    margin-bottom: 20px;
}

 .form #msg, .form #recaptcha {
    grid-column: 1/3;
}


.form input {
    width: 100%;
    height: 50px !important; 
    border: 1px solid #E6DDDD !important;
    background-color: rgba(255, 255, 255, 1) !important;
    font-weight: 400;
    color: #000;
    border-radius: 0 !important;
}

.form textarea {
    width: 100%;
    border: 1px solid #E6DDDD  !important;
    background-color: rgba(255, 255, 255, 1) !important;
    font-weight: 400;
    color: #000;
    height: 150px;
    border-radius: 0 !important;
}

.wpcf7-form label {
    font-size: 16px;
    font-weight: 400 !important;
}
.form select {
    background-color: rgba(255, 255, 255, 0.8) !important;
}

::-webkit-input-placeholder {
    color: #58595b !important;
    font-size:16px;
    font-weight: 400;
}

.form .enquiry::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #58595b !important;
    font-size:16px;
    font-weight:400;
    opacity: 1; /* Firefox */
}

.form .enquiry:focus {
    border: 1px solid transparent;
}

#send .send-btn {
    background-color: #FF2B2B !important;
    border-radius: 0;
    border: 0;
    padding: 10px 35px;
    min-height: auto;
    position: relative;
    transition: 500ms ease;
}

#send .send-btn i {
    position: absolute;
    right: 20px;
    transform: rotate(45deg);
    transition: 500ms ease;
    opacity: 0;
}

#send .send-btn:hover {
    padding-left: 25px;
    padding-right: 45px;
}

#send .send-btn:hover i {
    transform: rotate(-45deg);
    opacity: 1;
    font-size: 17px;
}

/*footer*/
/*#footer [data-row*=middle] > .ct-container {
    padding-bottom: 35px;
} */

#footer [data-column*=widget-area-1] .widget_media_image img {
    max-height: 75px;
    width: auto;
}

#footer .ct-widget:not(:first-child) {
    margin-top: 0;
}

#footer .company-name,
#footer .company-name small {
    color: #fff;
}

#footer .company-name {
    margin-top: 15px !important;
}

#footer [data-column] .widget-title {
    margin-bottom: 15px !important;
    font-family: 'lato' !important;
    font-weight: 400 !important;
}

#footer ul.widget-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 25px;
}

#footer ul.widget-menu > li {
    width: calc(50% - 25px);
}

.footer-contact > p {
    margin-bottom: 15px;
    position: relative;
    padding-left: 25px;
    font-family: 'lato';
}

.footer-contact i {
    position: absolute;
    top: 5px;
    left: 0;
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
}

#footer [data-column*=widget-area-2] > div:not(:last-child) {
    border-right: 1px solid rgba(255,255,255,0.5);
}

.footer-social {
    display: flex;
    flex-direction: row;
    gap: 0 10px;
    justify-content: flex-start;
    align-items: center;
}

.footer-social a {
    width: 30px;
    height: 30px;
    background-color: transparent;
    text-align: center;
    line-height: 80px;
    font-size: 20px;
    margin-left: 8px;
    margin-right: 8px;
    display: flex;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    border: 0;
    z-index: 1;
    align-items: center;
    justify-content: center;
}

.footer-social > a:first-child {
    margin-left: 0;
}

.footer-social a i {
  position: relative;
  color: #fff;
  transition: .5s;
  z-index: 3;
}

.footer-social a:hover i {
  color: #fff;
/*  transform: rotateY(360deg);*/
}

.footer-social a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  transition: 500ms ease;
  z-index: 2;
  display: block !important;
}

.footer-social a:hover:before {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 1;
}

.footer-social a#facebook:before{
  background: #4267B2;
}

.footer-social a#instagram:before {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.footer-social a#whatsapp:before {
  background: #25D366;
}

#footer [data-row*="bottom"] .ct-footer-copyright {
    font-family: 'lato';
}

@media only screen and (min-width: 1000px) {
     
     #footer [data-column*=widget-area-2] {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    #footer [data-column*=widget-area-2] > div:nth-child(1) {
        width: 30%;
    }

    #footer [data-column*=widget-area-2] > div:nth-child(2) {
        width: 45%;
        margin: 0 15px;
        padding: 0 15px;
    }
    #footer [data-column*=widget-area-2] > div:nth-child(3) {
        width: fit-content;
    }
    #footer ul.widget-menu > li:nth-child(1) {order:1;}
    #footer ul.widget-menu > li:nth-child(2) {order:3;}
    #footer ul.widget-menu > li:nth-child(3) {order:5;}
    #footer ul.widget-menu > li:nth-child(4) {order:2;}
    #footer ul.widget-menu > li:nth-child(5) {order:4;}
}

/*home*/
rs-arrow.tparrows {
    position: absolute !important;
    bottom: 120px;
    left: auto !important;
    top: auto !important;
    transform: translate(0, 0) !important;
    border: 1px solid #fff;
    overflow: hidden;
}

rs-arrow.tp-leftarrow.tparrows.hesperiden {
    right: 170px;
}
rs-arrow.tp-rightarrow.tparrows.hesperiden {
    right: 100px;
}

rs-arrow.tparrows:hover:before {
    color: #000 !important;
}


.home-counter-row .mega_count_content,
.home-counter-row .mega_count_content h3 {
    text-align: left !important;
}

.home-counter-row .mega_count_content h3 {
    font-weight: 400 !important;
    margin-top: 10px !important;
}

.home-counter-row .mega_count_content .main-counter {
    position: relative;
}

.home-counter-row > .wpb_column:first-child .mega_count_content .main-counter:after {
    content: '++';
    position: absolute;
    top: 0;
    right: -50px;
    font-size: 40px;
    display: block !important;
}

.top-line {
    position: relative;
    padding-top: 35px;
}

.top-line:before,
.top-line:after,
.bottom-line:before,
.bottom-line:after {
    content: '';
    position: absolute;
    background-color: var(--color-2);
    top: 0;
    left: 0;
    display: block !important;
    z-index: 0;
}

.top-line:before {
    clip-path: polygon(0 0, 100% 0%, 50% 100%, 0% 100%);
    height: 20px;
    width: 30px; 
}

.bottom-line:before,
.bottom-line:after {
    top: auto;
    bottom: 0;
}

.bottom-line:after {
    width: calc(100% - 35px);
    height: 5px;
    left: 15px;
}

.bottom-line:before {
    clip-path: polygon(0 0, 100% 0%, 50% 100%, 0% 100%);
    height: 20px;
    width: 30px;
    left: auto;
    right: 20px;
    transform: scale(-1); 
}

.top-line:after {
    width: 100%;
    height: 5px;
}

.bottom-line > div > div > div {
    padding-right: 25px;
}

.home-counter-row .top-line:before,
.home-counter-row .top-line:after {
    left: 15px;
}

.home-counter-row .top-line:after {
    width: calc(100% - 35px);
}

.home-counter-row > .wpb_column > .vc_column-inner > div {
    position: relative;
    padding-bottom: 5px;
}

.home-counter-row > .wpb_column > .vc_column-inner> div:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 35px);
    height: 1px;
    background-color: var(--color-3);
}

.home-we-provide-sec {
    padding-top: 0 !important;
}

.home-we-provide-sec:before,
.home-promotion-row:before,
.product-cta-sec:before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--color-1);
    width: 100%;
    display: block !important;
}

.home-we-provide-sec:before {
    height: 60%;
}

.home-promotion-row:before {
    background-color: var(--color-4);
    height: calc(310px + var(--gap));
}

.product-cta-sec:before {
    top: auto;
    bottom: 0;
    height: 45%;
}


.home-service-row > .wpb_column {
    position: relative;
}

.home-service-row > .wpb_column .content-box {
    position: relative;
    z-index: 9;
}

.home-service-row > .wpb_column > .vc_column-inner {
    background-color: #fff;
    padding: 50px 20px 15px;
    position: relative;
}

.home-service-row > .wpb_column > .vc_column-inner > .wpb_wrapper {
/*    min-height: 350px;*/
}


.home-service-row > .wpb_column .content-box .vc_custom_heading {
    flex-grow: 1;
    display: flex;
    align-items: flex-end;
    font-weight: 500 !important;
    margin-bottom: 15px !important;
    font-size: 20px;
    text-transform: uppercase;
}

.home-service-row > .wpb_column .content-box .vc_custom_heading,
.home-service-row > .wpb_column .content-box .wpb_text_column {
    color: var(--grey-color);
}

.home-service-row > .wpb_column .hover-img * {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.home-service-row > .wpb_column > .vc_column-inner:hover .all-icon img,
.product-sec .all-icon img {
    filter: brightness(0) saturate(100%) invert(59%) sepia(24%) saturate(5855%) hue-rotate(340deg) brightness(100%) contrast(103%);
}


.projects-row .wpb_single_image * {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.projects-row .wpb_single_image img {
    aspect-ratio: 45/32;
    max-height: 330px;
    object-fit: cover;
}

.projects-row .green-box {
    background-color: var(--color-1);
    font-size: 18px;
    padding: 35px 20px 25px;
    clip-path: polygon(88% 10%, 90% 0, 100% 0, 100% 100%, 0 100%, 0 10%);
    margin-top: -25px;
}

.projects-row .green-box p {
     min-height: 70.17px;
     text-transform: uppercase;
}

.customer-row .wpb_single_image {
    background-color: #EFEFEF;
    padding: 70px 35px;
}

.customer-row .green-box p {
    min-height: 46.78px;
}

.customer-row .wpb_single_image img {
    aspect-ratio: 16/9;
    object-fit: contain;
    mix-blend-mode: multiply;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}
.promo-img-col img {
    max-height: 500px;
    object-fit: cover;
}

.slick-arrow {
    position: absolute;
    background-color: transparent;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid var(--color-2);
    overflow: hidden;
    z-index: 9;
    top: -50px;
    cursor: pointer;
}
.slick-arrow.slick-prev {
    right: 65px;
}
.slick-arrow.slick-next {
    right: 15px;
}

.slick-arrow.slick-prev:before {
    content: '\f060';
}

.slick-arrow.slick-next:before {
    content: '\f061';
}

.slick-arrow:before {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-family: 'Font Awesome 6 Free';
    font-weight: 600;
    color: var(--color-2);
    z-index: 9;
}

.slick-arrow:after,
rs-arrow.tparrows:after {
    content: '';
    position: absolute;
    height: 0;
    width: 100%;
    border-radius: 50%;
    background-color: var(--color-2);
    z-index: -1;
    transition: 500ms ease;
}

.slick-arrow.slick-prev:after,
rs-arrow.tp-leftarrow.tparrows:after {
    top: 0;
}

.slick-arrow.slick-next:after,
rs-arrow.tp-rightarrow.tparrows:after {
    bottom: 0;
}

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

.slick-arrow:hover:after,
rs-arrow.tparrows:hover:after {
    height: 100%;
}

rs-arrow.tparrows:after {
    background-color: #fff;
}

rs-arrow.tparrows:hover:before {
    color: rgba(0,0,0,0,1) !important;
}

.testimonial-slider-sec {
    padding-top: 15px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.slick-track:before, .slick-track:after {
    display: none !important;
}

.testimonial-slider-sec .slick-track {
    display: flex;
    column-gap: 35px;
}

.testimonial-col {
    background-color: var(--color-4);
    padding: 50px 15px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 88%, 91% 88%, 84% 100%, 0 100%);
    margin-left: 0 !important;
    margin-right: 0 !important;
    height: auto !important;
}

.testimonial-col .all-icon img {
    mix-blend-mode: multiply;
}

.testimonial-col .vc_custom_heading {
    min-height: 47px;
}

.testimonial-col .wpb_text_column  {
    margin-bottom: 15px;
}

.testimonial-col .wpb_text_column p {
    min-height: 103.98px;
}

.testimonial-popup .wpb_single_image img {
    width: 80%;
    object-fit: contain;
}

.shape {
    clip-path: polygon(7% 0, 100% 0, 100% 82%, 96% 82%, 92% 100%, 0 100%, 0 19%, 4% 19%);
    z-index: 1;
    position: relative;
}

.shape.image {
    clip-path: polygon(20% 0, 100% 0, 100% 85%, 88% 85%, 80% 100%, 0 100%, 0 15%, 15% 15%);
}


.shape.image * {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.cta-sec {
    position: relative;
}

.home .cta-sec {
    padding-bottom: 35px;
}

.video-block {
    position: absolute;
    top: -10%;
    right: 0;
    mix-blend-mode: screen;
    height: 55%;
    width: 50%;
    z-index: 0;
}

.home-cta {
    margin-top: var(--padd);
}

.home-cta .all-title {
    font-size: 35px;
}

.all-title small {
    font-size: 14px;
}

/*about*/
.about-us-sec .vc_row:nth-child(1) .all-title {
    line-height: 1;
} 

.shape.wpb_single_image img {
    object-fit: cover;
    aspect-ratio: 49/48;
    max-height: 550px;
}

.about-intro-row .all-title {
    font-weight: 400 !important;
}

/*product*/
.product-sec .shape.image img {
    max-height: 320px;
}

.product-sec > .vc_row:not(:last-child) {
    border-bottom: 1px solid #22574D;
    padding-bottom: 35px;
    margin-bottom: 70px;
}

.product-sec.green > .vc_row:not(:last-child) {
    border-color: rgba(255,255,255,0.5);
}

.product-sec .all-icon.reverse-img img {
    max-height: 35px;
}

.product-sec .all-icon.reverse-img {
    align-items: flex-start;
}

.home-projects-sec.project-page {
    padding-bottom: 45px;
}

#telecommunication .all-icon img {
    max-height: 45px;
}

/*contact*/
.contact-form-row > div > div > div {
    display: flex;
    flex-wrap: wrap;
    column-gap: 35px;
    justify-content: space-between;
}

.contact-form-row > div > div > div > div:nth-child(1),
.contact-form-row > div > div > div > div:nth-child(2),
.contact-form-row > div > div > div > div:nth-child(3) {
    width: 55%;
}

.contact-form-row > div > div > div > div:nth-child(4) {
    width: 55%;
}

.contact-form-row > div > div > div > div:nth-child(5) {
    width: 40%;
    background-color: var(--color-1);
    padding: 35px 35px;
    height: fit-content;
}

.contact-form-row .wpb_content_element h3 {
    font-size: 16px;
    font-weight: 400 !important;
    font-family: 'lato';
    width: 100%;
    margin-bottom: 15px !important;
    color: #fff;
}

.contact-form-row .footer-social i {
    color: #fff;
}

.contact-form-row > .vc_col-has-fill > div {
    padding: 50px 35px 15px !important;
}

.contact-form-row .footer-contact {
    margin-bottom: 25px;
}

.page-id-251 #footer [data-row*="middle"] {display: none;}

.page-id-251 #footer [data-row*="bottom"] {
    background-color: var(--color-1);
}

.page-id-251 #footer [data-row*="bottom"] .ct-footer-copyright,
.page-id-251 #footer [data-row*="bottom"] .ct-footer-copyright a {
    color: #fff;
}

.home-cta.shape {
    padding-top: 35px;
    padding-bottom: 35px;
}

#footer .company-name{
	font-size:18px;
}
@media only screen and (min-width: 767px) {
    .home-service-row > .wpb_column .content-box > div > div > div {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-height: 300px;
    }

    .home-service-row > .wpb_column .hover-img {
        position: absolute;
        inset: 0;
        z-index: 0;
        visibility: hidden;
        opacity: 0;
        transition: 500ms ease;
    }
    .home-service-row > .wpb_column > .vc_column-inner:hover .hover-img {
        opacity: 1;
        visibility: visible;
    }
    .home-service-row > .wpb_column > .vc_column-inner:hover .vc_custom_heading,
    .home-service-row > .wpb_column > .vc_column-inner:hover .wpb_text_column {
        color: #fff;
        transition: 500ms ease;
    }
    .home-service-row > .wpb_column .content-box .readmore.arrow {
        position: absolute;
        top: 0;
        right: 20px;
    }
    .home-service-row > .wpb_column .content-box .readmore.arrow .vc_general {
        font-size: 0;
        background-color: transparent !important;
        overflow: visible !important;
    }

    .home-service-row > .wpb_column .content-box .readmore.arrow .vc_general:after {
        color: #D9D9D9;
        font-size: 28px;
        transform: rotate(45deg);
        transition: 500ms ease;
        opacity: 1;
    }
    .home-service-row > .wpb_column > .vc_column-inner:hover .readmore.arrow .vc_general:after {
        color: var(--orange-color);
        transform: rotate(-45deg);
    }
    .home-service-row > .wpb_column .content-box .wpb_text_column {
        min-height: 62.39px;
    }
    .home-service-row > .wpb_column > .vc_column-inner {
        border-right: 1px solid #D9D9D9;
    }
    .home-service-row > .wpb_column:first-child > .vc_column-inner {
        border-left: 1px solid #D9D9D9;
    }
    .home-we-provide-sec > .home-service-row > .wpb_column > .vc_column-inner {
        border-top: 1px solid #D9D9D9;
        border-bottom: 1px solid #D9D9D9;
    }
    .home-we-provide-sec > .home-service-row:not(:nth-child(2))  > .wpb_column > .vc_column-inner {
        border-top: 0;
    }
    .home-promotion-row .promo-img-col {
        padding-left: 65px;
    }
    .col-gap > .wpb_column:nth-child(1) {
        padding-right: 35px;
    }
    .col-gap > .wpb_column:nth-child(2) {
        padding-left: 35px;
    }
    .projects-row > div {
        padding: 0 10px 20px;
    }
    .home .projects-row > div:nth-child(1) {
        padding-left: 0;
    }
    .home .projects-row > div:nth-child(3) {
        padding-right: 0;
    }

}