html {
    min-height: 100%;
    scroll-behavior: smooth;
    font-size: 16px;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

:root {
    --themeColor: #99b140;
    --themeSecondColor: #3d5664;
    --fontColor: #373d40;
    --headingFont: 'Lato', sans-serif;
    --headingFontSize: 40px;
    --headingFontWeight: 900;
    --headingLineheight: 55px;
    --bodyFont: 'Lato', sans-serif;
    --paraFontsize: 20px;
    --paraFontLineheight: 37px;
    --paraFontWeight: 400;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: none;
}

body {
    font-family: var(--bodyFont);
    ;
}

html,
body {
    overflow-x: hidden;
}

.mt-20 {
    margin-top: 20px;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: unset;
}

.bg-lightgrey {
    background-color: transparent;
}

.bg-ltgt-green{
    background-color: #f5f5f5 !important;
}
.bg-lightune{
    /* background-color: #ffffffb3 !important; */
    background-color: #fff;
}

.bg-f2light{
    background: #f2f2f2;
}

.bg-themeColor
{
    background: var(--themeSecondColor)
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: unset;
}

p,
ul,
ol,
address,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

a,
a:active,
a:focus,
button,
button:focus,
button:active,
.btn,
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn.active.focus {
    outline: none;
    outline: 0;
}

p {
    font-family: var(--bodyFont);
}

a:hover,
a {
    text-decoration: none;
}

.form-control:focus {
    background-color: #fff;
    border-color: unset;
    outline: 0;
    box-shadow: unset;
    border: 0;
}

li {
    list-style: none;
}

.mb-30 {
    margin-bottom: 30px;
}
.mt-50{
    margin-top: 50px;
}

.mt-20{
    margin-top: 20px;
}


.p-150 {
    padding: 300px 0;
}

.pt-100 {
    padding-top: 100px !important;
}

.p-90 {
    padding: 60px 0;
}

.pt-60 {
    padding-top: 64px;
}

.p-45 {
    padding: 74px 0;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pl-50 {
    padding-left: 50px;
}

.pr-50 {
    padding-right: 162px;
}

.pt-90 {
    padding-top: 170px;
}

.pb-0 {
    padding-bottom: 0;
}

.pt-0 {
    padding-top: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.mt-30 {
    margin-top: 30px;
}

.mt-90 {
    margin-top: 170px;
}

@-webkit-keyframes growDown {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    80% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes growDown {
    0% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
    }

    80% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

header.site-header.navbar-fixed {
    top: 0;
    z-index: 100;
    position: fixed;
    width: 100%;
    background: #fff;
    padding: 0;
    box-shadow: 0 19px 38px rgb(0 0 0 / 0%), 0 15px 12px rgb(0 0 0 / 6%);
}

header.site-header .inner-Logo {
    display: none;
}

header.site-header.navbar-fixed .inner-whiteLogo {
    display: none;
}

header.site-header.navbar-fixed .inner-Logo {
    display: block;
}

header.site-header {
    /* position: absolute; */
    z-index: 2;
    padding: 0;
    width: 100%;
}

header.site-header.sticky .whiteLogo {
    display: none;
}

.menuWrap .dropdownMain i {
    font-size: 13px;
}

header.site-header.sticky .blackLogo {
    display: block;
}

header.site-header.navbar-fixed .logobox {
    padding-bottom: 0px;
}

.menuWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-left: 16%;
    padding-right: 16%;
    justify-content: space-between;
}

.menuListing.sub-menus ul li a {
    color: #000;
}

.menuListing.sub-menus {
    padding-left: 38px;
    border-left: 1px solid var(--themeSecondColor);
    padding-bottom: 20px;
}

.menuListing.sub-menus ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    margin-bottom: 35px;
    justify-content: space-between;
}

.menuListing.sub-menus ul li {
    flex: 0 0 42%;
    margin: 0px 4%;
}

.menuListing.sub-menus ul li a {
    color: var(--themeSecondColor);
    padding: 20px 0 !important;
    border-bottom: 1px solid #6a80876e;
    width: 100%;
    text-align: left;
    text-transform: capitalize;
}

.menuheading.menu-img img {
    width: 100%;
}

.menuheading.menu-img {
    padding: 0;
}

.dropDownInnerMnb,
.navbarMain ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.innerheader .dropdownMain .dropbtn,
.innerheader .navbarMain a,
.navbarMain a:hover {
    color: var(--themeColor);
    /* text-decoration: underline; */
}

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

.navbarend ul li a.borde-style{
    border-left: 1px solid var(--fontColor);
}

.borde-style{
    border-left: 1px solid var(--fontColor);
}

.navbarMain a.concync-button {
    border-radius: 50px;
    background: #5D737F;
    width: 133px;
    padding: 13px 14px;
    color: #FFF;
    font-family: var(--headingFont);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
}

.navbarMain a.concync-button span{
    margin-left: 5px;
}

.navbarMain a.concync-button:hover{
    text-decoration: none;
    color: var(--themeColor);
}

.dropdownMain {
    float: left;
    overflow: visible;
}

.dropdownMain-content .header {
    padding: 16px;
    color: #111;
}

.logobox a,
.logobox a img {
    width: 180px;
}

header.site-header.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 19px 38px rgb(0 0 0 / 0%), 0 15px 12px rgb(0 0 0 / 6%);
    animation: 15s infinite gradient;
    z-index: 999;
    padding: 10px 0;
    transition: 0.3s ease-in-out;
}

header.site-header.sticky .dropdownMain .dropbtn,
header.site-header.sticky .navbarMain a {
    color: #585858;
    font-weight: 500;
}

.navbarMain a,
.dropdownMain .dropbtn {
    transition: 0.2s;
}

.dropdownMain .dropbtn,
.navbarMain a {
    color: #000;
    position: relative;
    font-weight: 500;
    transition: 0.2s;
    text-decoration: none;
}

.menuListing ul {
    display: block;
    padding: 0;
}
.dropdownMain .dropbtn {
    margin: 0;
    color: #383838;
    font-weight: 600;
}

/* .dropdownMain .dropbtn {
    font-size: 16px;
    border: none;
    outline: none;
    padding: 14px;
    font-weight: 300;
    background-color: transparent;
    margin: 0;
    color: #fff;
    padding-bottom: 50px;
    font-weight: 500;
} */


/* header.site-header.navbar-fixed .dropdownMain .dropbtn,
header.site-header.navbar-fixed .navbarMain a {
    color: #000;
    padding-bottom: 35px;
    padding-top: 35px;
} */

header.site-header.navbar-fixed .dropdownMain .dropbtn:hover,
header.site-header.navbar-fixed .navbarMain a:hover {
    color: var(--themeColor);
}


header.site-header.navbar-fixed {
    top: -120px;
}

#myHeader.hide {
    top: 0px;
}

#myHeader {
    width: 100%;
    z-index: 100;
    transition: all .3s ease;
}

.dropdownMain-content {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 100%;
    -webkit-box-shadow: 0px 20px 16px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 20px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 2;
    top: 89px;
    left: 0;
    min-height: 436px;
    border-top: 1px solid var(--themeColor);
}

header.site-header.navbar-fixed .dropdownMain-content {
    top: 100%;
}

.dropdownMain:hover .dropdownMain-content {
    display: block;
    padding: 70px 14%;
}

.dropdown_menu-mega {
    -webkit-animation: growDown 500ms ease-in-out forwards;
    animation: growDown 500ms ease-in-out forwards;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
}

.dropdownMain.singleDropdown .dropdownMain-content .submenuList a {
    float: left;
    width: 100%;
    background: var(--themeColor);
    text-align: left;
    padding: 12px 15px;
    font-size: 14px;
    color: #fff;
    border-bottom: 1px solid #cbcbcb45;
}

.dropdownMain.singleDropdown .dropdownMain-content .submenuList a:hover {
    background: var(--themeSecondColor);
    color: #fff;
}

.dropdownMain.singleDropdown2 .dropdownMain-content .submenuList a {
    float: left;
    width: 100%;
    background: var(--themeColor);
    text-align: left;
    padding: 12px 15px;
    font-size: 14px;
    color: #fff;
}

.dropdownMain.singleDropdown2 .dropdownMain-content .submenuList a:hover {
    background: var(--themeSecondColor);
    color: #fff;
}

.navbarMain a {
    font-family: 'Lato', sans-serif;
    float: left;
    font-size: 17px;
    color: #383838;
    text-align: center;
    padding: 35px 20px;
    font-weight: 600;
    line-height: 19.2px;
    text-underline-offset: 20px;
    text-transform: uppercase;
}

.navbarMain .menuListing a:after,
.onlyMobile,
header.site-header.sticky .whiteLogo {
    display: none;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background: #fff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.sidenav,
body,
html {
    overflow-x: hidden;
}

.dropdown_menu-mega::before {
    content: "";
    position: absolute;
    bottom: -230px;
    left: 1434px;
    width: 98%;
    height: 92%;
    background: url(../images/bgshape-menu.png);
    background-repeat: no-repeat;
    z-index: -9;
    overflow: hidden;
}


/* ---------- Ham Menu  ------------------------ */

.menu-ham .button_container {
    position: absolute;
    top: 30%;
    right: 9%;
    height: 27px;
    width: 25px;
    cursor: pointer;
    z-index: 100;
    transition: opacity .25s ease;
    /* border: 1px solid #fff; */
    border-radius: 50%;
    padding: 17px;
  }
  
  
  .menu-ham .button_container.active
  {
    position: fixed;
    top: 30px;
  }
  
  header.site-header.navbar-fixed .navbarMain a.menu-single
  {
    color: #fff;
  }
  
  .menu-ham .button_container:hover {
    opacity: .7;
  }
  
  .menu-ham .button_container.active .top {
    transform: translateY(5px) translateX(0) rotate(45deg);
    background: #FFF;
  }
  
  .menu-ham .button_container.active .middle {
    opacity: 0;
    background: #FFF;
  }
  
  .menu-ham .button_container.active .bottom {
    transform: translateY(-7px) translateX(0) rotate(-45deg);
    background: #FFF;
  }
  
  .menu-ham .button_container span {
    background: var(--themeSecondColor);
    border: none;
    height: 3px;
    width: 80%;
    position: absolute;
    top: 10px;
    left: 7px;
    transition: all .35s ease;
    cursor: pointer;
    border-radius: 50px;

  }
  
  .menu-ham .button_container span:nth-of-type(2) {
    top: 18px;
    width: 67%;
    left: 11px;
    background: var(--themeColor);
}
  
.menu-ham .button_container span:nth-of-type(3) {
    top: 26px;
}
  
  .menu-ham .button_container.active span:nth-of-type(3)
  {
    top: 22px;
  }
  
  .menu-ham .overlay {
    position: fixed;
    background: var(--themeSecondColor);
    right: 0;
    /* left: 0; */
    width: 0%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s, visibility .35s, width .35s;
    overflow: hidden;
    z-index: 9;
    top: 0;
    padding: 0 150px;
  }
  .menu-ham .overlay.open {
    visibility: visible;
    width: 100%;
    opacity: 1;
  }
  
  .menu-ham .overlay::before {
    content: '';
    background: var(--themeColor);
    height: 100%;
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
  }
  
  .ham-active-logo a {
    float: none;
    padding: 0;
  }
  .ham-active-logo {
    text-align: left;
  }
  .ham-active-logo img {
    width: 260px;
  }
  
  .ham-active-quote img {
    width: 71px;
  }
  .ham-active-quote {
    text-align: left;
    margin: 90px 0;
    padding-right: 26%;
  }
  
  .ham-active-social .socialIcons a i {
    font-size: 48px;
    color: var(--themeColor);
    -webkit-text-stroke: 0.5px #ffffff;
    text-transform: uppercase;
    background: var(--themeColor);
    padding: 27px;
    text-align: center;
    width: 110px;
}

.ham-active-social .socialIcons a:hover i {
    background: var(--themeColor);
    color: var(--themeColor);
}
  
  .ham-active-social .socialIcons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
    margin-top: 90px;
    float: left;
  }
  
  .ham-active-social .socialIcons a {
    padding: 0;
    margin-right: 23px;
  }
  
  /* .menu-ham .overlay.open li {
    animation: fadeInRight .5s ease forwards;
    animation-delay: .35s;
  }
  
  .menu-ham .overlay.open li:nth-of-type(2) {
    animation-delay: .4s;
  }
  
  .menu-ham .overlay.open li:nth-of-type(3) {
    animation-delay: .45s;
  }
  
  .menu-ham .overlay.open li:nth-of-type(4) {
    animation-delay: .50s;
  } */
  
  .menu-ham .overlay nav {
    position: relative;
    height: 70%;
    top: 45%;
    transform: translateY(-50%);
    font-size: 50px;
    font-weight: 400;
    text-align: center;
  }
  
  .menu-ham .overlay ul.proj-location {
    display: block;
  }
  
  /* .menu-ham .overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%;
    align-items: center;
    display: flex;
    margin-top: 23px;
  
  } */
  
  .menu-ham .overlay ul li {
    display: block;
    position: relative;
  }
  
  header.site-header.navbar-fixed .menu-ham .overlay ul li a {
    color: #FFF;
  }
  
  .menu-ham .overlay ul li a {
    display: block;
    position: relative;
    color: #FFF;
    text-decoration: none;
    overflow: hidden;
    font-size: 16px;
    width: 100%;
    position: relative;
    padding: 0 20px;
    padding-left: 20px;
    text-align: left;
    margin-top: 20px;
    
  }
  
  .menu-ham .overlay ul li a::before {
    content: '';
    position: absolute;
    background: var(--themeSecondColor);
    width: 8px;
    height: 8px;
    top: 7px;
    left: 0;
  }
  
  
  
  .menu-ham .overlay ul li a:hover:after,
  .menu-ham .overlay ul li a:focus:after,
  .menu-ham .overlay ul li a:active:after {
    width: 100%;
  }
  
  /* .menu-ham .overlay ul li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0%;
    transform: translateX(-50%);
    height: 3px;
    background: #FFF;
    transition: .35s;
  } */
  
  
  @keyframes fadeInRight {
    0% {
      opacity: 0;
      left: 20%;
    }
  
    100% {
      opacity: 1;
      left: 0;
    }
  }

  .inner-ham-menu {
    padding: 75px;
}

  .inner-ham-menu a {
    float: left;
    width: 100%;
    text-align: left;
    color: #fff;
    text-transform: capitalize;
    font-size: 50px;
    padding: 50px 0;
    font-weight: 400;
    border-bottom: 1px solid #ffffff57;
}

.ham-active-quote p {
    color: #fff;
    font-size: 28px;
    line-height: 42px;
}

img.right-qt {
    float: right;
}

  /* ------------------------------------------------- */

.bg-green {
    background: var(--themeColor);
}

.bg-grey {
    background: var(--themeSecondColor);
}


.inter-text-para h1 {
    font-size: var(--headingFontSize);
    line-height: var(--headingLineheight);
}

.inter-text-para h2 span{
    font-weight: var(--headingFontWeight);
}

.enqury-sec .inter-text-para h2 span {
    color: var(--themeColor);
}

.headcuston-clor .inter-text-para h2 span {
    color: var(--themeColor);
}

.inter-text-para p {
    font-size: var(--paraFontsize);
    line-height: var(--paraFontLineheight);
    font-weight: var(--paraFontWeight);
}
.txtgreen-color .inter-text-para h2 span {
    color: var(--themeColor);
}

/* .btn-read-more.btn-white a {
    color: #fff;
    border: 1px solid #fff;
    padding: 15px 40px;
    margin-top: 39px;
    font-weight: 500;
    line-height: var(--paraFontLineheight);
    background: transparent;
    font-family: var(--bodyFont);
} */

.wrap-project-sec .btn-read-more.btn-white a svg {
    margin-left: 10px;
}

.wrap-project-sec .btn-read-more.btn-white a {
    border: 1px solid #fff;
    margin-top: 39px;
    background: transparent;
    width: auto;
    float: none;
    margin: 50px auto 0;
}
.wrap-project-sec .btn-read-more.btn-white a:hover{
    background-color: var(--themeColor);
    border: 1px solid var(--themeColor);
}

/* .btn-read-more.btn-white a:hover {
    letter-spacing: 3px;
}

.btn-read-more.btn-white a:hover i {
    margin-left: 5px;
} */

.btn-read-more a:hover , 
.btn-read-more button:hover{
    /* border: 1px solid var(--fontColor); */
    background-color: var(--themeSecondColor);
}

.btn-read-more.btn-white span{
    background-color: var(--themeColor);
    border: 1px solid var(--themeColor);
}


.btn-read-more.btn-white span {
    color: #ffffff;
    padding: 20px 40px;
    font-size: var(--paraFontsize);
    /* float: left; */
    margin-top: 50px;
    font-weight: 500;
    line-height: var(--paraFontLineheight);
    background: transparent;
    font-family: var(--bodyFont);
    border: 1px solid #fff;
    letter-spacing: 2px;
}

.btn-read-more.btn-white span svg {
    margin-left: 10px;
}

.bannerSlides img {
    width: 100%;
}

.inner-Banner img
{
    width: 100%; 
}

.bannerSliderWraping:hover .btn-read-more.btn-white span{
    background-color: var(--fontColor);
    border: 1px solid var(--fontColor);
}

/* .btn-read-more.btn-white span:hover {
    letter-spacing: 3px;
}

.btn-read-more.btn-white span:hover i {
    margin-left: 5px;
} */

.btn-read-more span {
    color: #FFF;
    padding: 5px 5px;
    font-size: 16px;
    font-weight: 500;
    /* float: left; */
    margin-top: 39px;
}

/* .btn-read-more span:hover {
    letter-spacing: 3px;
}

.btn-read-more span:hover i {
    margin-left: 5px;
}

.bannerTabSliders:hover .btn-read-more.btn-white span {
    letter-spacing: 3px;
}

.bannerTabSliders:hover .btn-read-more.btn-white span i {
    margin-left: 5px;
} */
.btn-read-more {
    /* float: left; */
    margin-top: 40px;
}
.btn-read-more.mt-100{
    margin-top: 100px;
}
.btn-read-more button
{
    border: 0;
}
.btn-read-more a ,
.btn-read-more button{
    color: #ffffff;
    padding: 18px 30px;
    font-size: var(--paraFontsize);
    width: auto;
    /* float: left; */
    margin-top: 39px;
    font-weight: 700;
    line-height: 25px;
    background: var(--themeColor);
    font-family: var(--bodyFont);
    letter-spacing: 2px;
}
.btn-read-more a svg,
.btn-read-more button svg {
    margin-left: 10px;
}

.wrap-project-sec .btn-read-more {
    /* text-align: center; */
    /* float: none; */
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

/* .btn-read-more a:hover svg {
    margin-left: 5px;
} */

.menuheading h3 {
    color: var(--themeColor);
    font-size: 35px;
    margin-bottom: 15px;
    font-weight: 800;
}

.menuheading {
    padding-right: 50px;
}

.menuheading p {
    font-weight: var(--paraFontWeight);
    font-size: var(--paraFontsize);
    line-height: var(--paraFontLineheight);
}

.menu-prodsec h3 {
    color: #004d85;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 1px solid #004d85;
    padding-bottom: 35px;
}

.menuListing.sub-heading ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    margin-bottom: 35px;
    justify-content: space-between;
}

.menuListing.sub-heading ul li {
    flex: 0 0 31%;
    margin: 1%;
}

.menu-prodsecList a {
    padding: 0 !important;
}

.menu-prodsecList img {
    float: left;
    width: 20%;
}

.menu-prodsecList.brand-prod img {
    float: left;
    width: 45%;
}

.menu-prodsecList span {
    float: left;
    width: 20%;
}

.menuListing.sub-heading {
    padding-left: 100px;
    border-left: 1px solid var(--themeSecondColor);
}

.menu-prodsecList {
    float: left;
    width: 100%;
    margin-top: 44px;
}

.menu-prodsecList.brand-prod {
    float: left;
    width: 100%;
    margin-top: 25px;
}

.menu-prodsecList span {
    float: left;
    width: 100%;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    margin-top: 11px;
    color: #111;
}

.accordion-button::after {
    background-image: url(../images/Plus.png);
    /* background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%255,255,255' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e"); */
    transform: scale(.9) !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../images/Minus.png);
    /* background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e"); */
}

img.top-texture {
    position: absolute;
    left: 0;
    top: 0;
    width: 15%;
}

img.bottom-texture {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 22%;
}

.bannerPage .thumbNav {
    position: absolute;
    bottom: 35px;
    left: 0;
    z-index: 99999;
    right: 0;
}

.bannerPage .thumbNailCust {
    position: relative;
}



@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}


/* banner */

  /* .bannerPage .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    margin: 0px 5px !important;
    border-radius: 50%;
    background: #fff;
    gap: 898px;
    opacity: 2;
   
}

.bannerPage .swiper-pagination-bullet-active {
    background: #fff;
    border: 6px solid var(--themeColor);
    border-radius: 50%;
    width: 20px;
    height: 20px; 
} */



.banner-Slider .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    margin: 0px 5px !important;
    border-radius: 50%;
    background: #fff;
    gap: 898px;
    opacity: 2;
   
}

.banner-Slider .swiper-pagination-bullet-active {
    background: #fff;
    border: 6px solid var(--themeColor);
    border-radius: 50%;
    width: 20px;
    height: 20px; 
}
.bannerSLider2Wrap {
    position: absolute;
    top: 25%;
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    text-align: left;
    width: 70%;
}

.bannerSLider2Wrap .btn-read-more {
    margin-top: 65px;
}

.bannerSLider2Wrap h1 {
    color: #FFF;
    font-family: var(--bodyFont);
    font-size: 60px;
    font-style: normal;
    font-weight: var(--headingFontWeight);
    line-height: 85px;
    margin-bottom: 30px;
}
.bannerSLider2Wrap p{
    color: #FFF;
    font-family: var(--bodyFont);
    font-size: var(--paraFontsize);
    font-style: normal;
    font-weight: 400;
    line-height: var(--paraFontLineheight);
}

.bannerinnerWrap {
    position: absolute;
    top: 50%;
    text-align: left;
}
.bannerinnerWrap h1 {
    color: #ffffff;
    font-family: var(--bodyFont);
    font-size: 60px;
    font-style: normal;
    font-weight: var(--headingFontWeight);
    line-height: var(--headingLineheight);
    margin-bottom: 30px;
    text-shadow: 1px 1px 2px #5d737f;
}

.hm-matrix {
    margin-top: 50px;
}

.hm-matrix ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 35px;
    justify-content: space-between;
    text-align: center;
}

.hm-matrix ul li {
    flex: 0 0 24%;
    border-left: 2px solid var(--fontColor);
    padding-left: 55px;
}
.hm-matrix ul li:nth-child(1) {
    border-left: 0px solid var(--fontColor);
    padding-left: 0px;
}

.hm-matrix ul li span {
    font-size: 60px;
    font-style: normal;
    font-weight: 900;
    line-height: 87px;
    font-family: var(--bodyFont);
    color: var(--themeSecondColor);
}

.color-green{
    color: var(--themeColor) !important;
}

.hm-matrix ul li p {
    color: #383838;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    font-family: var(--bodyFont);
}

.margin-left-sec {
    margin-left: 20px;
}

.prev-projects-sec{
    background-color: var(--themeColor);
}
/* 
.sec-about::before {
    content: "";
    position: absolute;
    left: 175px;
    width: 100%;
    height: 45%;
    background: url(../images/bgshape-1.png);
    background-repeat: no-repeat;
    z-index: -9;
    bottom: 0;
}

.wrap-project-sec::before {
    content: "";
    position: absolute;
    top: 931px;
    left: 1270px;
    width: 100%;
    height: 100%;
    background: url(../images/bgshape-1.png);
    background-repeat: no-repeat;
    z-index: -9;
    opacity: 0.4;
}

.wrap-Process-sec::before {
    content: "";
    position: absolute;
    top: 623px;
    left: 175px;
    width: 100%;
    height: 28%;
    background: url(../images/bgshape-1.png);
    background-repeat: no-repeat;
    z-index: -9;
    bottom: -30px;
}


.prev-projects-sec::before {
    content: "";
    position: absolute;
    top: 815px;
    left: 1270px;
    width: 100%;
    height: 100%;
    background: url(../images/bgshape-1.png);
    background-repeat: no-repeat;
    z-index: -9;
    opacity: 0.39;
} */

