@import url('https://fonts.googleapis.com/css2?family=Parisienne&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&family=Questrial&display=swap');

/* font - handel-gothic */
@font-face {
    font-family: 'Handel Gothic Regular';
    font-weight: normal;
    font-style: normal;
    font-display: swap;
    src: url('../fonts/handel-gothic-regular.eot');
    src: url('../fonts/handel-gothic-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/handel-gothic-regular.woff2') format('woff2'),
        url('../fonts/handel-gothic-regular.woff') format('woff'),
        url('../fonts/handel-gothic-regular.ttf') format('truetype'),
        url('../fonts/handel-gothic-regular.svg') format('svg');
}


:root{
    --primary-color: #FFCE00;
    --secondary-color: #363636;
}

/* height of your fixed navbar */
/* [id] {scroll-margin-top: 200px;} */
:target {scroll-margin-top: 200px;}

body{
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    color: #121212;
    font-weight: 400;
}

/* font-family: "Parisienne", cursive; */
/* -- default -- */
.handel-gothic{
    font-family: 'Handel Gothic Regular';
    font-weight: 400;
}

p{line-height: 1.6;}

p:last-child{margin-bottom: 0;}

a{
    color: inherit;
    text-decoration: none;
}

button{border: 0;}

img{max-width: 100%;}

figure,ul,ol,table,.table{margin-bottom: 0;}


.text-primary{color: var(--primary-color)!important;}

