@charset "utf-8";
/*..............embedded fonts..............*/


@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&family=Wix+Madefor+Display:wght@400..800&display=swap');


/*..............embedded fonts..............*/
/*
font-family: "Wix Madefor Display", serif;
font-family: "Space Grotesk", serif;
*/
/*..............custom fonts..............*/

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Light.eot');
    src: url('../fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Light.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Light.woff') format('woff'),
        url('../fonts/HelveticaNeue-Light.ttf') format('truetype'),
        url('../fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/Helvetica-Bold.eot');
    src: url('../fonts/Helvetica-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Helvetica-Bold.woff2') format('woff2'),
        url('../fonts/Helvetica-Bold.woff') format('woff'),
        url('../fonts/Helvetica-Bold.ttf') format('truetype'),
        url('../fonts/Helvetica-Bold.svg#Helvetica-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/*..............custom fonts..............*/


:root{
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */
    --transition-common: all 0.6s ease-in-out 0s;
    /* ~-~-~-~-~ common transition ~-~-~-~-~ */

    /* ~-~-~-~-~ colors ~-~-~-~-~ */
    --clr-primary: #1B1B1B;
    --clr-secondary: #FF6161;
    --clr-accent: #FF6161;
    --clr-white: #fff;
    --clr-gry: #979797;
    --clr-gry-light: #D9D9D9;
    /* ~-~-~-~-~ colors ~-~-~-~-~ */

    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
    --margin-title: 0 0 25px 0;
    --button-border-width: 1px;
    --button-border-style: solid;
   
    /* ~-~-~-~-~ other adjustments ~-~-~-~-~ */
}

:root{
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */
    --ff-base: 'Helvetica Neue';
    --ff-title: 'Helvetica Neue';
    --ff-wix-font: "Wix Madefor Display", serif;
    --ff-space-font: "Space Grotesk", serif;
    --fw-light: 300;
    --fw-regular: 400;
    --fw-medium: 500;
    --fw-bold: 700;
    /* ~-~-~-~-~ declare font family & weight ~-~-~-~-~ */

    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */
    --f-size-XXXL: 90px;
    --f-size-XXL: 80px;
    --f-size-XL: 50px;
    --f-size-L: 30px;
    --f-size-M: 24px;
    --f-size-S: 22px;
    --f-size-Body: 22px;
    --f-size-Btn: 18px;
    /* ~-~-~-~-~ declare font size ~-~-~-~-~ */

    --dispaly: flex;
    --wrap:  row wrap;
}

:is(body,p){ font-family: var(--ff-base); font-weight: var(--fw-light); font-size: var(--f-size-Body); color: var(--clr-primary); line-height: 1.3;}
:is(h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6){ font-family: var(--ff-base); font-weight: var(--fw-light); color: var(--clr-primary); margin: var(--margin-title);}
:is(h1,.h1){ font-size: var(--f-size-XXXL);}
:is(h2,.h2){ font-size: var(--f-size-XXL);}
:is(h3,.h3){ font-size: var(--f-size-XL);}
:is(h4,.h4){ font-size: var(--f-size-L);}
:is(h5,.h5){ font-size: var(--f-size-M);}
:is(h6,.h6){ font-size: var(--f-size-S);}

/*..............common styles..............*/
html {
  scroll-behavior: smooth;
}
body { margin: 0; padding: 0;}

img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { /*color: #179ae2;*/ outline: none; text-decoration: none; transition:all 0.6s ease-in-out 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: var(--ff-base); font-size: var(--f-size-Body) !important; font-weight: 300; color:var(--clr-primary); outline: none;}
input[type="submit"]{ font-family: var(--ff-base); font-size: var(--f-size-Btn); font-weight: 300; outline: none;}


/* --- Button Styles --- */
.primary-button { border: 0; display: inline-block; vertical-align: top; background-color: var(--clr-secondary); color: #fff; padding: 15px 30px; font-family: var(--ff-base); /*font-size:18px 15px; font-size: clamp(0.938rem, 0.188vw + 0.9rem, 1.125rem);*/ font-size: var(--f-size-Btn); font-weight: bold; text-transform: uppercase; border-radius: 0; transition: var(--transition-common);}
.primary-button:hover{background-color: #FF3B3B; color: #fff;}

.primary-button.border { background: transparent; color: var(--clr-secondary); border: 2px solid var(--clr-secondary); transition: var(--transition-common);}
.primary-button.border:hover{background-color: #FF3B3B; border-color: #FF3B3B;}


.primary-button:focus, button:focus, input:focus, textarea:focus, select:focus, .form-control:focus{outline: none; box-shadow: none;}

/* --- Button Styles --- */



/*..............common styles..............*/

.sec-gap-top{padding-top: 150px;}
.sec-gap-bottom{padding-bottom: 130px;}

.sec-gap-top-md{padding-top: 75px;}
.sec-gap-bottom-md{padding-bottom: 65px;}

.sec-gap-top-sm{padding-top: 37px;}
.sec-gap-bottom-sm{padding-bottom: 37px;}

.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p{color: #fff;}

.common-bg{background-repeat: no-repeat; background-position: center center; background-size: cover;}
.black-bg{background-color: var(--clr-primary);}

.click { display:none; color: var(--clr-primary); float: right; font-size: 28px;}
body.home .click { color: #fff;}
.main_menu a.closebtn{
    display: none;
    }

/*for header css*/
.main-header {  padding-top: 30px; position: sticky; top: 0; left: 0; width: 100%; z-index: 5; background-color: rgba(255, 255, 255, 0.55);backdrop-filter: blur(10px); box-shadow: 0 0 10px 0 rgba(0,0,0,0.06);} 
.main-header.darkHeader{background-color: rgba(255, 255, 255, 1);}
body.home .main-header{position: fixed; background-color: rgba(24, 24, 24, 0.55);}
body.home .main-header.darkHeader { background-color: rgba(24, 24, 24, 1);}
.headerRow{display: flex; flex-flow: row wrap; justify-content: space-between; /*align-items: center;*/}

.logo{width: 215px;}
body.home .logo { filter: brightness(10);}


.main_menu ul { margin: 0; padding: 0; list-style: none;}
.main_menu ul li { list-style: none; display: inline-block; vertical-align: top; margin: 0 26px; text-transform: uppercase; position: relative;}
.main_menu ul li:last-child{margin-right: 0;}
.main_menu ul li a { display: block; padding: 15px 0 45px 0; color: var(--clr-primary); font-size: 18px; font-weight: 300; font-family: var(--ff-base);}
body.home .main_menu ul li a { color: #fff;}
.main_menu ul li.menu-contact a{ background-color: var(--clr-secondary); color: #fff; font-weight: bold; padding: 14px 30px;}
.main_menu ul li.menu-contact a:hover{ background-color: #FF3B3B; color: #fff !important;}
.main_menu ul li a:hover, .main_menu ul li.current-menu-item a { color: var(--clr-secondary) !important;}
.main_menu ul li.menu-contact.current-menu-item>a{color: var(--clr-white) !important;}

.main_menu ul li.menu-item-has-children span { position: absolute; top: 12px; right: -15px; width: 10px; height: 24px;}
body.home .main_menu ul li.menu-item-has-children span { filter: brightness(10);}

body.home .main_menu ul li .sub-menu{ background: rgba(24, 24, 24, 0.55);}
.main_menu ul li .sub-menu{position: absolute; width: 160px; left: 0; top: 83px; /*background: linear-gradient(to top, rgba(24, 24, 24, 0.1), rgba(255, 255, 255, 1));*/ background: rgba(255, 255, 255, 1); display: none; backdrop-filter: blur(10px); box-shadow: 0 2px 6px 0 rgba(0,0,0,0.07);}
.main_menu ul li:hover .sub-menu{display: block;}
.main_menu ul li .sub-menu li a{padding: 10px 0;}
body.home .main_menu ul li .sub-menu li{width: 100%;}

/*for header css*/

.slider-wrap { position: relative;}
.slider-wrap img { width: 100%;}
.banner-content{position: absolute; top: 50%; transform: translateY(-50%); max-width: 980px;}

.banner-content h4 span{color: var(--clr-secondary); font-weight: bold;}

.go-bottom-btn { position: absolute; bottom: 50px; animation: arrowmove 1s alternate infinite; transition: var(--transition-common);}
@keyframes arrowmove {
  from {bottom: 30px;}
  to {bottom: 50px;}
}

/*for main sections css*/



.slick-arrow {
    background-color: #fff;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    z-index: 1;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.14);
    transition: all 0.6s ease-in-out 0s;
}
.slick-prev {
    background-image: url(../images/strategic-arrowL.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    left: 0;
}
.slick-next {
    background-image: url(../images/strategic-arrowR.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    right: 0;
}
/*.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus*/

.slick-prev:before, .slick-next:before{display: none;}

/*-- featured-sec(Start) --*/

.sec-title{margin-bottom: 50px;}
.sec-top-style{/*margin-bottom: 50px;*/ padding-top: 60px; position: relative; border-top: 1px solid var(--clr-gry-light);}
.sec-top-style:after{background-color: var(--clr-primary); position: absolute; top: -2px; left: 0; height: 3px; content: ""; /*width: 335px;*/ width: 24%; transition: var(--transition-common);}
section:hover .sec-top-style:after{width: 100%;}
.white-style.sec-top-style{border-color: rgba(217, 217, 217, 0.2);}
.white-style.sec-top-style:after{background-color: var(--clr-white);}
.half-title h2{width: 50%;}
.half-large-title h2{width: 60%;}

.featured-hom-box{display: var(--dispaly); flex-flow: var(--wrap); margin-right: 30px; align-items: flex-start;}
.featured-hom-pic{width: 50%; position: relative; padding-top: 50%; overflow: hidden;}
.featured-hom-content{width: 50%; padding-left: 20px;}
.featured-hom-pic img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0; bottom: 0;}
.featured-hom-logo{/*max-width: 150px; margin-bottom: 40px;*/ height: 50px; margin-bottom: 20px;} 
.featured-hom-logo img{height: 100%; width: auto;}
.featured-hom-content h4{color: var(--clr-secondary); font-family: var(--ff-space-font); font-weight: var(--fw-bold); margin-bottom: 5px;}
.featured-hom-content h6{color: var(--clr-gry); font-family: var(--ff-space-font); font-weight: var(--fw-light); margin-bottom: 0px;}
.featured-hom-content h6 span{font-weight: var(--fw-bold);}

.common-nav button.slick-arrow {
    width: 56px;
    height: 56px;
    border-radius: 0 !important;
    box-shadow: none;
    position: absolute;
    top: -120px;
}
.common-nav .slick-prev{left: inherit; right: 70px;}
.common-nav .slick-next{right: 0;}
.common-nav button.slick-arrow:hover{background-color: var(--clr-secondary);}

.common-nav .slick-prev:hover {
    background-image: url(../images/strategic-arrowL-wh.png) !important;
}
.common-nav .slick-next:hover {
    background-image: url(../images/strategic-arrowR-wh.png) !important;
}
/*-- featured-sec(End) --*/

/*-- implement-sec(Start) --*/

.implement-hom-sec{position: relative; background-attachment: fixed;}
.implement-hom-sec:before{ background: linear-gradient(180deg, #1B1B1B 0%, #1B1B1B 27.21%, rgba(27, 27, 27, 0.7) 50.28%, rgba(27, 27, 27, 0.3) 73.63%); position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; z-index: 0;}
.implement-hom-sec .row{position: relative; z-index: 1;}
.implement-hom-content { padding-bottom: 30%;}

.core-hom-box:hover h3{color: var(--clr-secondary); border-color: var(--clr-secondary);}
.core-hom-box h3{border-bottom: 1px solid var(--clr-gry); position: relative; transition: var(--transition-common); margin-bottom: 40px; padding-bottom: 10px;}
.core-hom-box h3 a{color: var(--clr-primary);}
.core-hom-box:hover h3 a{color: var(--clr-secondary);}
.core-hom-box h3:before{background-color: var(--clr-primary); position: absolute; bottom: -2px; left: 0; width: 100px; content: ""; height: 3px; transition: var(--transition-common);}
.core-hom-box:hover h3:before{background-color: var(--clr-secondary); width: 100%;}
.core-hom-wrapper .core-hom-box{
    margin-right: 50px;
    margin-left: 50px;
}
.core-hom-row  .corehom_carousel {
    margin-left: -50px;
}
.core-hom-wrapper.slick-slide.slick-active:last-child .core-hom-box /*.core-hom-content*/ {
    margin-right: 0;
}

/*-- implement-sec(End) --*/

/*-- counter-sec(Start) --*/
.counter-hom-box{border: 1px solid rgba(217, 217, 217, 0.20); padding: 40px; height: 100%; /*transition: var(--transition-common);*/}
.counter-hom-box:hover{border-color: var(--clr-secondary); transition: var(--transition-common);}
.counter-hom-box:hover .counter-hom-bottom h2{color: var(--clr-secondary);}
.counter-hom-top { margin-bottom: 70px;}
.counter-hom-bottom h2{font-size: 100px; position: relative; display: inline-block; padding-right: 50px; transition: var(--transition-common);}
.counter-hom-bottom h2:after {
    position: absolute;
    right: 0;
    top: 50%;
    content: "\2b";
    font-weight: 300;
    font-family: FontAwesome;
    font-size: var(--f-size-XL);
    transform: translateY(-50%);
}
.counter-hom-sec .col-md-4:first-child .counter-hom-bottom h2:after{display: none;}
.counter-hom-sec .col-md-4:first-child .counter-hom-bottom h2{padding-right: 0;}
.counter-hom-bottom p{border-top: 1px solid rgba(217, 217, 217, 0.20); padding-top: 20px;}


/*-- counter-sec(End) --*/

/*-- counter-sec(Start) --*/

.unique-offer-hom-row{display: var(--dispaly); flex-flow: var(--wrap); justify-content: space-between; align-items: center;}
.unique-offer-hom-right{width: 200px; text-align: right;}
.unique-offer-hom-title{width: calc(100% - 200px);}

/*-- counter-sec(End) --*/

/*-- unique-offer(Start) --*/
.unique-offer-hom-box {box-shadow: 0px 10px 30px 0px #0000000D;}
.unique-offer-hom-sec .col-md-6.mb-4:last-child .unique-offer-hom-box { margin-top: 50px;}
.unique-offer-hom-top{padding: 40px 40px 20px;}
.unique-offer-hom-top h4{font-family: var(--ff-space-font); border-bottom: 1px solid var(--clr-gry); padding-bottom: 25px;}
.unique-offer-hom-top h4 a{color: var(--clr-primary);}
.unique-offer-hom-top h4 a:hover{color: var(--clr-secondary);}
.unique-offer-hom-bottom{position: relative; padding-top: 53%;}
.unique-offer-hom-bottom img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.hover-img-animation {overflow: hidden;}
.hover-img-animation img{transition: var(--transition-common);}
.hover-img-animation:hover img{transform: scale(1.1);}

.unique-offer-hom-top p span{color: var(--clr-secondary);}
.unique-offer-hom-top p{margin-bottom: 12px;}

/*-- unique-offer(End) --*/

/*-- map-sec(Start) --*/

.map-hom-sec{padding-top: 26%; position: relative;}
.map-hom-sec>img, .map-hom-sec>iframe{position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1;}
.map-hom-content-row{display: var(--dispaly); flex-flow: var(--wrap); position: absolute; bottom: 0; width: 100%; left: 0; align-items: flex-end;}
.map-hom-content-box{/*background-color: rgba(27, 27, 27, 0.04);*/ background-color: #ebebeb; padding: 20px 30px; /*width: calc(20% - 35px);*/ width: 20%; margin-right: 35px;}
.map-hom-content-box:last-child{margin-right: 0;}
/*.map-hom-content-top{display: var(--dispaly); flex-flow: var(--wrap); justify-content: space-between; align-items: center;}*/
.map-hom-content-top h5{ width: calc(100% - 40px); margin-bottom: 10px; display: var(--dispaly); flex-flow: var(--wrap); justify-content: space-between; align-items: center;}
.map-hom-content-top h5 span{text-align: right; width: 40px;}

.map-hom-content-box{transition: var(--transition-common);}
.map-hom-content-top { display: var(--dispaly); flex-flow: var(--wrap); justify-content: space-between; align-items: center; width: 100%;}
/*.map-hom-content-top span{width: 25px;}
.map-hom-content-top h5{width: calc(100% - 25px);}*/
.map-hom-content-top h5 a{color: var(--clr-primary);}

.map-hom-content-box:hover .map-hom-content-top h5, .map-hom-content-box:hover .map-hom-content-top h5 a{color: var(--clr-secondary);}
.map-hom-content-bottom p{font-family: var(--ff-wix-font); margin-bottom: 0;}
.map-hom-content-bottom{height: 0; overflow: hidden; transition: var(--transition-common);}
.map-hom-content-box:hover .map-hom-content-bottom{height: 100%; transition: var(--transition-common);}
.map-hom-content-box:hover .map-hom-content-top h5 span { color: var(--clr-secondary);}



/*-- map-sec(End) --*/


/*for main sections css*/


/*for footer sections css*/

.footer-bg { background-color: var(--clr-primary);}
.ftr-top {  padding: 80px 0; border-bottom: 1px solid rgba(217, 217, 217, 0.20);}
.ftr-top-left h2 {line-height: 1; margin-bottom: 0;}
.ftr-top-right h2 a{color: var(--clr-secondary); display: var(--dispaly); flex-flow: var(--wrap); align-items: center; justify-content: flex-end;}
.ftr-top-right h2{font-weight: var(--fw-bold); position: relative; padding-left: 80px; line-height: 1; display: table; margin-left: auto; padding-bottom: 15px; margin-bottom: 0;}
.ftr-top-right h2 span{transform: rotate(-45deg); position: absolute; left: 0; top: 0; transition: var(--transition-common);}
.ftr-top-right h2 a:hover span { transform: rotate(0deg);}
.ftr-top-right h2:after{background-color: var(--clr-secondary); width: 0; height: 5px; border-radius: 10px; position: absolute; left: 0; bottom: 0; content: ""; transition: var(--transition-common);}
.ftr-top-right h2:hover:after{width: 100%;}

/*.ftr-top-right h2 a:hover{color: var(--clr-white);}*/

.ftr-middle {  padding: 50px 0 30px; border-bottom: 1px solid rgba(217, 217, 217, 0.20);}

.ftr-middle-right ul{padding-left: 0; margin-bottom: 0; display: var(--dispaly); flex-flow: var(--wrap); justify-content: space-between; list-style: none;}
.ftr-middle-right ul li{margin-right: 10px; margin-bottom: 10px; width: calc(50% - 10px);}
.ftr-middle-right ul li:last-child{margin-right: 0px;}
.ftr-middle-right ul li a{color: var(--clr-white);}
.ftr-middle-right ul li h4{color: var(--clr-white); margin-bottom: 6px; font-family: var(--ff-space-font); font-weight: var(--fw-medium);}
.ftr-middle-right ul li a:hover{color: var(--clr-secondary);}
.ftr-middle-right ul li a span{color: var(--clr-secondary);}

.ftr-logo { margin: 0 0 30px;}
.ftr-content{margin-top: 30px;}

.ftr-bottom{padding: 20px 0;}
.ftr-bottom p{margin-bottom: 0; color: var(--clr-white);}
.ftr-content p, .ftr-bottom p{font-size: 18px;}
.ftr-content p { line-height: 1.2;}


/*for footer sections css*/

/*-- inner-pages(Start) --*/

/*-- about-page(Start) --*/

.inner-banner>img{clip-path: polygon(35% 12%, 100% 0, 100% 100%, 0 100%, 0 0); height: 400px; width: 100%; object-fit: cover;}
.inner-banner .banner-content {
     position: relative; 
     top: inherit; 
     transform: inherit; 
    max-width: 1080px;
    margin-bottom: -35px;
    z-index: 1;
}
.inner-banner .banner-content h1{margin-bottom: 0;}
.inner-banner {
    padding-top: 100px;
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.4), rgba(0,0,0,0.0));
}
.bring-about-sec .core-hom-box {
    padding-right: 30px;
}
.core-hom-content span{color: var(--clr-secondary);}

/*-- about-page(End) --*/

/*-- portfolio-page(Start) --*/
.portfolio-row-top{padding: 19px 30px; background-color: var(--clr-primary); margin-bottom: 30px;}
.portfolio-row-top ul{padding-left: 0; margin-bottom: 0; list-style: none; display: var(--dispaly); flex-flow: var(--wrap);}
.portfolio-row-top ul li{margin-right: 15px; width: calc(33.33% - 15px);}
.portfolio-row-top ul li:last-child{margin-right: 0px;}
.portfolio-row-top ul li h5{margin-bottom: 0; color: #fff;}
.portfolio-row-top ul li h5 span{color: var(--clr-secondary);}

.portfolio-logo-box { height: 208px; display: var(--dispaly); flex-flow: var(--wrap); justify-content: center; align-items: center; background-color: #fff; box-shadow: 0px 6px 25px 0px #0000000A; transition: var(--transition-common);}
.portfolio-logo-box:hover{box-shadow: 0px 1px 2px 0px #0000000A;}
.portfolio-logo-box img { filter: grayscale(3); transition: var(--transition-common);}
.portfolio-logo-box:hover img { filter: grayscale(0);}
.portfolio-row-content h4{color: var(--clr-secondary); font-family: var(--ff-space-font);}
.portfolio-logo-box img { max-height: 150px;}
.add-icon-logo-box{position: relative;}
.add-icon-logo-box:before{color: var(--clr-primary); width: 19px; height: 17px; position: absolute; /*left: 15px; top: 15px;*/ left: 0;
    top: 0; content: "\f0d8"; font-family: 'Font Awesome\ 5 Free'; font-weight: 600; font-size: 25px; line-height: 1; color: var(--clr-primary); transform: rotate(315deg);}

    .profile-hover-text{position: absolute; bottom: 0; width: 100%; height: 0; transition: var(--transition-common); background-color: rgba(0,0,0,0.8); left: 0; overflow: hidden; display: flex; justify-content: center; align-items: center;}
    .portfolio-logo-box:hover .profile-hover-text{height: 100%;}
    .profile-hover-text p{color: var(--clr-white); margin-bottom: 0;}

/*-- portfolio-page(End) --*/
/*-- team-page(Start) --*/

.team-box .social-link { height: 28px; position: relative; z-index: 1;}
.social-link ul{list-style: none; padding-left: 0; margin-bottom: 0; display: var(--dispaly); flex-flow: var(--wrap);}
.social-link ul li:not(:last-child){margin-right: 10px;}
.social-link ul li a{color: var(--clr-secondary); transition: var(--transition-common);}
.social-link ul li a:hover{color: var(--clr-primary);}
.team-box{border: 1px solid var(--clr-gry-light); /*box-shadow: 0px 6px 25px 0px #0000000A;*/ box-shadow: 0px 0px 10px 0px rgba(60, 60, 60, 0.15); border-radius: 20px; padding: 30px 30px 0 30px; overflow: hidden; height: 100%;}
.team-box:hover{box-shadow: 0px 0px 0px 0px rgba(60, 60, 60, 0.15); border-color: var(--clr-secondary); transition: var(--transition-common);}
.team-box-pic { max-width: 240px; /*margin-top: -26px;*/ margin-left: auto; position: relative; padding-top: 134%;}
.team-box-pic img{width: 100%; height: 100%; object-fit: contain; position: absolute; bottom: 0; left: 0;}
.team-box-top h4 { margin-bottom: 15px; font-family: var(--ff-space-font);}
.team-box-top p { min-height: 58px;}
.other-team-member .team-box-pic { margin: 0; width: 100%; max-width: inherit;}
.other-team-member .team-box-pic img{ width: 100%; height: 100%; object-fit: cover; object-position: top center;}
.team-box.other-team-member {padding: 0 0;}
.team-box.other-team-member .team-box-top{padding: 15px 30px;}
.team-box.other-team-member .team-box-top p { min-height: inherit;}

/*-- team-page(End) --*/
/*-- blog-page(End) --*/

.blog-box{border: 1px solid var(--clr-gry-light); box-shadow: 0px 0px 0px 0px #dddddd; height: 100%;}
.blog-box:hover{box-shadow: 0px 0px 15px 0px #dddddd; transition: var(--transition-common);}
.blog-top{padding: 30px 30px 0 30px; position: relative;}
.blog-pic{margin: 0 30px 30px 30px; position: relative;}
.blog-top:after{ position: absolute; width: 100%; height: 1px; background-color: var(--clr-gry-light); left: 0; bottom: 28px; content: ""; z-index: -1;}

.blog-top h6 {font-weight: var(--fw-regular); color: var(--clr-secondary); margin-bottom: 10px; font-size: 20px;}
.blog-top h6 span{font-weight: var(--fw-light); color: #ADADAD; padding-left: 15px; position: relative; display: inline-block;}
.blog-top h6 span:before {
    width: 5px;
    height: 5px;
    background-color: var(--clr-gry-light);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    left: 5px;
    border-radius: 50px;
}
.blog-top h4 {font-family: var(--ff-space-font);}
.blog-top p { display: -webkit-box; min-height: 57px; overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.blog-top h4 a{color: var(--clr-primary);}
.blog-top h4 a:hover{color: var(--clr-secondary);}
.arow-btn{border: 1px solid var(--clr-gry); color: var(--clr-primary); background-color: var(--clr-white); height: 56px; width: 56px; display: var(--dispaly); flex-flow: var(--wrap); justify-content: center; align-items: center; transition: var(--transition-common);}
.arow-btn:hover{border: 1px solid var(--clr-secondary); color: var(--clr-white); background-color: var(--clr-secondary); width: 100%;}
.blog-top .arow-btn { margin: 23px 0 30px;}

.blog-pic{position: relative; padding-top: 46%; overflow: hidden;}
.blog-pic img{width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0; top: 0;}

/*-- pagination-css(Start) --*/

.pagination { margin: 0; padding: 0; display: var(--dispaly); flex-flow: var(--wrap); justify-content: center; align-items: center;}
.pagination .page-numbers { display: var(--dispaly); flex-flow: var(--wrap); justify-content: center; align-items: center; padding: 3px 2px; width: 36px; height: 40px; margin-right: 5px; border: 1px solid var(--clr-gry-light); color: var(--clr-primary);}
.pagination .page-numbers:last-child{ margin-right: 0px;}

.pagination .page-numbers:hover{border-color: var(--clr-secondary); color: var(--clr-secondary);}
.pagination .page-numbers.preview, .pagination .page-numbers.next{border-color: rgba(255, 97, 97, 0.5); background-color: rgba(255, 97, 97, 0.1); color: var(--clr-primary); width: 40px;}
.pagination .page-numbers.preview:hover, .pagination .page-numbers.next:hover{background-color: var(--clr-secondary); color: var(--clr-white);}

/*-- pagination-css(End) --*/

/*-- blog-page(End) --*/

/*-- blog-details-page(Start) --*/


.blog-details-sec .blog-top{padding: 0;}
.blog-details-sec .blog-top:after{display: none;}
.blog-details-pic{position: relative; padding-top: 53%; overflow: hidden; margin-bottom: 30px;}
.blog-details-pic img{width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}
.blog-details-content p span{color: var(--clr-secondary);}


/*-- blog-details-page(End) --*/

/*-- contact-page(Start) --*/

.form-control{height: 60px; border-radius: 0; border-color: var(--clr-gry-light) !important; font-size: 20px !important;}
textarea.form-control{height: auto;}
.wpcf7-response-output{text-align: center; margin: 0.5em 0.5em 1em !important;}
.wpcf7 form.invalid .wpcf7-response-output{color: #dc3232;}
.wpcf7 form.sent .wpcf7-response-output { color: #108b1b;}
.wpcf7 form.invalid .wpcf7-not-valid-tip{display: none;}
.wpcf7 form.invalid .form-control.wpcf7-not-valid{border-color: #dc3232 !important;}
.form-control::placeholder{color: #ADADAD; opacity: 1;}
.form-control::-ms-input-placeholder {color: #ADADAD;}
.contact-form .wpcf7-spinner { margin: 10px auto 0; display: block;}
.wpcf7 form.wpcf7-form p { margin-bottom: 0;}
.portfolio-icon-exited { text-align: right; margin-top: 20px;}

/*-- contact-page(End) --*/

/*-- banner-height-css(Start) --*/
.slider-wrap {
    height: 100vh;
}
.slider-wrap.inner-banner{height: auto;}

.slider-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider-wrap.inner-banner img {
    width: 100%;
    height: auto;
    object-fit: inherit;
}
.row-wrap { display: flex; flex-flow: row wrap;}
.sec-height .row-wrap>* {
    flex-shrink: 0;
    padding-right: calc(var(--bs-gutter-x)* .5);
    padding-left: calc(var(--bs-gutter-x)* .5);
    margin-top: var(--bs-gutter-y);
}

    /*-- section-height-css(Start) --*/

    .sec-height{min-height: 100vh;}
    .sec-height .container, .sec-height .row {min-height: 100vh;}
    .map-hom-sec.sec-height iframe{min-height: 100vh;}

    /*-- section-height-css(End) --*/

/*-- banner-height-css(End) --*/

/*-- For-not-found-page(Start) --*/
.not-found-box {
    padding: 40px 20px;
    background-color: #fff;
    box-shadow: 0px 10px 30px 0px #0000000D;
}
.not-found-box h1{ font-size: var(--f-size-XL);;}

/*-- For-not-found-page(End) --*/

/*-- inner-pages(End) --*/

/**
 *  Progress Bar-css(Start)
 */
.progress {
  display: block;
  width: 100%;
  height: 1px;
  border-radius: 10px;
  overflow: hidden; background-color: var(--clr-gry-light);
  background-image: linear-gradient(to right, var(--clr-primary), var(--clr-primary));
  background-repeat: no-repeat;
  background-size: 0 100%;
  
  transition: background-size .4s ease-in-out;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.progress-bottom-gap {
    margin-bottom: 60px;
}
/**
 *  Progress Bar-css(End)
 */


/*Media Query css*/

@media only screen and ( min-width:1601px ) {
    .container { max-width: 1440px;}
    /*.banner-content h4{font-size: 32px;}*/

}

/*@media only screen and ( min-width:1921px ) {

    body{max-width: 1920px!important; margin: 0 auto!important;}
    header { max-width: 1920px; margin: 0 auto; }
    
}*/

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

    :root{
    --f-size-XXXL: 50px;
    --f-size-XXL: 45px;
    --f-size-XL: 40px;

    --f-size-L: 28px;
    --f-size-M: 22px;
    --f-size-S: 18px;
    --f-size-Body: 18px;
    --f-size-Btn: 16px;
    }


    /*--f-size-XXXL: 90px;
    --f-size-XXL: 80px;
    --f-size-XL: 50px;

    --f-size-L: 30px;
    --f-size-M: 24px;
    --f-size-S: 22px;
    --f-size-Body: 22px;
    --f-size-Btn: 18px;*/

    .counter-hom-bottom h2 { font-size: 90px;}
    .counter-hom-top { margin-bottom: 50px;}

    /*.sec-gap-top{padding-top: 100px;}
    .sec-gap-bottom{padding-bottom: 80px;}

    .sec-gap-top-md{padding-top: 50px;}
    .sec-gap-bottom-md{padding-bottom: 40px;}

    .sec-gap-top-sm{padding-top: 25px;}
    .sec-gap-bottom-sm{padding-bottom: 25px;}

    .sec-title { margin-bottom: 40px;}
    .sec-top-style { padding-top: 40px;}

    .ftr-top { padding: 70px 0;}
    .ftr-middle { padding: 40px 0 20px;}

    */

    .sec-gap-top{padding-top: 70px;}
    .sec-gap-bottom{padding-bottom: 50px;}

    .sec-gap-top-md{padding-top: 35px;}
    .sec-gap-bottom-md{padding-bottom: 25px;}

    .sec-gap-top-sm{padding-top: 20px;}
    .sec-gap-bottom-sm{padding-bottom: 20px;}

    .sec-title { margin-bottom: 30px;}
    .sec-top-style { padding-top: 30px;}

    .ftr-top { padding: 50px 0;}
    .ftr-middle { padding: 30px 0 20px;}

    .core-hom-wrapper .core-hom-box { margin-right: 30px; margin-left: 30px;}
    .core-hom-row .corehom_carousel { margin-left: -30px;}
    /*.featured-hom-logo { margin-bottom: 30px;}*/
    .common-nav button.slick-arrow { width: 46px; height: 46px;}
    .common-nav .slick-prev { right: 60px;}
    .unique-offer-hom-sec .col-md-6.mb-4:last-child .unique-offer-hom-box { margin-top: 40px;}
    .map-hom-content-box { padding: 15px 20px; margin-right: 20px;}
    .progress-bottom-gap{ margin-bottom: 40px;}
    .inner-banner { padding-top: 80px;}
    .portfolio-logo-box {height: 158px;}
    .portfolio-logo-box img { max-height: 130px;}
    .team-box { border-radius: 15px; padding: 20px 20px 0 20px;}
    .team-box.other-team-member .team-box-top{padding: 15px 20px;}
    .blog-top { padding: 20px 20px 0 20px;}
    .blog-pic { margin: 0 20px 20px 20px;}
    .blog-top .arow-btn { margin: 18px 0 20px;}
    .arow-btn{width: 46px; height: 46px;}
    .blog-top:after { bottom: 23px;}
    .form-control { height: 50px; font-size: 18px !important;}
    .team-box-top p { min-height: 38px;}
    .main_menu ul li a{ font-size: 16px;}

}
@media only screen and ( max-width:1500px ) {
    .logo { width: 180px;}
    .main-header { padding-top: 20px;}
    .main_menu ul li a { padding: 15px 0 30px 0;}
    .main_menu ul li.menu-contact a { padding: 10px 20px;}
    .main_menu ul li .sub-menu { top: 68px;}
    :root{
        /*--f-size-XXXL: 65px;
        --f-size-XXL: 55px;
        --f-size-XL: 40px;
        --f-size-L: 26px;
        --f-size-M: 23px;
        --f-size-S: 20px;
        --f-size-Body: 20px;
        --f-size-Btn: 17px;*/

        --f-size-XXXL: 40px;
        --f-size-XXL: 37px;
        --f-size-XL: 30px;
        --f-size-L: 24px;
        --f-size-M: 20px;
        --f-size-S: 18px;
        --f-size-Body: 14px;
        --f-size-Btn: 15px;
}
/*:root{
    --f-size-XXXL: 80px;
    --f-size-XXL: 70px;
    --f-size-XL: 45px;
    --f-size-L: 30px;
    --f-size-M: 24px;
    --f-size-S: 22px;
    --f-size-Body: 22px;
}*/
.ftr-content p, .ftr-bottom p {font-size: 17px;}
.counter-hom-bottom h2 { font-size: 80px;}
    .counter-hom-top { margin-bottom: 40px;}
.core-hom-wrapper .core-hom-box {
    margin-right: 20px;
    margin-left: 20px;
}
.core-hom-row .corehom_carousel {
    margin-left: -20px;
}
.counter-hom-box { padding: 30px;}
.unique-offer-hom-top{padding: 30px 30px 15px;}

    /*.sec-gap-top{padding-top: 80px;}
    .sec-gap-bottom{padding-bottom: 60px;}

    .sec-gap-top-md{padding-top: 40px;}
    .sec-gap-bottom-md{padding-bottom: 30px;}

    .sec-gap-top-sm{padding-top: 20px;}
    .sec-gap-bottom-sm{padding-bottom: 20px;}

    .ftr-top { padding: 60px 0;}
    .ftr-middle { padding: 30px 0 20px;}

    .sec-title { margin-bottom: 30px;}
    .sec-top-style { padding-top: 30px;}*/

    .sec-gap-top{padding-top: 50px;}
    .sec-gap-bottom{padding-bottom: 30px;}

    .sec-gap-top-md{padding-top: 25px;}
    .sec-gap-bottom-md{padding-bottom: 15px;}

    .sec-gap-top-sm{padding-top: 20px;}
    .sec-gap-bottom-sm{padding-bottom: 20px;}

    .sec-title { /*margin-bottom: 30px;*/ margin-bottom: 20px;}
    .sec-top-style { /*padding-top: 30px;*/ padding-top: 20px;}

    .ftr-top { /*padding: 50px 0;*/ padding: 40px 0;}
    .ftr-middle { /*padding: 30px 0 20px;*/ padding: 25px 0 20px;}

    .featured-hom-logo { margin-bottom: 15px;}
    .map-hom-content-box { padding: 15px 15px; margin-right: 15px;}
    .ftr-top-right h2 { padding-left: 70px;}
    .ftr-logo { margin: 0 0 20px; width: 180px;}
    .ftr-top-right h2:after { height: 4px;}
    .inner-banner>img { height: 350px;}
    .team-box-top p { min-height: 45px;}
    .team-box-top h4 { margin-bottom: 10px;}
    .team-box { border-radius: 15px; padding: 15px 15px 0 15px;}
    .team-box.other-team-member .team-box-top{padding: 10px 15px;}
    .blog-top { padding: 15px 15px 0 15px;}
    .blog-pic { margin: 0 15px 15px 15px;}

    


    

}
@media only screen and ( max-width:1400px ) {
    :root{
        /*--f-size-XXXL: 55px;
        --f-size-XXL: 40px;
        --f-size-XL: 32px;
        --f-size-L: 24px;
        --f-size-M: 22px;
        --f-size-S: 17px;
        --f-size-Body: 17px;
        --f-size-Btn: 16px;*/

        --f-size-XXXL: 38px;
        --f-size-XXL: 33px;
        --f-size-XL: 28px;
        --f-size-L: 22px;
        --f-size-M: 19px;
        --f-size-S: 17px;
        /*--f-size-Body: 14px;*/
        --f-size-Btn: 14px;
        --margin-title: 0 0 20px 0;
}
/*:root{
        --f-size-XXXL: 70px;
    --f-size-XXL: 60px;
    --f-size-XL: 40px;
    --f-size-L: 28px;
    --f-size-M: 23px;
    --f-size-S: 20px;
    --f-size-Body: 20px;
}*/
    .ftr-content p, .ftr-bottom p {font-size: 16px;}
    .counter-hom-bottom h2 { font-size: 55px;}
    .counter-hom-top { margin-bottom: 20px;}
    /*.main_menu ul li a { font-size: 17px;}*/
    .main_menu ul li .sub-menu { top: 67px;}
    .counter-hom-box { padding: 20px;}
    .unique-offer-hom-top{padding: 20px 20px 15px;}
    .common-nav button.slick-arrow { width: 40px; height: 40px;top: -50px;}
    .common-nav .slick-prev { right: 50px;}

    /*.sec-gap-top{padding-top: 70px;}
    .sec-gap-bottom{padding-bottom: 60px;}

    .sec-gap-top-md{padding-top: 35px;}
    .sec-gap-bottom-md{padding-bottom: 25px;}*/

    /*.sec-gap-top-sm{padding-top: 20px;}
    .sec-gap-bottom-sm{padding-bottom: 20px;}*/

    .sec-gap-top{padding-top: 40px;}
    .sec-gap-bottom{padding-bottom: 25px;}

    .sec-gap-top-md{padding-top: 20px;}
    /*.sec-gap-bottom-md{padding-bottom: 15px;}*/

    .sec-gap-top-sm{padding-top: 20px;}
    .sec-gap-bottom-sm{padding-bottom: 20px;}

    .sec-title { /*margin-bottom: 30px;*/ margin-bottom: 20px;}
    .sec-top-style { /*padding-top: 30px;*/ padding-top: 20px;}

    .ftr-top { /*padding: 50px 0;*/ padding: 30px 0;}
    .ftr-middle { /*padding: 30px 0 20px;*/ padding: 20px 0 20px;}








    .sec-title { /*margin-bottom: 30px;*/ margin-bottom: 20px;}
    .sec-top-style { /*padding-top: 20px;*/ padding-top: 15px;}
    /*.featured-hom-logo { margin-bottom: 15px;}*/
    .ftr-top-right h2 { padding-left: 50px;}
    .primary-button { padding: 15px 25px;}
    /*.sec-top-style:after { width: 300px;}*/
    .progress-bottom-gap{ margin-bottom: 20px;}
    .core-hom-box h3 { margin-bottom: 30px;}
    .ftr-top-right h2 { padding-bottom: 10px;}
    .ftr-top-right h2:after { height: 3px;}
    .inner-banner { padding-top: 60px;}
    .bring-about-sec .sec-title.sec-top-style { margin-bottom: 30px;}
    .portfolio-logo-box { height: 100%; padding: 30px 15px;}
    .team-box-pic { max-width: 190px; padding-top: 121%;}
    .blog-top p { min-height: 30px;}
    .main_menu ul li.menu-item-has-children span { top: 14px; right: -14px;}
    .add-icon-logo-box:before { width: 14px; height: 12px; /*left: 10px; top: 10px;*/ font-size: 20px;}

}
@media only screen and ( max-width:1366px ) {
    :root{
        /*--f-size-XXXL: 50px;
        --f-size-XXL: 35px;
        --f-size-XL: 30px;
        --f-size-L: 23px;
        --f-size-M: 21px;
        --f-size-S: 16px;
        --f-size-Body: 16px;
        --f-size-Btn: 15px;*/

        --f-size-XXXL: 35px;
        --f-size-XXL: 30px;
        --f-size-XL: 26px;
        --f-size-L: 20px;
        --f-size-M: 18px;
        --f-size-S: 16px;
        /*--f-size-Body: 14px;
        --f-size-Btn: 14px;*/

        /*--margin-title: 0 0 20px 0;*/
}
/*:root{
        --f-size-XXXL: 50px;
        --f-size-XXL: 40px;
        --f-size-XL: 32px;
        --f-size-L: 24px;
        --f-size-M: 22px;
        --f-size-S: 17px;
        --f-size-Body: 17px;
        --margin-title: 0 0 20px 0;
}*/
.ftr-content p, .ftr-bottom p {font-size: 15px;}
    .counter-hom-bottom h2 { font-size: 50px; padding-right: 40px;}
    .half-title h2 { width: 80%;}
    .half-large-title h2 { width: 90%;}

    .sec-gap-top{padding-top: 60px;}
    .sec-gap-bottom{padding-bottom: 50px;}

    .sec-gap-top-md{padding-top: 30px;}
    .sec-gap-bottom-md{padding-bottom: 25px;}

    /*.sec-gap-top-sm{padding-top: 20px;}
    .sec-gap-bottom-sm{padding-bottom: 20px;}*/

    .ftr-top { padding: 50px 0;}
    .ftr-middle { padding: 25px 0 15px;}

    .map-hom-content-box { width: 22%;}
    /*.sec-top-style:after { width: 280px;}*/
    .inner-banner>img { height: 300px;}

}
@media only screen and ( max-width:1199px ) {
    .main_menu ul li { margin: 0 16px;}
    .main_menu ul li.menu-contact a {padding: 9px 15px;}
    .logo { width: 150px;}
    .main_menu ul li a {padding: 15px 0 20px 0;}
    .main_menu ul li .sub-menu { width: 220px; top: 57px;}

    :root{
        /*--f-size-XXXL: 42px;
        --f-size-XXL: 32px;
        --f-size-XL: 28px;
        --f-size-L: 22px;
        --f-size-M: 20px;*/

        --f-size-XXXL: 33px;
        --f-size-XXL: 28px;
        --f-size-XL: 24px;
        --f-size-L: 19px;

        /*--f-size-M: 18px;
        --f-size-S: 16px;*/
        /*--f-size-Body: 14px;
        --f-size-Btn: 14px;*/

        /*--f-size-S: 16px;
        --f-size-Body: 16px;*/
        /*--f-size-Btn: 14px;*/
        --margin-title: 0 0 20px 0;
        }

    .counter-hom-bottom h2 { font-size: 43px; padding-right: 35px;}
    .counter-hom-box { padding: 15px;}
    .unique-offer-hom-top{padding: 15px 15px 5px;}
    .ftr-content {margin-top: 20px;}

    
    .unique-offer-hom-sec .col-md-6.mb-4:last-child .unique-offer-hom-box { margin-top: 30px;}
    .ftr-logo { width: 150px;}
    .map-hom-content-box { width: 24%; padding: 10px 10px; margin-right: 8px;}
    .primary-button { padding: 12px 20px;}
    /*.sec-top-style:after { width: 250px;}*/
    .core-hom-box h3 { margin-bottom: 20px; padding-bottom: 6px;}
    .implement-hom-sec { background-attachment: inherit;}
    .featured-hom-box { margin-right: 20px;}
    .go-bottom-btn { bottom: 20px; width: 34px;}
    .sec-title { margin-bottom: 20px;}
    .ftr-top-right h2:after { height: 2px;}
    .ftr-top-right h2 { padding-bottom: 7px;}
    .inner-banner { padding-top: 40px;}
    .blog-top p { min-height: 40px;}
    .form-control { height: 45px; font-size: 17px !important;}
    .blog-details-pic { margin-bottom: 20px;}
    .core-hom-wrapper .core-hom-box { margin-right: 10px; margin-left: 10px;}
    .core-hom-row .corehom_carousel { margin-left: -10px;}
    .team-box-top p {min-height: 42px;}
    .map-hom-sec { padding-top: 0;}
    .map-hom-sec>img, .map-hom-sec>iframe { position: relative; width: 100%; height: 400px;}
    .map-hom-content-row { justify-content: center;  position: relative;}
    
    


}
@media only screen and ( max-width:1024px ) {

}
@media only screen and ( max-width: 991px ) {
    :root{
        /*--f-size-XXXL: 35px;
        --f-size-XXL: 28px;
        --f-size-XL: 25px;
        --f-size-L: 21px;
        --f-size-M: 19px;
        --f-size-S: 15px;
        --f-size-Body: 15px;*/

        --f-size-XXXL: 30px;
        --f-size-XXL: 26px;
        --f-size-XL: 22px;
        --f-size-L: 18px;
        --f-size-M: 17px;
        --f-size-S: 15px;

        /*--f-size-Body: 14px;
        --f-size-Btn: 14px;*/

        /*--margin-title: 0 0 20px 0;*/
}
    .counter-hom-bottom h2 { font-size: 38px; padding-right: 30px;}

    /*:root{
        --f-size-XXXL: 40px;
        --f-size-XXL: 33px;
        --f-size-XL: 28px;
        --f-size-L: 22px;
        --f-size-M: 20px;
        --f-size-S: 16px;
        --f-size-Body: 16px;
        --margin-title: 0 0 20px 0;
}
    .counter-hom-bottom h2 { font-size: 45px; padding-right: 35px;}*/

    .logo { width: 120px;}
    .ftr-content p, .ftr-bottom p {font-size: 14px;}
    .main_menu ul li a { padding: 8px 0 17px 0; font-size: 15px;}
    .main_menu ul li.menu-contact a { padding: 6px 10px;}
    .main-header { padding-top: 14px;}
    .main_menu ul li { margin: 0 10px;}
    .main_menu ul li .sub-menu { top: 46px;}
    .main_menu ul li.menu-item-has-children span { top: 8px; right: -13px;}

    

    .counter-hom-box { padding: 10px;}
    .ftr-logo { width: 120px;}
    .unique-offer-hom-sec .col-md-6.mb-4:last-child .unique-offer-hom-box { margin-top: 20px;}
    .map-hom-content-box { width: 48%; margin: 0 5px 5px;}
    .map-hom-content-box:last-child { margin-right: 5px;}
    /*.map-hom-content-row { justify-content: center; position: relative;}*/
    /*.sec-top-style:after { width: 200px;}*/
    .banner-content{max-width: inherit;}
    .inner-banner>img { height: 300px;}
    /*.portfolio-logo-box { height: 128px;}*/
    .team-box-top p { min-height: 40px;}
    .arow-btn { width: 36px; height: 36px;}
    .blog-top:after { bottom: 16px;}
    .blog-top { padding: 10px 10px 0 10px;}
    .blog-pic { margin: 0 10px 10px 10px;}
    .blog-top .arow-btn { margin: 10px 0 10px;}
    

}

@media only screen and ( max-width: 990px ) {
    .featured-hom-box { margin-right: 0px;}
}

@media only screen and ( min-width: 768px ) {
    .main_menu{
        display: block !important;
    }
    #mySidenav{
        width: auto !important;
    }
}

@media only screen and ( max-width: 767px ) {
    .click{
        display: block;
        cursor: pointer;
    }
    .main_menu a.closebtn{
        color: #000;
        display: block;
    }
    body.home .main_menu a.closebtn{
        color: #fff;}

    /*-- For_mob_menu(Start) --*/
    .main_menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0 !important;
    background-color: rgba(255, 255, 255, 0.97);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    z-index: 999;
    }
    body.home .main_menu{background-color: rgba(24, 24, 24, 0.97);}

    .main_menu a {
        /*padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #818181;*/
        display: block;
        transition: 0.3s;
    }

    .main_menu a:hover {
        color: #333;
    }

    .main_menu .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }
    body.scrollOff{height: 100vh; overflow: hidden; position: relative;}
    body.scrollOff:before { position: fixed; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0.5); z-index: 1;}

    .main_menu ul li:hover ul.sub-menu { display: none;}
    .main_menu ul li.menu-item-has-children.active ul.sub-menu{display: block;}
    ul.sub-menu { position: relative; left: 0; width: 100%; border-radius: 0px; top: 0px;}
    .main_menu ul li.menu-item-has-children span { top: 9px; right: 0px; width: 14px; height: 18px;}

    .main-header { padding-top: 10px; padding-bottom: 10px; /*background-color: rgba(255, 255, 255, 0.55);*/ background-color: rgba(255, 255, 255, 0.95); backdrop-filter: inherit; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2)}
    body.home .main-header { background-color: rgba(24, 24, 24, 0.8);}
    .main_menu ul li { margin: 0 10px; display: block;}
    .main_menu ul li:last-child { margin-right: 10px;}
    .main_menu ul li a { padding: 10px 0 10px 0; font-size: 14px;}
    .main_menu ul li .sub-menu { position: relative; width: 100%; backdrop-filter: inherit; background: rgba(238, 238, 238, 0.5); top: 0; left: 0;}
    body.home .main_menu ul li .sub-menu { background: rgba(14, 14, 14, 0.5);}
    .main_menu ul li.menu-contact { text-align: center;}

    /*-- For_mob_menu(End) --*/

    :root{
        /*--f-size-XXXL: 33px;
        --f-size-XXL: 26px;
        --f-size-XL: 22px;
        --f-size-L: 20px;
        --f-size-M: 18px;*/

        --f-size-XXXL: 28px;
        --f-size-XXL: 24px;
        --f-size-XL: 20px;
        --f-size-L: 17px;
        --f-size-M: 16px;
        /*--f-size-S: 15px;*/
        
        /*--f-size-Body: 14px;
        --f-size-Btn: 14px;*/



        /*--f-size-S: 15px;
        --f-size-Body: 15px;*/
        /*--margin-title: 0 0 20px 0;*/
}
    .counter-hom-bottom h2 { font-size: 35px; padding-right: 25px;}

    /*:root{
        --f-size-XXXL: 30px;
        --f-size-XXL: 28px;
        --f-size-XL: 25px;
        --f-size-L: 21px;
        --f-size-M: 19px;
        --f-size-S: 15px;
        --f-size-Body: 15px;
}
    .counter-hom-bottom h2 { font-size: 38px;}*/

    .sec-gap-top{padding-top: 40px;}
    .sec-gap-bottom{padding-bottom: 35px;}

    .sec-gap-top-md{padding-top: 20px;}
    .sec-gap-bottom-md{padding-bottom: 20px;}

    /*.sec-gap-top-sm{padding-top: 20px;}
    .sec-gap-bottom-sm{padding-bottom: 20px;}*/

    .ftr-top { padding: 40px 0;}
    .ftr-middle { padding: 20px 0 15px;}
    .ftr-content {margin-top: 15px;}

    body.home .slider-wrap { height: 400px;}
    body.home .slider-wrap>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top right;}


    .unique-offer-hom-sec .col-md-6.mb-4:last-child .unique-offer-hom-box { margin-top: 0px;}
    .ftr-top { text-align: center;}
    .ftr-top-right h2 { margin: 30px auto 0; padding-left: 30px;}
    .ftr-logo { margin: 0 auto 30px;}
    .ftr-middle-right ul li, .ftr-content p, .ftr-bottom p{text-align: center;}
    .unique-offer-hom-top h4 { padding-bottom: 20px;}
    .primary-button { padding: 10px 15px;}
    .half-title, .half-large-title{width: 100%; text-align: center;}
    /*.sec-top-style:after { width: 150px;}*/

    .common-nav button.slick-arrow{ top: inherit; bottom: -20px;}
    .common-nav { padding-bottom: 40px;}
    .half-title h2, .half-large-title h2 { width: 100%;}
    .counter-hom-box { margin-bottom: 20px; height: auto; text-align: center;}
    .counter-hom-bottom p { padding-top: 15px;}
    /*.core-hom-box h3 { margin-bottom: 15px;}*/
    .implement-hom-content { padding-bottom: 15%; text-align: center;}
    .implement-hom-sec:before { background: linear-gradient(180deg, #1B1B1B 0%, #1B1B1B 27.21%, rgba(27, 27, 27, 0.7) 50.28%, rgba(27, 27, 27, 0.5) 73.63%);}
    .featured-hom-logo {margin-bottom: 10px;}
    .unique-offer-hom-title { width: 100%; text-align: center;}
    .unique-offer-hom-right { width: 100%; text-align: center;}
    .map-hom-content-box { width: 47%; padding: 10px 10px;}
    .ftr-top-right h2:after { height: 1px;}
    .inner-banner {padding-top: 30px;}
    .inner-banner>img { height: 250px;}
    .bring-about-sec .core-hom-box { padding-right: 0px;}
    .portfolio-row-top ul { justify-content: center;}
    .portfolio-row-top ul li { margin-left: 4px; margin-right: 4px; width: calc(50% - 9px); margin-bottom: 15px; text-align: center;}
    .portfolio-row-top ul li:last-child { margin-bottom: 0px; }
    .portfolio-row-top { padding: 15px 15px; margin-bottom: 20px;}
    .portfolio-logo-box { padding: 20px 10px;}
    .form-control { height: 40px; font-size: 15px !important;}
    .add-icon-logo-box:before { width: 12px; height: 11px; /*left: 4px; top: 2px;*/ font-size: 19px;}
    .map-hom-sec>img, .map-hom-sec>iframe { height: 300px;}
    .sec-height, .sec-height .container, .sec-height .row { height: auto; min-height: inherit;}
    .map-hom-sec.sec-height iframe{min-height: inherit;}
    .row-wrap { display: block; width: 100%;}

    

    

}
@media only screen and ( max-width: 575px ) {
    :root{
        /*--f-size-XXXL: 30px;
        --f-size-XXL: 24px;*/

        --f-size-XXXL: 26px;
        --f-size-XXL: 22px;
        --f-size-XL: 19px;
        /*--f-size-L: 17px;
        --f-size-M: 16px;
        --f-size-S: 15px;*/

        
        /*--f-size-Body: 14px;
        --f-size-Btn: 14px;*/
    }
    .common-nav button.slick-arrow { width: 32px; height: 32px; /*bottom: -14px;*/}
    .common-nav .slick-prev { right: 40px;}
    /*.common-nav { padding-bottom: 35px;}*/
    
    /*.sec-top-style:after { width: 100px;}*/
    .banner-content { left: 0; padding: 0 15px;}
    .featured-hom-content { padding-left: 15px;}
    .ftr-top { padding: 30px 0;}
    .inner-banner>img { height: 200px;}
    .inner-banner { padding-top: 20px;}
    .team-box{display: var(--dispaly); flex-flow: var(--wrap); align-items: center;}
    .team-box-top{width: 60%; padding-right: 10px;}
    .team-box-pic { max-width: inherit; width: 40%; padding-top: 38%; margin: 0 auto;}
    .team-box-top p { min-height: inherit;}
    .blog-box { height: auto;}
    .other-team-member .team-box-pic { margin: 0; width: 40%; order: 2;}
    .team-box.other-team-member .team-box-top { width: 60%; padding: 15px;}
    .team-box{height: auto;}
    .team-box .social-link { height: inherit;}
    .team-box-top h4 { margin-bottom: 5px;}
    .team-box-top p { margin-bottom: 10px;}




}
@media only screen and ( max-width: 480px ) {
    :root{
        /*--f-size-XXXL: 28px;
        --f-size-XXL: 23px;
        --f-size-XL: 21px;
        --f-size-L: 19px;
        --f-size-M: 17px;
        --f-size-S: 15px;
        --f-size-Body: 15px;*/

        --f-size-XXXL: 24px;
        --f-size-XXL: 20px;
        --f-size-XL: 18px;
        /*--f-size-L: 17px;
        --f-size-M: 16px;
        --f-size-S: 15px;*/

        
        /*--f-size-Body: 14px;
        --f-size-Btn: 14px;*/

         --margin-title: 0 0 15px 0;
    }
    .counter-hom-bottom h2 { font-size: 30px; padding-right: 23px;}

    /*:root{
        --f-size-XXXL: 26px;
        --f-size-XXL: 24px;
        --f-size-XL: 22px;
        --f-size-L: 20px;
        --f-size-M: 18px;
        --f-size-S: 15px;
        --f-size-Body: 15px;
        --margin-title: 0 0 20px 0;
}
    .counter-hom-bottom h2 { font-size: 35px;}*/
    
    .unique-offer-hom-top h4 { padding-bottom: 15px;}
    /*.sec-top-style:after { width: 80px;}*/
    .implement-hom-content { padding-bottom: 8%;}
    .primary-button { padding: 8px 14px;}
    .map-hom-content-box { width: 100%; margin: 0 3px 3px;}
    .inner-banner>img { height: 160px;}
    .inner-banner { padding-top: 10px;}
    /*.portfolio-logo-box { height: 88px; padding: 10px 10px;}
    .portfolio-logo-box img { min-height: 70px; height: 70px;}*/
    .team-box { border-radius: 10px; padding: 10px 10px 0 10px;}
    .team-box.other-team-member .team-box-top{padding: 8px 10px;}
    .not-found-box { padding: 30px 15px;}
    .portfolio-row-top { padding: 15px 8px; margin-bottom: 15px;}
    

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

    :root{
       /* --f-size-XXXL: 24px;
        --f-size-XXL: 22px;
        --f-size-XL: 18px;
        --f-size-L: 17px;
        --f-size-M: 16px;
        --f-size-S: 15px;
        --f-size-Body: 15px;*/

        --f-size-XXXL: 22px;
        /*--f-size-XXL: 20px;
        --f-size-XL: 18px;
        --f-size-L: 17px;
        --f-size-M: 16px;
        --f-size-S: 15px;*/

        
        /*--f-size-Body: 14px;
        --f-size-Btn: 14px;*/

         --margin-title: 0 0 15px 0;

    }

    /*:root{
        --f-size-XXXL: 24px;
        --f-size-XXL: 22px;
        --f-size-XL: 21px;
        --f-size-L: 19px;
        --f-size-M: 17px;
        --f-size-S: 15px;
        --f-size-Body: 15px;
         --margin-title: 0 0 15px 0;
    }*/

    .counter-hom-bottom h2 { font-size: 26px;}

    /*.sec-top-style:after { width: 50px;}*/
    body.home .slider-wrap { height: 320px;}
    .inner-banner>img { height: 140px;}
    .portfolio-row-top ul li { margin-left: 0px; margin-right: 0px; width: 100%;}
    .portfolio-logo-box { padding: 15px 7px;}
    .map-hom-sec>img, .map-hom-sec>iframe { height: 280px;}
    .featured-hom-box{text-align: center;}
    .featured-hom-pic { width: 60%; margin: 0 auto 15px;}
    .featured-hom-content { padding-left: 0px; width: 100%;}
    .featured-hom-logo{margin: 0 auto 10px;}


}

/*Media Query css*/