/* .testimonials-sec::before {
    content: "";
    position: absolute;
    top: 525px;
    left: 175px;
    width: 100%;
    height: 100%;
    background: url(../images/bgshape-1.png);
    background-repeat: no-repeat;
    z-index: -9;
} */


/* .sec-mission-vision::before {
    content: "";
    position: absolute;
    top: -140px;
    left: 1270px;
    width: 100%;
    height: 100%;
    background: url(../images/bgshape-1.png);
    background-repeat: no-repeat;
    z-index: -9;
} */

/* .sec-core::before {
    content: "";
    position: absolute;
    top: -130px;
    left: 1270px;
    width: 100%;
    height: 100%;
    background: url(../images/bgshape-1.png);
    background-repeat: no-repeat;
    opacity: 0.2;
} */
/* .sec-team::before {
    content: "";
    position: absolute;
    top: -130px;
    left: 1270px;
    width: 100%;
    height: 100%;
    background: url(../images/bgshape-1.png);
    background-repeat: no-repeat;
    z-index: -9;
    opacity: 0.9;
} */


.inter-text-para h2 {
    font-size: var(--headingFontSize);
    font-weight: 300;
    line-height: 55px;
    font-family: var(--themeSecondColor);
    color: var(--themeSecondColor);
}

/* .sec-about .inter-text-para h2{

} */

.sec-about .inter-text-para h2 span{
    font-weight: var(--headingFontWeight);
    color: var(--themeColor);
}

.wrap-Process-sec .inter-text-para h2 span {
    font-weight: var(--headingFontWeight);
    color: var(--themeColor);
}

.sec-about .inter-text-para p {
    font-size: var(--paraFontsize);
    font-weight: 400;
    color: var(--fontColor);
    line-height: var(--paraFontLineheight);
}

/*  */
.sec-projects-two{
    width: 90%;
    margin-left: 130px;
    /* margin-bottom: 80px; */
}
.sec-projects-two ul {
    flex-direction: row-reverse;
    flex-wrap: wrap;
    display: flex;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    /* justify-content: space-around; */
}

.sec-projects-two ul li {
    flex: 0 0 50%;
    height: auto;
    position: relative;
}

.sec-projects{
    width: 90%;
}
.sec-projects ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
}

.sec-projects ul li {
    flex: 0 0 50%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.pro-Wrap {
    /* position: relative; */
    overflow: hidden;
}

.pro-Wrap-flx{
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.pro-Wrap-flx .img-gradient:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002f4b', endColorstr='#00000000', GradientType=0);
}

.sec-projects-two .pro-Type.bg-green{
    background-color: var(--themeColor);
}

.pro-Wrap-flx img {
    transition: transform .2s;
    width: 100%;
    height: 200px;
    object-fit: cover;
    overflow: hidden;
    z-index: -9;
}

.sec-projects-two a:hover .pro-Wrap-flx img {
    transform: scale(1.1)
}

.sec-projects-two a:hover .pro-Wrap img {
    transform: scale(1.1)
}

.sec-projects a:hover .pro-Wrap-flx img {
    transform: scale(1.1)
}

.pro-Wrap-flx .imgBoxx{
    flex: 0 0 50%;
}

.pro-Wrap-flx p {
    color: var(--fontColor);
    font-size: 18px;
    line-height: 33px;
}

.pro-Wrap p {
    color: var(--fontColor);
    font-size: 18px;
    line-height: 33px;
}

.pro-Wrap-flx span.pro-more{
    color: #000;
}

.pro-Wrap-flx .pro-Type {
    width: 50%;
    background-color: #FFF;
    position: relative;
    z-index: 9;
    padding: 50px 40px;
}

.pro-Wrap-flx .pro-Type::after {
    content: "";
    position: absolute;
    right: -20px;
    top: 45%;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #fff;
}

.sec-projects-two .pro-Wrap-flx .pro-Type.bg-green::after{
    content: "";
    position: absolute;
    right: -20px;
    top: 45%;
    border-top: 20px solid transparent;gap: 1198px;
    border-bottom: 20px solid transparent;
    border-left: 20px solid var(--themeColor);
}

.pro-Wrap-flx .pro-Name h5 {
    font-weight: 700;
    font-size: 20px;
    Line-height: 24px;
    margin-bottom: 15px;
    display: flex;
    align-items: end;
    color: var(--fontColor);
    margin-top: 10px;
}

.imgBoxx {
    position: relative;
}

.pro-Wrap img {
    transition: transform .2s;
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.sec-projects a:hover .pro-Wrap img {
    transform: scale(1.1)
}

.img-gradient:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: -moz-linear-gradient(top, rgba(0, 47, 75, 0.5) 0%, rgba(220, 66, 37, 0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255 255 255 / 50%)), color-stop(100%, rgba(0, 47, 75, 0.5)));
    background: -webkit-linear-gradient(to bottom, rgb(255 255 255 / 25%) 0%, rgb(0 0 0 / 97%) 100%);
    background: -o-linear-gradient(to bottom, rgb(255 255 255 / 25%) 0%, rgb(0 0 0 / 97%) 100%);
    background: linear-gradient(to bottom, #ebeaea00 0%, #000000 89%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#002f4b', endColorstr='#00000000', GradientType=0);
}

.pro-Type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 0px;
    border-top: 0;
    margin-bottom: 0px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    align-items: end;
    padding: 50px 40px;
    z-index: 9;
}

.pro-Name h5 {
    font-weight: 700;
    font-size: 20px;
    Line-height: 24px;
    margin-bottom: 15px;
    display: flex;
    align-items: end;
}
.pro-Name h5 svg{
    margin-right: 10px;
}

.blogName span {
    color: #fff;
}

.pro-Name span i {
    margin-right: 5px;
}

span.pro-more {
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    text-underline-offset: 10px 
}

.portfolio-project span.pro-more {
    float: right;
    margin-top: 0;
    padding: 10px 15px;
    color: #fff;
    width: 100%;
    background: var(--themeSecondColor);
    text-align: left;
    font-size: 15px;
}
span.pro-more svg{
    margin-left: 8px;
}

.sec-projects ul li:hover .pro-Wrap-flx span.pro-more ,.sec-projects ul li:hover span.pro-more.text-white{
    text-decoration: underline;
}

.sec-projects-two ul li:hover span.pro-more{
    text-decoration: underline;
}
.sec-projects .inter-text-para h1 {
    color: #004d85;
    position: absolute;
    text-align: center;
    width: 100%;
    float: left;
    vertical-align: middle;
    top: 40%;
}
/*  */
.pop-close {
    width: 3%;
    float: right;
    padding: 25px 0;
    z-index: 9;
    position: relative;
}
/* industry-page */

.industry-matx-list ul{
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    align-items: center;
    justify-content: space-between;
}

.industry-matx-list ul li {
    flex: 0 0 50%;
    text-align: left;
    margin-bottom: 0px;
    margin-right: 0;
    padding: 0;
    font-size: 14px;
}

.industry-matx-list ul li:nth-child(1){
    flex: 0 0 100%;
    margin-bottom: 18px;
}
.industry-matx-list ul li:nth-last-child(1) {
    text-align: right;
}
.industry-matx-list ul li:nth-last-child(1) span {
    /* background: #99b140; */
    right: 1px;
    /* padding: 5px 10px; */
}

.swiper-oldproject .industry-matx-list ul li:nth-last-child(1) span {
    background: #99b140;
    padding: 5px 10px;
}


.industry-matx-list.text-lt0 ul li:nth-last-child(1) {
    text-align: left;
    flex: 0 0 100%;
}

/* .industry-matx-list ul li:nth-child(even) {
    text-align: right;
    flex: 0 0 38%;
} */

/* .industry-matx-list ul li:nth-child(even) span {
    background: #99b140;
    right: 1px;
    padding: 5px 10px;
    bottom: 10px;
} */

/*  */
.bote-3{
    margin-bottom: 20px;
}

.portfolio-industry .industryservices-list ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}

.portfolio-industry .industryservices-list ul li {
    flex: 0 0 50%;
    text-align: left;
    margin-bottom: 0px;
    margin: 0;
    padding: 0;
    font-size: 14px;
}
.portfolio-industry .industryservices-list ul li:nth-child(1){
    margin-bottom: 10px;
}
.portfolio-industry .industryservices-list ul li:nth-child(even){
    text-align: right;
}
/* 
.industryservices-list ul li:nth-last-child(2) span {
    background: #99b140;
    padding: 5px 10px;
} */

/*  */

.products-inner ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}
.products-inner ul li {
    flex: 0 0 32%;
    text-align: center;
    border: 1px solid var(--themeSecondColor);
    padding: 25px;
    margin-bottom: 25px;
    transition: .5s ease;
}
.products-inner ul li:hover {
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    border: 1px solid var(--themeColor);
}

.products-inner ul li a {
    display: flex;
    text-align: left;
    align-items: start;
}

.products-detels{
    margin-left: 25px;
    width: 80%;
}
.Wide-intro {
    /* min-height: 195px; */
    min-height: 185px;
}

.products-detels h5 {
    font-size: 23px;
    margin-bottom: 8px;
    font-weight: 700;
    color: var(--themeColor);
}

.products-detels p {
    font-size: var(--paraFontsize);
    color: var(--fontColor);
    line-height: var(--paraFontLineheight);
    font-weight: var(--paraFontWeight);
}

.products-detels .pro-more{
    color: var(--themeColor);
    font-size: 18px;
    font-weight: 600;
    margin-top: 10px;
    text-underline-offset: 10px; 
}

.products-inner ul li:hover .products-detels .pro-more{
   text-decoration: underline;
}

/* 
.pro-Wrap-flx.imgBoxx {
    background-size: cover;
    display: block;
    height: 100%;
    transform: scale(1, 1);
    transition: transform 0.4s;
}

.sec-projects ul li:hover .pro-Wrap-flx.imgBoxx {
    transform: scale(1.05, 1.05);
  } */

/*  */

/* .prev-projects-sec .inter-text-para h2 span{
    font-weight: var(--headingFontWeight);
    color: var(--themeColor);
}

.swiper-oldproject .swiper-slide {
    width: calc(100% / 3);
    transition: all .25s ease-out;
    opacity: 1;
  } */
  
  /* .swiper-oldproject .swiper-slide-active + .swiper-slide ~ .swiper-slide {
    opacity: .35;
  } */
  
  /* .swiper-oldproject .swiper-slide img {
    max-width: 100%;
    transition: all .25s ease-out;
    transform: scale(.75);
    transform-origin: center;
  }
  
  .swiper-slide-active img {
    transform: scale(1);
  } */

  .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
}

.showcase {
    width: 100%;
    height: auto;
    position: relative;
    color: white;
    text-align: center;
    overflow: hidden;
    background: #3d5664;
    padding: 0 0 15px;
}
  
  .showcase img {
    width: 100%;
    height: 230px;
    transition: transform .2s;
    object-fit: cover;
    overflow: hidden;
    object-position: center;
  }

  .heading-detiels {
    border-top: none;
    background: var(--themeSecondColor);
    padding: 15px 10px;
    height: auto;
    position: relative;
    z-index: 1;
    /* min-height: 135px; */
    min-height: 120px;
    /* border: 1px solid #fff;
    border-top: none; */
}
.bg-dareblue-cont{
    background: #022b4b;
}


.swiper-oldproject .heading-detiels {
    /* min-height: 135px; */
    min-height: 125px;
}


.project-gradient:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(to bottom, #ffffff00 6%, #000000d1 80%);
    background: linear-gradient(to bottom, #ffffff00 6%, #1115179c 100%);
}
  
  /* .showcase:hover img{
    transform: scale(1.1);
  } */
  .showcase .overlay {
    width: 100%;
    height: auto;
    bottom: 0px;
    left: 0;
    z-index: 999;
    padding: 0 15px 0;
}


  /* .showcase:hover .overlay{
    background-color: #b2c341b0;
  } */

  .showcase .overlaybg {
    width: 100%;
    background-color: #77851bb0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 20px;
}

.inner-industrysec .heading-detiels {
    border-top: none;
    background: var(--themeSecondColor);
    padding: 18px 15px;
    min-height: auto !important;
    width: 100%;
}
.inner-industrysec .heading-detiels h4{
    color: #fff;
    font-size: 20px;
}

.inner-industrysec .project-gradient:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: -o-linear-gradient(to bottom, #ffffff00 6%, #000000d1 80%);
    background: linear-gradient(to bottom, #ffffff00 6%, #022340 100%);
}


  .showcase:nth-child(odd).overlay {
    background-color: var(--themeColor);
  }
  
  .showcase h2 {
    font-size: 19px;
    line-height: 30px;
    margin-bottom: 0px;
    font-weight: 700;
    text-align: left;
    color: #fff;
}
.showcase p {
    margin-top: 8px;
    font-size: 18px;
    text-align: left;
    line-height: 33px;
    font-weight: 400;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.showcase span.pro-more {
    float: left;
    font-size: 18px;
    font-weight: 600;
    margin-top: 15px;
    text-underline-offset: 10px;
    color: #fff;
}

.showcase:hover span.pro-more {
    text-decoration: underline;
}
  .project-name{
    border-radius: 50px;
    background: #fff;
    width: 115px;
    padding: 5px 10px;
    color: var(--fontColor);
    font-family: var(--bodyFont);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    font-style: italic;
    margin-top: 20px;
  }

  .client-quote img {
    width: 12%;
}

.client-quote p {
    text-align: left;
    padding: 15px 130px 15px 0;
    font-size: 20px;
    line-height: 35px;
    font-weight: var(--paraFontWeight);
    color: var(--fontColor);
}
.client-owner {
    text-align: left;
}
.client-info h4{
    font-size: 20px;
    font-weight: 700;
    color: var(--themeSecondColor);
    line-height: 40px;
}

.client-info span{
    font-size: 15px;
    font-weight: 500;
    color: var(--fontColor);
    font-style: italic;
    line-height: 20px;
}

.swiper-testimonials{
    padding-bottom: 100px;
    padding-top: 50px;
}

.swiper-testimonials .swiper-slide {
    background: transparent;
}

.testimonials-sec .inter-text-para h2 span{
    color: var(--themeColor);
}

/* .prev-projects-sec .inter-text-para h2 span{
    color: var(--themeColor);
} */

.swiper-oldproject{
    padding-bottom: 130px;
}

.swiper-button-next {
    padding: 15px;
    float: left;
    width: 80px;
    height: 80px;
    right: 6%;
    top: 90%;
}

.swiper-button-prev {
    padding: 15px;
    float: left;
    width: 80px;
    height: 80px;
    right: 0px;
    left: 73%;
    top: 90%;
}

.swiper-oldproject .swiper-button-next {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 1%;
    top: 90%;
    background: var(--themeSecondColor);
    transform: rotate(90deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
}

.swiper-oldproject .swiper-button-prev {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 0px;
    left: 91.9%;
    top: 90%;
    background: var(--themeSecondColor);
    transform: rotate(90deg);
    -webkit-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -o-transform: rotate(316deg);
    -ms-transform: rotate(316deg);
}

.swiper-oldproject .swiper-button-next.swiper-button-disabled, .swiper-oldproject .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: none;
    background: #fff;
}

.swiper-oldproject .swiper-button-next.swiper-button-disabled i, .swiper-oldproject .swiper-button-prev.swiper-button-disabled i{
    color: var(--themeColor);
}

.swiper-oldproject .swiper-button-next i{
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
}
.swiper-oldproject .swiper-button-prev i{
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
}

.swiper-oldproject .swiper-button-prev:hover{
    background: #fff;
}

.swiper-oldproject .swiper-button-next:hover{
    background: #fff;
}

.swiper-oldproject .swiper-button-prev:hover i{
    color: var(--themeColor);
}

.swiper-oldproject .swiper-button-next:hover i{
    color: var(--themeColor);
}


.swiper-testimonials .swiper-button-next.swiper-button-disabled, .swiper-testimonials .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: none;
    background: var(--themeColor);
}

.swiper-testimonials .swiper-button-next.swiper-button-disabled i, .swiper-testimonials .swiper-button-prev.swiper-button-disabled i{
    color: #fff;
}

.swiper-testimonials .swiper-button-prev {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 0px;
    left: 79.5%;
    top: 85%;
    background: var(--themeSecondColor);
    transform: rotate(90deg);
    -webkit-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -o-transform: rotate(316deg);
    -ms-transform: rotate(316deg);
}

.swiper-testimonials .swiper-button-next {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 6%;
    top: 85.2%;
    background: var(--themeColor);
    transform: rotate(90deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
}

.swiper-testimonials .swiper-button-next.swiper-button-disabled, .swiper-testimonials .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: none;
}

.swiper-testimonials .swiper-button-next i{
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
}
.swiper-testimonials .swiper-button-prev i{
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
}

/* .swiper-testimonials .swiper-button-prev-active , .swiper-testimonials .swiper-button-next-active {
    background: var(--themeColor);
} */

.swiper-testimonials .swiper-button-prev:hover{
    background: var(--themeColor);
}

.swiper-testimonials .swiper-button-next:hover{
    background: var(--themeColor);
}

.swiper-testimonials .swiper-button-prev:hover i{
    color: #fff;
}

.swiper-testimonials .swiper-button-next:hover i{
    color: #fff;
}

.testimoni-img {
    width: 100%;
}


.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: 'prev';
    display: none;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: 'next';
    display: none;
}

/* new-sec */
.sec-testi-half::before {
    content: "";
    background:var(--themeColor);
    width: 55%;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
}

.sec-industry-half::before {
    content: "";
    background: var(--themeColor);
    width: 55%;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
}

.padd-left {
    padding-left: 80px;
}
.padd-right {
    padding-right: 65px;
}

.swiper-industrypro-ject .swiper-button-next {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 2%;
    top: 90%;
    background: var(--themeSecondColor);
    transform: rotate(90deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
}

.swiper-industrypro-ject .swiper-button-prev {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 0px;
    left: 85%;
    top: 90%;
    background: var(--themeSecondColor);
    transform: rotate(90deg);
    -webkit-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -o-transform: rotate(316deg);
    -ms-transform: rotate(316deg);
}
.swiper-industrypro-ject .swiper-button-prev i {
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
}

.swiper-industrypro-ject .swiper-button-next i {
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
}

.swiper-industrypro-ject {
    padding-bottom: 100px;
}

.half-services{
    text-align: center;
    border: 1px solid var(--themeSecondColor);
    padding: 25px;
}

.half-services a{
    display: flex;
    text-align: left;
    align-items: start;
}
.swiperold-services{
padding-bottom: 100px;
}

.swiperold-services .swiper-button-next {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 4%;
    top: 90%;
    background: var(--themeColor);
    transform: rotate(90deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
}
.swiperold-services .swiper-button-prev {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 0px;
    left: 77%;
    top: 90%;
    background: var(--themeColor);
    transform: rotate(90deg);
    -webkit-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -o-transform: rotate(316deg);
    -ms-transform: rotate(316deg);
}
.swiperold-services .swiper-button-prev i {
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
}

.swiperold-services .swiper-button-next i {
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
}


.client-sliderBoxx {
    padding: 5%;
    margin-right: 15px;
    background-color: #fff;
    border: 1px solid #ddd9d9;
}
.swiper-clientsli{
    padding-bottom: 85px;
}


.swiper-clientsli .swiper-button-next {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 1%;
    top: 90%;
    background: var(--themeColor);
    transform: rotate(90deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
}
.swiper-clientsli .swiper-button-prev {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 0px;
    left: 92%;
    top: 90%;
    background: var(--themeColor);
    transform: rotate(90deg);
    -webkit-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -o-transform: rotate(316deg);
    -ms-transform: rotate(316deg);
}

.swiper-clientsli .swiper-button-prev i {
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
}

.swiper-clientsli .swiper-button-next i {
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
}


/* end-new-sec */



footer.sec-footer {
    background: var(--themeSecondColor);
    border-top: 10px solid var(--themeColor);
    padding: 70px 0 30px;
}
.footer-btn-white {
    text-align: right;
}

.sec-footer .footer-btn-white a {
    border: 1px solid var(--themeColor);
    font-family: var(--bodyFont);
    text-align: center;
    margin: 0;
    color: #ffffff;
    padding: 20px 40px;
    font-size: var(--paraFontsize);
    width: auto;
    margin-top: 39px;
    font-weight: 700;
    line-height: var(--paraFontLineheight);
    background: var(--themeColor);
    font-family: var(--bodyFont);
    letter-spacing: 2px;
}

.sec-footer .footer-btn-white a:hover{
    border: 1px solid #fff;
    background: transparent;
}

.sec-footer .footer-btn-white a svg{
    margin-left: 5px;
}

.footer-menupart{
    padding-top: 32px;
    float: left;
}

.sec-footer .inter-text-para h2 {
    padding-bottom: 32px !important;
}

.footer-menupart ul{
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
}

.footer-menupart ul li{
    flex: 0 0 40%;
}

.footer-linksec ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
/* .footer-menupart ul li:nth-child(2){
    border-right: 1px solid #fff;
} */

.footer-linksec ul li {
    flex: 0 0 50%;
    position: relative;
}

.footer-linksec ul li a {
    color: #fff;
    font-size: 20px;
    margin-bottom: 15px;
    float: left;
    width: 100%;
    font-weight: 400;
}

/* .footer-location{
    margin-left: 80px;
} */

.footer-location ul li {
    /* margin-bottom: 15px; */
    margin-bottom: 35px;
}

.footer-location a {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.footer-location ul li a h5 {
    color: #99b140;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 5px;
}

.footer-location ul li a span {
    /* background-color: var(--themeColor); */
    color: #ffffff;
    /* padding: 6px; */
    font-size: 18px;
    line-height: 30px;
}

.footer-location ul li a i {
    font-size: 18px;
    margin-right: 5px;
    color: var(--themeColor);
}
.bg-transpnt{
    background: transparent !important;
}
/* .footer-location ul li:hover  a span{
    background-color: var(--themeColor);
    color: #fff;
} */

.footer-location ul li:hover  a i{
    color: var(--themeColor);
}

/* .footer-location ul li a span:hover{
    background-color: var(--themeColor);
} */

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

.infra-box {
    background: var(--themeColor);
    color: #fff;
    padding: 10px;
    width: 76%;
    margin-top: 55px;
}
.infra-box span{
    font-size: 14px;
    font-weight: 300;
}
.infra-box img {
    margin-right: 10px;
}

.ft-social{
    margin-top: 32px;
}


.ft-social ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: end;
}
.ft-social ul li {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    line-height: 35px;
    font-weight: 400;
    padding-left: 25px;
}

.ft-social ul li i{
    color: #fff;
}
.ft-social ul li:hover i{
color: var(--themeColor);
}

.ft-logo-info {
    text-align: right;
}
.pro-Wrap-folio span.pro-more {
    background: var(--themeSecondColor);
    width: 100%;
    color: #fff;
    padding: 10px 15px;
    margin-top: 0;
    text-align: left;
}

.ft-logo-info img {
    margin-top: 45px;
    margin-bottom: 15px;
    width: 35%;
}

.copyright-info ul li a{
    font-size: 14px;
    color: #fff;
}

.copyright-info ul li a:hover{
    color: var(--themeColor);
}
.footer-linksec ul li a:hover{
    color: var(--themeColor);
}

.foot-line{
    border-top: 1px solid #fff; 
    padding-top: 32px;
}

/* inner-page */
.bg-inner-greay{
    background: #f2f2f2;
}
.inner-intro {
    position: absolute;
    width: 100%;
    top: 34%;
    left: 7%;
}

.breadcrumbs {
    display: inline-block;
    background: #f2f2f2;
    width: 100%;
    padding: 16px;
    display: none;
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 16px;
    list-style: none;
}
.breadcrumbs ul li {
    margin-right: 30px;
    color: var(--fontColor);
    position: relative;
    font-family: var(--creote-family-one);
    font-size: 15px;
    line-height: 25px;
    font-weight: 600;
}

.breadcrumbs ul li a:last-child {
    padding-right: 0px;
}
.breadcrumbs ul li a {
    color: var(--themeColor);
    position: relative;
    text-decoration: none;
    font-family: var(--creote-family-one);
    font-size: 14px;
    line-height: 25px;
    text-transform: initial;
    padding-right: 30px;
}

.breadcrumbs ul li a:before {
    position: absolute;
    content: "\f105";
    font-family: "FontAwesome";
    right: -19px;
    top: -2px;
    color: var(--themeColor);
    font-size: 14px;
}
.sec-Inner-Intro .inter-text-para h2 span {
    font-weight: var(--headingFontWeight);
    color: var(--themeColor);
}

.sec-Inner-Intro .inter-text-para p {
    font-size: var(--paraFontsize);
    font-weight: 400;
    color: var(--fontColor);
    line-height: var(--paraFontLineheight);
}

.inner-form ul{
    display: flex;
}

.inner-form ul li{
    flex: 0 0 50%;

}

.inner-form ul li:first-child .inter-text-para{
    padding-left: 28%;
}

.inner-location ul {
    flex-direction: column;
}

.inner-location ul li {
    flex: 0 0 100%;
    margin-bottom: 34px;
    width: 65%;
}

.inner-location ul li a h5 {
    color: var(--fontColor);
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 5px;
}
.inner-location ul li a h5 i{
    font-size: 20px;
    color: var(--themeColor);
}

.inner-location ul li a span {
    font-size: 22px;
    font-weight: 700;
    color: var(--fontColor);
    line-height: 36px;
}

.bg-lightcolr{
    background-color: #f2f2f2;
}
.sec-Inner-contact .inter-text-para h2 span{
    color: var(--themeColor);
}

.ml-30{
    margin: 0 28% 0 12%;
}

.form-group.contact-sec i {
    position: absolute;
    left: 0;
    color: var(--themeColor);
    top: 11px;
}

.contact-sec {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 45px;
    position: relative;
}

.contact-sec input[type="text"],
.contact-sec input[type="email"],
.contact-sec input[type="tel"],
.contact-sec select,
.contact-sec textarea {
    border: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid var(--themeColor) !important;
    background: none;
    outline: none;
    color: #fff !important;
    box-shadow: none;
    padding: 5px 0;
    font-size: var(--paraFontsize);
    padding-left: 25px;
}

.contact-sec input[type="file"]{
    border: 0 !important;
    border-radius: 0 !important;
    border-bottom: 1px solid var(--themeColor) !important;
    background: none;
    outline: none;
    color: var(--fontColor);
    box-shadow: none;
    padding: 5px 0;
    font-size: var(--paraFontsize);
    padding-left: 0px;
}

.form-group.contact-sec .form-control::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 0.5;

    /* Firefox */
}

.form-group.contact-sec.msg-sec.careers-form{
    margin-left: 0px;
}

.sec-Inner-contact textarea.form-control {
    background: transparent;
    color: var(--fontColor);
    padding: 0;
    font-size: var(--paraFontsize);
    padding-left: 25px;
    height: 66px !important;
}
textarea.form-control {
    min-height: calc(1.5em + 12px + 2px);
    height: 80px;
}

.enqury-sec textarea.form-control {
    min-height: calc(1.5em + 12px + 2px);
    height: 80px;
}

.sec-Inner-contact .contact-sec.msg-sec {
    margin-bottom: 0
}

.sec-Inner-contact .form-control {
    background: transparent;
    color: var(--fontColor);
}

.sec-Inner-contact .form-control:focus {
    background: transparent;
    color: var(--fontColor);
}

.innerBox .form-group.contact-sec .form-control::placeholder {
    color: var(--fontColor);
    opacity: 0.5;
}
.sec-Inner-contact .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--themeColor);
    opacity: 0.5;
}

.sec-Inner-contact .form-control::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--themeColor);
    opacity: 0.5;
}