.bg-primary{background-color: var(--primary-color)!important;}
.bg-secondary{background-color: var(--secondary-color)!important;}
.bg-light{background-color: #F7F7F7!important;}
.bg-grey{background-color: #D9D9D9;}

.text-normal{text-transform: none!important;}

.fw-bolder{font-weight: 800!important;}

.lh-1-5, .lh-1-5 > *{line-height: 1.5!important;}
.lh-2, .lh-2 > *{line-height: 2!important;}

/* .india-color{color: #FF9A25;} */
.india-color{color: #EB6F00;}
.india-color span:nth-child(1){color: #01008A;}
.india-color span:nth-child(2){color: #008801;}

.heading{
    position: relative;
    font-size: 2.6rem;
    font-weight: 500;
}
.sub-heading{font-size: 1.3rem;}
.heading + .heading-border{
    opacity: 1;
    border-width: 4px;
    border-color: var(--primary-color);
}

.heading-lg{font-size: 3.4rem;}

.title-style-1{
    color: #8F8F8F; 
    font-size: 1rem;
    display: inline-block;
    padding: 6px 12px 6px 12px;
    background-color: #272727;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.12);
    border-radius: 8px;
}

.title-style-2::before{
    content: attr(data-text);
    color: #F6F6F6;
    font-size: 7rem;
    font-weight: 700;
    text-transform: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    z-index: -1;
}

/* highlight-text */
span.highlight-text{
    position: relative;
    padding: 0 2px;
}
span.highlight-text::after{
    content: "";
    width: 100%;
    height: 11px;
    background-color: var(--primary-color);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -2px;
    z-index: -1;
}
.highlight-text-1{
    display: inline-block;
    line-height: normal;
    background-color: var(--primary-color);
    padding: 8px 25px;
    border-radius: 30px 0 30px 0;
}
.highlight-text-2{
    display: inline-block;
    line-height: normal;
    background-color: var(--primary-color);
    padding: 6px 15px;
    border-radius: 10px 0 10px 0;
}
.highlight-text-2.grey-bg{background-color: #EAEAEA;}


.btn{
    font-weight: 500;
    position: relative;
    color: #121212;
    background-color: #363636;
    padding: 0.4rem 2.4rem 0.4rem 1.4rem;
    border-radius: 5px 0 5px 0;
    border: none;
    z-index: 1;
    transition: all 0.3s ease-in-out;
}
.btn *{transition: all 0.3s ease-in-out;}
.btn::before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--primary-color);
    width: calc(100% - 7px);
    height: 100%;
    border-radius: 5px 0 5px 0;
    z-index: -1;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.btn .icon{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}
.btn:hover{
    color: #fff;
    background-color: #363636;
    padding: 0.4rem 2.9rem 0.4rem 0.9rem;
}
:not(.btn-check) + .btn:active{
    color: #121212;
    background-color: #363636;
}
:not(.btn-check) + .btn:hover{
    color: #fff;
    background-color: #363636;
}
.btn:hover::before{
    width: 37px;
}
.btn:hover .icon{
    color: #363636;
    right: 11px;
}
/* :not(.btn-check) + .btn:active{
    color: #121212;
    background-color: #363636;
} */
/*  */

.text-link{
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: all 0.3s ease-in-out;
}
.text-link.text-primary{color: #bd6e00!important;}
.text-link i{font-size: 11px;}
.text-link:hover{
    color: #bd6e00;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.text-link.text-primary:hover{color: var(--secondary-color)!important;}

.btn-link{
    text-decoration: none;
    display: inline-block;
    line-height: normal;
    border-bottom: 1px solid var(--secondary-color);
    transition: all 0.3s ease-in-out;
}
.btn-link i{
    font-size: 12px;
    margin-left: 4px;
}
.btn-link:hover{
    color: #bd6e00;
    border-color: #bd6e00;
}

.section-space{
    padding-top: 90px;
    padding-bottom: 90px;
}
.section-space-md{
    padding-top: 55px;
    padding-bottom: 55px;
}
/*  */
.list-style-1 > li{
    position: relative;
    padding-left: 18px;
    margin-bottom: 6px;
}
.list-style-1 > li::before{
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background-color: #363636;
    position: absolute;
    top: 9px;
    left: 0;
}
/*  */
.list-style-check-1 > li{
    position: relative;
    padding-left: 22px;
    margin-bottom: 6px;
    transition: all 0.3s ease-in-out;
}
.list-style-check-1 > li .icon{
    width: 14px;
    height: 14px;
    background: url(../images/icons/check-circle-icon-grey.svg) no-repeat center / contain;
    position: absolute;
    top: 5px;
    left: 0;
    transition: all 0.3s ease-in-out;
}
.list-style-check-1 > li:hover{
    color: #CCA400;
    font-weight: 700;
}
.list-style-check-1 > li:hover .icon{background-image: url(../images/icons/check-circle-icon-color.svg);}
/*  */
.list-style-2 > li{
    position: relative;
    padding-left: 35px;
    margin-bottom: 18px;
}
.list-style-2 > li .icon{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 26px;
    height: 26px;
    line-height: 26px;
    border-radius: 100%;
    background-color: var(--primary-color);
    position: absolute;
    top: 0px;
    left: 0;
}
.list-style-2 > li .icon img{max-width: 60%;}
/*  */
.list-style-icon > li{
    position: relative;
    padding-left: 25px;
}
.list-style-icon > li:not(:last-child){margin-bottom: 15px;}
.list-style-icon > li .icon{
    position: absolute;
    top: 5px;
    left: 0;
}
/*  */
.list-style-icon-sm > li{
    position: relative;
    padding-left: 20px;
}
.list-style-icon-sm > li:not(:last-child){margin-bottom: 15px;}
.list-style-icon-sm > li .icon{
    font-size: 0.8rem;
    position: absolute;
    top: 7px;
    left: 0;
}
/*  */
.list-style-img > li{
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}
.list-style-img > li img.icon{
    width: 17px;
    position: absolute;
    top: 3px;
    left: 0;
}
/*  */
.list-style-img-sm > li{
    position: relative;
    padding-left: 20px;
    margin-bottom: 15px;
}
.list-style-img-sm > li:last-child{margin-bottom: 0;}
.list-style-img-sm > li img.icon{
    width: 13px;
    position: absolute;
    top: 7px;
    left: 0;
}
/*  */
.list-style-btn{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.list-style-btn a{
    display: block;
    line-height: normal;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: transparent;
    border: 1px solid #696969;
    transition: all 0.3s ease-in-out;
}
.list-style-btn a:hover{
    background-color: var(--primary-color);
}

/*  */
.table-simple thead tr th{
    background-color: var(--primary-color);
}
.table-simple tr > *{
    padding: .7rem .8rem;
}
.table-simple thead tr th > *{
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
}
/*  */
.table.bg-transparent tr td{background-color: transparent!important;}
/*  */
.table-bordered{border-color: #8F8F8F;}
.table-desing-1.bg-light tr > td{background-color: #F2F2F2;}
.table-desing-1 tr > *{
    background-color: #fff;
    padding: .7rem .8rem;
}
.table-desing-1 thead tr th{
    background-color: var(--primary-color);
}
.table-desing-1 thead tr th > *{
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0;
}
.table-desing-1 tbody tr th{
    background-color: #EEBF00;
    font-size: 1.05rem;
    font-weight: 600;
}

/*  */
.column-divide .column{position: relative;}
.column-divide .column:not(:last-child)::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 100%;
    transform: translateY(-50%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(255, 255, 255, 0) 100%);
}

/*  */
.bg-img{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/*  */
.img-wrap-1{
    padding: 15px 15px;
    border: 1px solid var(--primary-color);
}

/*  */
.accordion{
    border: none;
    border-radius: 0;
}
.accordion .accordion-item + .accordion-item{margin-top: 15px;}
.accordion .accordion-item{
    border: none;
    border-radius: 14px;
    background: linear-gradient(0deg, #383838, #383838),
        linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(171, 171, 171, 0.06) 100%);
    
    overflow: hidden;
}
.accordion .accordion-button{
    line-height: 1.5;
    padding: 0.8rem 1.25rem;
    margin-bottom: 0;
}
.accordion .accordion-button:not(.collapsed){
    color: #fff;
    background: linear-gradient(0deg, #383838, #383838),
        linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(171, 171, 171, 0.06) 100%);
    border: 1px solid rgba(0, 0, 0, 0.08);
    box-shadow: none;
}
.accordion .accordion-button:not(.collapsed){border-bottom: 0;}
.accordion .accordion-button.collapsed{
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
}
.accordion .accordion-button::after{
    content: "\2b";
    font-family: "Font Awesome 6 Free";
    font-weight: 600;
    line-height: normal;
    background: none;
    transform: none;
}
.accordion .accordion-button:not(.collapsed)::after{
    content: "\f068";
    color: #fff;
}
.accordion .accordion-collapse{
    color: #fff;
    background: linear-gradient(0deg, #383838, #383838),
        linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(171, 171, 171, 0.06) 100%);
}
.accordion .accordion-body{
    padding-top: 0;
}

/* form */
.form-floating > .form-control:focus{
    border-color: var(--primary-color);
    box-shadow: none;
}
.form-floating > .form-control,
.form-floating > label{
    height: calc(3.2rem);
    min-height: auto;
    padding: 0.8rem .75rem;
}

/* modal */
.modal .modal-content{
    padding: 0 0.8rem;
    border-radius: 20px;
    border: none;
}
.modal .modal-header{
    color: #121212;
    font-size: 1.3rem;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    justify-content: center;
    padding: 0.8rem 1rem 0.8rem;
}
.modal .modal-header .close-btn{
    font-size: 1.2rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}
.modal .modal-body{
    padding: 25px 10px;
}

/* infographic-1 */
.infographic-1{
    font-size: 1.05rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 60px;
}
.infographic-1 ul{
    display: flex;
    flex-wrap: wrap;
    row-gap: 50px;
}

/* swiper-button */
div[class*="swiper-button"]{
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: #D9D9D9;
    color: #222222;
    font-size: 15px;
    margin-top: 0;
    transition: all 0.3s ease-in-out;
}
div[class*="swiper-button"]:hover{
    background-color: var(--primary-color);
}
div[class*="swiper-button"]::after{display: none;}
.swiper-button-next, .swiper-button-prev{top: 40%;}
.swiper-button-prev{left: 0px;}
.swiper-button-next{right: 0px;}

/* navigation */
.navigation{
    position: relative;
    display: flex;
    justify-content: end;
    align-items: center;
    column-gap: 10px;
}
.navigation div[class*="swiper-button"]{
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    right: 0;
    transform: scale(1);
}
.navigation div[class*="swiper-button"]:hover{
    transform: scale(1.2);
}

/* img-style-1 */
.img-style-1{
    position: relative;
    padding: 0 15px 15px 0;
}
.img-style-1::after{
    content: "";
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    border: 1px solid #E3B600;
    position: absolute;
    right: 0;
    bottom: 0;
}









/* -- Header -- */
header{
    position: relative;
    background-color: #fff;
    box-shadow:  0 5px 10px -5px rgba(0, 0, 0, 0);
    transition: all 0.3s ease-in-out;
}
header .top-section{
    background-color: #D9D9D9;
    overflow-x: clip;
    transition: all 0.3s ease-in-out;
}
header .top-section ul{padding: 8px 0 8px;}
header .top-section ul li .icon{margin-right: 8px;}
header .top-section ul li .icon{margin-right: 8px;}
header .top-section ul.email-box{
    position: relative;
    z-index: 1;
}
header .top-section ul.email-box::after{
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    width: 2800px;
    height: 100%;
    background-color: var(--primary-color);
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 1.5% 100%);
    z-index: -1;
}

/* Navbar */
header .navbar .navbar-brand img{
    width: 250px;
    transition: all 0.3s ease-in-out;
}
/*  */
header .navbar-nav .nav-item .nav-link{
    color: #121212;
    padding: 0.5rem 0.5rem;
}
header .navbar-nav .nav-item .nav-link.active{
    position: relative;
    font-weight: 700;
}
header .navbar-nav .nav-item .nav-link:focus{box-shadow: none;}
header .navbar-nav .nav-item .nav-link.active::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 100%;
    border-bottom: 2px solid var(--primary-color);
    font-weight: 700;
}
/* .dropdown-toggle::after */
.dropdown .dropdown-toggle::after{
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-size: 0.8rem;
    font-weight: 600;
    border: 0;
    margin-left: 0.4rem;
    position: relative;
    top: 2px;
    right: -2px;
}
.dropdown .dropdown-toggle.show::after{content: "\f106";}

/* dropdown */
.navbar .dropdown-menu {
    background-color: #F1F1F1;
    margin: 0;
    border-radius: 0;
    border: 0;
}
.dropdown .dropdown-menu{
    font-weight: 500;
    padding: 0 0;
    animation: fadeIn 0.2s ease-in-out both;
    /* box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.1), 0 5px 15px -5px rgba(0, 0, 0, 0.3); */
}
.dropdown .dropdown-menu .menu-wrapper{
    display: flex;
    flex-wrap: wrap;
    transition: all 0.3s ease-in-out;
}
.dropdown .dropdown-menu .menu-wrapper .column{
    position: relative;
    padding: 20px 10px 40px;
    transition: all 0.3s ease-in-out;
}
.dropdown .dropdown-menu .title{
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    transition: all 0.3s ease-in-out;
}
.dropdown .dropdown-menu .title:hover{color: #CCA400;}
.dropdown .dropdown-menu .menu-wrapper .column figure{
    min-width: 130px;
    height: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    align-items: center #B7B7B7;
    border: 1px solid #B7B7B7;
    border-radius: 5px;
    margin-bottom: 15px;
}
.dropdown .dropdown-menu .menu-wrapper .column figure img{height: 70%;}
.dropdown .dropdown-menu .dropdown-content{
    font-weight: 700;
    background-color: #EAEAEA;
    padding: 20px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in-out;
}
.dropdown .dropdown-menu .dropdown-content .title{
    font-size: 1.3rem;
    text-transform: uppercase;
}
.dropdown .dropdown-menu .menu-wrapper .column .link-item{
    position: relative;
    display: block;
    padding: 4px 8px 4px 8px;
    transition: all 0.3s ease-in-out;
    background-color: #F0F0F0;
    border: 1px solid #D8D8D8;
    border-top: 0;
}
/*  */
.dropdown-submenu{
    position: relative;
    background-color: #F0F0F0;
    border: 1px solid #D8D8D8;
}
.dropdown-submenu:first-child{
    border-bottom: 0;
}
.dropdown-submenu .dropdown-menu{
    background-color: #F0F0F0;
    position: relative!important;
    padding: 0 0;
}
.dropdown-submenu .dropdown{
    display: block;
    padding: 4px 30px 4px 8px;
    transition: all 0.3s ease-in-out;
}
.dropdown-submenu .dropdown-menu li{
    font-size: 0.85rem;
    font-weight: 400;
    border-top: 1px solid #D8D8D8;
}
.dropdown-submenu .dropdown-menu li a{
    display: block;
    padding: 6px 8px;
    transition: all 0.3s ease-in-out;
}
.dropdown-submenu span.dropdown-toggle{
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 4px 12px 4px 30px;
    transition: all 0.3s ease-in-out;
}
.dropdown-submenu span.dropdown-toggle::after{
    margin-left: 0;
    left: 0;
}
.dropdown-submenu .dropdown.dropdown-toggle.static::after{
    position: absolute;
    top: 7px;
    right: 12px;
}
/* .dropdown .dropdown-toggle:hover::after{content: "\f106";} */
.dropdown-submenu:hover span.dropdown-toggle::after,
.dropdown-submenu:hover .dropdown.dropdown-toggle.static::after{content: "\f106";}

.dropdown-submenu .dropdown:hover,
.dropdown-submenu span.dropdown-toggle:hover,
.dropdown-submenu .dropdown-menu li a:hover{color: #bd6e00;}
ul.dropdown-style{
    background-color: #F0F0F0;
    border: 1px solid #D8D8D8;
}
ul.dropdown-style li{
    border-top: 1px solid #D8D8D8;
}
ul.dropdown-style li:first-child{border-top: 0;}
ul.dropdown-style li a{
    display: block;
    padding: 6px 8px;
    transition: all 0.3s ease-in-out;
}

.navbar .navbar-toggler{
    border: 0;
}
.navbar .navbar-toggler:focus{box-shadow: none;}

/* side-links */
.side-links{
    position: fixed;
    top: 30%;
    right: 0;
    background-color: #636363;
    border-radius: 10px 0 0 10px;
    overflow: hidden;
    z-index: 1;
}
.side-links ul li + li{margin-top: 2px;}
.side-links ul li a{
    color: #fff;
    display: block;
    padding: 7px 12px;
    border-radius: 9px 0 0 9px;
}
.side-links ul li a:hover{
    color: #636363;
    background-color: var(--primary-color);
}



/*  */
header.sticky{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow:  0 5px 15px -5px rgba(0, 0, 0, 0.08);
    z-index: 100;
}
header.sticky .top-section{
    display: none;
}
header.sticky .navbar .navbar-brand img{
    width: 180px;
}

/* sound-btn */
.sound-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 15px;
    right: 20px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 0.8rem;
    width: 28px;
    height: 28px;
    /* line-height: normal; */
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.6);
}
.sound-btn:hover{color: rgba(0, 0, 0, 0.8);}

/* banner section */
.banner-section{
    position: relative;
    background-color:wheat;
    overflow: hidden;
}
.banner-section .caption{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20%;
}
.banner-section .caption .title{
    font-size: 3rem;
    line-height: 1.3;
}
.banner-section .caption .title span{font-weight: 800;}
.banner-section .video-wrap video{
    width: 100%;
    height: 100%;
}
/*  */
.banner-section .shape-box{
    position: absolute;
    left: 0;
    bottom: -1px; 
    background-color: rgb(255, 255, 255);
    width: 100%;
    height: 100%;
    clip-path: polygon(50% 96%, 100% 86%, 100% 100%, 0% 100%, 0% 86%);
}
.banner-section .arrow{
    width: 60px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 45px;
}

.banner-section .img-wrap{
    position: relative;
    width: 100%;
    height: 100%;
    clip-path: polygon(0% 0%, 100% 0%, 100% 89%, 50% 100%, 0% 89%);
}
.banner-section .img-wrap::before{
    content: "";
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 34%, #222222 95%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.banner-section .img-wrap img{width: 100%;}

/* about section */
.about-section figure{position: relative;}
.about-section figure img.logo-name{
    width: 80%;
    margin-left: -18px;
}
.about-section figure .icon{
    position: absolute;
    left: -211px;
    bottom: 35px;
    height: 530px;
}

/* card-design-1 */
.card-design-1 *{
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.card-design-1 .title{
    background-color: var(--primary-color);
    font-size: 1.2rem;
    font-weight: 700;
    padding: 14px 15px;
}
.card-design-1 .content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    background-color: #fff;
    min-height: 200px;
    padding: 0px 20px 10px;
    margin: 0 10px;
    border: 1px solid #C9C9C9;
    border-top: 0;
    border-radius: 0 0 30px 30px;
}
.card-design-1:hover .title{
    color: #fff;
    background-color: #121212;
}

/* products-category-section */
.category-wrap{
    width: 100%;
    display: flex;
    min-height: 400px;
}
.category-wrap .column-wrapper{
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: center;
    width: 100%;
}
.category-wrap .img-column{
    width: 55.5%;
}
/*  */
.category-wrap .title-column{
    position: relative;
    width: 140px;
    display: flex;
    justify-content: center;
    align-items: end;
}
.category-wrap .title-column .title{
    color: #373737;
    font-size: 1.2rem;
    text-transform: uppercase;
    position: relative;
    top: 0;
    left: 0;
    transform: rotate(270deg) translateX(50%);
    transform-origin: center;
    margin-bottom: 0;
    /* text-wrap-mode: nowrap; */
}
.category-wrap .title-column .title span{
    display: block;
    font-size: 3.1rem;
}
/*  */
.category-wrap .content-column{
    font-size: 0.9rem;
    width: 33%;
    padding: 25px 30px;
}
.category-wrap .content-column .title{
    display: inline-block;
    position: relative;
    font-size: 1.1rem;
    font-weight: 700;
    padding-left: 22px;
}
.category-wrap .content-column .title + ul{
    text-align: left;
    padding-left: 22px;
}
.category-wrap .content-column .title::before{
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    /* background-color: var(--primary-color); */
    width: 12px;
    height: 12px;
    border-radius: 100%;
    border: 2px solid #363636;
}
.category-wrap .content-column .table-columns{
    max-width: 340px;
    border: 1px solid #969696;
}
.category-wrap .content-column .table-columns ul{
    display: inline-flex;
    flex-wrap: wrap;
    margin-right: -1px;
    margin-bottom: -1px;
}
.category-wrap .content-column .table-columns li{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 calc(100% / 3);
    height: 50px;
    padding: 10px;
    border-bottom: 1px solid #969696;
    border-right: 1px solid #969696;
}
.category-wrap .content-column .table-columns li img{
    width: 75px;
}
.category-wrap figure{
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    /* height: 650px; */
}
.category-wrap figure img{
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* cta-section-1 */
.cta-section-1{
    position: relative;
    background-image: url(../images/bg/cta-img-1.webp);
    background-position: center right;
    z-index: 1;
}
.cta-section-1::before{
    content: "";
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: 1px solid;
    border-image: linear-gradient(270deg, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%) 20;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.cta-section-1 figure{margin-left: -100px;}
.cta-section-1 figure img{max-width: 88%;}

/* cta-section-2 */
.cta-section-2 .title{
    display: flex;
    flex-wrap: wrap;
}
.cta-section-2 .title > span:nth-child(1){
    line-height: 1.3;
    position: relative;
}
.cta-section-2 .title > span:nth-child(2){
    position: relative;
    color: #696969;
    font-size: 4.8rem;
    font-weight: 800;
    text-transform: uppercase;
    padding-top: 30px;
}
.cta-section-2 .wrapper{position: relative;}
.cta-section-2 .wrapper::before{
    content: "";
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(102, 102, 102, 0.2) 0%, rgba(0, 0, 0, 0.6) 53.37%, rgba(255, 255, 255, 1) 91.35%);
    position: absolute;
    left: 20px;
    top: 31%;
}
.cta-section-2 .wrapper::after{
    content: "";
    width: 98%;
    height: 1px;
    background: linear-gradient(90deg, rgba(102, 102, 102, 0.2) 0%, rgba(0, 0, 0, 0.6) 53.37%, rgba(255, 255, 255, 1) 91.35%);
    position: absolute;
    left: 20px;
    bottom: 88px;
}


/* -- Footer -- */
footer{
    position: relative;
    background: #333333;
    padding-top: 80px;
    z-index: 1;
}
footer::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bg/wave-pattren-img-1.png) top left, url(../images/bg/wave-pattren-img-2.png) top right;
    background-repeat: no-repeat,  no-repeat;
    /* background-size: top left, top left; */
    padding-top: 80px;
    z-index: -1;
}
/*  */
footer .widget .widget-title{
    display: inline-block;
    font-size: 1.25rem;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
}
/*  */
footer .contact-block{
    display: inline-block;
    background-color: #2C2C2C;
    padding: 15px 20px;
    border: 1px solid #484848;
}
footer .contact-block li{
    position: relative;
    font-size: 0.9rem;
    padding-left: 30px;
}
footer .contact-block li + li{
    margin-top: 10px;
}
footer .contact-block li .icon{
    width: 20px;
    position: absolute;
    top: 0;
    left: 0;
}
footer .contact-block li a:hover{color: var(--primary-color);}
/*  */
footer .links-list li{
    position: relative;
    padding: 3px 3px;
    padding-left: 22px;
    transition: all 0.3s ease-in-out;
}
footer .links-list li + li{
    margin-top: 2px;
}
footer .links-list li::before{
    content: "";
    width: 15px;
    height: 15px;
    background: url(../images/icons/pointer-icon-1.svg) no-repeat center / contain;
    position: absolute;
    top: 8px;
    left: 0;
    transition: all 0.2s ease-in-out;
}
footer .links-list li:hover{
    color: var(--primary-color);
    padding-left: 25px;
}
footer .links-list li:hover::before{left: 4px;}
/*  */
footer .info-list li{
    position: relative;
    font-size: 0.9rem;
    padding-left: 25px;
}
footer .info-list li .icon{
    width: 15px;
    position: absolute;
    top: 0;
    left: 0;
}
/*  */
footer .social-media{
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
}
footer .social-media li{
    font-size: 1.1rem;
    padding: 4px 5px;
}
footer .social-media li:hover{color: var(--primary-color);}

/* copyright */
footer .copyright ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
footer .copyright ul li{
    position: relative;
    padding: 10px 15px;
}
footer .copyright ul li:not(:last-child)::after{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 100%;
    background-image: linear-gradient(180deg, #333333 2.88%, #FFFFFF 49.04%, #333333 93.75%);
}
footer .copyright .nanum-pen-script-font{
    position: relative;
    font-family: "Nanum Pen Script", cursive;
    color: var(--primary-color);
    font-size: 1.3rem;
    top: 2px;
}


/* backToTop */
.whatsapp-btn, .call-btn, .backToTop{
    text-align: center;
    position: fixed;
    width: 40px;
    bottom: 40px;
    z-index: 100;
}
.whatsapp-btn, .call-btn{
    left: 30px;
}
.whatsapp-btn{
    bottom: 100px;
}
.backToTop{
    cursor: pointer;
    display: block;
    background-color: var(--primary-color);
    right: 30px;
    bottom: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}


/* page-wrapper */
/* page-banner-wrap */
.page-banner-wrap{position: relative;}
.page-banner-wrap .bg-img{
    width: 100%;
    height: 360px;
}
.page-banner-wrap .breadcrumb{margin-bottom: 0;}
.page-banner-wrap .breadcrumb .breadcrumb-item.active{
    color: inherit;
    font-weight: 600;
}
.page-banner-wrap .breadcrumb a:hover{color: #FF9A25;}
/*  */
.page-banner-wrap .video-box{
    position: relative;
    /* height: 560px; */
    overflow: hidden;
}
/* .page-banner-wrap .video-box.video-box-lg{height: 660px;} */
.page-banner-wrap .video-wrap video{
    width: 100%;
    /* height: 100%; */
}
/*  */
.page-banner-wrap.style-1 .bg-img{
    background: #333333;
    position: relative;
    height: 185px;
}
.page-banner-wrap.style-1 .bg-img{overflow: hidden;}
.page-banner-wrap.style-1 .bg-img::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/bg/wave-pattren-img-3.png) no-repeat -40px center / contain;
    z-index: 1;
}
.page-banner-wrap.style-1 .bg-img::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/bg/wave-pattren-img-2.png) no-repeat center right / contain;
    z-index: 1;
}

/* about-page */
.about-page .intro-section{
    padding: 30px 0 180px;
}
.about-page .intro-section .bg-img{
    width: 350px;
    position: absolute;
    top: -56px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}
/* infographic-grid */
.infographic-grid .column{
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
}
.infographic-grid .column figure,
.infographic-grid .column .content{
    position: relative;
    height: 290px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.infographic-grid .column figure{
    overflow: hidden;
    width: 100%;
    background-color: var(--primary-color);
}
.infographic-grid .column figure > *{
    position: relative;
    z-index: 1;
}
.infographic-grid .column figure:not(.img-box)::before{
    content: "";
    background-color: #F6C600;
    width: 280px;
    height: 280px;
    border-radius: 100%;
    position: absolute;
}
.infographic-grid .column:nth-child(1) figure:not(.img-box)::before{
    top: -30%;
    left: -30%;
}
.infographic-grid .column:nth-child(4) figure:not(.img-box)::before{
    width: 360px;
    height: 360px;
    bottom: -50%;
    right: -30%;
}
.infographic-grid .column figure.img-box img{
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.infographic-grid .column .content{
    padding: 25px 35px;
}
.infographic-grid .column:nth-child(odd) .content::before{
    content: "";
    position: absolute;
    top: 0px;
    right: 12%;
    border: 8px solid transparent;
    border-top: 14px solid var(--primary-color);
    border-bottom: 0;
}
.infographic-grid .column:nth-child(even) .content::before{
    content: "";
    position: absolute;
    bottom: 0px;
    right: 12%;
    border: 8px solid transparent;
    border-top: 0;
    border-bottom: 12px solid var(--primary-color);
}
.infographic-grid .column:nth-child(2) .content::before{border-bottom-color: #229AD3;}
.infographic-grid .column:nth-child(3) .content::before{border-top-color: #3E4247;}

/* profile-info */
.profile-info + .line{
    height: 1px;
    background: linear-gradient(90deg, #FFFFFF 4.81%, #000000 55.85%, #FFFFFF 100%);
    border: 0;
    opacity: 1;
}
.profile-info figcaption .title{
    font-size: 1.3rem;
    font-weight: 700;
    text-transform: uppercase;
}
.profile-info figcaption .line{
    display: block;
    width: 50%;
    height: 1px;
    background: linear-gradient(90deg, #FFFFFF 4.81%, #000000 55.85%, #FFFFFF 100%);
    margin: 0 auto 10px;
}
/* infographic-column */
.infographic-column{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.infographic-column .title{
    display: inline-block;
    width: 70%;
    color: #0E716E;
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.5;
}
.infographic-column ul{
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 45px;
}
/* block-design-1 */
.block-design-1{
    position: relative;
    background-color: #F6F6F6;
}
.block-design-1::after{
    content: "";
    width: 100%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 15px;
    left: 15px;
}
/* clients-section */
.clients-section figure{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    padding: 20px 20px;
    background-color: #fff;
    border: 1px solid #C8C8C8;
    border-radius: 5px;
    box-shadow: 0 0 10px -5px rgba(102, 102, 102, 0);
    transition: all 0.3s ease-in-out;
}
.clients-section figure:hover{
    border: 1px solid #696969;
    box-shadow: 0 0 15px -5px rgba(102, 102, 102, 0.5);
}
/* testimonial-slider */
.testimonial-slider{
    border-radius: 50px 50px 0 0;
}
.testimonial-slider + .navigation-text{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
}
.testimonial-slider + .navigation-text div[class*="swiper-button"]{
    flex-direction: column;
    flex-wrap: wrap;
    width: auto;
    height: auto;
    background-color: transparent;
    font-size: 0.9rem;
}
.testimonial-slider + .navigation-text .swiper-button-prev{left: 12px;}
.testimonial-slider + .navigation-text .swiper-button-next{right: 16px;}
.testimonial-slider + .navigation-text div[class*="swiper-button"] span{margin-bottom: 5px;}


/* singleSlider-1 */
.page-wrapper .singleSlider-1 .swiper-slide{position: relative;}
.page-wrapper .singleSlider-1 .swiper-slide .caption{
    font-size: 1.3rem;
    font-weight: 600;
    line-height: normal;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 20px;
    background-color: rgba(218, 213, 205, 0.6);
    margin-bottom: 0;
    z-index: 1;
}
.page-wrapper .singleSlider-1 .swiper-slide figure > img{
    width: 100%;
}
.page-wrapper .singleSlider-1 .swiper-slide:empty{
    height: 575px;
    background-color: #D9D9D9;
}

/* infographic-2 */
.infographic-2 .column{
    flex: 0 0 calc(100% / 5 - 30px);
    font-weight: 300;
    margin: 0 -15px;
    display: flex;
    align-items: center;
}
.infographic-2 .column .content-wrap{
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}
.infographic-2 .column figure{
    position: relative;
    width: 200px;
    height: 170px;
    margin-bottom: 15px;
}
.infographic-2 .column figure img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.infographic-2 .column:nth-child(1) figure{
    width: 158px;
}
.infographic-2 .column:nth-child(even) .content-wrap{
    flex-direction: column-reverse;
    /* margin-top: 0; */
}
.infographic-2 .column:nth-child(even) figure{
    margin-top: 15px;
    margin-bottom: auto;
}
/* .infographic-2 .column:nth-child(even) figure{
    margin-top: 15px;
    margin-bottom: 0;
} */
.infographic-2 .column:not(:first-child) .content-wrap figure{
    left: -20px;
}

.exploreProductSlider .swiper-slide p{line-height: 1.2;}

/* cta-section-3 */
.cta-section-3{
    position: relative;
}
.cta-section-3 figure{
    position: absolute;
    height: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 11% 100%);
}
.cta-section-3 figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    -o-object-position: left;
    object-position: left;
}

/* infographic-3 */
.infographic-3 li{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: end;
    row-gap: 10px;
    padding: 0 35px;
}
.infographic-3 li figure{
    position: relative;
    width: 150px;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 12px solid #F46036;
    margin: 0 auto;
    border-radius: 100%;
}
.infographic-3 li figure img{
   max-width: 70%;
}
.infographic-3 li figure::after{
    content: "";
    width: 115px;
    height: 115px;
    border: 4px solid #F46036;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
}
.infographic-3 li:nth-child(even){
    flex-direction: column-reverse;
    padding-bottom: 60px;
}
.infographic-3 li:nth-child(odd){
    padding-top: 60px;
}
.infographic-3 li:nth-child(2) figure,
.infographic-3 li:nth-child(2) figure::after{border-color: #F5AE4A;}
.infographic-3 li:nth-child(3) figure,
.infographic-3 li:nth-child(3) figure::after{border-color: #5369A1;}
.infographic-3 li:nth-child(4) figure,
.infographic-3 li:nth-child(4) figure::after{border-color: #3BAF97;}

/* infographic-4 */
.infographic-4{
    display: inline-flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: end;
}
.infographic-4 li{
    position: relative;
    background: url(../images/derrick-crane/infographic-4-vector-1.svg) no-repeat center top / 100%;
    padding: 35px 35px 20px;
    max-width: 185px;
    height: 100%;
    z-index: 1;
}
.infographic-4 li:not(:last-child){
    padding-bottom: 60px;
}
.infographic-4 li figure{
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.infographic-4 li::after{
    content: "";
    width: 100%;
    height: 70%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background-color: #1DCCC0;
    z-index: -1;
}
.infographic-4 li:nth-child(2){background-image: url(../images/derrick-crane/infographic-4-vector-2.svg);}
.infographic-4 li:nth-child(2)::after{background-color: #FFB408;}
.infographic-4 li:nth-child(3){background-image: url(../images/derrick-crane/infographic-4-vector-3.svg);}
.infographic-4 li:nth-child(3)::after{background-color: #FF3D59;}
.infographic-4 li:nth-child(4){background-image: url(../images/derrick-crane/infographic-4-vector-4.svg);}
.infographic-4 li:nth-child(4)::after{background-color: #5369A1;}

/* column-design-1 */
.column-design-1,
.column-design-1 *{transition: all 0.3s ease-in-out;}
.column-design-1 figure{
    width: 100px;
    height: 100px;
    border: 2px solid var(--secondary-color);
    display: inline-flex;
    padding: 0 12px 12px 0;
    transform: rotate(45deg);
    transform-origin: center;
    margin-bottom: 30px;
}
.column-design-1 figure .icon{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: var(--secondary-color);
    transform: scale(1.02);
}
.column-design-1 figure .icon img{
    width: 40px;
    transform: rotate(-45deg) scale(1);
    transform-origin: center;
}
.column-design-1:nth-child(even) figure{border-color: var(--primary-color);}
.column-design-1:nth-child(even) figure .icon{background-color: var(--primary-color);}
.column-design-1:hover figure .icon img{transform: rotate(-45deg) scale(1.15);}

/* infographic-5 */
.infographic-5 .column{
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    padding: 0 20px;
    margin: 0 -15px;
}
.infographic-5 .column p{margin-bottom: 0;}
.infographic-5 .column:nth-child(even){
    flex-wrap: wrap-reverse;
}

/* column-design-2 */
.column-design-2{
    margin-top: 30px;
    transition: all 0.3s ease-in-out;
}
.column-design-2 *{transition: all 0.3s ease-in-out;}
.column-design-2 .img-box{
    position: relative;
    padding-bottom: 35px;
    margin-bottom: 20px;
}
.column-design-2 figure{
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 140px;
    border-radius: 100%;
    background-color: #F7F7F7;
    outline: 7px solid #fff;
    z-index: 1;
}
.column-design-2 figure .icon{
    width: 110px;
    height: 110px;
    border-radius: 100%;
    background: linear-gradient(340.44deg, #E2E2E2 66.55%, #F2F2F2 90.92%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.column-design-2 figure .icon img{
    height: 50px;
}
.column-design-2 .img-box::after{
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background: url(../images/sli/circular-sector-shape.svg) no-repeat center / contain;
    width: 100%;
    height: 110px;
}
.column-design-2 .title{
    font-size: 1.1rem;
    font-weight: 700;
}

/* column-design-3 */
.column-design-3{
    position: relative;
}
.column-design-3 figure{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 170px;
    margin: 0 auto 20px;
    position: relative;
    text-align: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.column-design-3 .circle{
    position: absolute;
    background-color: #F46036;
    width: 145px;
    height: 145px;
    line-height: 145px;
    text-align: center;
    border-radius: 100%;
}
.column-design-3 .circle img{
    max-width: 50%;
    margin-bottom: 20px;
}
.column-design-3 .number{
    background-color: #fff;
    color: #F46036;
    font-size: 1.1rem;
    font-weight: 700;
    outline: 4px solid #F46036;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
}
.column-design-3:nth-child(2) .circle{
    background-color: #F5AE4A;
}
.column-design-3:nth-child(2) .number{
    color: #F5AE4A;
    outline-color: #F5AE4A;
}
.column-design-3:nth-child(3) .circle{
    background-color: #5369A1;
}
.column-design-3:nth-child(3) .number{
    color: #5369A1;
    outline-color: #5369A1;
}
.column-design-3:nth-child(4) .circle{
    background-color: #3BAF97;
}
.column-design-3:nth-child(4) .number{
    color: #3BAF97;
    outline-color: #3BAF97;
}

/* slider - content-block */
.swiper.content-block .swiper-slide{
    position: relative;
    background-color: #F6F6F6;
    height: auto;
}
.swiper.content-block .swiper-slide .content{
    width: 50%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 40px 40px;
    background: rgba(49, 49, 49, 0.8);
    border-radius: 0 50px 0 0;
}
.swiper.content-block .swiper-slide .content .title{
    font-size: 1.4rem;
    color: var(--primary-color);
    font-weight: 700;
    text-transform: uppercase;
}
.swiper.content-block .swiper-slide .content .btn{
    background-color: #101010;
}

/* infographic-6 */
.infographic-6{
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}
.infographic-6 li{
    position: relative;
    background: url(../images/vector/infographic-6-vector-1.svg) no-repeat center top / 100%;
    padding: 40px 25px 20px;
    max-width: 185px;
    z-index: 1;
}
.infographic-6 li, .infographic-6 li > *{transition: all 0.3s ease-in-out;}
.infographic-6 li figure{
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.1);
    margin: 0 auto 25px;
}
.infographic-6 li figure img{
    max-width: 60%;
}
.infographic-6 li::after{
    content: "";
    width: 99.99%;
    height: 60%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    background-color: var(--primary-color);
    z-index: -1;
}
.infographic-6 li:nth-child(even){
    color: #fff;
    background-image: url(../images/vector/infographic-6-vector-2.svg);
}
.infographic-6 li:nth-child(even)::after{background-color: var(--secondary-color);}
.infographic-6 li:hover figure{box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);}

/* infographic-7 */
.infographic-7 .column{
    display: flex;
    flex-wrap: wrap;
    row-gap: 35px;
    padding: 0 20px;
}
.infographic-7 .number-box{
    position: relative;
    width: 120px;
    height: 120px;
    outline: 1px solid var(--secondary-color);
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 700;
    border-radius: 100%;
    margin: 0 auto;
    z-index: 1;
}
.infographic-7 .number-box::before{
    content: "";
    width: 2px;
    height: 30px;
    background-color: var(--secondary-color);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -30px;
}
.infographic-7 .number-box::after{
    content: "";
    background-color: var(--secondary-color);
    width: 8px;
    height: 8px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 100%;
    bottom: -31px;
}
.infographic-7 .number-box > span{
    background-color: var(--primary-color);
    width: 80px;
    height: 80px;
    line-height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1);
    border-radius: 100%;
    transition: all 0.3s ease-in-out;
    z-index: -1;
}
.infographic-7 .column p{margin-bottom: 0;}
.infographic-7 .column:nth-child(even){flex-wrap: wrap-reverse;}
.infographic-7 .column:nth-child(even) .number-box::before{
    background-color: var(--primary-color);
}
.infographic-7 .column:nth-child(even) .number-box::before, .infographic-7 .column:nth-child(even) .number-box::after{
    bottom: auto;
    top: -30px;
}
.infographic-7 .column:nth-child(even) .number-box{
    color: #fff;
    outline-color: var(--primary-color);
}
.infographic-7 .column:nth-child(even) .number-box > span{
    background-color: var(--secondary-color);
}
.infographic-7 .column:hover .number-box > span{
    transform: translate(-50%, -50%) scale(1.1);
}

/* column-design-4 */
.column-design-4{
    position: relative;
    padding: 15px 0 0 15px;
}
.column-design-4::before{
    content: "";
    width: calc(100% - 15px);
    height: calc(100% - 15px);
    border: 1px solid var(--secondary-color);
    position: absolute;
    top: 0;
    left: 0;
}
.column-design-4 .content{
    position: relative;
    background-color: #F7F7F7;
    height: 100%;
}
.column-design-4 .content .title{
    font-size: 1.3rem;
    font-weight: 600;
    background-color: var(--primary-color);
    padding: 15px 20px;
    margin-bottom: 0;
}
.column-design-4 .content .text{
    font-size: 1.05rem;
    padding: 15px 30px;
}


/* column-design-5 */
.column-design-5{position: relative;}
.column-design-5 p{line-height: 1.5;}
.column-design-5 figure{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 auto;
    width: 170px;
    height: 170px;
    padding: 20px 18px;
    background: url(../images/used-tower-crane/half-circle-1.svg) no-repeat center bottom / contain;
    margin-bottom: 10px;
}
.column-design-5:nth-child(even) figure{
    background: url(../images/used-tower-crane/half-circle-2.svg) no-repeat center bottom / contain;
}
.column-design-5 .icon{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 auto;
    width: 130px;
    height: 130px;
    border-radius: 100%;
    background-color: #F7F7F7;
}
.column-design-5 .icon img{max-width: 55%;}


/* .block-design-2 */
.block-design-2{
    display: flex;
    border-radius: 10px;
    border: 1px solid #969696;
}
.block-design-2 figure{border-right: 1px solid #969696;}

/* blog-column-lg */
.blog-column-lg figure{
    /* background-color: #F5F5F5; */
    margin-bottom: 20px;
}
.blog-column-lg figure:empty{min-height: 600px;}
/* .blog-column-lg figure img{width: 100%;} */
.blog-column-lg .heading{
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}
.blog-column-lg .line{
    width: 55%;
    border-top-width: 2px;
    margin: 0 auto 30px;
    opacity: 1;
}
/* blog-column */
.blog-column figure:empty{
    min-height: 220px;
    background-color: #D9D9D9;
}
.blog-column .title{
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

/* blog-detail-page */
.blog-detail-page .heading{font-size: 2rem;}
.blog-detail-page .list-style-icon-sm li{margin-bottom: 10px;}
.blog-detail-page .list-style-img-sm li{margin-bottom: 12px;}
.blog-info{
    color: #5e5e5e;
    font-size: 0.9rem;
    display: inline-flex;
    flex-wrap: wrap;
    list-style: none;
}
.blog-info li{position: relative;}
.blog-info li::after{
    content: "";
    width: 1px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: -13px;
    transform: translateY(-50%);
    background-color: #5e5e5e;
}
.blog-info li:last-child::after{display: none;}
.blog-info li:not(:last-child){margin-right: 25px;}
.blog-detail-page h2{font-size: 1.62rem;}
.blog-detail-page h3{font-size: 1.48rem;}
.blog-detail-page h4{font-size: 1.32rem;}
.blog-detail-page h5{font-size: 1.18rem;}
.blog-detail-page h6{font-size: 1.04rem;}

.blog-detail-page ul li h3,
.blog-detail-page ul li h4,
.blog-detail-page ul li h5,
.blog-detail-page ul li h6,
.blog-detail-page ul li h3,
.blog-detail-page ul li h4,
.blog-detail-page ul li h5,
.blog-detail-page ul li h6{
    display: inline-block;
    font-size: 1.05rem;
    line-height: normal;
    margin-bottom: 0;
}
.blog-detail-page .column-design-4{
    height: 100%;
    padding: 8px 0 0 8px;
}
.blog-detail-page .column-design-4 .content .title{
    font-size: 1.1rem;
    padding: 9px 16px;
}
.blog-detail-page .column-design-4 .content .text{
    font-size: 0.93rem;
    padding: 12px 16px;
}
.blog-detail-page .column-design-4 .content .list-style-1 li{
    padding-left: 14px;
    margin-bottom: 6px;
}
.blog-detail-page .column-design-4 .content .list-style-1 li::before{
    width: 5px;
    height: 5px;
    background-color: #363636;
    top: 9px;
    left: 0;
}
.blog-detail-page .list-style-img > li img.icon{top: 5px;}
.blog-detail-page .list-style-icon li .icon.text-primary{color: #F5AE4A!important;}



/* info-box */
.info-box{
    background-color: #F4F4F4;
    border: 1px solid #D0D0D0;
}
.info-box li{
    position: relative;
    padding-left: 26px;
    margin: 20px 20px;
}
.info-box li .title{
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 15px;
}
.info-box li .icon{
    width: 16px;
    position: absolute;
    top: 7px;
    left: 0;
}

/* form-column */
.form-column{
    background-color: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}
.form-column .title{
    font-size: 1.3rem;
    font-weight: 600;
    background-color: var(--primary-color);
    padding: 15px 30px;
    border-radius: 10px 10px 0 0;
}
.form-column form{
    padding: 10px 30px 20px;
}
.form-column form .form-floating > .form-control,
.form-column form .form-floating > label{
    line-height: normal;
    height: calc(2.8rem);
    min-height: auto;
    padding: 0.7rem .75rem;
}
.form-column form .form-floating > .form-control:required ~ label::after{
    content: "*";
    color: #FF0000;
    margin-left: 2px;
}
.form-column form .form-floating > .form-control:not(:placeholder-shown){padding: 1.2rem .70rem 0.5rem;}
.form-column form .form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-column form .form-floating > .form-control:focus ~ label{transform: scale(.7) translateY(-.4rem) translateX(.15rem);}
.form-column form .form-floating > textarea:focus ~ label::after{
    inset: unset;
    height: auto;
}


/* bottom-txt-line */
.bottom-txt-line{
    font-size: 0.92rem;
    padding: 0 15px 10px;
}








/* ---- responsive ---- */
@media only screen and (min-width: 1399px){
    .banner-section{
        height: 88vh;
    }
    /* .banner-section .video-wrap{
        position: absolute;
        top: 0;
        left: 0;
        min-width: 100%;
        min-height: 100%;
    } */
    .banner-section .shape-box{
        bottom: -1px;
        clip-path: polygon(50% 99%, 100% 90%, 100% 100%, 0% 100%, 0% 90%);
    }
    
    /* infographic-2 */
    .infographic-2 .column{
        margin-left: -25px;
    }
}

@media only screen and (min-width: 992px){
    header .navbar{padding: 0 0;}
    header .navbar-nav .nav-item:not(:last-child){
        margin-right: 10px;
    }
    header .navbar-nav .nav-item .nav-link{padding: 1.8rem 0.5rem;}
    header .navbar-nav .nav-item .nav-link.active::before {
        width: 80%;
        left: 50%;
        transform: translateX(-50%);
        bottom: 28px;
    }
    /* .navbar li:hover > .dropdown-menu {
        top: 100%;
        display: block;
    } */
    .menu-wrapper .dropdown-submenu:hover .dropdown-toggle + .dropdown-menu {
        top: 100%;
        display: block;
    }
    .navbar-nav .dropdown.mega-menu {
        position: static;
    }
    .navbar .dropdown-menu.megamenu {
        left: 0;
        right: 0;
        width: 100%;
        -webkit-transform: translate3d(0%, 0px, 0);
        transform: translate3d(0%, 0px, 0);
    }
    .navbar .dropdown-menu.megamenu::before{
        content: "";
        position: absolute;
        top: -16px;
        left: 56.4%;
        right: auto;
        border: 15px solid transparent;
        border-top: 0;
        border-bottom: 18px solid #F5F5F5;
    }
    .dropdown .dropdown-menu .menu-wrapper .column:not(:last-child)::after{
        content: "";
        width: 1px;
        height: 100%;
        background-color: rgba(169, 169, 169, 0.5);
        position: absolute;
        top: 0;
        right: 5px;
    }
    /* .dropdown-submenu {
        position: relative;
    }
    .dropdown-submenu .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
        display: none;
    }
    .dropdown-submenu.open > .dropdown-menu {
        display: block;
    } */

}

@media only screen and (max-width: 1199px) and (min-width: 992px){
    header .navbar .navbar-brand img{width: 195px;}
    header .navbar-nav .nav-item .nav-link{font-size: 0.9rem;}

    .dropdown .dropdown-menu .title{font-size: 0.8rem;}
    .dropdown .dropdown-menu .menu-wrapper .column{padding: 20px 5px;}
    .dropdown .dropdown-menu .menu-wrapper .column:not(:last-child)::after{right: 3px;}
}

@media only screen and (min-width: 768px) {
    .infographic-grid .column:nth-child(even){flex-direction: column-reverse;}
    
    .testimonial-slider + .navigation-text div[class*="swiper-button"].swiper-button-disabled{opacity: 0;}
}
@media only screen and (min-width: 640px) {
  .modal-dialog {
    max-width: 580px;
  }
}

@media only screen and (max-width: 1399px){
    .navbar .dropdown-menu.megamenu::before{left: 50.6%;}
    .about-section figure .icon{
        height: 500px;
        bottom: 38px;
    }
    footer .contact-block{padding: 10px 15px 15px;}
    footer .contact-block li{padding-left: 25px;}
    footer .contact-block li .icon{width: 16px;}

    .about-page .intro-section .bg-img{top: -40px;}
}

@media only screen and (max-width: 1199px){
    .navbar .dropdown-menu.megamenu::before{left: 46.6%;}
    
    .card-design-1 .content{min-height: 240px;}
    .cta-section-2 .title > span:nth-child(2){font-size: 4.4rem;}

    .about-section figure .icon{
        height: 570px;
        left: -215px;
        bottom: 5px;
    }

    footer::before{display: none;}

    .category-wrap figure{height: 100%;}

    .swiper.content-block .swiper-slide .content{width: 70%; padding: 20px 25px;}
}

@media only screen and (max-width: 991px){
    .heading{font-size: 2.2rem;}
    .heading-lg{font-size: 3rem;}

    header .navbar-nav .nav-item .nav-link{
        position: relative;
        padding: 0.7rem 2rem 0.7rem 0.5rem;
    }
    header .navbar-nav .nav-item.dropdown .nav-link.dropdown-toggle::after{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
    }

    header .navbar .navbar-collapse{
        background-color: #F9F9F9;
        position: absolute;
        top: 75px;
        left: 0;
        width: 100%;
        padding: 0 20px;
        box-shadow: 0 10px 8px -7px rgba(0, 0, 0, 0.3);
        z-index: 3;
    }
    header .navbar-nav .nav-item{margin-bottom: 5px;}
    header .top-section ul.email-box::after{
        left: -45px;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 1.2% 100%);
    }

    header .dropdown .dropdown-menu.megamenu{
        height: 350px;
        overflow-y: auto;
    }
    .dropdown .dropdown-menu .menu-wrapper .column{border-bottom: 1px solid #C8C8C8;}
    .dropdown-submenu .dropdown{padding: 8px 30px 8px 10px;}
    .dropdown-submenu span.dropdown-toggle{padding: 8px 22px 8px 35px;}
    .dropdown-submenu .dropdown-menu li a{padding: 10px 10px;}
    .dropdown-submenu .dropdown.dropdown-toggle.static::after{
        top: 10px;
        right: 22px;
    }
    
    .category-wrap .column-wrapper{flex-wrap: wrap;}
    .category-wrap .img-column{width: calc(100% - 120px);}
    .category-wrap .title-column{width: 120px;}
    .category-wrap .title-column .title{font-size: 1rem;}
    .category-wrap .title-column .title span{font-size: 2.2rem;}
    .category-wrap .content-column{width: 100%;}

    .cta-section-1 .section-space{padding-bottom: 0px;}
    .cta-section-1 figure{margin-left: 0;}
    .cta-section-1 figure img{max-width: 100%;}

    .infographic-1{
        column-gap: 20px;
    }

    .cta-section-2 .wrapper::before{top: 33%;}
    .cta-section-2 .title > span:nth-child(1){
        font-size: 1.3rem!important;
        line-height: 1.4;
    }
    .cta-section-2 .title > span:nth-child(2){font-size: 3.4rem;}
    .cta-section-2 .wrapper::after{bottom: 65px;}

    .page-banner-wrap.style-1 .bg-img::before{background-position: -160px center;}
    .page-banner-wrap.style-1 .bg-img::after{background-position: 125% 0px;}

    .about-page .intro-section{padding: 30px 0 150px;}
    
    .exploreProductSlider .swiper-slide p{font-size: 1rem!important;}
    
    .infographic-2 .column{margin: 0 0;}
    .infographic-2 .column figure{height: auto;}
    .infographic-2 .column .content-wrap{margin-top: 20px;}

    .infographic-grid .column figure, .infographic-grid .column .content{height: 250px;}
    .infographic-grid .column .content{
        font-size: 0.9rem;
        padding: 25px 20px;
    }

    .cta-section-3 .section-space{
        text-align: center;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .cta-section-3 figure{
        position: relative;
        clip-path: none;
    }

    .title-style-2::before{
        font-size: 4rem;
    }

    .column-design-5 figure{
        width: 160px;
        height: 160px;
    }
    .column-design-5 .icon{
        width: 120px;
        height: 120px;
    }
}

@media only screen and (max-width: 767px){
    .heading{font-size: 1.8rem;}
    .sub-heading{font-size: 1.2rem;}
    .heading-lg{font-size: 2.6rem;}

    header.sticky .navbar .navbar-collapse{top: 65px;}
    .dropdown .dropdown-menu .title{margin-bottom: 4px;}
    .dropdown-submenu .dropdown-menu li{font-size: 0.9rem;}
    .dropdown .dropdown-menu .menu-wrapper .column{padding: 15px 5px;}
    .dropdown .dropdown-menu .menu-wrapper .column figure{
        min-width: 110px;
        height: 80px;
    }

    .section-space{
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .banner-section .arrow{width: 40px;}

    .about-section figure{
        align-items: end;
        column-gap: 20px;
    }
    .about-section figure .icon{
        position: relative;
        height: 88px;
        left: auto;
        bottom: 10px;
        margin-right: 4px;
    }

    .column-divide.divide-md .column:not(:last-child)::after{
        display: none;
    }

    .card-design-1 .title{font-size: 1.1rem;}
    .card-design-1 .content{
        min-height: auto;
        padding: 20px 20px 20px;
    }

    .infographic-1{flex-wrap: wrap;}
    .infographic-1 ul{
        flex-wrap: wrap;
        flex-direction: column;
        row-gap: 10px;
    }
    .infographic-1 ul li{text-align: center;}
    
    .category-wrap .content-column .title{font-size: 1rem;}
    .category-wrap .img-column{width: calc(100% - 90px);}
    .category-wrap .title-column{width: 90px;}
    .category-wrap .title-column .title{transform: rotate(270deg) translateX(45%);}

    .cta-section-2 .wrapper::before {top: 21%;}
    .cta-section-2 .title > span:nth-child(2){
        font-size: 3rem;
        padding-top: 18px;
        padding-bottom: 18px;
    }
    .cta-section-2 .wrapper::after {bottom: 124px;}
    
    .about-page .intro-section{padding: 30px 0 90px;}
    .about-page .intro-section .bg-img{width: 330px;}
    .block-design-1::after{width: calc(100% - 30px);}

    .block-design-2{flex-wrap: wrap;}
    .block-design-2 figure{
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #969696;
    }
    
    /*  */
    .infographic-2 .column {
        flex: 0 0 calc(100% / 2 - 15px);
        justify-content: center;
        align-items: flex-start;
        margin-left: 0;
    }
    .infographic-2 .column .content-wrap {
        margin-top: 0px!important;
    }
    .infographic-2 .column .content-wrap figure{
        padding: 0 15px;
        margin: 10px auto 10px!important;
    }
    .infographic-2 .column:nth-child(1) figure{width: 154px;}
    .infographic-2 .column:nth-child(even) .content-wrap{
        flex-direction: column;
        margin-top: 0;
    }
    
    .swiper.content-block .swiper-slide .content{
        width: 90%;
        padding: 12px 16px;
    }
    .swiper.content-block .swiper-slide .content{font-size: 0.8rem;}
    .swiper.content-block .swiper-slide .content .title{font-size: 1rem;}
    .swiper.content-block .swiper-slide .content .btn{font-size: 0.9rem; line-height: normal;}
    
    .infographic-3 li{padding-top: 0; justify-content: start;}
    .infographic-3 li:nth-child(even){padding-bottom: 0; flex-direction: column;}
    .infographic-3 li:nth-child(odd){padding-top: 0;}

    .testimonial-slider{border-radius: 35px 35px 0 0;}
    .testimonial-slider + .navigation-text div[class*="swiper-button"]{position: static;}
}

@media only screen and (max-width: 575px){
    .fs-5 {font-size: 1.1rem !important;}
    .heading {font-size: 1.5rem;}
    .sub-heading{font-size: 1.1rem;}
    .heading-lg{font-size: 2rem;}

    .btn{
        font-size: 0.9rem;
        padding: 0.3rem 2.2rem 0.3rem 0.9rem;
    }
    .btn .icon{
        right: 14px;
        line-height: normal;
    }
    .btn::before{width: calc(100% - 5px);}
    .btn:hover{padding: 0.3rem 2.4rem 0.3rem 0.7rem;}
    .btn:hover .icon{right: 10px;}
    .btn:hover::before {width: 33px;}

    .sound-btn{
        top: 10px;
        right: 10px;
        color: rgba(0, 0, 0, 0.5);
        font-size: 0.7rem;
        width: 25px;
        height: 25px;
    }

    header .top-section ul.email-box::after{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0.7% 100%);}
    header .navbar .navbar-brand img{width: 220px;}

    .banner-section .arrow{width: 25px;bottom: 25px;}

    .about-section{padding-top: 50px;}

    .category-wrap .img-column{width: calc(100% - 60px);}
    .category-wrap .title-column{width: 60px;}
    .category-wrap .title-column .title{font-size: 0.8rem;}
    .category-wrap .title-column .title span{font-size: 1.4rem;}
    .category-wrap .content-column{padding: 15px 20px 30px;}
    .category-wrap .content-column .title + ul{padding-left: 0;}

    .cta-section-1::before{border: 1px solid #fff;}
    .cta-section-1 .btn{background-color: #101010;}
    .cta-section-1 ul li{font-size: 0.9rem;}

    .cta-section-2 .wrapper{text-align: center;}
    .cta-section-2 .wrapper::before {top: 14%;}
    .cta-section-2 .wrapper::after {bottom: 78px;}
    .cta-section-2 .wrapper::before, .cta-section-2 .wrapper::after{display: none;}
    .cta-section-2 .title{justify-content: center;}
    .cta-section-2 .title > span:nth-child(1),
    .cta-section-2 p.fs-5{font-size: 1rem!important;}
    .cta-section-2 .title > span:nth-child(2){
        font-size: 2.2rem;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .accordion .accordion-button{padding: 0.5rem 1.1rem;}

    .page-banner-wrap .breadcrumb .breadcrumb-item{font-size: 0.8rem;}

    .about-page .intro-section{padding: 30px 0 70px;}
    .about-page .intro-section .bg-img{top: -35px;}

    .infographic-grid .column:nth-child(2) .content::before{
        border-top: 12px solid #E1F9FD;
        border-bottom: 0;
        bottom: auto;
        top: 0;
    }
    .infographic-grid .column:nth-child(3) .content::before{border-top-color: #393C41;}
    .infographic-grid .column:nth-child(4) .content::before{
        border-top: 12px solid #F6C600;
        border-bottom: 0;
        bottom: auto;
        top: 0;
    }

    .infographic-2 .column:nth-child(1) figure{width: 125px;}
    .infographic-2 .column .content-wrap figure{padding: 0 5px;}
    .infographic-2 .column figure{width: 160px;}

    .column-design-3 figure{
        width: 140px;
        height: 140px;
        margin: 0 auto 15px;
    }
    .column-design-3 .circle{
        width: 120px;
        height: 120px;
        line-height: 120px;
    }
    .column-design-3 .number{
        font-size: 1rem;
        outline-width: 3px;
        width: 36px;
        height: 36px;
        line-height: 36px;
        bottom: -5px;
    }

    .infographic-7 .column{
        font-size: 0.9rem;
        padding: 0 10px;
    }

    .infographic-3 li{padding: 0 10px;}
    .infographic-3 li figure{
        width: 110px;
        height: 110px;
        border-width: 6px;
    }
    .infographic-3 li figure::after{
        width: 90px;
        height: 90px;
        border-width: 2px;
    }
    .infographic-3 li figure img {max-width: 50%;}

    .infographic-4 li{
        max-width: 160px;
        padding: 35px 20px 20px;
    }
    
    .title-style-2::before{font-size: 3rem;}

    .column-design-2{font-size: 0.9rem;}
    .column-design-2 figure{
        width: 110px;
        height: 110px;
        outline-width: 5px;
    }
    .column-design-2 figure .icon{
        width: 90px;
        height: 90px;
    }
    .column-design-2 .img-box{
        padding-bottom: 26px;
        margin-bottom: 15px;
    }
    .column-design-2 .img-box::after{
        height: 100px;
        bottom: -3px;
    }
    .column-design-2 .title{font-size: 1.04rem;}

    .whatsapp-btn, .call-btn {
        width: 60px;
        bottom: 55px;
        left: 10px;
    }
    /* .whatsapp-btn img, .call-btn img{} */
    .whatsapp-btn{bottom: 120px;}
    .backToTop{
        bottom: 55px;
        right: 16px;
    }
    
    .page-wrapper .singleSlider-1 .swiper-slide .caption{
        font-size: 1rem;
        padding: 6px 10px;
    }

    .clients-section figure{height: 80px;}
    
    .column-design-5 p{font-size: 0.9rem;}
    .column-design-5 figure {
        width: 130px;
        height: 130px;
    }
    .column-design-5 .icon {
        width: 100px;
        height: 100px;
    }

    .exploreProductSlider .swiper-slide p{font-size: 0.85rem !important;}
    .exploreProductSlider div[class*="swiper-button"]{
        position: relative;
        left: auto;
        right: auto;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 480px){
    header .top-section{font-size: 0.8rem;}
    header .top-section ul li .icon {margin-right: 6px;}
    header .top-section ul.email-box::after{left: -25px;}

    
    .about-section figure .icon{height: 66px;}

    .page-banner-wrap.style-1 .bg-img{height: 110px;}
}