.sec-Inner-contact .subhold.text-right {
    text-align: right;
    float: right;
}


.sec-Inner-contact .subhold.text-right {
    text-align: right;
    float: right;
    margin-top: 80px;
}

/* about-page */
.inner-matrix {
    margin-top: 50px;
}


.inner-matrix ul li {
    flex: 0 0 50%;
    border-left: 0px solid var(--fontColor);
    padding-left: 0px;
    padding-bottom: 25px;
}
.inner-matrix.industry-matx ul li {
    flex: 0 0 50%;
    border-left: 0px solid var(--fontColor);
    padding-left: 0px;
}

.inner-matrix.industry-matx ul li:nth-child(1) {
    padding-left: 0px;
    border-right: 1px solid var(--fontColor);
    border-bottom: 0px solid var(--fontColor);
}
.inner-matrix.industry-matx ul li:nth-child(2) {
    border-bottom: 0px solid var(--fontColor);
}
.inner-matrix ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 35px;
    justify-content: space-between;
    text-align: center;
}
.inner-matrix ul li:nth-child(1) {
    border-left: 0px solid var(--fontColor);
    padding-left: 0px;
    border-right: 1px solid var(--fontColor);
    border-bottom: 1px solid var(--fontColor);
}
.inner-matrix ul li:nth-child(2) {
    border-bottom: 1px solid var(--fontColor);
}
.inner-matrix ul li:nth-child(3) {
    border-right: 1px solid var(--fontColor);
}


.inner-matrix ul li span {
    font-size: 60px;
    font-style: normal;
    font-weight: 900;
    line-height: 87px;
    font-family: var(--bodyFont);
    color: var(--fontColor);
}

.inner-matrix ul li span {
    font-size: 35px;
    font-style: normal;
    font-weight: 900;
    line-height: 87px;
    font-family: var(--bodyFont);
    color: var(--themeSecondColor);
}

.inner-matrix.industry-matx ul li span {
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    line-height: 87px;
    font-family: var(--bodyFont);
    color: var(--themeSecondColor);
}

.inner-matrix ul li p {
    color: #383838;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    font-family: var(--bodyFont);
}

.inner-mission {
    /* border: 2px solid #5d737f70; */
    background-color: var(--themeColor)
}

.missio-cont p {
    font-size: var(--paraFontsize);
    line-height: var(--paraFontLineheight);
    font-weight: var(--paraFontWeight);
}
.missio-cont ul{
    padding-top: 50px;
}

.missio-cont ul li {
    position: relative;
    margin-bottom: 15px;
    padding-right: 30px;
    padding-left: 20px;
    font-size: 16px;
    line-height: var(--paraFontLineheight);
    font-weight: 400;
}

.missio-cont ul li:before {
    content: "\f0c8";
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    color: var(--themeColor);
    font-size: 9px;
}


.inner-mission ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.inner-mission ul li:nth-child(1) img {
    height: 100%;
    object-fit: cover;
}
.inner-vision ul li img{
    height: 350px;
    object-fit: cover;
}

.inner-mission ul li:nth-child(1) {
    width: 35%
}

.inner-mission ul li:nth-child(2) {
    width: 65%;
    background: #fff;
}

.inner-mission .missio-cont ul li {
    width: 100%;
}

.missio-cont {
    padding: 30px;
}


.inner-vision ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.inner-vision ul li {
    width: 50%;
}

.inner-vision {
    margin-top: 15px;
}


.vision-cont {
    padding: 30px 20px 30px 0;
}
.vision-cont .inter-text-para p{
    font-size: var(--paraFontsize);
    line-height: var(--paraFontLineheight);
    margin-top: 30px;
}

.corevaluesList .btn-swipe {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 5px 9px;
}

.corevaluesList {
    padding: 35px;
}

.corevaluesList .swiper-wrapper {
    padding-bottom: 96px;
}

.corevaluesList .swiper-button-next,
.corevaluesList .swiper-button-prev {
    top: 95%;
}

.corevaluesList .swiper-button-next {
    right: 90px;
}

.corevaluesList .swiper-button-prev {
    right: 150px;
    left: auto;
}

.corevalues-cont h4 {
    margin: 20px 0;
    text-align: left;
}

.corevalues-cont p {
    text-align: left;
}

.sec-publications {
    background: url(../images/bg-publications.jpg);
    background-position: center;
    background-attachment: inherit;
    background-size: cover;
    background-repeat: no-repeat;
}

/* journey */

.sec-publications {
    background: url(../images/banner/Banner2.png);
    background-position: center;
    background-attachment: inherit;
    background-size: cover;
    background-repeat: no-repeat;
}




span.timeline-year {
    color: var(--themeColor);
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 40px;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.journey-slider .swiper-slide
{
    justify-content: start;
}


h4.timeline-title.text-white {
    font-size: 26px;
    font-weight: var(--headingFontWeight);
    line-height: 40px;
    color: var(--themeColor);
    margin: 20px 0;
    width: 80%;
}

p.timeline-text.text-white {
    width: 80%;
}

.thumbsSlider::before {
    content: "";
    position: absolute;
    /* left: 105px; */
    right: 6px;
    top: 0;
    height: 85%;
    width: 1px;
    background-color: rgb(93 115 127 / 50%);
}

/* slider */
/* .swiper {
width: 100%;
height: 100%;
} */

.thumbsSlider {
    height: 500px;
    position: relative;
}

.thumbsSlider .swiper-slide img {
    display: block;
    width: 100%;
    height: 480px;
    object-fit: cover;
}


.historyList .swiper {
    height: 480px;
    margin-left: auto;
    margin-right: auto;
}

/* .swiper-slide {
    background-size: cover;
    background-position: center;
} */

.sec-inner-timeline .swiper-slide-content {
    text-align: left;
    /* padding: 62px 0; */
}

/* .mySwiper2 {
height: 80%;
width: 100%;
} */

.thumbsSlider .spagination-bullet::before {
    content: "";
    position: absolute;
    top: 9px;
    /* left: 100px; */
    right: 0px;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background-color: var(--themeColor);
    /* transform: scale(0); */
    transition: .2s;
}

.thumbsSlider .swiper-slide {
    width: 100%;
    display: flex;
}

 .thumbsSlider span.spagination-bullet {
    padding: 0px 24px;
    width: 24%;
    cursor: pointer;
    /* opacity: 0.4; */
    transition: 0.3s;
    font-size: 21px;
    background: #fff;
    color: var(--creote-family-one);
    border-radius: 50%;
    height: 37%;
    z-index: 0;
}

.thumbsSlider .swiper-slide-thumb-active span.spagination-bullet {
    opacity: 1;
    font-weight: 500;
}

.thumbsSlider .swiper-slide img {
    display: block;
    width: 150px;
    height: 50px;
    object-fit: cover;
}



.sec-inner-timeline .swiper-button-prev {
    top: -60px;
    right: 0;
    left: 87%;
}

.sec-inner-timeline .swiper-button-next {
    top: 88%;
    right: 0;
    left: 87.2%;
}

.sec-inner-timeline .swiper-button-prev i,
.sec-inner-timeline .swiper-button-next i {
    font-size: 25px;
    color: var(--fontColor);
}



/* slider */
.sec-team .nav-tabs .nav-link {
    border: 0px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 20%;
    border-right: 1px solid #db2a3d;
    font-size: 16px;
    font-weight: 700;
    padding: 17.6px 16px;
    color: var(--themeColor);
}

.sec-team .nav-tabs .nav-link:last-child {
    border-right: 0px solid #db2a3d;
}

.sec-team .nav-tabs {
    border-bottom: 1px solid #004c84;
}

.sec-team .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #f2f2f2;
    background-color: #004c84;
    border-color: #dee2e6 #dee2e6 #fff;
}

.jourNeyCont {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    text-align: left;
}
ul.leader-box{
    display: flex;
    justify-content: space-between;
    text-align: left;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 100px;
}

ul.leader-box li:first-child
{
    flex: 0 0 30%
}

ul.leader-box li:last-child
{
    flex: 0 0 65%
}

ul.leader-box:nth-child(even){
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
}

.Journey-detls {
    margin-left: 80px;
}
.Journey-detls h4{
        font-size: var(--headingFontSize);
        font-weight: 300;
        line-height: 48px;
        font-family: var(--bodyFont);
        color: var(--fontColor);
}
.Journey-detls p{
    font-size: var(--paraFontsize);
    line-height: var(--paraFontLineheight);
    margin-top: 28px;
    font-weight: 400;
    color: var(--fontColor);
}

.sec-Team-profile ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}
.sec-Team-profile ul li {
    flex: 0 0 24%;
    height: auto;
    position: relative;
    overflow: hidden;
    /* margin-right: 1%; */
    margin-bottom: 1%;
}

.pro-Wrap-team {
    position: relative;
    overflow: hidden;
}

.pro-Wrap-team .pro-Type {
    background-color: #efefef;
    position: relative;
    z-index: 9;
    padding: 19px 24px;
    width: 100%;
    display: inline-block;
}

/* .pro-Wrap-team .imgBoxx {
    flex: 0 0 50%;
} */

.pro-Wrap-team img {
    transition: transform .2s;
    width: 100%;
    height: auto;
    object-fit: cover;
    overflow: hidden;
    z-index: -9;
}

/* .pro-Wrap-team .pro-Type::after {
    content: "";
    position: absolute;
    right: 218px;
    top: 45%;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #fff;
} */

.pro-Wrap-team .pro-Name h5 {
    font-weight: 700;
    font-size: 20px;
    Line-height: 30px;
    margin-bottom: 0px;
    display: flex;
    align-items: end;
    color: var(--fontColor);
    margin-top: 0px;
}

.pro-Wrap-team p {
    color: var(--fontColor);
    font-size: var(--paraFontsize);
    line-height: var(--paraFontLineheight);
}

.pro-Wrap-team span.pro-more {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px;
    text-underline-offset: 10px;
}

.eventupcomingSlider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0px 5px !important;
    border-radius: 50%;
    background: #fff;
    gap: 898px;
    opacity: 2;
   
}

.eventupcomingSlider .swiper-pagination-bullet-active {
    background: #fff;
    border: 3px solid var(--themeColor);
    border-radius: 50%;
    width: 12px;
    height: 12px; 
}
/*  */

.eventupcomingSlider .swiper-button-next {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 1%;
    top: 90%;
    background: var(--themeColor);
    transform: rotate(90deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
}

.eventupcomingSlider .swiper-button-prev {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 0px;
    left: 91.9%;
    top: 90%;
    background: var(--themeSecondColor);
    transform: rotate(90deg);
    -webkit-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -o-transform: rotate(316deg);
    -ms-transform: rotate(316deg);
}

.eventupcomingSlider .swiper-button-next.swiper-button-disabled, .eventupcomingSlider .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: none;
    background: #fff;
}

.eventupcomingSlider .swiper-button-next.swiper-button-disabled i, .eventupcomingSlider .swiper-button-prev.swiper-button-disabled i{
    color: var(--themeColor);
}

.eventupcomingSlider .swiper-button-next i{
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
}
.eventupcomingSlider .swiper-button-prev i{
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
}

.eventupcomingSlider .swiper-button-prev:hover{
    background: var(--themeColor);
}

.eventupcomingSlider .swiper-button-next:hover{
    background: var(--themeColor);
}

.eventupcomingSlider .swiper-button-prev:hover i{
    color: #fff;
}

.eventupcomingSlider .swiper-button-next:hover i{
    color: #fff;
}
.eventupcomingSlider{
    padding-bottom: 100px;
}

/*  */

.sec-Team-profile ul li:hover .pro-Wrap-team span.pro-more{
    text-decoration: underline;
}

ul.client-lists {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: left;
}

ul.client-lists li {
    flex: 0 0 13%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    margin-right: 15px;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 1px 9px; */
    background-color: #fff;
    border: 1px solid #ddd9d9;
}

.client-Boxx {
    padding: 5%;
    margin: 1%;
}

.swiper-certificates{
    padding-bottom: 100px;
}

.swiper-certificates .swiper-button-next.swiper-button-disabled, .swiper-certificates .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: none;
    background: var(--themeColor);
}

.swiper-certificates .swiper-button-next.swiper-button-disabled i, .swiper-certificates .swiper-button-prev.swiper-button-disabled i{
    color: #fff;
}

.swiper-certificates .swiper-button-prev {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 0px;
    left: 91.8%;
    top: 85.2%;
    background: var(--themeSecondColor);
    transform: rotate(90deg);
    -webkit-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -o-transform: rotate(316deg);
    -ms-transform: rotate(316deg);
}

.swiper-certificates .swiper-button-next {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 1%;
    top: 85.2%;
    background: var(--themeColor);
    transform: rotate(90deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
}

.swiper-certificates .swiper-button-next.swiper-button-disabled, .swiper-certificates .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: none;
}

.swiper-certificates .swiper-button-next i{
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
}
.swiper-certificates .swiper-button-prev i{
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
}

.swiper-certificates .swiper-button-prev:hover{
    background: var(--themeColor);
}

.swiper-certificates .swiper-button-next:hover{
    background: var(--themeColor);
}

.swiper-certificates .swiper-button-prev:hover i{
    color: #fff;
}

.swiper-certificates .swiper-button-next:hover i{
    color: #fff;
}

.certibox {
    border: 1px solid #eee;
    padding: 26px;
    align-items: center;
    text-align: center;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 1px 9px; */
}

.certibox p {
    font-size: 16px;
    color: var(--fontColor);
    margin-top: 10px;
}

ul.misson-part{
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

ul.misson-part:nth-child(even){
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
}

ul.misson-part li{
    flex: 0 0 40%;
    height: auto;
    position: relative;
    overflow: hidden;
    /* margin-bottom: 2%; */
}

ul.misson-part li:last-child{
    flex: 0 0 55%;
}

.mission-imgBoxx{
    flex: 0 0 41%;
    /* padding: 5%; */
}

.vision-imgBoxx {
    flex: 0 0 41%;
    /* padding: 5%; */
}

ul.misson-part li:last-child .pro-mission{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.pro-mission {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background: #f2f2f2;
    align-items: center;

}

.pro-mission .pro-Type {
    width: 59%;
    position: relative;
    z-index: 9;
    /* padding: 50px 40px; */
}
.pd-vision{
    padding: 0px 150px 40px 25px;
}
.pd-mission{
    padding: 0px 150px 40px 0;
}

.pro-mission .pro-Type  h2{
    font-size: var(--headingFontSize);
    font-weight: 300;
    line-height: 48px;
    font-family: var(--bodyFont);
    color: var(--fontColor);
}

.pro-mission .pro-Type h2 span{
   color: var(--themeColor);
   font-weight: var(--headingFontWeight);
}
.pro-mission .pro-Type p{
    font-size: var(--paraFontsize);
    font-weight: 400;
    color: var(--fontColor);
    line-height: var(--paraFontLineheight);
}

.mission-imgBoxx img {
    width: 90%;
}

.vision-imgBoxx img {
    width: 70%;
    float: right;
}

ul.corevalu-sec{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

ul.corevalu-sec li {
    flex: 0 0 23%;
    padding: 25px;
    /* margin: 2%; */
    background: #f2f2f2;
    border-radius: 2px;
    margin-bottom: 3%;
    position: relative;
}


ul.corevalu-sec li svg{
    position: absolute;
    bottom: 0;
    right: 15px;
    opacity: 0.2;
}
.sec-leaderteam .inter-text-para h2 span{
    color: var(--themeColor);
}

.leadr-detls .media img {
    width: 50px;
    margin-top: 20px;
}

.leadr-detls.inter-text-para p {
    margin-bottom: 45px;
}

ul.corevalu-sec li:last-child{
    margin-right: 0;
}

.valu-detels {
    margin-top: 10px;
}

.valu-detels h5{
    font-size: 23px;
    margin-bottom: 8px;
    font-weight: 700;
    color: var(--themeColor);
    margin-top: 20px;
}

.valu-detels p {
    font-size: var(--paraFontsize);
    color: var(--fontColor);
    line-height: var(--paraFontLineheight);
    font-weight: 400;
}


.leadr-detls h5{
    font-size: 20px;
    font-weight: 700;
    color: var(--themeSecondColor);
    line-height: 20px;
}

.leadr-detls span{
    font-size: 15px;
    font-weight: 500;
    color: var(--fontColor);
    font-style: italic;
    line-height: 20px;
}

.social-media  img{
    width: 25%;
}


.leadr-detls-right  img{
    width: 12%;
}

.leadr-detls-right h5{
    font-size: 20px;
    font-weight: 700;
    color: var(--fontColor);
    line-height: 20px;
}

.leadr-detls-right span{
    font-size: 15px;
    font-weight: 500;
    color: var(--fontColor);
    font-style: italic;
    line-height: 20px;
}

.sec-inner-timeline .inter-text-para h2 span{
    color: var(--themeColor);
}
/* career */

.sec-lifeat .pro-Name h2 span {
    font-weight: var(--headingFontWeight);
    color: var(--themeColor);
}

ul.careers-part{
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

ul.careers-part:nth-child(even)
{
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
}

ul.careers-part:nth-child(even) li:last-child
{
    background: var(--themeColor);
}

ul.careers-part li {
    flex: 0 0 45%;
    height: auto;
    position: relative;
    overflow: hidden;
}

ul.careers-part li p
{
    margin-top: 20px;
}

ul.careers-part li:first-child
{
    text-align: center;
}

ul.careers-part li:last-child {
    background: var(--themeSecondColor);
    color: #fff;
    padding: 35px;
    flex: 0 0 50%;
}

.inner-certificates-sec .inter-text-para h2 span {
    font-weight: var(--headingFontWeight);
    color: var(--themeColor);
}



.equal-opportunities .pro-Type {
    width: 59%;
    position: relative;
    z-index: 9;
    padding: 50px 40px;
}

.equal-opportunities .pro-Type  h2{
    font-size: var(--headingFontSize);
    font-weight: 300;
    line-height: 48px;
    font-family: var(--bodyFont);
    color: var(--fontColor);
}
.equal-opportunities .pro-Type p{
    font-size: var(--paraFontsize);
    font-weight: 400;
    color: var(--fontColor);
    line-height: var(--paraFontLineheight);
}

.equal-imgBoxx img {
    width: 400px;
}

.sec-opening .accordion-item {
    margin-bottom: 20px;
    background-color: #fff;
    border: 0;
    border-radius: 0;
}

.sec-opening .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 16px 20px;
    font-size: 20px;
    color: #ffffff;
    text-align: left;
    background-color: var(--themeColor);
    font-weight: 600;
    border: 0;
} 

.sec-opening .card-body {
    flex: 1 1 auto;
    padding: 30px 30px;
}

.sec-opening .inter-text-para h2 span{
 color: var(--themeColor);
}

.sec-opening .accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
}

ul.specimen li{
    font-size: 20px;
    margin-bottom: 10px;
}
.sec-job-role h4 {
    font-size: 20px;
    color: var(--themeColor);
    font-weight: 600;
    margin-bottom: 10px;
}
.sec-job-role ul li {
    position: relative;
    margin-bottom: 5px;
    padding-right: 30px;
    line-height: var(--paraFontLineheight);
    font-weight: 400;
    padding-left: 20px;
    font-size: var(--paraFontsize);
}
.sec-job-role ul li:before {
    content: "\f0c8";
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    color: var(--themeColor);
    font-size: 9px;
}

.inner-resume-sec .subhold.text-right {
    float: right;
}

.inner-resume-sec .inter-text-para h2 span {
    font-weight: var(--headingFontWeight);
    color: var(--themeColor);
}

/* event */

.wrap-past-sec .sec-past-event ul {
    flex: 0 0 32%;
    justify-content: space-between;
}

.sec-past-event {
    margin-top: 50px;
}

.wrap-past-sec .sec-past-event .pro-Wrap-team .pro-Type {
    padding: 30px 25px;
}

.wrap-past-sec .sec-past-event ul li {
    flex: 0 0 32%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 1%;
}
.sec-event ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}
.sec-event ul li {
    flex: 0 0 50%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.bg-eventpage{
    background: #3b5b6c;
}

.sec-event-even ul {
    flex-direction: row-reverse;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
}
/* .sec-event ul:nth-child(even){
    flex-direction: row-reverse;
} */
.sec-event-even ul li {
    flex: 0 0 50%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.menu-img img {
    width: 100%;
    background-position: center;
    background-size: cover;
}

.internalEventInfo {
    padding: 65px 45px;
}

.internalEventInfo h2 {
    font-size: 25px;
    font-weight: 300;
    line-height: 36px;
    font-family: var(--bodyFont);
    margin-bottom: 20px;
}

.internalEventInfo h2 span {
    font-weight: var(--headingFontWeight);
}

ul.inter-detilsEvent{
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

ul.inter-detilsEvent li{
    flex: 0 0 50%;
    height: auto;
    position: relative;
    overflow: hidden;
    /* color: #fff; */
    font-size: 14px;
}
ul.inter-detilsEvent li i{
    margin-right: 5px;
}

.internalEventInfo p {
    font-size: var(--paraFontsize);
    font-weight: 400;
    line-height: var(--paraFontLineheight);
}

.interEventSlider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0px 5px !important;
    border-radius: 50%;
    background: #fff;
    gap: 898px;
    opacity: 2;
   
}

.interEventSlider .swiper-pagination-bullet-active {
    background: #fff;
    border: 3px solid var(--themeColor);
    border-radius: 50%;
    width: 12px;
    height: 12px; 
}

.wrap-past-sec .inter-text-para h2 {
    font-size: var(--headingFontSize);
    font-weight: 300;
    line-height: 48px;
    font-family: var(--bodyFont);
    color: var(--fontColor);
}
.wrap-past-sec .inter-text-para h2 span{
    font-weight: var(--headingFontWeight);
    color: var(--themeColor);
}
.wrapEvent-sec .inter-text-para h2 span {
    font-weight: var(--headingFontWeight);
    color: var(--themeColor);
}

.wrap-past-sec ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
}
.wrap-past-sec ul li {
    flex: 0 0 50%;
    height: auto;
    position: relative;
    overflow: hidden;
    /* margin-right: 1%; */
    margin-bottom: 1%;
}

.wrap-past-sec .pro-Wrap-team {
    position: relative;
    overflow: hidden;
}

.wrap-past-sec .pro-Wrap-team .pro-Type {
    background-color: var(--themeSecondColor);
    position: relative;
    z-index: 9;
    padding: 55px 35px;
}

.wrap-past-sec .pro-Wrap-team .pro-Name h5 {
    font-weight: 700;
    font-size: 25px;
    Line-height: 36px;
    margin-bottom: 0px;
    display: flex;
    align-items: end;
    color: var(--fontColor);
    margin-bottom: 12px;
}
.wrap-past-sec ul.inter-detilsEvent{
    margin-bottom: 20px;
}
.wrap-past-sec .sec-past-event ul li ul.inter-detilsEvent li {
    flex: 0 0 50%;
}
/* techonagy */
.newSec {
    padding-left: 0px;
    padding-top: 45px;
}

ul.tech-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}
ul.tech-list:nth-child(even) {
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
}

ul.tech-list li{
    flex: 0 0 50%
}

.step-content span:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90px;
    height: 90px;
    background-color: var(--themeColor);
    border-radius: 50%;
    z-index: -9;
    transform: translate(-50%, -50%);
}
.step-content span {
    font-family: var(--themeColor);
    font-size: 80px;
    float: left;
    color: var(--fontColor);
    margin-right: 20px;
    /* background: var(--themeColor); */
    width: 90px;
    height: 180px;
    border-radius: 50%;
    position: relative;
    z-index: 0;
}

.step-content h2 {
    font-family: var(--bodyFont);
    margin-top: -10px;
    float: left;
    color: var(--themeColor);
    font-size: 30px;
    font-weight: 700;
}


.step-content p {
    float: left;
    padding: 15px 5px;
    font-size: var(--paraFontsize);
    font-weight: 400;
    color: var(--fontColor);
    line-height: var(--paraFontLineheight);
}
.step-content {
    display: flex;
    align-items: center;
    padding: 0 50px;
}

.sustainablity-list ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sustainablity-list ul li{
    flex: 0 0 50%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.sustainablity-list ul li:nth-child(1) {
    padding: 0 35px;
}

.sustainablity-list ul li img {
    width: 100%;
}

.sustainablity-list .inter-text-para h2 {
    font-size: 27px;
    font-weight: 700;
    line-height: 40px;
    font-family: var(--bodyFont);
    margin-bottom: 10px;
    color: var(--fontColor);
}

.sustainablity-list .inter-text-para p{
    font-size: var(--paraFontsize);
    font-weight: 400;
    line-height: var(--paraFontLineheight);
    color: var(--fontColor);
}
.ml-50 {
    margin-left: 50px;
    width: 90%;
}
.mr-50{
    margin-right: 50px;
}

.sustainablity-list-even ul{
    flex-direction: row-reverse;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--themeColor);
}

.sustainablity-list-even ul li{
    flex: 0 0 50%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.sustainablity-list-even ul li img{
    width: 100%;
}

.sustainablity-list-even .inter-text-para h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    font-family: var(--bodyFont);
    margin-bottom: 10px;
    color: var(--fontColor);
}

.sustainablity-list-even .inter-text-para p{
    font-size: var(--paraFontsize);
    font-weight: 400;
    line-height: 29px;
    color: var(--fontColor);
}

/*  */

.sec-strategic .accordion-item {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0;
}

.sec-strategic .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 16px 20px;
    font-size: 22px;
    font-weight: 700;
    color: #ffffff;
    text-align: left;
    background-color: var(--themeSecondColor);
    border: 0;
    border-radius: 0 !important;
} 

.sec-strategic .card-body {
    flex: 1 1 auto;
    padding: 30px 30px;
}

.sec-strategic .inter-text-para h2 span{
 color: var(--themeColor);
}

.sec-strategic .accordion-button:focus {
    z-index: 3;
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.sec-strategic .inter-text-para p{
 font-size: var(--paraFontsize);
 color: var(--fontColor);
 font-weight: 400;
}

/* .sec-Inner-Intro .inter-text-para h2 {
    margin-bottom: 15px;
} */

.profife-flx {
    display: flex;
    margin-top: 0px;
    justify-content: space-between;
    align-items: start;
    width: 100%;
    position: relative;
    text-align: end;
    background: #5d737f;
    padding: 10px 24px;
}
.social-media {
    flex: 0 0 50%;
    /* position: absolute; */
    /* right: -100px; */
    float: right;
}

.social-media i {
    color: #fff;
    font-size: 34px;
}

.swiper-sustena{
    padding-bottom: 100px;
}

.swiper-sustena .swiper-button-next.swiper-button-disabled, .swiper-sustena .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: none;
    background: var(--themeColor);
}

.swiper-sustena .swiper-button-next.swiper-button-disabled i, .swiper-sustena .swiper-button-prev.swiper-button-disabled i{
    color: #fff;
}

.swiper-sustena .swiper-button-prev {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 0px;
    left: 79.5%;
    top: 85%;
    background: var(--fontColor);
    transform: rotate(90deg);
    -webkit-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -o-transform: rotate(316deg);
    -ms-transform: rotate(316deg);
}

.swiper-sustena .swiper-button-next {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 6%;
    top: 85.2%;
    background: var(--fontColor);
    transform: rotate(90deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
}

.swiper-sustena .swiper-button-next.swiper-button-disabled, .swiper-sustena .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: none;
}

.swiper-sustena .swiper-button-next i{
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
}
.swiper-sustena .swiper-button-prev i{
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
}

.swiper-sustena .swiper-button-prev:hover{
    background: var(--themeColor);
}

.swiper-sustena .swiper-button-next:hover{
    background: var(--themeColor);
}

.swiper-sustena .swiper-button-prev:hover i{
    color: #fff;
}

.swiper-sustena .swiper-button-next:hover i{
    color: #fff;
}

.sec-cta .btn-read-more {
    margin-top: 30px;
    text-align: right;
   
}



.sec-cta .btn-read-more a {
    background: transparent;
    border: 1px solid #fff;
}
.sec-cta .btn-read-more a:hover {
    border: 1px solid var(--themeSecondColor);
    background-color: var(--themeSecondColor);
}

.sec-cta::before {
    content: "";
    position: absolute;
    top: 74px;
    left: -42px;
    width: 30%;
    height: 70%;
    background: url(../images/bgshape-cta1.png);
    background-repeat: no-repeat;
    z-index: 0;
    opacity: 0.1;
}
.bg-original{
    background: #fff;
}
.enqury-sec .subhold.text-right {
    float: right;
}
.img-vector img{
    float: right;
}

.project-matrix ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 35px;
    justify-content: space-between;
    text-align: center;
}

.project-matrix ul li {
    flex: 0 0 50%;
    border-left: 2px solid var(--fontColor);
    padding-left: 0px;
}

.project-matrix ul li:nth-child(1) {
    border-left: 0px solid var(--fontColor);
    padding-left: 0px;
}

.project-matrix ul li span {
    font-size: 60px;
    font-style: normal;
    font-weight: 900;
    line-height: 87px;
    font-family: var(--bodyFont);
    color: var(--fontColor);
}

.project-matrix ul li span {
    font-size: 60px;
    font-style: normal;
    font-weight: 900;
    line-height: 87px;
    font-family: var(--bodyFont);
    color: var(--fontColor);
}

.project-matrix ul li p {
    color: #383838;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    font-family: var(--bodyFont);
}

.servic-flx{
    display: flex;
    width: 100%;
    margin-bottom: 30px;
}

.service {
    padding: 35px 24px;
    font-size: var(--paraFontsize);
    font-family: var(--bodyFont);
    width: 70%;
    display: flex;
    align-items: center;
}
.image-box {
    float: left;
    margin-top: 0px;
    margin-right: 20px;
    /* min-height: 100px; */
    position: relative;
}
.service h3 {
    font-style: normal;
    /* margin-top: 50px; */
    font-size: var(--headingFontSize);
    font-weight: 300;
    line-height: 48px;
    font-family: var(--bodyFont);
    color: #111;
}
.service p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    padding-top: 10px;
}

.service-client{
    padding: 35px 24px;
    font-size: var(--paraFontsize);
    font-family: var(--bodyFont);
    width: 35%;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
    border: 1px solid var(--themeSecondColor);
}

.challenges-list ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 30px 0;
}

.challenges-list ul:nth-child(even){
    flex-direction: row-reverse;
    flex-wrap: wrap-reverse;
}

.challenges-list ul li{
    flex: 0 0 50%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.challenges-list ul li:first-child{
    padding: 50px;
}

.challenges-list ul li img{
    width: 100%;
}

.challenges-list .inter-text-para h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    font-family: var(--bodyFont);
    margin-bottom: 20px;
    color: var(--fontColor);
}

.challenges-list .inter-text-para h2 svg{
    margin-right: 8px;
}

.challenges-list  .inter-text-para p {
    font-size: var(--paraFontsize);
    font-weight: 400;
    line-height: 29px;
    color: var(--fontColor);
}
.challenges-list-even ul {
    flex-direction: row-reverse;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.challenges-list-even ul li {
    flex: 0 0 50%;
    height: auto;
    position: relative;
    overflow: hidden;
}
.challenges-list-even ul li img{
    width: 100%;
}
.challenges-list-even .inter-text-para h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 40px;
    font-family: var(--bodyFont);
    margin-bottom: 20px;
    color: var(--fontColor);
}

.challenges-list-even .inter-text-para h2 svg{
    margin-right: 8px;
}
.challenges-list-even .inter-text-para p {
    font-size: var(--paraFontsize);
    font-weight: 400;
    line-height: 29px;
    color: var(--fontColor);
}

.promr-40{
    margin: 0 40px;
}
/*  */
span.timeline-year {
    color: var(--themeColor);
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 40px;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.service-prosses-slider .swiper-slide{
    justify-content: start;
}


.sec-servicepross h4.timeline-title {
    font-size: 27px;
    font-weight: 700;
    line-height: 48px;
    font-family: var(--bodyFont);
    color: var(--themeColor);
    margin: 20px 0;
    width: 80%;
}

.sec-servicepross p.timeline-text {
    width: 80%;
}

.sec-servicepross .thumbsSlider::before {
    content: "";
    position: absolute;
    left: 70px;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: rgb(93 115 127 / 50%);
}

/* slider */
/* .swiper {
width: 100%;
height: 100%;
} */

.sec-servicepross .thumbsSlider {
    height: 500px;
    position: relative;
}

.sec-servicepross .thumbsSlider .swiper-slide img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
}


.sec-servicepross .historyList .swiper {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0;
}

/* .swiper-slide {
    background-size: cover;
    background-position: center;
} */

.sec-servicepross .swiper-slide-content {
    text-align: left;
    /* padding: 62px 0; */
}

/* .mySwiper2 {
height: 80%;
width: 100%;
} */


.thumbs-slider::before {
    content: "";
    position: absolute;
    left: 42%;
    top: 81%;
    width: 86%;
    height: 22px;
    background: url(../images/line.png);
    transform: translate(-50%, -50%);
    margin-top: -31px;
    z-index: 0;
}

.thumbs-slider .swiper-slide {
    width: 100%;
    display: flex;
}

.thumbs-slider span.spagination-bullet {
    padding: 9px 19px;
    width: 24%;
    cursor: pointer;
    transition: 0.3s;
    font-size: 20px;
    background: #fff;
    color: var(--creote-family-one);
    border-radius: 50%;
    z-index: 0;
}

.spagination-bullet::before{
    position: absolute;
    background: #fdf1db;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    font-weight: bold;
}

.thumbs-slider .swiper-slide-thumb-active span.spagination-bullet {
    opacity: 1;
    font-weight: 700;
    color: #fff;
    background: var(--themeColor);
}

.thumbs-slider .swiper-slide img {
    display: block;
    width: 150px;
    height: 50px;
    object-fit: cover;
}

.sec-servicepross .swiper-button-prev {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 0px;
    left: 91.5%;
    top: 90%;
    background: #fff;
    transform: rotate(90deg);
    -webkit-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -o-transform: rotate(316deg);
    -ms-transform: rotate(316deg);
}
.sec-servicepross .swiper-button-next {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 1%;
    top: 90%;
    background: #fff;
    transform: rotate(90deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
}

.sec-servicepross .swiper-button-prev i,
.sec-servicepross .swiper-button-next i {
    transform: rotate(45deg);
    color: var(--themeColor);
}



/*  */

.swiper-project-list{
    padding-bottom: 100px;
}

.swiper-project-list .swiper-button-next {
    padding: 15px;
    float: left;
    width: 80px;
    height: 80px;
    right: 6%;
    top: 90%;
}

.swiper-project-list .swiper-button-prev {
    padding: 15px;
    float: left;
    width: 80px;
    height: 80px;
    right: 0px;
    left: 73%;
    top: 90%;
}

.swiper-project-list .swiper-button-next {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 1%;
    top: 90%;
    background: var(--themeColor);
    transform: rotate(90deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
}

.swiper-project-list .swiper-button-prev {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 0px;
    left: 87%;
    top: 90%;
    background: var(--themeSecondColor);
    transform: rotate(90deg);
    -webkit-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -o-transform: rotate(316deg);
    -ms-transform: rotate(316deg);
}

.swiper-project-list .swiper-button-next.swiper-button-disabled, .swiper-project-list .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: auto;
    pointer-events: none;
    background: var(--themeColor);
}

.swiper-project-list .swiper-button-next.swiper-button-disabled i, .swiper-project-list .swiper-button-prev.swiper-button-disabled i{
    color: var(--themeColor);
}

.swiper-project-list .swiper-button-next i{
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
}
.swiper-project-list .swiper-button-prev i{
    transform: rotate(45deg);
    color: #fff;
    font-size: 14px;
}

.swiper-project-list .swiper-button-prev:hover{
    background: var(--themeColor);
    color: #fff;
}

.swiper-project-list .swiper-button-next:hover{
    background: var(--themeColor);
    color: #fff;
}

.swiper-project-list .swiper-button-prev:hover i{
    color: #fff;
}

.swiper-project-list .swiper-button-next:hover i{
    color: #fff;
}
.swiper-project-list{
    padding-bottom: 100px;
}

.Projects-img img {
    position: relative;
    width: 100%;
}

.project-detils {
    position: absolute;
    /* background: #5d737f91; */
    /* top: 0; */
    width: 100%;
    padding: 15px 12px;
    bottom: 0;
    z-index: 9;
}

.project-detils h4{
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: 700;
    text-align: left;
    color: #fff;
}

.project-detils p {
    margin-top: 8px;
    font-size: 18px;
    text-align: left;
    line-height: 33px;
    font-weight: 400;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.projectsec-sec .inter-text-para p {
    font-size: var(--paraFontsize);
    font-weight: 400;
    color: var(--fontColor);
    line-height: var(--paraFontLineheight);
    width: 80%;
}

.projectsec-sec .inter-text-para h2{
    margin-bottom: 40px;
}

.projectsec-sec .inter-text-para h2 span{
    color: var(--themeColor);
}


.sec-Choose .item {
    text-align: center;
    padding: 30px 25px;
    /* -webkit-box-shadow: 0 0px 25px rgba(0, 0, 0, 0.07); */
    /* box-shadow: 0 0px 25px rgba(0, 0, 0, 0.07); */
    margin-bottom: 30px;
    -webkit-transition: all 0.5s ease 0;
    transition: all 0.5s ease 0;
    transition: all 0.5s ease 0s;
    background: #fff;
    min-height: 350px;
}

.sec-trusted .item {
    padding: 30px 25px;
    background: #ffffff21;
    min-height: 290px;
}
.sec-trusted .item h6 {
    font-size: 25px;
    margin-bottom: 15px;
    font-weight: 700;
}

.sec-trusted .item p {
    font-size: var(--paraFontsize);
    color: var(--fontColor);
    line-height: var(--paraFontLineheight);
    font-weight: 400;
}


/* .sec-Choose .item .icon {
    font-size: 35px;
    color: var(--themeColor);
    width: 90px;
    height: 90px;
    line-height: 70px;
} */
span.icon.feature-box img {
    margin-bottom: 15px;
    width: 18%;
}

.sec-Choose .item  h6 {
    font-size: 20px;
    margin-bottom: 8px;
    font-weight: 700;
    color: #000;
}

.sec-Choose .item p{
    font-size: var(--paraFontsize);
    color: var(--fontColor);
    line-height: var(--paraFontLineheight);
    font-weight: 400;
}

.challenges-list ul.objrct-list {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
}

.challenges-list ul.objrct-list li {
    flex: 0 0 100%;
    position: relative;
    margin-bottom: 20px;
    padding-right: 30px;
    line-height: 28px;
    font-weight: 400;
    padding-left: 20px;
    font-size: var(--paraFontsize);
    color: var(--fontColor);
}

.challenges-list ul li:first-child ul.objrct-list li {
    padding: 0 25px !important;
}

ul.objrct-list li:before {
    content: "\f0c8";
    position: absolute;
    left: 0;
    font-family: FontAwesome;
    color: var(--themeColor);
    font-size: 9px;
}

/* projuct-list */

ul.project-lists {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: left;
}
ul.project-lists li {
    flex: 0 0 23%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    margin-right: 20px;
}

.pro-case {
    width: 100%;
    height: auto;
    position: relative;
    color: white;
    text-align: center;
    overflow: hidden;
  }
  
  .pro-case img {
    width: 100%;
    height: 100%;
    transition: transform .2s;
    object-fit: cover;
    overflow: hidden;
  }
  
  .pro-case:hover img{
    transform: scale(1.1);
  }
  .pro-case .overlay {
    width: 100%;
    /* height: 175px; */
    background-color: #5d737fb3;
    position: absolute;
    top: 0;
    left: 0;
    z-index:999;
    padding: 35px 30px;
  }

  .pro-case:hover .overlay{
    background-color: var(--themeColor)e0;
    border: 1px solid #fff;
  }

  .pro-case .overlaybg {
    width: 100%;
    /* height: 175px; */
    background-color: #77851bb0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    padding: 20px;
}

  .pro-case:nth-child(odd).overlay {
    background-color: var(--themeColor);
  }
  
  .pro-case h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
    font-weight: 700;
    text-align: left;
    color: #fff;
  }
  
  .pro-case p {
    margin-top: 8px;
    font-size: var(--paraFontsize);
    text-align: left;
    line-height: var(--paraFontLineheight);
    font-weight: 400;
    color: #fff;
}

.pro-case span.pro-more {
    float: left;
    font-size: var(--paraFontsize);
    font-weight: 600;
    margin-top: 15px;
    text-underline-offset: 10px;
    color: #fff;
}

.pro-case:hover span.pro-more {
    text-decoration: underline;
}

.privecy-sec h2 span{
    color: var(--themeColor);
}

.privecy-sec .inter-text-para p {
    font-size: var(--paraFontsize);
    font-weight: 400;
    color: var(--fontColor);
    line-height: var(--paraFontLineheight);
}
.thanku-sec img {
    margin: 0 auto;
    width: 50%;
}

.thanku-sec .inter-text-para p {
    font-size: var(--paraFontsize);
    font-weight: 400;
    color: var(--fontColor);
    line-height: var(--paraFontLineheight);
}

.thanku-sec .inter-text-para h1 {
    font-size: var(--headingFontSize);
    line-height: var(--headingLineheight);
    font-weight: 900;
}

.thanku-sec .btn-read-more a {
   border: 1px solid #fff;
}

.thanku-sec .btn-read-more {
    /* float: left; */
    margin-top: 70px;
}

.sec-servicepross .thumbsSlider::before {
    content: "";
    position: absolute;
    left: 70px;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: rgb(93 115 127 / 50%);
}

.portfolio-project ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: start;
}
.folio-imgbox {
    position: relative;
}
.portfolio-project ul li {
    flex: 0 0 30%;
    text-align: center;
    margin-bottom: 32px;
    background: #fff;
    margin-right: 32px;
  
}
span.clint-detils {
    position: absolute;
    /* top: 0; */
    /* left: 0; */
    background: #99b140;
    padding: 5px 15px;
    color: #f7f7f7 !important;
    bottom: 0;
    right: 0;
    font-size: 14px;
    font-weight: 600;
}

.portfolio-project .productsdetils ul{
    /* flex-direction: column;
    flex-wrap: nowrap; */
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    justify-content: space-between;
}

.portfolio-project  .productsdetils ul li {
    flex: 0 0 70%;
    text-align: left;
    margin-bottom: 0px;
    margin-right: 0;
}

.portfolio-project .productsdetils ul li:nth-child(even){
    flex: 0 0 25%;
    text-align: right;
}


.portfolio-project .productsdetils ul li:nth-child(even) span {
    background: #eee;
    padding: 5px 12px;
}

.productsdetils {
    margin: 15px 0 0;
}
.portfolio-project .productsdetils ul li span {
    font-size: 14px !important;
}


/*  */

.portfolio-project .product-hh ul{
    width: 100%;
    /* background: #eee; */
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin-bottom: 0px;
    justify-content: space-between;
}

.portfolio-project .product-hh ul li {
    flex: 0 0 auto;
    text-align: left;
    margin-bottom: 0px;
    margin-right: 0;
    padding: 0;
}

.loclist-color{
    color: #919191 !important;
}

.folio-detils .product-hh span {
    font-size: 14px;
    color: #919191 !important;
}

/*  */

.folio-detils {
    width: 100%;
    padding: 18px 12px;
    text-align: left;
    float: left;
    min-height: 128px;
    /* padding-bottom: 0; */
}

.folio-detils h5 {
    font-size: 23px;
    Line-height: 28px;
    margin-bottom: 0px;
    color: var(--themeColor);
    font-weight: 700;
    /* min-height: 84px; */
}
.folio-detils span i {
    color: var(--themeColor);
    margin-right: 5px;
    line-height: 20px;
}
.folio-detils span{
    color: var(--fontColor);
}

.folio-detils p {
    color: var(--fontColor);
    font-size: 17px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top: 25px;
    float: left;
    width: 100%;
}

.portfolio-industry ul {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: left;
}
.portfolio-industry ul li {
    flex: 0 0 32%;
    text-align: center;
    margin-bottom: 20px;
    transition: .5s ease;
    margin: 0.5%;
}

.folio-imgbox img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.portfolio-industry .folio-detils {
    width: 100%;
    padding: 15px;
    background-color: #FFF;
    text-align: left;
    float: left;
    min-height: auto;
}

.portfolio-industry .folio-detils p {
    color: var(--fontColor);
    font-size: 18px;
    line-height: 28px;
    margin-top: 10px;
}


.sec-servicepross .thumbsSlider {
    height: 500px;
    position: relative;
}

.sec-servicepross .thumbsSlider .swiper-slide img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
}


.sec-servicepross .historyList .swiper {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 30px 0;
}

/* .swiper-slide {
    background-size: cover;
    background-position: center;
} */

.sec-servicepross .swiper-slide-content {
    text-align: left;
    /* padding: 62px 0; */
}

/* .mySwiper2 {
height: 80%;
width: 100%;
} */


.thumbsslider::before {
    content: "";
    position: absolute;
    left: 48%;
    top: 77%;
    width: 98%;
    height: 22px;
    background: url(../images/line.png);
    transform: translate(-50%, -50%);
    margin-top: -31px;
    z-index: 0;
}

.thumbsslider .swiper-slide {
    width: 100%;
    display: flex;
}

.thumbsslider span.spagination-bullet {
    padding: 8px;
    /* text-align: left; */
    width: 50px;
    /* float: left; */
    /* position: relative; */
    cursor: pointer;
    /* opacity: 0.4; */
    transition: 0.3s;
    font-size: 21px;
    background: #fff;
    color: var(--creote-family-one);
    border-radius: 50%;
    height: 50px;
    z-index: 0;
    text-align: center;
}

.spagination-bullet::before{
    position: absolute;
    background: #fdf1db;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
    font-weight: bold;
}

.thumbsslider .swiper-slide-thumb-active span.spagination-bullet {
    opacity: 1;
    font-weight: 700;
    color: #fff;
    background: var(--themeColor);
}

.thumbsslider .swiper-slide img {
    display: block;
    width: 150px;
    height: 50px;
    object-fit: cover;
}

.sec-servicepross .swiper-button-prev {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 0px;
    left: 91.5%;
    top: 90%;
    background: #fff;
    transform: rotate(90deg);
    -webkit-transform: rotate(316deg);
    -moz-transform: rotate(316deg);
    -o-transform: rotate(315deg);
    -ms-transform: rotate(316deg);
}
.sec-servicepross .swiper-button-next {
    padding: 15px;
    float: left;
    width: 40px;
    height: 40px;
    right: 1%;
    top: 90%;
    background: #fff;
    transform: rotate(90deg);
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    -o-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
}

.sec-servicepross .swiper-button-prev i,
.sec-servicepross .swiper-button-next i {
    transform: rotate(45deg);
    color: var(--themeColor);
}

.scroll-margin-element
{
    scroll-margin-top: 150px;
}

/* -----New Footer-------------- */

.quick-link a {
    color: #fff;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    font-size: var(--paraFontsize);
}

/* Responsive */

@media (min-width: 2101px) and (max-width: 2600px){
    .custon-container {
        max-width: none;
        padding: 0;
        margin: 0 auto;
        max-width: 1745px;
    }
    .wrap-project-sec::before {
        content: "";
        position: absolute;
        top: 829px;
        left: 1870px;
        width: 100%;
        height: 100%;
        background: url(../images/bgshape-1.png);
        background-repeat: no-repeat;
        z-index: -9;
    }

    .sec-about::before {
        top: 221px;
    }
    .swiper-oldproject .swiper-button-prev {
        right: 0px;
        left: 93%;
    }
    .swiper-testimonials .swiper-button-prev {
        left: 82.5%;
        top: 85%;
    }
    

}
@media (min-width: 1921px) and (max-width: 2100px){
    .container {
        max-width: none;
        padding: 0 16%;
        margin: 0 auto;
    }
}
@media (min-width: 1601px) and (max-width: 1920px){
    .menuWrap {
        padding-left: 14%;
        padding-right:  14%;
    }
    .custon-container {
        max-width: none;
        padding: 0;
        margin: 0 auto;
        max-width: 1364px;
    }
    .margin-left-sec {
        margin-left: 50px;
    }
    .infra-box {
        width: 80%;
    }
    .page-speed-height{
        height: 810px;
    }
    

}

@media (min-width: 1400px) and (max-width: 1600px) {
    .swiperold-services .swiper-button-prev {
        left: 77%;
    }
    .padd-right {
        padding-right: 30px;
    }
    .pro-Wrap p {
        font-size: 18px;
        line-height: 29px;
    }

    .pro-Wrap-flx p {
        font-size: 18px;
        line-height: 29px;
    }

    .hm-matrix ul li span {
        font-size: 45px;
    }
    .bannerSLider2Wrap h1 {
        font-size: 45px;
        line-height: 60px;
    }
    .bannerinnerWrap h1 {
        font-size: 40px;
    }

    .folio-detils {
        min-height: 128px;
    }

    .logobox a, .logobox a img {
        width: 160px;
    }
    .pro-Wrap-flx .pro-Type {
        padding: 50px 35px;
    }

   
    .showcase img {
        width: 100%;
        height: 230px;
    }
    .products-inner ul li {
        padding: 25px 16px;
    }
    .mt-50 {
        margin-top: 0;
    }

    /* ----------- */

    /* .inner-industrysec .heading-detiels {
        width: 97%;
    }
    .inner-industrysec .project-gradient:after {
        width: 97%;
    } */
    .dropdownMain:hover .dropdownMain-content {
        display: block;
        padding: 70px 6%;
    }
    .dropdown_menu-mega::before {
        content: "";
        position: absolute;
        bottom: -235px;
        left: 972px;
        width: 98%;
        height: 92%;
        background: url(../images/bgshape-menu.png);
        background-repeat: no-repeat;
    }
    .menu-ham .button_container {
        top: 25%;
        right: 7%;
    }

    .navbarMain.onlyDesktop ul {
        margin-right: 120px;
    }
    .swiper-certificates .swiper-button-prev {
        left: 91.5%;
    }
    .thumbs-slider span.spagination-bullet {
        padding: 5px 16px;
        width: 23%;
        transition: 0.3s;
        font-size: 23px;
    }
    .eventupcomingSlider .swiper-button-prev {
        left: 91.5%;
    }
    .wrap-past-sec .pro-Wrap-team .pro-Type {
        padding: 60px 50px;
    }
    .project-detils {
        width: 97%;
    }
    .internalEventInfo {
        padding: 94px 40px;
    }
    .sec-core::before {
        left: 950px;
    }
    .inner-location ul li {
        width: 85%;
        
    }

    .ml-30 {
        margin: 0 10% 0 10%;
    }

    .inner-form ul li:first-child .inter-text-para {
        padding-left: 10%;
    }

    .sec-Inner-Intro .inter-text-para h2 {
        /* font-size: 36px !important; */
        margin-bottom: 40px;
    }

    .testimonials-sec::before {
        top: 545px;
        left: 10px;
    }
    .prev-projects-sec::before {
        top: 808px;
        left: 950px;
    }
    .wrap-Process-sec::before {
        top: 690px;
        left: 10px;
    }
    .wrap-project-sec::before {
        top: 945px;
        left: 964px;
    }
    .wrap-Process-sec::before {
        top: 710px;
        left: 10px;
    }

    .menuWrap {
        padding-left: 5%;
        padding-right: 5%;
    }

    .bannerPage .thumbNav .swiper-wrapper {
        justify-content: space-between;
    }

    .banner-cont {
        position: absolute;
        top: 35%;
        z-index: 9999;
        left: 16%;
        right: 0;
        bottom: 0;
        width: 60%;
    }

    .bannerPage .nav-link {
        font-size: 23px;
    }

    .inner-intro {
        position: absolute;
        top: 40%;
        left: 5%;
    }
    .client-quote p {
        padding: 15px 100px 15px 0;
    }

    .pro-Wrap img {
        height: 290px;
    }
    .pro-Wrap-flx img {
        height: 290px;
    }
    .swiper-testimonials .swiper-button-prev {
        left: 79%;
        top: 84.8%;
    }
    .swiper-oldproject .swiper-button-prev {
        left: 91.5%;
    }
}

@media (min-width: 1500px) and (max-width: 1600px) {
    .dropdown_menu-mega::before {
        content: "";
        position: absolute;
        bottom: -235px;
        left: 1065px;
        width: 98%;
        height: 92%;
    }
    .menuWrap {
        padding-left: 7% !important;
        padding-right: 7% !important;
    }
    .social-media {
        right: -90px;
    }

}

@media (min-width: 1025px) and (max-width: 1399px) {
    .swiper-industrypro-ject .swiper-button-prev {
        left: 81%;
    }
    .swiperold-services .swiper-button-prev {
        left: 72%;
    }
    .padd-right {
        padding-right: 30px;
    }

    .logobox a, .logobox a img {
        width: 160px;
    }
    .portfolio-industry .folio-detils p {
        margin-top: 10px;
    }
    .Wide-intro {
        min-height: 112px;
    }
    .portfolio-industry .folio-detils {
        min-height: 200px;
    }

    .sec-industry-half .portfolio-industry .folio-detils {
        min-height: auto;
    }

    .showcase img {
        width: 100%;
        height: 240px;
    }
    .products-inner ul li {
        padding: 25px 16px;
    }
    /* --------- */
    .folio-detils {
        min-height: 135px;
    }
    .dropdownMain:hover .dropdownMain-content {
        display: block;
        padding: 70px 6%;
    }
    .dropdown_menu-mega::before {
        content: "";
        position: absolute;
        bottom: -235px;
        left: 897px;
        width: 98%;
        height: 92%;
        background: url(../images/bgshape-menu.png);
        background-repeat: no-repeat;
    }
    .menu-ham .overlay {
        padding: 0px 100px;
    }
    .menu-ham .button_container {
        top: 25%;
    }
    .thumbsslider span.spagination-bullet {
        padding: 10px 20px;
        width: 27%;
        cursor: pointer;
        transition: 0.3s;
        font-size: 25px;
        background: #fff;
        color: var(--creote-family-one);
        border-radius: 50%;
        height: 26%;
        z-index: 0;
    }
    .navbarMain.onlyDesktop ul {
        /* margin-right: 120px; */
        margin-right: 50px;
    }
    ul.client-lists li {
        margin-bottom: 20px;
        margin-right: 13px;
    }
   
    .sec-servicepross .swiper-button-prev {
        left: 90.3%;
    }
    .wrap-past-sec .pro-Wrap-team .pro-Type {
        padding: 43px 20px;
    }
    .eventupcomingSlider .swiper-button-prev {
        right: 0px;
        left: 90.5%;
    }
    .sec-servicepross h4.timeline-title.text-white {
        font-size: 32px;
        line-height: 39px;
        width: 90%;
    }
    .project-detils {
        width: 100%;
    }
    .swiper-project-list .swiper-button-prev {
        left: 84%;
    }
    .thumbs-slider span.spagination-bullet {
        padding: 10px 20px;
        width: 32%;
        cursor: pointer;
        transition: 0.3s;
        font-size: 25px;
        background: #fff;
        color: var(--creote-family-one);
        border-radius: 50%;
        height: 26%;
        z-index: 0;
    }

    .inner-form ul li:first-child .inter-text-para {
        padding-left: 18%;
    }
    .step-content span:before {
        width: 80px;
        height: 80px;
    }
    
    .wrap-past-sec .pro-Wrap-team .pro-Name h5 {
        font-weight: 700;
        font-size: var(--paraFontsize);
        Line-height: 26px;
    }
    .internalEventInfo h2 {
        font-size: 22px;
        font-weight: 300;
        line-height: 32px;
        margin-bottom: 10px;
    }
    .internalEventInfo {
        padding: 74px 30px;
    }
    .inner-matrix ul li span {
        font-size: 28px;
        line-height: 55px;
    }

    .inner-matrix ul li p {
        font-size: 16px;
    }

    img.img-journey {
        width: 300px;
    }
    .leadr-detls img {
        width: 15%;
    }
    .swiper-certificates .swiper-button-next {
        right: 1%;
    }
    .swiper-certificates .swiper-button-prev {
        top: 85%;
        left: 90.4%;
    }

    .social-media {
        right: -96px;
    }

    .certibox p {
        font-size: 14px;
    }
    .certibox {
        padding: 20px;
    }
    .social-media img {
        width: 25%;
    }

    .leadr-detls p {
        font-size: 22px;
        padding: 15px 60px 35px 0;
    }

    .leadr-detls-right p {
        padding: 15px 130px 35px 0;
        font-size: 22px;
    }

    .Journey-detls h4 {
        font-size: 36px;
    }
    .valu-detels p {
        font-size: 16px;
        line-height: 24px;
    }
    .pro-mission .pro-Type h2 {
        font-size: 36px;
    }
    .sec-about::before {
        top: 250px;
        left: 0;
    }
    .wrap-project-sec::before {
        top: 850px;
        left: 790px 
    }
    .wrap-Process-sec::before {
        top: 620px;
        left: 0;
    }
    .prev-projects-sec::before {
        top: 730px;
        left: 790px 
    }

    .testimonials-sec::before {
        top: 455px;
        left: 0;
    }

    .pro-Wrap-flx .pro-Type {
        padding: 30px 30px;
    }
    .menuWrap {
        padding-left: 9%;
        padding-right: 9%;
    }
    /* .navbarMain a {
        font-family: 'Lato', sans-serif;
        float: left;
        font-size: 15px;
        color: var(--fontColor);
        text-align: center;
        padding: 0 12px;
        font-weight: 400;
    } */
    .navbarMain a.concync-button {
        width: 100px;
        padding: 5px 10px;
        font-size: 14px;
        line-height: 8px;
    }

    .pro-Type {
        padding: 25px;
    }
    .pro-Wrap-flx .pro-Name h5 {
        font-size: var(--paraFontsize);
        margin-bottom: 20px;
        margin-top: 10px;
    }
    span.pro-more {
        font-size: 18px;
        margin-top: 10px;
    }
    .pro-Name h5 {
        font-size: var(--paraFontsize);
        margin-bottom: 20px;
        margin-top: 10px;
    }
    .pro-Wrap-flx p {
        font-size: 14px;
        line-height: 23px;
    }
    .pro-Wrap p {
        font-size: 14px;
        line-height: 23px;
    }
    .products-inner ul li {
        padding: 20px;
    }
    .products-detels p {
        font-size: 15px;
        line-height: 20px;
    }
    .products-detels .pro-more {
        font-size: 15px;
    }


    .swiper-oldproject .swiper-button-prev {
        left: 90.2%;
        top: 89.7%;
    }
    .swiper-oldproject .swiper-button-next {
        right: 1%;
    }

    .swiper-testimonials {
        padding-top: 25px;
        padding-bottom: 50px;
    }

    .swiper-testimonials .swiper-button-prev {
        left: 76%;
        top: 87.8%;
    }

    .swiper-testimonials .swiper-button-next {
        right: 6%;
        top: 88%;
    }
    .client-quote p {
        padding: 15px 80px 15px 0;
        font-size: 22px;
        line-height: 30px;
    }
    .client-quote img {
        width: 12%;
    }
    .footer-location ul li a span {
        font-size: 16px;
        line-height: 28px;
    }
    .infra-box {
        width: 80%;
    }
    .infra-box span {
        font-size: 16px;
        line-height: 28px;
    }
    .infra-box img {
        margin-right: 8px;
    }

    .ft-logo-info img {
        margin-top: 75px;
        margin-bottom: 0px;
        width: 50%;
    }
    .copyright-info ul li a {
        font-size: 16px;
        line-height: 28px;
    }
    .ft-social ul li {
        font-size: var(--paraFontsize);
        padding-left: 15px;
    }
    .ft-social ul li a img{
        width: 80%;
    }
    .margin-left-sec {
        margin-left: 40px;
    }

    .hm-matrix ul li p {
        font-size: var(--paraFontsize);
    }

    .pro-case .overlay {
        padding: 35px 25px;
    }
    .inter-text-para h2 {
        font-size: 34px;
        line-height: 50px;
    }
    .sustainablity-list .inter-text-para h2 {
        font-size: 28px;
        line-height: 38px;
    }
    .sustainablity-list-even .inter-text-para h2{
        font-size: 28px;
        line-height: 38px;
    }
    .sustainablity-list-even .inter-text-para p{
        font-size: 17px;
        line-height: 26px;
    }
    .sustainablity-list .inter-text-para p {
        font-size: 17px;
        line-height: 26px;
    }
    .products-detels h5 {
        font-size: var(--paraFontsize);
    }
    .showcase p {
        font-size: 15px;
        line-height: 24px;
    }
    .showcase span.pro-more {
        font-size: 15px;
    }

    .pro-case p {
        font-size: 15px;
        line-height: 20px;
    }
    .products-detels {
        margin-left: 25px;
    }
    .showcase h2 {
        font-size: 19px;
        line-height: 28px;
        margin-bottom: 0;
    }
    .swiper-oldproject .heading-detiels {
        min-height: 118px;
    }

    .pro-case h2 {
        font-size: var(--paraFontsize);
        line-height: 23px;
        margin-bottom: 12px;
    }
    .hm-matrix ul li span {
        font-size: 50px;
        line-height: 70px;
    }

    
}

@media (min-width: 1191px) and (max-width: 1291px){
     .heading-detiels {
        min-height: 147px;
    }
    .Wide-intro {
        min-height: 140px;
    }
    .products-detels p {
        font-size: 16px;
        line-height: 24px;
    }
    .bannerSLider2Wrap {
        top: 15%;
        left: 7%;
    }
    .bannerSLider2Wrap h1 {
        font-size: 45px;
        line-height: 58px;
        margin-bottom: 20px;
    }
    .dropdownMain:hover .dropdownMain-content {
        display: block;
        padding: 70px 6%;
    }
    .dropdown_menu-mega::before {
        content: "";
        position: absolute;
        bottom: -230px;
        left: 800px;
        width: 98%;
        height: 92%;
        background: url(../images/bgshape-menu.png);
        background-repeat: no-repeat;
    }
    .ham-active-logo img {
        width: 220px;
    }
    .inner-ham-menu a {
        font-size: 40px;
        padding: 40px 0;
    }

    .ham-active-quote {
        padding-right: 15%;
    }
    .ham-active-social .socialIcons a i {
        font-size: 40px;
        padding: 27px;
        width: 100px;
    }
    ul.client-lists li {
        margin-bottom: 20px;
        margin-right: 13px;
        flex: 0 0 12%;
    }
    .Journey-detls {
        margin-left: 60px;
    }
    .inner-form ul li:first-child .inter-text-para {
        padding-left: 12%;
    }
    .menuWrap {
        padding-left: 6% !important;
        padding-right: 6% !important;
    }
    .thumbs-slider span.spagination-bullet {
        width: 32%;
    }
}

@media (min-width: 1025px) and (max-width: 1190px){
     .folio-detils h5 {
        font-size: 18px;
    }
    .sec-industry-half::before {
    width: 49%;
}
    .products-detels p {
        font-size: 16px;
        line-height: 25px;
    }
    .swiperold-services .swiper-button-prev {
        left: 74%;
    }
    .swiper-industrypro-ject .swiper-button-prev {
        left: 73%;
    }
    .sec-testi-half::before {
        content: "";
        background: var(--themeColor);
        width: 48%;
        position: absolute;
        height: 100%;
        right: 0;
        top: 0;
    }
    .sec-Choose .item {
        min-height: 265px;
    }
    .sec-Choose .item p {
        font-size: 17px;
        line-height: 27px;
    }
    .bannerSLider2Wrap {
        top: 12%;
        left: 10%;
    }

    .bannerSLider2Wrap h1 {
        font-size: 35px;
        line-height: 48px;
        margin-bottom: 19px;
    }


   .portfolio-project ul li {
        flex: 0 0 32%;
        margin-right: 12px;
        margin-bottom: 18px;
    }

    .dropdown_menu-mega::before {
        content: "";
        position: absolute;
        bottom: -215px;
        left: 700px;
        background: url(../images/bgshape-menu.png);
    }
    
    .dropdownMain-content {
        min-height: 400px;
    }
    .dropdownMain:hover .dropdownMain-content {
        display: block;
        padding: 60px 9%;
    }
    .navbarMain.onlyDesktop ul {
        margin-right: 60px;
    }
    .ham-active-quote p {
        color: #fff;
        font-size: 25px;
    }
    .inner-ham-menu {
        padding: 75px 50px;
    }
    .ham-active-logo img {
        width: 220px;
    }
    .navbarMain .inner-ham-menu a {
        font-size: 40px;
        padding: 40px 0;
    }

    .ham-active-quote {
        padding-right: 15%;
    }
    .ham-active-social .socialIcons a i {
        font-size: 28px;
        padding: 20px;
        width: 70px;
    }

    .pro-case .overlay {
        padding: 30px 10px;
    }
    ul.project-lists li {
        flex: 0 0 24%;
        overflow: hidden;
        margin-bottom: 8px;
        margin-right: 8px;
    }
    .pro-case span.pro-more {
        font-size: 16px;
    }
    .ml-30 {
        margin: 0px 18% 0 12%;
    }
    .inner-location ul li {
        width: 85%;
    }
    .footer-location {
        margin-left: 50px;
    }
    .infra-box {
        width: 95%;
    }
    .sec-servicepross .swiper-button-prev {
        left: 88.7%;
    }
    .sec-servicepross p.timeline-text {
        width: 90%;
    }
    ul.client-lists li {
        margin-bottom: 20px;
        margin-right: 13px;
        flex: 0 0 12%;
    }
    ul.objrct-list li {
        line-height: 24px;
        font-size: 16px;
    }
    .pro-Wrap-team img {
        height: 281px;
    }
    .swiper-project-list .swiper-button-next {
        right: 2%;
    }
    .swiper-project-list .swiper-button-prev {
        left: 80%;
    }
    .thumbs-slider span.spagination-bullet {
        padding: 7px 20px;
        width: 38%;
    }
    .pro-Wrap-team span.pro-more {
        font-size: 12px;
    }
    .pro-Wrap-team .pro-Type {
        padding: 19px 10px;
    }
    .sustainablity-list-even .inter-text-para p {
        font-size: 16px;
        line-height: 24px;
    }
    .sustainablity-list-even .inter-text-para h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .sustainablity-list .inter-text-para p {
        font-size: 16px;
        line-height: 24px;
    }
    .sustainablity-list .inter-text-para h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .sec-Inner-Intro .inter-text-para h2 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 30px;
    }
    .step-content p {
        padding: 15px 5px 0;
        font-size: 16px;
        line-height: 24px;
    }
    .step-content h2 {
        font-size: 30px;
    }
    .step-content {
        padding: 0 20px;
    }
    .wrap-past-sec .pro-Wrap-team .pro-Type {
        padding: 31px 18px;
    }
    .eventupcomingSlider .swiper-button-prev {
        right: 0px;
        left: 89%;
    }
    .wrap-past-sec .pro-Wrap-team .pro-Name h5 {
        font-size: var(--paraFontsize);
        Line-height: 24px;
    }
    .internalEventInfo p {
        font-size: 16px;
        line-height: 26px;
    }
    .internalEventInfo {
        padding: 34px 20px;
    }
    ul.corevalu-sec li svg {
        bottom: 35px;
        width: 30%;
    }

    .swiper-certificates .swiper-button-prev {
        top: 85%;
        left: 89%;
    }

    .leadr-detls-right img {
        width: 18%;
    }

    .historyList .swiper {
        height: 400px;
    }
   
    .navbarMain a {
        font-size: 16px;
        padding: 30px 20px;
    }
    .hm-matrix ul li span {
        font-size: 30px;
        line-height: 40px;
    }
    .hm-matrix ul li p {
        font-size: 16px;
    }
    .pro-Wrap-flx .pro-Type {
        padding: 25px 15px;
    }
    .pro-Name h5 svg {
        margin-right: 4px;
        width: 15%;
    }
    .sec-projects-two {
        width: 90%;
        margin-left: 130px;
        margin-bottom: 0px;
    }
    .hm-matrix ul li {
        padding-left: 0px;
    }
    .p-90 {
        padding: 90px 0;
    }
    .sec-about::before {
        top: 200px !important;
        left: 33px !important;
    }
    .wrap-Process-sec::before {
        top: 605px !important;
        left: 33px !important;
    }
    .wrap-Process-sec::before {
        top: 611px  !important;
        left: 33px !important;
    }
    .prev-projects-sec::before {
        top: 705px !important;
        left: 684px !important;
    }
    .testimonials-sec::before {
        top: 340px !important;
        left: 33px !important;
    }
    .swiper-testimonials .swiper-button-prev {
        left: 73% !important;
        top: 87% !important;
    }
    .swiper-oldproject .swiper-button-prev {
        left: 88.9% !important;
        top: 90% !important;
    }
    .wrap-project-sec::before {
    top: 761px;
    left: 690px;
}
}

@media (max-width: 1024px) {
    .swiper-clientsli .swiper-button-prev {
        left: 89%;
        top: 85%;
    }
    .swiper-clientsli .swiper-button-next {
        top: 85%;
    }
    .Leader-ship:nth-last-child(1) {
        align-items: start;
        margin-top: 50px;
    }
    .Journey-detls {
        margin-left: 0;
    }
    .folio-detils h5 {
        font-size: 19px;
    }
    .inter-text-para h2 {
        margin-bottom: 40px;
    }

    .sec-cta .inter-text-para h2 {
        margin-bottom: 0px;
    }

    .footer-menupart ul {
        justify-content: space-between;
    }
    .footer-location {
        margin-left: 30px;
    }
    .ft-social ul li {
        font-size: 18px;
        padding-left: 14px;
    }

    /* footer-end  */


    .sec-industry-half::before {
        width: 50%;
    }
    .swiperold-services .swiper-button-prev {
        left: 72%;
    }
    .swiper-industrypro-ject .swiper-button-prev {
        left: 73%;
    }
    .sec-testi-half::before {
        width: 50%;
    }
    .ft-logo-info img {
        margin-top: 30px;
        margin-bottom: 15px;
        width: 50%;
    }
    .bannerSLider2Wrap {
        top: 20%;
    }

    .logobox a, .logobox a img {
        width: 160px;
    }
    .sec-Choose .item {
        min-height: 265px;
    }
    .sec-Choose .item p {
        font-size: 17px;
        line-height: 27px;
    }
    .menuSocial {
        float: left;
        width: 100%;
        padding-top: 30px;
    }
    .menuSocial .followUs {
        margin: 20px 0;
    }
    .followUs ul {
        display: flex;
        justify-content: center;
    }
    .followUs ul li {
        margin-right: 15px;
    }
    .followUs ul li:nth-last-child(1){
        margin-right: 0;
    }

    .menuSocial .followUs ul li a {
        font-size: 20px;
        color: #ffffff;
        background: var(--themeSecondColor);
        display: flex;
        justify-content: center;
        width: 40px;
        height: 40px;
        line-height: 50px;
        align-items: center;
    }


    /*  */
    
    .pro-Wrap-flx p {
        font-size: 18px;
        line-height: 30px;
    }
    .sec-past-event {
        margin-top: 0;
    }
    .wrap-past-sec .sec-past-event ul li {
        flex: 0 0 48%;
        margin-bottom: 1%;
    }

    .pro-Wrap-team p {
        color: var(--fontColor);
        font-size: 18px;
        line-height: 32px;
    }

    ul.careers-part li p {
        margin-top: 0;
    }
    .sec-strategic .card-body {
        padding: 10px;
    }
    .bannerinnerWrap h1 {
        font-size: 45px;
    }
    .sustainablity-list ul li:nth-child(1) {
        padding: 0 20px;
    }
   
    .sec-trusted .item p {
        line-height: 32px;
    }

    .sec-trusted .item {
        min-height: 360px;
        margin-bottom: 20px;
    }

    .sec-Team-profile ul li {
        flex: 0 0 49%;
        margin-bottom: 2%;
    }
    .leadr-detls.inter-text-para p {
        margin-bottom: 0px;
    }

    ul.leader-box {
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 30px;
    }

    ul.leader-box:nth-child(even) {
        flex-direction: row;
        flex-wrap: wrap;
    }

    ul.leader-box li:last-child {
        flex: 0 0 100%;
    }

    ul.leader-box {
        margin-top: 0px;
    }
    ul.corevalu-sec li {
        flex: 0 0 49%;
    }
    img.img-journey {
        display: none;
    }

    span.pro-more {
        font-size: 18px;
    }
    .portfolio-industry .folio-detils {
        min-height: 212px;
    }

    .portfolio-industry .folio-detils{
        min-height: auto;
    }
    .pro-Wrap p {
        font-size: 14px;
        line-height: 18px;
    }

    .pt-60 {
        padding-top: 0;
    }
    .project-matrix ul li span {
        font-size: 35px;
    }

    .portfolio-industry ul li {
        flex: 0 0 49%;
        text-align: center;
        margin-bottom: 20px;
    }
    
    .bannerinnerWrap {
        top: 35%;
    }
    /* .bannerinnerWrap {
        width: 90%;
        top: 28%;
    } */

    .inner-matrix.industry-matx ul li span {
        font-size: 32px;
    }

    .portfolio-project ul li {
        flex: 0 0 47%;
        margin-right: 20px;
    }
    .thumbsslider span.spagination-bullet {
        padding: 10px 19px;
        width: 25%;
        cursor: pointer;
        font-size: 20px;
    }
    ul.project-lists li {
        flex: 0 0 31%;
        height: auto;
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;
        margin-right: 18px;
    }
    .pro-case .overlay {
        width: 100%;
        height: 205px;
        background-color: #5d737f;
        position: relative;
        top: auto;
        left: 0;
        z-index: 999;
        padding: 30px 15px;
        bottom: 0;
    }
    .pro-case:hover .overlay {
        background-color: var(--themeColor);
        border: 1px solid #fff;
    }
    .sec-servicepross .swiper-button-prev {
        left: 87.7%;
    }
    .sec-servicepross .swiper-button-next {
        right: 2%;
    }
    .eventupcomingSlider .swiper-button-prev {
        right: 0px;
        left: 88.9%;
    }
    .eventupcomingSlider .swiper-button-next {
        right: 1%;
    }
    .eventupcomingSlider {
        padding-bottom: 150px;
    }

    .project-detils h4 {
        font-size: var(--paraFontsize);
    }
    .project-detils {
        width: 100%;
    }
    .swiper-project-list .swiper-button-prev {
        left: 80%;
    }
    .swiper-project-list .swiper-button-next {
        right: 2%;
    }
    .sec-servicepross h4.timeline-title.text-white {
        font-size: 32px;
        line-height: 40px;
        width: 95%;
    }
    .thumbs-slider span.spagination-bullet {
        padding: 10px 19px;
        width: 42%;
        cursor: pointer;
        font-size: 20px;
    }
    .swiper-certificates .swiper-button-prev {
        left: 86.8%;
    }
    .sustainablity-list-even .inter-text-para p{
        font-size: 16px;
        line-height: 24px;
    }

    .step-content {
        padding: 0 15px;
    }

    .step-content h2 {
        font-size: 30px;
    }

    .wrap-past-sec ul li {
        flex: 0 0 100%;
        margin-bottom: 0%;
    }

    .internalEventInfo {
        padding: 29px 30px;
    }


    ul.inter-detilsEvent {
        margin-bottom: 20px;
    }

    .float-end {
        float: none !important;
        margin-top: 50px;
    }

    .equal-imgBoxx img {
        width: 100%;
    }

    .equal-imgBoxx {
        flex: 0 0 30%;
        padding: 0 0 0% 40px;
    }

    .equal-opportunities .pro-Type {
        width: 70%;
        position: relative;
        z-index: 9;
        padding: 50px 40px 50px 
    }

    .swiper-testimonials {
        padding-top: 0px;
    }

    .openings-part.pt-60{
        padding-top: 0;
    }

    .equal-opportunities .pro-Type h2 {
        font-size: 30px;
    line-height: 40px;
    margin-bottom: 40px;
    }

    .form-group.contact-sec.msg-sec.careers-form {
        margin-left: 0px;
    }
    span.timeline-year {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .mt-50 {
        margin-top: 0px;
    }

    .pro-mission .pro-Type h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 40px;
    }

    .leadr-detls-right img {
        width: 24%;
    }

    .leadr-detls img {
        width: 24%;
    }

    .swiper-certificates .swiper-button-next {
        right: 3%;
    }

    .pro-mission .pro-Type p {
        font-size: 17px;
        line-height: 27px;
    }

    ul.corevalu-sec li svg {
        width: 30%;
    }

    .Journey-detls h4 {
        font-size: 30px;
        line-height: 40px;
    }

    .historyList .swiper {
        height: 410px;
    }

    .leadr-detls p {
        padding: 15px 15px 35px 0;
        font-size: var(--paraFontsize);
        line-height: 32px;
    }

    .leadr-detls-right p {
        text-align: left;
        padding: 15px 40px 35px 0;
        font-size: var(--paraFontsize);
        line-height: 26px;
    }

    img.img-journey {
        width: 35%;
    }

    .leadr-detls {
        margin-left: 0;
        margin-top: 30px;
    }

    .inner-matrix {
        margin-top: 130px;
    }
    .inner-matrix ul li span {
        font-size: 20px;
        line-height: 40px;
    }

    .inner-matrix ul li p {
        font-size: 16px;
    }

    .sec-Inner-contact .ml-30 {
        margin: 0 30px 0 30px;
    }
    .inner-form ul li:first-child .inter-text-para {
        padding-left: 30px;
    }

    .inner-location ul li a span {
        font-size: 17px;
        line-height: 29px;
    }

    .inner-location ul li a h5 {
        font-size: var(--paraFontsize);
        margin-bottom: 0;
    }

    .banner-Slider .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        margin: 0px 5px !important;
        border-radius: 50%;
        background: #fff;
        gap: 898px;
        opacity: 2;
       
    }
    
    .banner-Slider .swiper-pagination-bullet-active {
        background: #fff;
        border: 3px solid var(--themeColor);
        border-radius: 50%;
        width: 10px;
        height: 10px; 
    }
    .onlyMobile {
        display: block;
    }

    .navbarMain.onlyDesktop {
        display: none;
    }

    .mobileBoxLogo.InsideSideBar {
        padding: 30px 16px;
        float: left;
        width: 100%;
    }

    a.closebtn {
        position: absolute;
        right: 37px;
        top: 0px;
        z-index: 999;
        width: 50px;
    }

    .dropdown-btn,
    .sidenav a {
        text-decoration: none;
        color: var(--fontColor);
        padding: 14px 11px;
        width: 100%;
        float: left;
        /* font-size: var(--paraFontsize); */
    }

    .mobmenuList ul li.accordion-item:nth-last-child(1) {
        border: 0;
        /* padding: 20px 0; */
        border-bottom: 0px solid var(--themeSecondColor);
    }


    .logobox {
        padding-bottom: 0px;
    }

    a.closebtn {
        right: 0;
        top: 24px;
        width: 50px;
    }

    header.site-header.navbar-fixed .menuWrap {
        /* background: #dbedf7; */
        padding: 16px 2%;
    }

    .mobmenuList ul {
        padding: 0 16px;

    }

    .mobmenuList .accordion {
        float: left;
        width: 100%;
    }

    .mobmenuList .accordion .accordion-body {
        float: left;
        padding: 16px;
        width: 100%;
    }

    .mobmenuList .accordion .accordion-item {
        border: 0;
        padding: 12px 0;
        border-bottom: 1px solid #000000;
        position: relative;
        float: left;
        width: 100%;
        background: transparent;
        font-weight: 700;
        font-size: 20px;
    }


    .mobmenuList .accordion .accordion-button:focus {
        z-index: 3;
        border-color: inherit;
        outline: 0;
        box-shadow: none;
    }

    .mobileBoxLogo.InsideSideBar img {
        width: 25%;
    }
    .inner-sec {
        float: left;
        width: 100%;
        margin-bottom: 30px;
        background: #f2f2f2;
    }

    .inner-sec h4 {
        color: #ffffff;
        background: var(--themeColor);
        float: left;
        width: 100%;
        padding: 9px;
        font-size: var(--paraFontsize);
    }
    .inner-sec ul.menuprodlist-items {
        padding: 16px;
        float: left;
        width: 100%;
    }
    .hamburgers {
        font-size: 35px;
        /* cursor: pointer; */
    }
    a.closebtn {
        right: 15px;
        top: 8px;
        width: 50px;
        font-size: 45px;
    }

    header.site-header,
    header.site-header.sticky {
        /* background: #dbedf7; */
        padding: 0;
    }
    header.site-header.navbar-fixed .logobox {
        padding: 0;
    }
    header.site-header.navbar-fixed .menuWrap {
        padding: 30px 5.5%;
    }

    .inner-sec {
        float: left;
        width: 100%;
        margin-bottom: 30px;
        background: #f2f2f2;
    }

    .inner-sec ul.menuprodlist-items {
        padding: 16px;
        float: left;
        width: 100%;
    }

    .inner-sec h4 {
        color: #ffffff;
        background: var(--themeColor);
        float: left;
        width: 100%;
        padding: 9px;
        font-size: var(--paraFontsize);
    }
    .logobox {
        padding-bottom: 0px;
    }

    a.closebtn {
        right: 15px;
        top: 8px;
        width: 50px;
        font-size: 45px;
    }

    .hamburgers {
        font-size: 30px;
        cursor: pointer;
    }

    .menuWrap {
        padding: 20px 17px;
    }

    header.site-header.navbar-fixed .menuWrap {
        /* background: #dbedf7; */
        padding: 20px 17px;
    }

    .mobmenuList ul {
        padding: 0 16px;

    }

    .mobmenuList .accordion {
        float: left;
        width: 100%;
    }

    .mobmenuList .accordion .accordion-body {
        float: left;
        padding: 16px;
        width: 100%;
    }

    .mobmenuList .accordion .accordion-item {
        border: 0;
        /* padding: 20px 0; */
        border-bottom: 1px solid var(--themeSecondColor);
        position: relative;
        float: left;
        width: 100%;
        background: transparent;
        font-weight: 700;
        font-size: 20px;
    }

    .mobmenuList .accordion .accordion-item .accordion-button {
        font-weight: 700;
        font-size: 20px;
        padding: 17px 11px;
    }

    .mobmenuList .accordion .accordion-button:focus {
        z-index: 3;
        border-color: inherit;
        outline: 0;
        box-shadow: none;
    }

    .mobmenuList .accordion .accordion-button:not(.collapsed) {
        color: #fff;
        background-color: var(--themeSecondColor);
        box-shadow: none;
        font-weight: 700;
        font-size: 20px;
    }

    ul.menuprodlist-items li a {
        padding: 11px 23px;
        float: left;
        width: 100%;
        font-weight: 500;
        font-size: var(--paraFontsize);
        border-bottom: 1px solid #11111129;
    }

    .mobileBoxLogo.InsideSideBar img {
        width: 15%;
    }

    .ft-social ul li img {
        width: 24px;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 99;
        top: 0;
        right: 0;
        background: #fff;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }
    .hm-matrix ul li span {
        font-size: 30px;
        font-weight: 700;
        line-height: 40px;
    }
    .hm-matrix ul li p {
        font-size: 16px;
    }

    .hm-matrix ul li {
        padding-left: 0px;
    }

    .btn-read-more.btn-white span {
        padding: 15px 40px;
        font-size: 16px;
    }
    .bannerSLider2Wrap h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .bannerSLider2Wrap .btn-read-more {
        margin-top: 40px;
        float: none;
    }
    .p-90 {
        padding: 70px 0;
    }
    .inter-text-para h2 br{
        display: none;
    }
    .inner-form ul li .inter-text-para h2 br {
        display: block;
    }

    .pro-Wrap-flx .pro-Type {
        padding: 20px 20px;
    }
    .pro-Name h5 {
        font-size: 15px;
        Line-height: 24px;
        margin-bottom: 10px;
    }
    .pro-Name h5 {
        font-size: 14px;
        line-height: 20px;
    }
    .sec-projects-two {
        width: 90%;
        margin-left: 100px;
        margin-bottom: 0px;
    }
    .pro-Type {
        padding: 25px;
    }
    span.pro-more {
        margin-top: 10px;
    }
    .products-inner ul li {
        padding: 22px;
        padding-bottom: 35px;
        flex: 0 0 48%;
    }
    .pro-case p {
        font-size: 14px;
        line-height: 19px;
    }
    .swiper-oldproject .swiper-button-prev {
        left: 88.8%;
    }
    .swiper-testimonials .swiper-button-prev {
        left: 72.9%;
        top: 84.9%;
    }
    .client-quote img {
        width: 10%;
    }
    .client-quote {
        padding-top: 30px;
    }

    .copyright-info ul li a {
        font-size: 12px;
    }
    .infra-box {
        width: 90%;
        margin-top: 55px;
    }
    .infra-box span {
        font-size: 12px;
    }
    .sec-about::before {
        top: 200px;
        left: 1px;
        background: url(../images/bgshape-3.png);
        background-repeat: no-repeat;
    }
    .wrap-project-sec::before {
        top: 690px;
        left: 651px;
        background: url(../images/bgshape-3.png);
        background-repeat: no-repeat;
    }
    .wrap-Process-sec::before {
        top: 578px;
        left: 1px;
        background: url(../images/bgshape-3.png);
        background-repeat: no-repeat;
    }
    .testimonials-sec::before {
        top: 354px;
        left: 1px;
        background: url(../images/bgshape-3.png);
        background-repeat: no-repeat;
    }
    .prev-projects-sec::before {
        top: 691px;
        left: 733px;
        background: url(../images/bgshape-3.png);
        background-repeat: no-repeat;
    }

    .products-inner ul li a {
        display: block;
        text-align: left;
        align-items: start;
    }

    .products-inner ul li a .products-detels {
        margin-left: 0;
        width: 100%;
        margin-top: 20px;
    }

    .Wide-intro {
        min-height:200px;
    }
}

@media (max-width: 991px) {
    .sec-industry-half::before {
        width: 100%;
        bottom: 0;
        height: 50%;
        top: auto;
    }

    .swiper-industrypro-ject .swiper-button-prev {
        left: 43%;
    }
    .swiper-industrypro-ject .swiper-button-next {
        right: 44%;
    }


    .swiperold-services .swiper-button-prev {
        left: 43%;
    }

    .swiperold-services .swiper-button-next {
        right: 44%;
    }


    .padd-right {
        padding-right: 0;
        padding-bottom: 60px;
    }

    .sec-industry-half .padd-right {
        padding-right: 0;
        padding-bottom: 0px;
    }

    .swiperold-services .half-services .Wide-intro {
        min-height: 255px;
    }

    .swiperold-services .half-services .products-detels {
        margin-left: 20px;
    }

    .padd-left {
        padding-left: 0;
        padding-top: 60px;
    }
    .sec-testi-half::before {
        content: "";
        background: var(--themeColor);
        width: 100%;
        position: absolute;
        height: 52%;
        right: 0;
        top: auto;
        bottom: 0 !important;
    }
    .sec-trusted .item {
        min-height: 330px;
        margin-bottom: 20px;
    }
    .bannerSLider2Wrap {
        top: 10%;
        width: 90%;
    }
    textarea.form-control {
        min-height: calc(1.5em + 12px + 2px);
        height: 115px;
    }
    .equal-imgBoxx {
        flex: 0 0 100%;
        padding: 0 0 5% 0;
    }

    .equal-opportunities .pro-Type {
        width: 100%;
        position: relative;
        z-index: 9;
        padding: 50px 40px 50px 
    }
  
    .products-inner ul li a {
        display: block;
        text-align: left;
        align-items: start;
    }

    .products-inner ul li a .products-detels {
        margin-left: 0;
        width: 100%;
        margin-top: 20px;
    }

    .Wide-intro {
        min-height: auto;
    }

    header.site-header.navbar-fixed .logobox {
        padding: 0;
    }
    .challenges-list .inter-text-para h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .sustainablity-list ul li:nth-child(1) {
        padding: 30px 20px;
    }
    
    .pro-margi-15 {
        margin-bottom: 0px;
        padding: 15px;
        background: #f2f2f2;
    }
    
    .challenges-list ul li {
        flex: 0 0 100%;
        padding: 15px;
    }
    .challenges-list ul:nth-child(even) {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .challenges-list ul li:first-child {
        padding: 40px 20px;
        padding-bottom: 0;
    }

    .challenges-list ul.objrct-list li {
        padding-bottom: 0 !important;
        flex: 0 0 100%;
        padding: 0;
        padding-left: 20px;
    }

    .challenges-list ul.objrct-list{
        margin-top: 20px;
    }

    .servic-flx {
        display: flex;
        width: 100%;
        margin-bottom: 30px;
        margin-top: 40px;
    }

    .sustainablity-list ul li {
        flex: 0 0 50%;
        height: auto;
        position: relative;
        overflow: hidden;
    }
    .swiper-certificates .swiper-button-prev {
        left: 83%;
        top: 85.2%;
    }
    
    
    .sec-Team-profile ul {
        flex-direction: row;
        flex-wrap: wrap;
        display: flex;
        justify-content: space-between;
    }
    .sec-Team-profile ul li {
        flex: 0 0 48%;
        margin-bottom: 3%;
    }
    .pt-60 {
        padding-top: 0px;
    }
    .Leader-ship img {
        width: 100%;
    }

    /* img.img-journey {
        width: 30%;
    } */

    img.img-journey {
        display: none;
    }
    
    .Journey-detls {
        margin-left: 0px;
    }
    
    .pro-mission .pro-Type h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 40px;
    }
    .mt-50 {
        margin-top: 0px;
    }
    .inner-matrix {
        margin-top: 40px;
    }
    .testimonials-sec::before {
        top: auto;
        left: -251px;
        background: url(../images/bgshape-3.png);
        background-repeat: no-repeat;
        /* background-size: 29%; */
        bottom: -55px;
        background-position: bottom;
    }
    .prev-projects-sec::before {
        top: 528px;
        left: 559px;
        background: url(../images/bgshape-3.png);
        background-repeat: no-repeat;
    }
    .sec-about::before {
        top: 270px;
        left: 550px;
        background: url(../images/bgshape-3.png);
        background-repeat: no-repeat;
        
    }
    .wrap-project-sec::before {
        top: 1208px;
        left: 565px;
        background: url(../images/bgshape-3.png);
        background-repeat: no-repeat;
    }
    .wrap-Process-sec::before {
        top: 615px ;
        left: 0;
        background: url(../images/bgshape-3.png);
        background-repeat: no-repeat;
    }
    header.site-header,
    header.site-header.sticky {
        /* background: #dbedf7; */
        padding: 0;
    }

    .inner-sec {
        float: left;
        width: 100%;
        margin-bottom: 0px;
        background: #f2f2f2;
    }

    .inner-sec ul.menuprodlist-items {
        padding: 0;
        float: left;
        width: 100%;
    }

    .inner-sec h4 {
        color: #ffffff;
        background: var(--themeColor);
        float: left;
        width: 100%;
        padding: 9px;
        font-size: var(--paraFontsize);
    }

    .logobox a,
    .logobox a img {
        width: 150px;
    }

    .logobox {
        padding-bottom: 0px;
    }

    a.closebtn {
        right: 15px;
        top: 8px;
        width: 50px;
        font-size: 45px;
    }

    .hamburgers {
        font-size: 30px;
        cursor: pointer;
    }

    header.site-header.navbar-fixed .menuWrap {
        /* background: #dbedf7; */
        padding: 16px 2%;
    }

    .mobmenuList ul {
        padding: 0 16px;

    }

    .mobmenuList .accordion {
        float: left;
        width: 100%;
    }

    .mobmenuList .accordion .accordion-body {
        float: left;
        padding: 0px;
        width: 100%;
    }

    .mobmenuList .accordion .accordion-item {
        border: 0;
        padding: 2px 0px;
        border-bottom: 1px solid var(--themeSecondColor);
        position: relative;
        float: left;
        width: 100%;
        background: transparent;
        font-weight: 700;
        font-size: 20px;
    }

    .mobmenuList .accordion .accordion-button:focus {
        z-index: 3;
        border-color: inherit;
        outline: 0;
        box-shadow: none;
    }

    .mobileBoxLogo.InsideSideBar img {
        width: 25%;
    }

    .ft-social ul li img {
        width: 24px;
    }

    .vision-cont {
        position: relative;
        top: auto;
        left: auto;
    }

    .vision-cont p {
        margin-top: 32px;
    }

    .missio-cont {
        margin-top: 32px;
    }

    .vision-cont img,
    .img-care-values img {
        width: 100%;
    }

    .sec-vision {
        background: #f2f2f2;
    }

    .coreValueList {
        margin-top: 32px;
    }

    .journeyCont ul li:nth-child(1) h2 {
        font-size: 45px;
        font-weight: 700;
    }

    .journeySlider .swiper-button-prev {
        left: 85%;
        right: auto;
    }

    .team-info h4 {
        font-size: 19px;
    }

    .team-content {
        margin-bottom: 32px;
    }

    .modal-team-info {
        padding-left: 5px;
        padding-right: 5px;
    }

    .modal-team-info {
        padding-left: 5px;
        padding-right: 5px;
        margin-top: 48px;
    }
    .bannerinnerWrap h1
    {
        font-size: 45px;
    }
    ul.careers-part li:last-child {
        flex: 0 0 100%;
        padding: 30px 12px;
    }

    ul.tech-list li {
        flex: 0 0 100%;
    }
    ul.tech-list:nth-child(even) {
        flex-direction: row;
        flex-wrap: wrap;
    }
    ul.tech-list {
        border-bottom: 1px solid #11111126;
        padding: 40px 0;
    }
    ul.tech-list:last-child {
        border-bottom: 0;
    }

}

@media (min-width: 768px) and (max-width: 991px) {
    .ft-logo-info img {
        margin-top: 30px;
    }
    .footer-menupart ul {
        justify-content: space-between;
    }
    .footer-location {
        margin-left: 30px;
    }
    .ft-social ul li {
        font-size: 18px;
        padding-left: 14px;
    }

    /* footer-end  */
    
    .swiper-clientsli .swiper-button-next {
        right: 44%;
        top: 84%;
    }
    .swiper-clientsli .swiper-button-prev {
        left: 42%;
        top: 84%;
    }
    .inner-form ul {
        display: block;
    }
    .historyList .swiper {
        height: 480px;
    }
    .inner-matrix ul li:nth-child(1) {
        padding-left: 0px;
        border-right: 1px solid var(--fontColor);
        border-bottom: 1px solid var(--fontColor);
    }
    .inner-matrix ul li {
        padding-bottom: 25px;
        padding-top: 25px;
    }

    .leadr-detls-right p {
        padding: 0px 40px 35px 0;
    }
    .leadr-detls p {
        padding: 0px 15px 35px 0;
        margin-bottom: 0;
    }
    .Leader-ship:nth-last-child(1) {
        align-items: start;
        margin-top: 50px;
    }

    .showcase img {
        height: 200px;
    }
    .portfolio-industry .folio-detils {
        min-height: 220px;
    }
    .portfolio-industry .folio-detils {
        min-height: auto;
    }

    .inner-matrix ul li span {
        font-size: 31px;
        line-height: 45px;
    }
    .btn-read-more.mt-100 {
        margin-top: 40px;
        text-align: center;
        float: none;
    }

    .inner-mob-overlay {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        top: 0;
        opacity: 1;
        color: #fff;
        font-size: 20px;
        padding: 20px;
        text-align: center;
         background-image: linear-gradient(rgb(0 0 0 / 25%), rgb(22 22 22 / 25%));
    }
    .inner-industrysec .heading-detiels {
        width: 100%;
    }
    .inner-industrysec .project-gradient:after {
        width: 100%;
    }

    ul.specimen {
        display: block;
    }
    ul.specimen li {
        font-size: 20px;
        line-height: 39px;
    }
    .heading-detiels {
        height: 130px;
    }
    .showcase h2 {
        font-size: 17px;
    }

    .pop-close {
        width: 5%;
        float: right;
        padding: 25px 0 0;
        z-index: 9;
        position: relative;
    }
    
    .portfolio-project ul li {
        flex: 0 0 48%;
        margin-bottom: 10px;
        margin-right: 10px;
    }
    .folio-detils {
        min-height: 152px;
    }
   
    .thumbsslider::before {
        top: 50%;
    }
    .thumbsslider span.spagination-bullet {
        padding: 10px 19px;
        width: 34%;
        cursor: pointer;
        font-size: 20px;
    }
    .sec-Choose .item .icon {
        font-size: 30px;
        color: var(--themeColor);
        line-height: 50px;
    }
    .sec-Choose .item h6 {
        font-size: var(--paraFontsize);
        margin-bottom: 8px;
    }
    .sec-Choose .item p {
        font-size: 18px;
        line-height: 32px;
    }
    .sec-Choose .item {
        text-align: center;
        padding: 20px 20px;
        margin-bottom: 20px;
        min-height: 268px;
    }
    /* .service h3 {
        margin-top: 40px;
        font-size: 30px;
    } */
    .image-box {
        width: 20%;
    }
    .wrap-past-sec .pro-Wrap-team .pro-Type {
        padding: 40px 30px;
    }
    .img-vector img {
        padding-top: 25px;
        display: none;
    }
   
    .project-matrix ul li span {
        font-size: 30px;
        font-weight: 700;
        line-height: 40px;
    }
    .project-matrix ul li p {
        font-size: 16px;
    }
    ul.client-lists {
        justify-content: center;
    }

    ul.client-lists li {
        flex: 0 0 23%;
        margin-bottom: 10px;
        margin-right: 0px;
        margin-left: 8px;
    }
    .thumbs-slider::before {
        top: 50%;
    }
    .sec-servicepross{
        padding-bottom: 100px;
    }
    .sec-servicepross .swiper-button-prev {
        left: 41%;
    }
    .sec-servicepross .swiper-button-next {
        left: 49%;
    }
    .sec-servicepross .swiper-button-next {
        right: 39%;
    }
    .eventupcomingSlider .swiper-button-prev {
        right: 0px;
        left: 45%;
    }
    .eventupcomingSlider .swiper-button-next {
        right: 41%;
    }
    .eventupcomingSlider {
        padding-bottom: 120px;
    }
    .projectsec-sec .inter-text-para p {
        width: 100%;
        padding-bottom: 50px;
    }
    .project-detils h4 {
        font-size: var(--paraFontsize);
        line-height: 24px;
        margin-bottom: 11px;
    }
    .project-detils p {
        margin-top: 3px;
        font-size: 14px;
        line-height: 19px;
    }
    .project-detils {
        width: 100%;
        padding: 20px 15px;
    }
    .swiper-project-list .swiper-button-prev {
        left: 40%;
    }

    .swiper-project-list .swiper-button-next {
        right: 46%;
    }
    .sec-servicepross .historyList .swiper {
        height: auto;
        margin-left: auto;
        margin-right: auto;
        padding: 0px 0 65px;
    }
    .sec-servicepross p.timeline-text.text-white {
        width: 100%;
    }
    .thumbs-slider span.spagination-bullet {
        padding: 10px 21px;
        width: 42%;
        cursor: pointer;
        font-size: 20px;
    }
    .swiper-sustena .swiper-button-next {
        right: 2%;
    }
    .swiper-sustena .swiper-button-prev {
        left: 84%;
    }
    .ml-50 {
        margin-left: 0px;
        width: 100%;
    }
    .sustainablity-list .inter-text-para p {
        /* font-size: 15px; */
        line-height: 26px;
    }
    .sustainablity-list .inter-text-para h2 {
        font-size: var(--paraFontsize);
        line-height: 24px;
    }
    .sustainablity-list-even .inter-text-para h2{
        font-size: var(--paraFontsize);
        line-height: 24px;
    }
    .sustainablity-list-even .inter-text-para p{
        font-size: var(--paraFontsize);
        line-height: 24px;
    }
    .step-content span {
        font-size: 70px;
        width: 90px;
        height: 165px;
    }
    .step-content span:before {
        width: 70px;
        height: 70px;
    }
    .newSec {
        padding-left: 0px;
        padding-top: 45px;
    }
    .step-content {
        padding: 0;
    }
    .step-content p {
        padding: 15px 5px;
        font-size: 15px;
        line-height: 23px;
    }
    .step-content h2 {
        font-size: 24px;
        font-weight: 700;
    }

    ul.inter-detilsEvent li {
        font-size: 12px;
    }
    .wrap-past-sec .sec-Team-profile ul li {
        flex: 0 0 100%;
        margin-bottom: 0%;
    }
    .wrap-past-sec .sec-Team-profile ul li {
        flex: 0 0 100%;
        margin-bottom: 0%;
    }
    .sec-event{
        margin-bottom: 50px;
    }
    .sec-event-even{
        margin-bottom: 50px;
    }
    .sec-event-even ul {
        flex-direction: row;
    }
    .sec-event-even ul li {
        flex: 0 0 100%;
    }

    .sec-event ul li {
        flex: 0 0 100%;
    }
    .internalEventInfo {
        padding: 30px 20px;
    }
    .internalEventInfo h2 {
        font-size: 20px;
        font-weight: 300;
        line-height: 30px;
        margin-bottom: 20px;
    }
    ul.inter-detilsEvent {
        margin-bottom: 25px;
    }
    .internalEventInfo h2 br{
        display: none;
    }
    ul.inter-detilsEvent li{
        flex: 0 0 50%;
        margin-bottom: 10px;
    }


    textarea.form-control {
        min-height: calc(1.5em + 12px + 2px);
        height: 150px;
    }
    .equal-imgBoxx img {
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }
    .mission-imgBoxx img {
        width: 95%;
    }

    .inner-location ul li a span {
        font-size: 16px;
        font-weight: 700;
        color: var(--fontColor);
        line-height: 26px;
    }

    .inner-location ul li a h5 i {
        font-size: 15px;
    }

    .inner-form ul li:first-child .inter-text-para {
        /* padding-left: 55px; */
        padding: 0 50px;
    }

    .sec-Inner-contact .pt-60 {
        padding-top: 0px !important;
    }

    .sec-Inner-contact .ml-30 {
        margin: 0 55px 0 55px;
    }

    .sec-Inner-contact .subhold.text-right {
        text-align: right;
        float: none;
        margin-top: 0px;
    }

    .inner-location ul li {
        margin-bottom: 20px;
        width: 100%;
    }

    img.footer-logoimg{
        display: none;
    }
    .Infra-flx{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .footer-logoimg{
        display: block;
    }
    .ft-social ul {
        justify-content: start;
    }

    .ft-logo-info img {
        margin-top: 15px;
        margin-bottom: 0px;
        width: 100%;
        /* float: right; */
    }
    .footer-location ul{
        display: flex;
        flex-direction: row;
    }

    .footer-location ul li {
        flex: 0 0 50% !important;
        align-items: center;
        margin-bottom: 0px;
    }
    .footer-location ul li:last-child{
        flex: 0 0 80% !important;
    }
    .footer-location {
        margin-left: 0px;
    }

    .infra-box {
        background: var(--themeColor);
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
    }
    .infra-box span {
        font-size: var(--paraFontsize);
    }
    .foot-line {
        padding-top: 0px;
    }
    .footer-linksec ul li a {
        font-size: var(--paraFontsize);
        margin-bottom: 15px;
    }

    .border-left {
        border: none;
    }
    .footer-menupart ul li {
        flex: 0 0 100%;
    }
    .footer-linksec ul li {
        flex: 0 0 16%;
        text-align: left;
    }

    .sec-footer .inter-text-para h2 {
        padding-top: 20px;
        padding-bottom: 0 !important;
       
    }
    footer.sec-footer {
        border-top: 8px solid var(--themeColor);
        padding: 50px 0 35px;
    }
    .swiper-testimonials .swiper-button-prev {
        left: 45%;
        top: 84.8%;
    }
    .swiper-testimonials .swiper-button-next {
        right: 41%;
    }
    .swiper-oldproject .swiper-button-prev {
        left: 45%;
    }
    .swiper-oldproject .swiper-button-next {
        right: 41%;
    }
    .client-quote p {
        padding: 15px 15px 15px 0;
        font-size: 20px;
        line-height: var(--paraFontLineheight);
    }
    .client-quote img {
        width: 10%;
    }
    .showcase .overlay {
        padding: 20px 20px;
    }
    .showcase p {
        font-size: 14px;
        line-height: 20px;
    }

    .showcase span.pro-more {
        font-size: 14px;
        margin-top: 11px;
    }
    .products-detels .pro-more {
        font-size: 15px;
    }
    .pro-case .overlay {
        padding: 20px 20px;
    }
    .pro-case p {
        font-size: 14px;
        line-height: 20px;
    }

    .pro-case span.pro-more {
        font-size: 15px;
        margin-top: 11px;
    }


    .texti-imfg {
        padding: 0 0 25px 0;
    }

    .wrap-project-sec .btn-read-more {
        float: none;
        margin: 40px auto 0;
        text-align: center;
    }
    .wrap-project-sec .btn-read-more.btn-white a {
        margin: 0;
    }


    .products-detels h5 {
        font-size: var(--paraFontsize);
    }

    .products-inner ul li {
        flex: 0 0 49%;
        padding: 15px;
        margin-bottom: 16px;
    }

    .products-detels {
        margin-left: 30px;
    }


    .bannerSLider2Wrap h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    .bannerSLider2Wrap p {
        font-size: 16px;
        line-height: 22px;
    }

    .bannerSLider2Wrap .btn-read-more {
        margin-top: 40px;
    }

    .btn-read-more.btn-white span {
        padding: 14px 40px;
        font-size: 16px;
    }

    .hm-matrix ul {
        margin-bottom: 0px;
    }

    .sec-projects {
        width: 100%;
    }
    .pro-Wrap-flx .imgBoxx {
        flex: 0 0 100%;
    }

    .pro-Wrap-flx .pro-Type {
        width: 100%;
        padding: 20px 20px;
    }

    .sec-projects ul li {
        flex: 0 0 48%;
        margin: 1%;
        padding: 0;
    }

    .p-90 {
        padding: 50px 0;
    }

    .team-modal .modal-dialog {
        max-width: 768px;
    }

    .menuWrap {
        /* padding-left: 4%;
        padding-right: 4%; */
        padding: 16px 4%;
    }

    header.site-header.navbar-fixed .menuWrap {
        padding: 16px 4%;
    }

    header.site-header,
    header.site-header.sticky {
        /* background: #dbedf7; */
        padding: 0px 0 !important;
    }

    header.site-header {
        position: relative;
        padding: 24px 0;
    }

    header.site-header .inner-whiteLogo {
        display: none;
    }

    header.site-header .inner-Logo {
        display: block;
    }

    .banner-cont {
        position: absolute;
        top: 24%;
        z-index: 9999;
        left: 16%;
        right: 0;
        bottom: 0;
        width: 70%;
    }

    .banner-cont h2 {
        font-size: 25px;
        font-weight: 400;
    }

    .banner-cont h1 {
        font-size: 38px;
        margin: 25px 0;
        margin-top: 10px;
        font-weight: 700;
    }

    .bannerPage .thumbNav {
        display: none;
    }

    .inter-text-para h1 {
        font-size: 35px;
        line-height: 60px;
        margin-bottom: 25px;
    }

    .hm-matrix ul li span {
        font-size: 30px;
        font-weight: 700;
        line-height: 40px;
    }

    .hm-matrix ul li p {
        font-size: 16px;
    }

    .hm-matrix {
        margin-top: 50px;
    }

    .hm-matrix ul li {
        flex: 0 0 24%;
        padding-left: 10px;
    }

    .inter-text-para h2 {
        /* font-size: 30px;
        line-height: 40px; */
        margin-bottom: 40px;
    }

    .sec-cta .inter-text-para h2 {
        margin-bottom: 0px;
    }

    .sec-about .inter-text-para p {
        font-size: var(--paraFontsize);
        line-height: 32px;
    }

    .btn-read-more a {
        padding: 14px 30px;
        font-size: 16px;
    }

    .margin-left-sec {
        margin-left: 0px;
        margin-top: 20px;
    }

    .solutions-img {
        padding-left: 35px;
    }

    .sec-solu-prod {
        margin-top: 48px;
    }

    .solution-prod {
        margin-top: 48px;
    }

    .brandList {
        padding: 50px 0 0;
        border-left: 0px;
        padding-left: 0px;
    }

    .sec-careers .inter-text-para p {
        font-size: 40px;
        line-height: 60px;
        margin-bottom: 25px;
    }

    .sec-news-events {
        padding: 64px 25px;
        float: left;
        width: 100%;
        margin-bottom: 32px;
    }

    .sec-blogs {
        margin-top: 32px;
    }

    .sec-blogs .inter-text-para h1 {
        color: var(--fontColor);
        position: relative;
        text-align: left;
        width: 100%;
        float: inherit;
        vertical-align: top;
        top: 0;
    }

    .sec-blogs .swiper-wrapper {
        padding-bottom: 24px;
    }

    .sec-blogs .swiper-button-next,
    .sec-blogs .swiper-button-prev {
        top: 100%;
        color: var(--fontColor);
    }
    
    .ft-info img {
        width: 50%;
    }

    .ft-social ul li {
        padding-left: 0;
        padding-right: 25px;
        margin-top: 0px;
    }

    .inner-intro {
        top: 11%;
        left: 3%;
    }

    .inner-intro .inter-text-para p {
        padding-right: 0;
    }

    .sec-produsts .inter-text-para {
        padding-right: 0;
    }

    .sec-produsts .inter-text-para p {
        margin-top: 32px;
    }

    .sec-next-prod ul li:nth-child(1),
    .sec-next-prod ul li:nth-child(2) {
        width: 100%;
    }

    .applicationList .inter-text-para h1 {
        margin-bottom: 10px;
        font-size: 25px;
    }

    .img-application {
        padding: 0;
        margin: 16px 0;
    }

    .next-sec-img span {
        color: #004d85;
        font-size: 19px;
        font-weight: 600;
        margin-top: 20px;
        float: left;
        width: 100%;
    }

    .next-sec-img img {
        width: 100%;
    }

    .img-prod-intro img {
        width: 100%;
    }
}

@media (min-width: 800px) and (max-width: 890px){
    .menuWrap {
        padding: 16px 7.5%;
    }
    header.site-header.navbar-fixed .menuWrap {
        padding: 16px 7.5%;
    }
}

@media (min-width: 700px) and (max-width: 799px){
    .menuWrap {
        padding: 16px 5%;
    }
    header.site-header.navbar-fixed .menuWrap {
        padding: 16px 5%;
    }
}

@media (max-width: 767px) {
    .padd-right {
        padding-right: 16px;
        padding-bottom: 50px;
    }

    .padd-left {
        padding-left: 16px;
        padding-top: 50px;
    }
    .sec-industry-half::before {
        height: 55%;
    }
    .carbon-10{
        margin-top: 20px;
    }

    .swiper-industrypro-ject .swiper-button-prev {
        left: 37%;
    }

    .swiper-industrypro-ject .swiper-button-next {
        right: 38%;
    }

    .swiperold-services .swiper-button-prev {
        left: 37%;
    }
    .swiperold-services .swiper-button-next {
        right: 38%;
    }

    .swiper-clientsli .swiper-button-next {
        right: 38%;
    
    }
    .swiper-clientsli .swiper-button-prev {
        left: 37%;
        
    }

    .sec-job-role ul li {
        padding-right: 0;
        line-height: 32px;
    }

    .sec-cta .btn-read-more a {
        margin-top: 0;
    }

    .sec-servicepross h4.timeline-title {
        font-size: 27px;
        line-height: 40px;
    }
    .sec-Inner-contact .ml-30 {
        margin: 0 10px;
    }
    ul.leader-box:nth-child(even) {
        margin-top: 40px;
    }

    ul.leader-box li:first-child {
        flex: 0 0 100%;
    }
    .historyList .swiper {
        height: 561px;
    }
    ul.misson-part:nth-child(even) {
        flex-direction: row;
        flex-wrap: wrap;
        margin-top: 30px;
    }

    ul.misson-part li:last-child {
        flex: 0 0 100%;
    }

    ul.misson-part li {
        flex: 0 0 100%;
    }

    .sec-Choose .item {
        min-height: auto;
    }

    .sec-trusted .item {
        min-height: auto;
    }

    .bannerSLider2Wrap {
        position: relative;
        padding: 30px 0;
        width: 100%;
    }

    .bannerSLider2Wrap p {
        font-size: 18px;
        line-height: 28px;
    }

    .Journey-detls {
        margin-left: 0px;
    }
    img.img-journey {
        width: 100%;
    }
    .jourNeyCont {
        display: block;
        justify-content: space-between;
        /* align-items: center; */
        text-align: left;
    }

    .inner-matrix.industry-matx ul li {
        flex: 0 0 50%;
        border-left: 0px solid var(--fontColor);
        padding-left: 0px;
    }

    .portfolio-industry .folio-detils {
        min-height: auto;
    }
    .btn-read-more.mt-100 {
        margin-top: 20px;
    }
    .inner-mob-overlay {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        top: 0;
        opacity: 1;
        color: #fff;
        font-size: 20px;
        padding: 20px;
        text-align: center;
         background-image: linear-gradient(rgb(0 0 0 / 25%), rgb(22 22 22 / 25%));
    }

    ul.specimen li {
        font-size: 20px;
        line-height: 39px;
    }
    .client-quote {
        padding-top: 0px;
    }
    textarea.form-control {
        min-height: calc(1.5em + 12px + 2px);
        height: 100px;
    }
    .equal-opportunities .pro-Type {
        padding: 40px 20px 40px;
    }
    .inner-matrix.industry-matx ul li span {
        font-size: 24px;
        line-height: 40px;
    }
    .inner-matrix ul {
        margin-bottom: 0;
    }

     .swiper-project-list .swiper-button-prev {
        left: 39%;
        top: 95%;
    }
    .swiper-project-list .swiper-button-next {
        right: 35%;
        top: 95%;
    }
    .inner-industrysec .heading-detiels {
        width: 100%;
    }
    .inner-industrysec .project-gradient:after {
        width: 100%;
    }
    .sec-servicepross p.timeline-text {
        width: 100%;
    }

    .sec-servicepross .swiper-button-next {
        right: 39%;
    }
    .sec-servicepross .swiper-button-prev {
        left: 35%;
    }


    .heading-detiels {
        height: 110px;
    }
    .pop-close {
        width: 10%;
        float: right;
        padding: 10px 0 0;
    }

    .portfolio-industry ul li {
        flex: 0 0 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .bannerinnerWrap {
        top: 35%;
        text-align: center;
        width: 100%;
        left: 0;
    }
    .folio-detils {
        min-height: auto;
        padding-bottom: 25px;
    }
    .portfolio-project ul li {
        flex: 0 0 100%;
    }
    .inner-sec {
        margin-bottom: 0;
    }

    .banner-Slider{
        background-color: #708391;
    }
    .thumbsslider::before {
        top: 75%;
    }
    .thumbsslider span.spagination-bullet {
        padding: 10px 20px;
        width: 50%;
        cursor: pointer;
        font-size: 19px;
    }
    ul.project-lists li {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }

    .pro-case .overlay {
        width: 100%;
        height: 175px;
    }

    .challenges-list ul li:first-child {
        padding: 15px;
        padding-bottom: 0px;
    }
    .challenges-list ul li {
        flex: 0 0 100%;
        padding: 15px;
    }
    .sec-footer .inter-text-para h2 {
        padding-bottom: 10px !important;
    }
    .pro-margi-15 {
        margin-bottom: 0px;
        padding: 20px;
    }
    .sec-event.pt-60 {
        padding-top: 0;
    }
   .eventupcomingSlider.pt-60{
    padding-top: 0;
   }
    .wrap-past-sec .pro-Wrap-team .pro-Type {
        padding: 40px 20px;
    }
    .image-box {
        float: left;
        margin-top: 6px;
        margin-right: 20px;
        /* min-height: 100px; */
        position: relative;
        width: 20%;
    }
    .service h3 {
        font-style: normal;
        margin-top: 0;
        font-size: 40px;
        font-weight: 300;
        line-height: 48px;
        font-family: var(--bodyFont);
        color: #111;
    }
    .service {
        padding: 20px 75px;
        font-size: var(--paraFontsize);
        font-family: var(--bodyFont);
        width: 100%;
    }
    .servic-flx {
        display: block;
        width: 100%;
        margin-bottom: 30px;
        margin-top: 40px;
    }
    .service-client img{
        width: 100%;
    }
    .service-client {
        padding: 1px 50px;
        font-size: var(--paraFontsize);
        font-family: var(--bodyFont);
        width: 100%;
        border: 1px solid var(--themeSecondColor);
    }
    .project-matrix ul li span {
        font-size: 40px;
        line-height: 50px;
    }
    .project-matrix ul li span {
        font-size: 40px;
        line-height: 50px;
    }
    .project-matrix ul li p {
        font-size: 14px;
    }
    .img-vector img {
        padding-top: 25px;
        display: none;
    }
    .sec-inner-timeline .swiper-button-prev {
        top: -60px;
        right: 0;
        left: 80%;
    }

    .sec-inner-timeline .swiper-button-next {
        top: 95%;
        right: 0;
        left: 78%;
    }

    .Journey-detls p {
        font-size: 18px;
        line-height: 33px;
    }

    .sec-servicepross .thumbs-slider{
        padding: 0px 0 22px !important;
    }
    /* .sec-servicepross .swiper-button-prev {
        left: 72%;
    } */
    /* .thumbs-slider::before {
        content: "";
        position: absolute;
        left: 48%;
        top: 43%;
    } */
    .sec-servicepross .historyList .swiper {
        padding: 0px 0 100px;
    }
    .sec-servicepross .thumbsslider {
        padding-bottom: 30px !important;
    }

    .eventupcomingSlider .swiper-button-prev {
        right: 0px;
        left: 35%;
    }
    .eventupcomingSlider .swiper-button-next {
        right: 39%;
    }
    .eventupcomingSlider {
        padding-bottom: 115px;
    }
    /* .swiper-project-list .swiper-button-prev {
        left: 72%;
    } */
    .projectsec-sec .inter-text-para p {
        width: 100%;
        padding-bottom: 50px;
    }
    .thumbs-slider span.spagination-bullet {
        padding: 10px 20px;
        width: 50%;
        cursor: pointer;
        font-size: 19px;
    }
    .float-end {
        float: none !important;
        margin-top: 30px;
        margin-left: 0;
        width: 100%;
    }
    .mt-40{
        margin-top: 40px;
    }
    .wraprosses-sec .pb-100 {
        padding-bottom: 60px;
    }

    ul.corevalu-sec.pt-60 {
        padding-top: 0;
    }

    .infra-box span {
        font-size: 16px;
    }
    .border-left {
        border-right: 0px solid #fff;
    }
    .infra-box {
        background: var(--themeColor);
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
        text-align: center;
    }
    .footer-linksec ul {
        display: none;
    }
    .step-content span:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 50px;
        height: 50px;
        background-color: var(--themeColor);
        border-radius: 50%;
        z-index: -9;
        transform: translate(-50%, -16%);
    }
    .step-content span {
        font-family: var(--themeColor);
        font-size: 55px;
        float: left;
        color: var(--fontColor);
        margin-right: 0px;
        /* background: var(--themeColor); */
        width: 35px;
        height: 80px;
        border-radius: 50%;
        position: relative;
        z-index: 0;
    }
    .step-content {
        padding: 0px;
    }

    .sec-event{
        margin-bottom: 50px;
    }
    .sec-event-even{
        margin-bottom: 50px;
    }
    .sec-event-even ul {
        flex-direction: row;
    }
    .sec-event-even ul li {
        flex: 0 0 100%;
    }

    .sec-event ul li {
        flex: 0 0 100%;
    }
    .internalEventInfo {
        padding: 30px 20px;
    }

    .internalEventInfo h2 br{
        display: none;
    }
    ul.inter-detilsEvent li{
        flex: 0 0 50%;
        margin-bottom: 10px;
    }

    ul.specimen {
        display: block;
    }

    form.pt-60 {
        padding-top: 0;
    }

    ul.client-lists li {
        flex: 0 0 46%;
        margin-right: 12px;
        margin-bottom: 12px;
    }
    ul.client-lists.pt-60 {
        padding-top: 0;
    }
    .swiper-certificates .swiper-button-prev {
        left: 39%;
        top: 85.2%;
    }
    .swiper-certificates .swiper-button-next {
        right: 35%;
    }
    .pt-60.pd-mob-0 {
        padding-top: 0;
    }
    .sec-Team-profile.pt-60 {
        padding-top: 0;
    }
    .sec-Team-profile ul li {
       flex: 0 0 100%;
        margin-bottom: 5%;
    }
    .leadr-detls-right p {
        text-align: left;
        padding: 15px 0px 15px 0;
        font-size: var(--paraFontsize);
        line-height: 26px;
        font-weight: 500;
    }
    .leadr-detls p {
        padding: 20px 0px 20px 0;
        font-size: var(--paraFontsize);
        line-height: 33px;
    }
    .leadr-text.pt-60 {
        padding-top: 0;
        margin-bottom: 50px;
    }
    .media {
        width: 12%;
        margin-top: 20px;
    }
    .Leader-ship img {
        width: 100%;
    }

    .Leader-ship {
        display: block;
    }

    .leadr-detls {
        margin-left: 0px;
    }

    span.timeline-year {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .Journey-detls h4 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 0px;
    }

    .thumbsSlider::before {
        content: "";
        position: absolute;
        left: 91px;
        height: 82%;
    }
    .thumbsSlider .spagination-bullet::before {
        left: 85px;
        top: 22px;
    }

    ul.corevalu-sec li {
        flex: 0 0 100%;
    }
    .vision-imgBoxx img {
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }

    .mission-imgBoxx img {
        width: 100%;
        margin-bottom: 30px;
    }
    .pro-mission .pro-Type {
        width: 100%;
        padding: 0 0 30px;
    }
    .inner-matrix ul li {
        flex: 0 0 50%;
        /* border-left: 2px solid var(--fontColor); */
        padding-left: 0px;
        padding-top: 15px;
        padding-bottom: 20px;
    }
    .inner-matrix ul li:nth-child(2){
        border-bottom: 1px solid var(--fontColor);
    }
    .inner-matrix ul li:nth-child(3){
        border-left: 0px solid var(--fontColor);
        /* border-top: 2px solid var(--fontColor); */
        border-right: 1px solid var(--fontColor);
        margin-top: 0px;
    }

    .sec-about::before {
        top: 358px;
        left: 12px;
        background: url(../images/bgshape-1.png);
        background-repeat: no-repeat;
        background-size: 96%;
    }
    .wrap-project-sec::before {
        top: 2243px;
        left: 0;
        background: url(../images/bgshape-1.png);
        background-repeat: no-repeat;
        background-size: 96%;
    }
    
    .wrap-Process-sec::before {
        top: 1165px;
        left: 10px;
        background: url(../images/bgshape-1.png);
        background-repeat: no-repeat;
        background-size: 96%;
    }
    .prev-projects-sec::before {
        top: 712px ;
        left: 10px;
        background: url(../images/bgshape-1.png);
        background-repeat: no-repeat;
        background-size: 96%;
    }
    .testimonials-sec::before {
        top: 611px;
        left: 10px;
        background: url(../images/bgshape-1.png);
        background-repeat: no-repeat;
        background-size: 96%;
    }

    /* .bannerSlides {
        background-color: var(--themeColor);
    } */

    .footer-logoimg{
        display: none;
    }
    .swiper-oldproject {
        padding-bottom: 120px;
    }

    .swiper-testimonials {
        padding-bottom: 120px;
        padding-top: 0;
    }

    .footer-brandlogo {
        width: 40%;
        padding: 0 15px;
    }

    .footer-menupart ul li {
        flex: 0 0 100%;
    }

    .footer-location {
        margin-left: 0px;
    }
    .footer-location ul li {
        margin-bottom: 0px;
    }

    

    .hamburgers {
        font-size: 30px;
        cursor: pointer;
    }
    .mobileBoxLogo.InsideSideBar img {
        width: 38%;
    }
    .published-list li {
        flex: 0 0 100%;
        position: relative;
        /* margin-top: 52px; */
    }
    .published-list li img {
        width: 100%;
        /* height: 430px; */
    }
    .published-card {
        text-align: left;
        position: absolute;
        z-index: 9;
        padding: 0px 30px;
        top: 28%;
    }

    .published-list li h3 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 20px;
        text-align: left;
    }

    .published-list li p {
        text-align: left;
        min-height: 160px;
    }

    .sec-projects {
        width: 100%;
    }

    .sec-projects ul li {
        flex: 0 0 100%;
        margin-bottom: 25px;
    }
    .sec-projects ul li:last-child{
        margin-bottom: 0;
    }

    .margin-left-sec {
        margin-left: 0;
        /* margin-top: 35px; */
    }
    .sustainablity-list ul li {
        flex: 0 0 100%;
    }
    .sustainablity-list .ml-50 {
        margin-left: 0px;
        padding: 20px;
    } 
    .swiper-sustena .swiper-button-next {
        right: 3%;
        top: 90%;
    }

    .swiper-sustena .swiper-button-prev {
        left: 70.5%;
        top: 90%;
    }

    .sec-strategic .accordion-button {
        font-size: var(--paraFontsize);
    }
    .sec-strategic .card-body {
        padding: 0;
    }

    .inter-text-para h2 {
        font-size: 32px;
        font-weight: 300;
        line-height: 39px;
        margin-bottom: 40px;
    }

    .sec-cta .inter-text-para h2 {
        text-align: center;
    }

    .sec-Inner-Intro .inter-text-para h2 {
        margin-bottom: 30px;
    }

    .inter-text-para h2 br{
        display: none;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 999;
        top: 0;
        right: 0;
        background: #fff;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }
    
    .btn-read-more.btn-white span {
        color: #ffffff;
        padding: 10px 18px;
        float: left;
        margin-top: 39px;
        font-weight: 500;
        background: transparent;
        font-family: var(--bodyFont);
        font-size: 16px;
        line-height: 28px;
    }

    .btn-read-more {
        width: auto;
    }
    header.site-header.navbar-fixed {
        padding: 0px 0;
    }
    header.site-header .inner-whiteLogo {
        display: none;
    }

    header.site-header .inner-Logo {
        display: block;
    }

    header.site-header.navbar-fixed .menuWrap {
        padding: 16px 4%;
    }


    .banner-cont h2 {
        font-size: 20px;
        font-weight: 400;
        text-shadow: 1px 1px 3px #111;
    }

    /* .bannerPage {
        padding-top: 80px;
    } */

    .banner-cont {
        width: 70%;
    }

    .banner-cont h1 {
        font-size: 35px;
        margin-top: 10px;
        font-weight: 700;
        text-shadow: 1px 1px 3px #111;
    }

    .banner-cont {
        top: 10%;
    }
/*  
    .bannerSLider2Wrap {
        float: left;
        width: 100%;
        background-color: #708391;
        position: relative;
        transform: none;
        padding: 30px 16px 50px;
    } */

    /* .banner-Slider{
        padding-bottom: 20px;
    } */

    .inter-text-para h1 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 25px;
    }

    /* .bannerSLider2Wrap {
        top: 50%;
        left: 50%;
        width: 90%;
    } */

    .btn-read-more.btn-white span {
        margin-top: 10px;
        margin-bottom: 20px 
    }

    .bannerSLider2Wrap p br{
        display: none;
    }

    .bannerSLider2Wrap .btn-read-more {
        margin-top: 15px;
        margin-bottom: 0;
    }

    .p-90 {
        padding: 50px 10px;
    }
    .pt-60 {
        padding-top: 0px;
    }

    .hm-matrix {
        margin-top: 50px;
    }

    .hm-matrix ul li {
        flex: 0 0 50%;
        border-left: 0;
        padding-left: 0;
        padding-top: 0px;
        text-align: center;
        padding: 15px 0;
    }
    .hm-matrix ul li span {
        line-height: 50px;
    }

    .hm-matrix ul {
        justify-content: center;
    }

    .hm-matrix ul li span {
        font-size: 40px;
    }

    .hm-matrix ul li:nth-child(1){
        border-bottom: 1px solid var(--themeColor);
        border-right: 1px solid var(--themeColor);
    }
    .hm-matrix ul li:nth-child(2){
        border-bottom: 1px solid var(--themeColor);
    }

    .hm-matrix ul li:nth-child(3){
        /* border-bottom: 1px solid var(--fontColor); */
        border-right: 1px solid var(--themeColor);
    }
    /* .hm-matrix ul li:nth-child(2){
        border-bottom: 1px solid var(--fontColor);
    } */

    .hm-matrix ul li p {
        font-size: 14px;
    }

    .btn-read-more {
        text-align: center;
        float: none;
        width: auto;
        margin: 20px auto 0;
        justify-content: center;
        display: flex;
    }

    .solu-intro ul li:nth-child(1) {
        width: 100%;
    }

    .solu-intro ul li:nth-child(2) {
        width: 100%;
        border-left: 0;
        margin-top: 48px;
    }

    .sec-solutions .inter-text-para h1 {
        padding: 0;
        border-bottom: 0;
        margin-bottom: 25px;
    }

    .solutions-img {
        padding-left: 0;
        margin: 32px 0;
    }

    .solu-intro .inter-text-para p {
        width: 100%;
    }

    .sec-solu-prod {
        margin-top: 0px;
    }

    .solution-prod ul li {
        flex: 0 0 100%;
    }

    .solution-prod li h3 {
        font-size: 21px;
        margin-top: 32px;
    }

    .solution-prod {
        margin-top: 64px;
    }

    .sec-brands .inter-text-para {
        width: 100%;
    }

    .brandList {
        padding: 45px 0;
        border-left: 0;
        padding-left: 0;
    }

    .brandList ul li {
        flex: 0 0 40%;
        box-shadow: 0px 2px 7px 1px #11111124;
        margin: 5%;
    }

    .sec-careers .inter-text-para p {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 32px;
    }

    .foot-line {
        border-top: 1px solid #fff;
        padding-top: 0;
    }

    .sec-news-events {
        padding: 64px 25px;
        float: left;
        width: 100%;
        margin-bottom: 32px;
    }

    .products-inner ul li {
        flex: 0 0 100%;
    }
    .ft-social {
        margin-top: 0;
    }

    .ft-social ul {
        justify-content: center;
        padding-bottom: 20px;
    }
    .ft-social ul li {
        padding-left: 0;
        padding-right: 25px;
        margin-top: 0px;
    }

    .contact-info ul li {
        align-items: center;
        width: 100%;
        margin-bottom: 20px;
    }

    .contact-info ul li:nth-child(1) a {
        border-right: 0;
    }

    .contact-info ul li:nth-child(2) a {
        padding-left: 0;
        color: #fff;
    }

    .contact-info ul li a img {
        width: 25px;
        margin-right: 5px;
    }

    .contact-info ul li a {
        font-size: 20px;
    }

    .copyright-info ul {
        display: flex;
        justify-content: center;
        flex-direction: column;
        flex-wrap: wrap;
        text-align: center;
    }

    .copyright-info ul li a {
        border-right: 0;
        padding: 0 0px;
        font-size: 15px;

    }

    .sec-ft-copyright {
        padding: 20px 0;
    }
    .swiper-oldproject .swiper-button-prev {
        left: 35%;
        top: 90%;
    }

    .swiper-oldproject .swiper-button-next {
        right: 39%;
        top: 90%;
    }

    .swiper-testimonials .swiper-button-next {
        right: 39%;
        top: 85%;
    }

    .swiper-testimonials .swiper-button-prev {
        left: 35%;
        top: 85%;
    }
    .client-quote img {
        width: 10%;
    }


    .inner-intro .inter-text-para p {
        padding-right: 0;
    }

    .texti-imfg{
        padding: 25px 0;
    }

    .sec-produsts .inter-text-para {
        padding-right: 0;
    }

    .sec-produsts .inter-text-para p {
        margin-top: 32px;
    }

    .sec-next-prod ul li:nth-child(1),
    .sec-next-prod ul li:nth-child(2) {
        width: 100%;
    }

    .applicationList .inter-text-para h1 {
        margin-bottom: 10px;
        font-size: 25px;
    }

    .applicationList {
        margin-top: 48px;
        border-top: 1px solid #fff6;
        padding-top: 48px;
    }

    .img-application {
        padding: 0;
        margin: 16px 0;
    }

    .next-sec-img span {
        color: #004d85;
        font-size: 19px;
        font-weight: 600;
        margin-top: 20px;
        float: left;
        width: 100%;
    }

    footer.sec-footer {
        padding: 50px 10px 20px;
    }

    .sec-footer .inter-text-para h2 {
        padding: 30px 15px;
    }

    .location-point img {
        width: 20px;
    }

    .location-point span {
        font-size: 10px;
        margin-top: 0;
    }

    .accordion.contact-us .card-body {
        padding: 20px;
    }

    .card-body.details-body ul li:first-child {
        width: 100%;
    }

    .card-body.details-body ul li:first-child img {
        display: none;
    }

    .card-body.details-body ul li {
        width: 100%;
        border-bottom: 1px solid #a4a4a4;
        padding-top: 30px;
    }

    .card-body.details-body ul li span {
        margin-bottom: 30px;
        font-size: 24px;
        font-weight: 600;
    }

    .card-body.details-body ul li label {
        font-size: var(--paraFontsize);
    }

    .card-body.details-body ul li:last-child {
        border-bottom: 0;
    }

    .sec-contact ul li:nth-child(1) {
        width: 100%;
        padding-right: 0;
    }

    .sec-contact ul li:nth-child(2) {
        width: 100%;
        padding-left: 0;
    }

    .pro-Wrap-flx .pro-Type {
        width: 100%;
        padding: 25px 25px;
    }
    .pro-Wrap-flx .imgBoxx {
        flex: 0 0 100%;
    }

    .inner-form ul {
        display: block;
    }
    .inner-form ul li:first-child .inter-text-para {
        /* padding-left: 16px; */
        padding: 0 20px;
    }
    .inner-location ul li {
        flex: 0 0 100%;
        margin-bottom: 20px;
        width: 100%;
    }

    .inner-location ul li a span {
        font-size: 17px;
        font-weight: 400;
        line-height: 32px;
    }

    .inner-location ul li a h5 {
        font-size: var(--paraFontsize);
    }

    .sec-Inner-contact .pt-60 {
        padding-top: 0px !important;
    }

    .ml-30 {
        margin: 0 16px 0 16px;
    }
    .sec-Inner-contact .subhold.text-right {
        float: none;
        margin-top: 0px;
    }
    .breadcrumb {
        align-items: center;
        justify-content: center;
    }

    .wrap-past-sec .sec-past-event ul li {
        flex: 0 0 100%;
        margin-bottom: 1%;
    }
    .wrap-past-sec .sec-past-event .pro-Wrap-team .pro-Type {
        margin-bottom: 35px;
    }
    .client-quote p {
        padding: 15px 0;
    }
    .btn-read-more a, 
    .btn-read-more button {
        padding: 10px 25px;
        font-size: 16px;
        line-height: 28px;
    }
   

}

@media (min-width: 700px) and (max-width: 400px){
    .page-speed-height {
        height: 438px;
    }
    
}


@media (min-width: 320px) and (max-width: 399px){
    .sec-servicepross .swiper-button-prev {
        left: 32%;
    }

    .historyList .swiper {
        height: 615px;
    }

    .Journey-detls p {
        font-size: 18px;
        line-height: 32px;
        margin-top: 15px;
    }


    .swiper-oldproject .swiper-button-prev {
        left: 33%;
        top: 90%;
    }
    ul.client-lists li {
        flex: 0 0 46%;
        margin-right: 10px;
    }
    .bannerSLider2Wrap {
        top: 15%;
    }
    .bannerSLider2Wrap h1 br{
        display: none;
    }
    /* .page-speed-height {
        height: 438px;
    } */
    .thumbsslider span.spagination-bullet {
        padding: 10px 9px;
        width: 50px;
        cursor: pointer;
        font-size: 19px;
        height: auto;
    }
    .thumbsslider::before {
        top: 70%;
    }
    .sec-servicepross .historyList .swiper {
        padding: 0px 0 100px;
    }
    .swiper-project-list .swiper-button-prev {
        left: 36%;
    }
    .thumbsSlider::before {
        left: 87px;
        height: 83%;
    }
    .thumbsSlider .spagination-bullet::before {
        left: 82px;
    }
    .sec-inner-timeline .swiper-button-next {
        top: 90%;
    }
    .swiper-certificates .swiper-button-prev {
        left: 36%;
    }
    .swiper-testimonials .swiper-button-prev {
        left: 32%;
    }
    .wrap-past-sec .sec-past-event .pro-Wrap-team .pro-Type {
        padding: 20px 10px;
    }
    .internalEventInfo {
        padding: 30px 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
 
    .menuWrap {
        padding-left: 10%;
        padding-right: 10%;
    }

    header.site-header.navbar-fixed .menuWrap {
        /* background: #dbedf7; */
        padding: 16px 10%;
    }

    .inner-intro {
        top: 13%;
        left: 9%;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 999;
        top: 0;
        right: 0;
        background: #fff;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

}

@media (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
    .p-90 {
        padding: 64px 0;
    }

    header.site-header.navbar-fixed .menuWrap {
        /* background: #dbedf7; */
        padding: 16px 10%;
    }

    .bannerPage .thumbNav {
        display: none;
    }

    .hm-matrix ul li {
        flex: 0 0 33%;
        text-align: left;
    }

    .hm-matrix ul li span {
        font-size: 33px;
    }

    .hm-matrix ul li {
        padding-top: 0px;
    }

    header.site-header.navbar-fixed .menuWrap {
        /* background: #dbedf7; */
        padding: 16px 10%;
    }

    .solution-prod ul li {
        flex: 0 0 46%;
    }

    .brandList ul {
        justify-content: space-between;
    }

    .brandList ul li {
        flex: 0 0 29%;
        box-shadow: 0px 2px 7px 1px #11111124;
        margin: 1%;
    }

    .ft-info img {
        width: 60%;
    }

    .contact-info ul li {
        align-items: center;
        width: 50%;
        margin-bottom: 20px;
    }

    .btn-read-more {
        justify-content: start;
    }

    .sec-careers .btn-read-more.btn-white a {
        margin-top: 0;
    }

    .blogWrap img {
        height: auto;
    }

    .img-gradient:after {
        height: 85%;
    }

}