/* Theme Name: Firefly
Author: Firefly Agency
Website: www.fireflyagency.ae
Author URI: www.fireflyagency.ae
Description: Website created by FireFly Agency
*/

.accordion-item ul {margin-left:15px;}
.accordion-item ul li{color:#EAEAEA;font-family:'Montserrat',arial;list-style:circle}

::selection {
  background: #666666;
}

.insightcard img{
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;
}

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

.pages, .nextpostslink, .previouspostslink {display:none}

.wp-element-caption{font-family: 'Montserrat';font-size:15px;color:#000;}
.contentwrapper {font-family: 'Montserrat';font-size:18px;}

.contentwrapper img{max-width:100%;height:auto;margin:20px 0px 10px;}
.contentwrapper .wp-element-caption{margin-bottom:20px;font-size:14px;font-style:italic;}
.contentwrapper li{list-style:circle;margin-left:15px;color:#000;font-size:16px;}
.contentwrapper .wp-block-image img{max-width:100%;}
.contentwrapper a{color:#000000;text-decoration: underline;background: #D3FD06;}
.contentwrapper a:hover{color:#000000;}

.mobileimage{display:none}
@media(max-width:640px){
.desktopimage{display:none}
.mobileimage{display:inline-block}
} 
@media(min-width:641px){
.mobileimage{display:none}
.desktopimage{display:inline-block}
} 

@media (min-width:1401px) and (max-width: 1601px){
	
.sec-area.tableofcontent {
    padding: 0px 120px 40px !important;
}

}



.tablecontent{margin-bottom:20px;}
.lwptoc {width:100% !important;margin:0px !important;}
.lwptoc_i{padding:0px !important;width:100%;}
.lwptoc_item a{
color: #000000;
font-family: Montserrat;
font-size: 14px;
font-weight: 500;
text-align: left;
padding: 15px 15px 15px 0px;
display: block;
border-bottom: 1px solid #444444;
border-right: 0px;
text-transform:uppercase;
}
.lwptoc_item a:hover{color:#000000;font-weight:bold;}



h2.wp-block-heading{
    color: #000000;
    font-family: 'Kanit';
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    margin-bottom: 20px;
}

.wp-block-columns {
    margin-bottom: 1.2em;
}

.wp-block-column {
    flex-grow: 1;
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}

.is-layout-flex {
    flex-wrap: wrap;
    align-items: center;
	display:flex;
	gap:20px;
}

.is-layout-flex > :is(*, div) {
    margin: 0;
}

@media (max-width: 781px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 100% !important;
    }
}
@media (min-width: 782px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 0;
        flex-grow: 1;
    }
}

.wpcf7 p{
    padding:0px;
    margin:0px;
}

.wp-pagenavi .current, .wp-pagenavi .page:hover{
    background: #D3FD06;
    color: #000000;
    border-radius: 5px;
    text-align: center;
    font-family: 'Kanit';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 12px 22px;
    z-index: 0;
}
.wp-pagenavi .page{
    border: 1px solid #D3FD06;
    background: #000000;
    border-radius: 5px;
    color: #EAEAEA;
    text-align: center;
    font-family: 'Kanit';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 12px 22px;
    z-index: 0;
    margin-left:20px;
}
.wp-pagenavi .nextpostslink{
    margin-left:20px;
}

.cursor {
  width: 20px;
  height: 20px;
  border: 2px solid #D3FD06;
  border-radius: 50%;
  position: absolute;
  transition-duration: 200ms;
  transition-timing-function: ease-out;
  pointer-events: none;
  z-index: 9999;
}

.cursoreffect {
  content: "";
  width: 40px;
  height: 40px;
  border: 1px solid #D3FD06;
  box-shadow: 0 0 20px #D3FD06, 0 0 40px #D3FD06, 0 0 80px #D3FD06;
  border-radius: 50%;
  position: absolute;
  -webkit-animation: cursorPulse 1s;
}

@-webkit-keyframes cursorPulse {
  0% {-webkit-transform: scale(1.0); opacity: 1;}
  100% {-webkit-transform: scale(3.0); opacity: 0;}
}

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.navbar::before,
.pager:after,
.panel-body:after,
.row:after,
.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
    content: unset;
}

/* @import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap'); */


body {
    margin: 0;
    overflow-x: hidden !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-smoothing: antialiased;
}

.dropdownservicemega {
	margin-top:90px;
    display: none;
    z-index: 2;
    background-color: #000000;
    position: absolute;
    width: 100%;
	padding-top: 50px;
    padding-bottom: 50px;
}

.dropdowncontainer {
    display: flex;
    justify-content: left;
    gap: 50px;
    max-width: 1150px;
    margin: 0 auto;
}

.dropdowncontainer .column h3 {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 23px;
}

.dropdowncontainer .column ul li a {
    color: #EEE;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    cursor: pointer;
}

.dropdowncontainer .column h3:hover,
.dropdowncontainer .column ul li a:hover {
    color: #D3FD06;
}

.dropdowncontainer .column ul li {
    margin-bottom: 20px;
}

.inner.dropdown-menu {
    display: none;
}

.dropdown-item.dropdown-toggle.show::after {
    transform: rotate(180deg);
}

.dropdown-item.dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

.navbar {
    background: #000000;
    z-index: 2;
    position: fixed;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #444444;
}

a:hover,
a {
    text-decoration: none;
    color: #EAEAEA;
}

.nav-link:focus {
    color: #FFF;
}

ul {
    padding: 0;
}

li {
    list-style: none;
}

.navbar-brand {
    padding: 0 !important;
    margin-right: 0;
}

.herosection .container-fluid {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0 !important;
}


.home .herosection .container-fluid {
    background-image: url(img/unsplash.png);
}

.about .herosection .container-fluid {
    background-image: url(img/aboutslider.png);
}

.services .herosection .container-fluid {
    background-image: url(img/servicesslider.png);
}

.insights img{
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important;;
}

.portfolio img{
    border-top-left-radius: 15px !important;;
    border-top-right-radius: 15px !important;;
}

.porfolio .herosection .container-fluid {
    background-image: url(img/portfolioslider.png);
}

.contact .herosection .container-fluid {
    background-image: url(img/contactslider.png);
}

.careers .herosection .container-fluid {
    background-image: url(img/careersslider.png);
}

.project_casestudy .herosection .container-fluid {
    background-image: url(img/projectcasestudyslider.png);
}

.researchaudit .herosection .container-fluid {
    background-image: url(img/researchauditslider.png);
}

.insightsblog .herosection .container-fluid {
    background-image: url(img/insightsblogslider.png);
}


.careers .slider-content p,
.contact .slider-content p {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-right: 493px;
}

.careers .slider-content p {
    padding-right: 498px;
}

.navcontain,
.sec-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #000000;
    padding: 25px 160px 25px;
    border-radius: 0;
    margin-bottom: 0;
    z-index: 1;
    Left: 0;
    Transform: unset;
}

.navbar-nav {
    flex-direction: row;
    gap: 50px;
}

.navbar-nav li a {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.nav-link-btn {
    border-radius: 5px;
    background: #D3FD06;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 16px 32px;
    color: #000000;
    font-family: 'Kanit';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    transition: all .3s;
    line-height: normal;
    padding: 16px 30px;
    border: 1px solid #D3FD06;
}

li.nav-item.btn {
    padding-left: 50px;
}

li.nav-item.btn a {
    color: #000000;
    font-family: 'Kanit';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}

.getstrated-wrapp {
    display: flex;
}

.margin-head-wrap:before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: #444444;
    z-index: 0;
    left: 0;
}

.yellowtext {
    color: #D3FD06;
}

.yellowback {
    background-color: #D3FD06;
}

.margin-head-wrap {
    position: relative;
    margin-bottom: 40px;
}

.margin-head {
    font-size: 16px;
    color: #666666;
    font-weight: 700;
    width: fit-content;
    background: #EAEAEA;
    font-family: Montserrat;
    margin-left: 45px;
    padding: 0 5px;
    margin-bottom: 0;
    position: relative;
    text-wrap: nowrap;
}

.herosection {
    background: #000000;
}

.ourprojects,
.ourspark {
    background: #EAEAEA;
}

.ourspark-cont p {
    color: #000000;
    font-family: Montserrat;
    font-size: 48px;
    font-style: normal;
    line-height: normal;
    font-weight: 700;
    padding: 0px 50px 40px;
}

.ourspark-ul {
    display: flex;
    padding: 0 50px 20px;
}

.ourspark-ul li a.ylwbtn::before {
    content: "";
    background: #D3FD06;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    top: -10px;
    left: 0;
}

.ourspark-ul p {
    color: #333;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ourspark-ul li {
    width: 20%;
    margin-right: 1.5%;
}

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

.ourspark-ul li .ylwbtn {
    color: #333;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    width: 100%;
    display: block;
    position: relative;
    padding: 5px;
    z-index: 1;
}

.disfi-wrapp {
    padding: 0 50px;
    margin-bottom: 80px;
    /* margin-top: 80px; */
}

.btn-disfi-wrapp {
    border-radius: 5px;
    background: #000000;
    padding: 12px 32px 12px;
    color: #D3FD06;
    text-align: center;
    font-family: 'Kanit';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}


.careers .margin-head,
.ourservice .margin-head,
.sec-area.ourservice {
    background: #000000;
}


.oursec-cont {
    margin-left: 50px;
    margin-bottom: 40px;
}

.oursec-cont h2 {
    color: #ffffff;
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
}

.oursec-cont p {
    color: #ffffff;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 361px;
}

.ourservice-ul {
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 50px;
}

.ourservice-ul .contents {
    width: 50%;
    padding: 20px;
    position: relative;
    padding-left: 130px;
    border: 1px solid #444444;
    cursor: pointer;
    transition: all .3s;
}

.ourservice-ul .contents:nth-child(1),
.ourservice-ul .contents:nth-child(2) {
    border-bottom: 0;
}

.ourservice-ul .contents:hover {
    background: #D3FD06;
}

.ourservice-ul .contents:hover .ourservice-icon svg path {
    fill: #000000;
}

.ourservice-ul .contents:hover .yellowtext,
.ourservice-ul .contents:hover p,
.ourservice-ul .contents:hover p a,
.ourservice-ul .contents:hover h2 {
    color: #000000;
}

.ourservice-ul .contents:nth-child(2):hover .ourservice-icon svg path {
    fill: unset;
    stroke: #000000;
}

.ourservice-ul .contents h2 {
    color: #EAEAEA;
    font-family: 'Kanit';
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    margin-top: 20px;
    line-height: normal;
}

.ourservice-ul .contents p {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ourprojects-cont {
    margin-left: 50px;
}

.ourprojects-cont h2 {
    color: #000000;
    font-family: 'Kanit';
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
}

.ourprojects-cont p {
    color: #444444;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 485px;
}

.ourprojects .card ul li {
    padding: 23.19px 0 23.19px 61px;
    color: #000000;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border: 1px solid #444444;
    border-left: 0;
    border-bottom: 0;
}

.list-group-item {
    border: none;
    background-color: #EAEAEA;
}

.card.list {
    border: none !important;
    background-color: #EAEAEA;
}

.card-header:first-child {
    color: #000000;
    font-family: 'Kanit';
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-left: 44px;
    margin-bottom: 30PX;
}

.card-header {
    background-color: #EAEAEA;
    border-bottom: none;
}

.ourprojects-contentWrapp {
    display: flex;
    margin-top: 40px;
}

/* .card-title {
    margin-top: 20.08px;
} */

.card-title-btn {
    color: #FFF;
    font-family: Montserrat;
    position: relative;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: #000000;
    border: 1px solid #000000;
    padding: 6px 21px 6px 36px;
    transition: all .3s;
    padding-left: 20px;
    border-radius: 50px;
    margin-bottom: 10px;
    width: fit-content;
    height: fit-content;
}

.card-title-btn:first-child {
    margin-right: 4px;
}

.ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 .card-body .card-head {
    color: #000000;
    font-family: 'Kanit';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-top: 20px;

}

.card-text {
    color: #000000;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* padding-top: 20.09px; */
    padding-bottom: 23.09px;
}

.btn-learnmore {
    border-radius: 5px;
    background: #000000;
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 15.06px 37px 15.06px 46px;
}

.ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 {
    border: 1px solid #444444;
    border-radius: 15px;
    display: flex;
    overflow: hidden;
    margin-bottom: 30px !important;
}

.ourprojects .card {
    background-color: #EAEAEA !important;
}

.list-group-flush>.list-group-item:last-child {
    border: 1px solid #444444;
}

.btn-learnmorewrapp {
    margin-bottom: 34.15px;
}

.ourprojects-contentWrapp .btn-learnmorewrapp {
    margin-bottom: 10px;
}

.img-fluid.rounded-start {
    height: 100%;
    width: 100%;
}

.viewourportfolio-wrapp {
    width: auto;
    text-align: left;
    height: 100%;
    margin-top: 40px;
    padding-left: 50px;
    margin-bottom: 93px;
}

.viewourportfolio-btn {
    color: #D3FD06;
    text-align: center;
    font-family: 'Kanit';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background: #000000;
    padding: 15px 32px 12px;
    transition: all .3s;
    border-radius: 5px;
}


.ourclient .margin-head,
.ourclient {
    background: #000000;
}

.ourclientele-cont {
    margin-left: 50px;
}

.ourclientele-cont h2 {
    color: #EAEAEA;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    margin-bottom: 20px;
    padding-right: 682px;
}

.ourclientele-cont p {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 448px;
}


.joinourclientele-wrapp {
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 40px;
}

.about .insights .joinourclientele-wrapp {
    margin-bottom: 10px;
}

.contact .sec-area.insights {
    padding: 0px 160px 45px;
}

.contact .sec-area.ourclient .joinourclientele-wrapp {
    margin-top: 50px;
    margin-bottom: 0px;
}

.sec-area.joinourteam .joinourclientele-wrapp {
    margin-top: 40px;
}

.joinourclientele-wrapp.faq {
    margin-bottom: 50px;
}

.employeestories .joinourclientele-wrapp {
    /* margin-bottom: 0px; */
    margin-bottom: 50px;
    margin-left: 200px;
    justify-content: left;
}

.joinourclientele-btn {
    border-radius: 5px;
    background: #D3FD06;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 32px 12px;
    color: #000000;
    border: 1px solid #D3FD06;
    text-align: center;
    font-family: 'Kanit';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: all .3s;
    text-transform: uppercase;
}


.getintouch .margin-head,
.getintouch {
    background: #EAEAEA;
}

.getintouch {
    padding-top: 71px;
}

.getintouch-cont-wrapper {
    padding: 0px 50px 0px 50px;
    display: flex;
}

.getintouch-cont h2 {
    color: #000000;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
}

.getintouch-cont p {
    color: #444444;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.getintouch-cont {
    width: 75%;
}

#Form-productdetails {
    padding-left: 57px;
    width: 100%;
}

.sendenqbtnwrap {
}

.sendenqbtn {
    border-radius: 5px;
    background: #000000;
    color: #D3FD06;
    font-family: 'Kanit';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 23px;
    text-align: center;
    width: 100%;
}

.sendenqbtn:hover {
    background-color: #D3FD06;
    color: #000000;
}

.successmsg {
    color: #444444;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.form-select,
.form-control {
    border-radius: 5px;
    border: 1px solid #444444;
    background: #FFF;
    font-size: 16px !important;
    font-family: Montserrat;
    padding: 9px;
}


.faq,
.insights {
    background: #000000;
    /* padding-top: 70px; */
}

.faq .margin-head,
.insights .margin-head {
    background: #000000;
}

.latestinsights-cont {
    padding: 0px 50px 40px 50px;
}

.latestinsights-cont h2 {
    color: #EAEAEA;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
}

.latestinsights-cont p {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding-right: 146px;
}

.cardwrapp {
    padding: 0 50px 0 50px;
}

.services .cardwrapp {
    margin-bottom: 50px;
}

.cardwrapp .card {
    background: #000000;
    border-radius: 15px;
}

.cardwrapp .col .card .card-body {
    padding: 20.4px 18.61px 40px 30px;
    background: #EAEAEA;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.cardwrapp .col .card .card-body .card-title {
    display: flex;
    justify-content: space-between;
}

.cardwrapp .col .card .card-body .card-title h6 {
    color: #000000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cardwrapp .col .card .card-body .card-title p {
    color: #000000;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.cardwrapp .col .card .card-body .card-text {
    color: #000000;
    font-family: 'Kanit';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
	text-decoration:underline;
    text-decoration-color: #D3FD06;
	text-transform:uppercase;
}

.cardwrapp .col .card .card-body a {
    color: #000000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.faq .accordion-item:hover path{fill: #D3FD06}

.faq-cont {
    padding: 0px 50px 20px 50px;
}

.faq-cont h2 {
    color: #EAEAEA;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.faq .accordion-item {
    border-bottom: 1px solid #444444;
    display: flex;
    flex-direction: column;
    border-top: 1px solid #000000;
}

.faq .accordion-item .accordion-header .accordion-button {
    border: 0;
    color: #D3FD06;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    background: transparent;
    outline: 0;
    box-shadow: unset;
    text-align: left;
    padding: 30px 50px;
    z-index: 0;
    display: flex;
    justify-content: space-between;
}

.faq .accordion-item .accordion-header .accordion-button svg {
    transform: rotate(90deg);
}

.faq .accordion-item.active {
    background: #D3FD06;
}

.faq .accordion-item.active .accordion-button,
.faq .accordion-item.active p {
    color: #000000 !important;
}

.faq .accordion-item .accordion-header .accordion-button.collapsed {
    color: #EAEAEA;
}

.faq .accordion-item .accordion-body p {
    color: #EAEAEA;
    text-align: justify;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 30px;
}

.accordion-item {
    background: #000000;
}

.accordion-body {
    padding: 0px 76px 0px;
}

.accordion-button::after {
    content: none;
}

.faq .joinourclientele-wrapp {
    text-align: right;
    padding-right: 86px;
}


section.sec-area.herosection {
    Padding-top: 95px;
    Padding-bottom: 0;

}

.banner-img {
    width: 100%;
    display: none;
}

.about .banner-img {
    display: block;
}

.banner-img img {
    width: 100%;
}

.slider-content {
    color: #fff;
    padding:  200px 86px 200px 86px;
    position: relative;
    height: 100%;
    align-content: center;

}

.slider-content h1 {
    color: #D3FD06;
    font-family: 'Kanit';
    font-size: 56px;
    font-style: normal;
    font-weight: 500;
    line-height: 56px;
	max-width:700px;
}

.slider-content h2 {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.home .slider-content p {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    max-width: 700px;
}

.get-started {
    display: inline-block;
    margin-top: 30px;
    padding: 10px 20px;
    background-color: #fff;
    color: #1E1E32;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s;
    font-family: 'Kanit';
}

.get-started:hover {
    background-color: #000000;
    color: #D3FD06;
}

.slider-content {
    color: #fff;
}

.social-icons {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100vh;
    justify-content: flex-end;
    background: transparent;
    min-width: 160px;
    align-items: center;
    border-left: 1px solid #444444;
    padding-bottom: 90px;
    z-index: 1;

}

.social-icons a {
    color: #d4ff00;
    font-size: 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 2px solid #d4ff00;
    border-radius: 50%;
    transition: background-color 0.3s, color 0.3s;
    background: #000000;
}


.vertical-dots {
    position: fixed;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 18px;
    height: 100vh;
    justify-content: flex-end;
    background: transparent;
    min-width: 160px;
    align-items: center;
    border-right: 1px solid #444444;
    padding-bottom: 60px;
    z-index: 1;
}

.vertical-dots span {
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    background: #000000;
}

.vertical-dots span.active-dot {
    background-color: #D3FD06;
}

.vertical-dots::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 221px;
    background: #D9D9D9;
    z-index: -1;
    bottom: 60px;
}


.footer {
    background-color: #000000;
    padding: 48px 130px;
    border-top: 1px solid #444444;
    position: relative;
    z-index: 1;
}

.footer-logo img {
    height: 45px;
    margin-bottom: 80px;
}

.footer p {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 90px;
}

.footer h5 {
    color: #979797;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-family: 'Kanit';
    margin-bottom: 24px;
}

.footer a {
    color: #fff;
    text-decoration: none;
    transition: color 0.3s;
}

.footer a:hover {
    color: #d4ff00;
}

.footer .footer-contact p {
    margin: 5px 0;
    color: #EAEAEA;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

footer .social-icons-new {
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    gap: 20px;
    background: transparent;
    min-width: 160px;
    align-items: center;
    margin-top: 53px;
}

footer .social-icons-new a {
    color: #d4ff00;
    font-size: 20px;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 2px solid #d4ff00;
    border-radius: 50%;
    transition: background-color 0.3s, color 0.3s;
    background: #000000;
}


footer .row {
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
}

footer .col-md-4 {
    width: 45%;
    text-align: left;
    padding-right: 7%;
    margin-top: 50px;
    margin-left: 24px;
}

footer .col-md-2.mb-4 {
    width: 12%;
    padding-top: 122px;
}

.footer-contact h2 {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

footer ul {
    padding: 0px;
}

footer li {
    list-style: none;
}

footer li a {
    color: #EAEAEA;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 24px;
    display: block;
    white-space: nowrap;
    font-family: Montserrat;
}

footer .col-md-2.mb-4:nth-of-type(2) {
    width: 20%;
}

.mobile-icons-footers {
    display: none;
}

.ourprojects .ourprojects-contentWrapp .card.mb-3 {
    border: none;
    margin-bottom: 0px !important;
}

.navcontain.mobile-menu {
    flex-direction: column;
    position: absolute;
    width: 100%;
    right: 0;
    margin-left: auto;
    height: 95vh;
    justify-content: flex-start;
    padding: 25px 25px 0 25px;
    transform: translateX(100%);
    opacity: 0;
    transition: all .8s;
    top: 83px;
    align-items: flex-start;
}

.toggle-button {
    display: none;
}


.toggle-button .menu {
    background-color: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    padding: 0;
}

.toggle-button .line {
    fill: none;
    stroke: black;
    stroke-width: 6;
    transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1),
        stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.toggle-button .line1 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}

.toggle-button .line2 {
    stroke-dasharray: 60 60;
    stroke-width: 6;
}

.toggle-button .line3 {
    stroke-dasharray: 60 207;
    stroke-width: 6;
}

.toggle-button .opened .line1 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}

.toggle-button .opened .line2 {
    stroke-dasharray: 1 60;
    stroke-dashoffset: -30;
    stroke-width: 6;
}

.toggle-button .opened .line3 {
    stroke-dasharray: 90 207;
    stroke-dashoffset: -134;
    stroke-width: 6;
}

.toggle-button .menu svg {
    height: 50px;
    width: 50px;
}

.toggle-button .menu svg path {
    stroke: #fff;
}


.card-title .card-title-btn:before {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    background: #D3FD06;
    left: 9px;
    top: 12px;
    transform: translateY(-50%);
    border-radius: 50%;
}

.navcircle {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    background-color: #d4ff00;
    border-radius: 50%;
    left: -15px;
    top: 53%;
    transform: translateY(-50%);
    transition: all .3s;
    opacity: 1;
}

.navbar-nav .nav-link:hover {
    color: #D3FD06;
}

.navbar .navbar-collapse {
    flex-basis: unset;
    flex-grow: unset;
}

li.nav-item {
    position: relative;
}



.sec-area .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

h2 {
    color: #000000;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 700;

}

.ourservice-ul .contents .ourservice-icon {
    position: absolute;
    left: 40px;
    top: 60px;
}

.ourprojects .card.list {
    width: 40% !important;
    padding-right: 4%;
}

.ourprojects .card.mb-3 {
    width: 60%;
    padding: 0 4%;
}

.ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 .col-md-8 {
    width: 65%;
    padding: 20px;
    padding-right: 8px;
}

.ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 .col-md-4 {
    width: 35%;
}

.ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 .card-body {
    padding: 0px;
}

.ourprojects .card.mb-3 .card-title {
    margin-top: 0;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.ourclient .owl-item {
    flex-direction: row;
    justify-content: center;
    display: flex;
}
.ourclient .owl-carousel .item {
    width: 125px;
    height: 127px;
    margin-top: 179px;
    vertical-align: middle; 
	align-items:center !important;
	display:flex;
}

.ourclient .owl-carousel.carousel-right .item {
    margin-top: 80px;
}

.navcontain.mobile-menu .navbar-brand {
    display: none;
}

.navbar .mobile-menu .dropdown-menu {
    background-color: transparent;
}

.row.mb-3 {
    margin-bottom: 20px !important;
}

.joinourclientele-wrapp.faq {
    justify-content: right;
}

.list-group.list-group-flush li:hover {
    background-color: #000000;
    color: #D3FD06;
}

.list-group-item.active {
    background-color: #000000;
    color: #D3FD06 !important;
    z-index: 1;
}

.mobile-icons-footer {
    display: none;
}

.toggle-button img {
    display: none;
}

.banner-img-mobile,
.footer-mobileview,
.card.mb-3.mobileview {
    display: none;
}

.list-group-flush-mobileview.dropdown {
    display: none;
}

.navbar-nav .dropdown-menu {
    position: absolute;
    background: #000000;
    border: 1px solid #FFF;
}

.navbar-nav .dropdown-menu li {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-left: 30px;
    padding-right: 30px;
}

.dropdown-menu[data-bs-popper] {
    top: 112%;
}

.navbar-nav .dropdown-menu li:first-child {
    margin-top: 33px;
}

.navbar-nav .dropdown-menu li:last-child {
    margin-bottom: 30px;
}

.navbar-nav li a.dropdown-item {
    color: #FFF;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.navbar-nav li a.dropdown-item:hover {
    color: #D3FD06;
    background-color: #000000;
}

.rotate-arrow::after {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.careers .herosection .slider-content h3,
.about .herosection .slider-content h3 {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.careers .herosection .slider-content p.title,
.about .herosection .slider-content h1.title {
    color: #D3FD06;
    font-family: 'Kanit';
    font-size: 56px;
    font-style: normal;
    font-weight: 500;
    line-height: 56px;
    padding-right: 0 !important;
}

.about .slider-content p {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    max-width:700px;
}

.sec-area.ourimpact {
    background: #EAEAEA;

}

.ourimpact-cont {
    padding: 0px 50px 50px 50px;
}

.ourimpact-cont h3 {
    color: #000000;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    padding-right: 688px;
}

.ourimpact-cont p {
    color: #000000;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-right: 461px;
}

.ourimpact .container-fluid .ourspark-ul {
    padding: 0px 124px 0 59px;
}

.sec-area.ourvalues {
    background: #000000;
}

.ourvalues .margin-head-wrap .margin-head {
    background-color: #000000;
}

.ourvalues-cont {
    padding: 0px 50px 50px 50px;
}

.ourvalues-cont h3 {
    color: #EAEAEA;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    padding-right: 698px;
}

.ourvalues-cont p {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-right: 331px;
}

.cardbody {
    padding: 20.4px 16.61px 20px 27px;
    background: #EAEAEA;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.ourvalues .cardwrapp .card {
    background: #000000;
}

.cardtitle {
    color: #000000;
    font-family: 'Kanit';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.cardtext {
    color: #000000;
    text-align: left;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.project_casestudy .sec-area.ourprojects,
.about .sec-area.ourprojects {
    background: #000000;
}

.project_casestudy .sec-area.ourprojects .margin-head-wrap .margin-head,
.about .sec-area.ourprojects .margin-head-wrap .margin-head {
    background: #000000;
}

.project_casestudy .sec-area.ourprojects .ourprojects-cont h2,
.about .sec-area.ourprojects .ourprojects-cont h2 {
    color: #ffffff;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
}

.about .sec-area.ourprojects .ourprojects-cont p {
    padding-right: 529px !important;
}

.project_casestudy .sec-area.ourprojects .list-group-item,
.project_casestudy .sec-area.ourprojects .ourprojects-contentWrapp,
.project_casestudy .sec-area.ourprojects .card-header,
.project_casestudy .sec-area.ourprojects .card,
.about .sec-area.ourprojects .card,
.about .sec-area.ourprojects .card-header,
.about .sec-area.ourprojects .list-group-item,
.about .sec-area.ourprojects .ourprojects-contentWrapp {
    background: #000000 !important;
    color: #EAEAEA !important;
}

.project_casestudy .sec-area.ourprojects .list-group-item.active,
.about .sec-area.ourprojects .list-group-item.active {
    color: #000000 !important;
    background-color: #D3FD06 !important;
    z-index: 1;
}

.project_casestudy .sec-area.ourprojects .list-group.list-group-flush li:hover,
.about .sec-area.ourprojects .list-group.list-group-flush li:hover {
    background-color: #D3FD06 !important;
    color: #000000 !important;
}

.project_casestudy .sec-area.ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0,
.about .sec-area.ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 {
    background: #EAEAEA;
}

.project_casestudy .sec-area.ourprojects .viewourportfolio-btn,
.about .sec-area.ourprojects .viewourportfolio-btn {
    background: #D3FD06;
    color: #000000;
}

.ourstory .margin-head {
    background: #000000;
}

.ourstory-cont {
    padding: 0px 50px 50px 50px;
}

.ourstory-cont h3 {
    color: #EAEAEA;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    padding-right: 508px;
}

.ourstory-cont p {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-right: 442px;
}

.ourstorywrapp h5 {
    color: #EAEAEA;
    font-family: 'Kanit';
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
}

.ourstorywrapp p {
    color: #EAEAEA;
    text-align: left;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ourstorywrapp {
    padding: 0px 50px 50px 50px;
}


.ourstorywrapp .col-md-5.imgdiv {
    background-image: url(https://fireflyaestg.wpenginepowered.com/wp-content/uploads/2024/11/responsive.webp);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    border-radius: 15px;

}

.contentdiv {
    padding-left: 84px;
}

.sec-area.joinourteam {
    background: #EAEAEA;
    padding: 0px !important;
}

.sec-area.joinourteam .margin-head-wrap {
    padding-top: 52px !important;
}

.joinourteam .joinourclientele-wrapp {
    justify-content: left;
    margin-bottom: 0px !important;
}

.sec-area.joinourteam .margin-head-wrap:before {
    content: "";
    width: 92%;
    height: 1px;
    position: absolute;
    top: 83%;
    transform: translateY(-50%);
    background: #444444;
    z-index: 0;
    left: 120px;
}

.sec-area.joinourteam .margin-head-wrap .margin-head {
    font-size: 16px;
    color: #444444;
    font-weight: 700;
    width: fit-content;
    background: #EAEAEA;
    font-family: Montserrat;
    margin-left: 191px;
    padding: 0 5px;
    margin-bottom: 0;
    position: relative;
    text-wrap: nowrap;
}

.joinourteam-cont {
    padding: 0px 0px 0px 191px;
}

.joinourteam-cont h3 {
    color: #000000;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
}

.joinourteam-cont p {
    color: #444444;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ourservice .viewourportfolio-wrapp {
    display: none;
}

.ourservice .viewourportfolio-wrapp {
    text-align: left;
    margin-bottom: 0px;
}

.joinourclientele-btn:hover,
.about .viewourportfolio-btn:hover,
.about .joinourclientele-btn:hover {
    background: #000000;
    color: #D3FD06;
    border: 1px solid #D3FD06;
}

.nav-link-btn:before{
	background:none !important;
}

.nav-link-btn:hover,
.btn-learnmore:hover,
.viewourportfolio-btn:hover,
.btn-disfi-wrapp:hover,
.ourservice .viewourportfolio-btn {
    color: #000000;
    background: #D3FD06;
}

.ourservice .viewourportfolio-btn {
    padding: 10px 20px 10px !important;
}

.mobile-menu .navbar-nav .dropdown-menu {
    position: relative;
    background: none;
    border: none;
}

.mobile-menu .navbar-nav .dropdown-menu li:first-child {
    margin-top: 0px;
}

.mobile-menu .navbar-nav .dropdown-menu li:last-child {
    margin-bottom: 0px;
}

.mobile-menu .dropdown-item,
.mobile-menu .navbar-nav .dropdown-menu li {
    padding-left: 0px;
}

.mobile-menu .nav-item.btn {
    padding: 0px;
    text-align: left;
}

.services .vertical-dots::before {
    height: 161px;
}



.porfolio .slider-content h3,
.services .slider-content h3 {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.porfolio .slider-content p.title,
.services .slider-content p.title {
    color: #D3FD06;
    font-family: 'Kanit';
    font-size: 96px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px;
    padding-right: 0px;
}

.porfolio .slider-content p,
.services .slider-content p {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-right: 371px;
}

.services .ourservice-ul {
    margin-bottom: 0px;
}




.portfoliocards .card-group {
    gap: 55px;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    padding: 0 50px;
}

.portfoliocards .card-group .card {
    border-radius: 15px;
}

.subhead {
    color: #444444;
    font-family: 'Kanit';
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 0px;
}

.portfoliocards .card-group .card-head {
    color: #000000;
    font-family: 'Kanit';
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
	text-decoration:underline;
    text-decoration-color: #D3FD06;
	text-transform:uppercase;
}

.portfoliocards .card-group .card-text {
    color: #000000;
    font-family: Montserrat;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0px;
}

.portfoliocards .card-group .learnmore {
    color: #000000;
    font-family: 'Kanit';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

.portfoliocards .card-group .card {
    background: #000000;
}

.portfoliocards .card-group .card-footer {
    text-align: center;
    background: #EAEAEA;
}

.card-group>.card:not(:last-child) .card-footer,
.card-group>.card:not(:first-child) .card-footer,
.portfoliocards .card-footer {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.portfoliocards .card-group .card:hover .card-footer {
    background: #D3FD06 !important;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.portfoliocards .card-group .card .card-body {
    padding: 20px;
    background: #EAEAEA;
}

.insight .portfoliocards .card-group .card .card-body {
    padding: 20px;
}

.insight .portfoliocards .card-group .card-head {
    font-size: 20px;
}

.pagination .page-item .page-link {
    border: 1px solid #D3FD06;
    background: #000000;
    border-radius: 5px;
    color: #EAEAEA;
    text-align: center;
    font-family: 'Kanit';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 12px 22px;
    z-index: 0;
}

.pagination .page-item:last-child .page-link {
    border: none;
}

.pagination .page-item .page-link:hover {
    background: #D3FD06;
    color: #000000;
}

.pagination .page-item:last-child:hover .page-link {
    background: #000000 !important;
}

.pagination {
    gap: 16px;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.porfolio .sec-area.ourclient {
    padding-top: 0px;
}

.porfolio .sec-area.portfoliocards {
    padding-bottom: 0px;
}

/* .vertical-dots::before {
    height: 130px;
} */

.insight .slider-content h3 {
color: #EAEAEA;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.insight .slider-content p.title {
    color: #D3FD06;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    padding-right: 0px;
}

.insight .slider-content p {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-right: 348px;
}

.blogtitle {
    color: #000000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.blogtime {
    color: #000000;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.insight .portfoliocards .card .card-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.portfoliocards .card .card-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}

.insight .vertical-dots::before {
    height: 68px;
}

.ourproject-cont h3 {
    color: #EAEAEA;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    padding-right: 265px;
}

.ourproject-cont p {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-right: 200px;
}

.ourlocation .margin-head {
    background: #000000;
}

.ourproject-cont {
    padding: 0px 0 50px 62px;
}

.ourlocation .cardwrapp .card {
    background: none !important;
}

.ourlocation .cardtext {
    text-align: left;
}

.numberwrapper {
    display: flex;
    column-gap: 10px;
    align-items: center;
}

.emailwrapper {
    display: flex;
    align-items: center;
    column-gap: 10px;
}

.contact .cardbody {
    padding-left: 32px;
    padding-top: 20px;
    padding-bottom: 0px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.contact .reachoutwrapp {
    padding-left: 3px;
}

.contact .reachoutwrapp .emailwrapper p.text {
    padding-top: 14px;
}

/* .contact .cardbody.reachusat {
    padding-bottom: 10px;
} */

/* .contact .cardbody.findusat {
    padding-bottom: 59px;
} */

/* .contact .cardbody.workinghrs {
    padding-bottom: 60px;
} */

.imagewrapper {
    padding: 50px 61px 0px 71px;
}

.imagewrapper img {
    border-radius: 15px;
}

.openning-cont {
    padding: 0px 0px 0px 62px;
}

.openning-cont h3 {
    color: #EAEAEA;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
}

.openning-cont p {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-right: 113px;
}

.currentopennings .accordion-button {
    justify-content: space-between;
    padding: 25px 70px 5px 60px;
    z-index: 0;
}

.currentopennings .accordion-button h3 {
    color: #EAEAEA;
    font-family: 'Kanit';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.currentopennings .accordion-button p {
    color: #EAEAEA;
    text-align: right;
    font-family: 'Kanit';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.currentopennings .accordion-button {
    background-color: #000000;
}

.currentopennings .accordion-item {
    border-bottom: 1px solid #444444;
}

.currentopennings .accordion-item .accordion-body p {
    color: #000000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    /* padding-left: 65px; */
    padding-right: 339px;
}

.currentopennings .accordion-body:not(.collapsed),
.currentopennings .accordion-button:not(.collapsed) {
    background: #D3FD06;
}

.currentopennings .accordion-button:not(.collapsed) .questiontab-mobile svg circle,
.currentopennings .accordion-button:not(.collapsed) .questiontab-mobile svg path {
    stroke: #000000;
}

.currentopennings .accordion-button:not(.collapsed) p,
.currentopennings .accordion-button:not(.collapsed) h3 {
    color: #000000;
}

.ourdesignprocess-cont {
    padding: 0px 0px 50px 62px;
}

.ourdesignprocess-cont h3 {
    color: #EAEAEA;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    padding-right: 200px;
}

.ourdesignprocess-cont p {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ourdesignprocess .margin-head {
    background-color: #000000;
	text-transform: uppercase;
}

.ourdesignprocess-ul {
    display: flex;
    flex-wrap: wrap;
}

.ourdesignprocess-ul li {
    width: 100%;
    display: flex;
}

.ourdesignprocess-ul li:nth-of-type(even) {
    flex-direction: row-reverse;
}

.ourdesignprocess-ul li img {
    max-width: 400px;
    border-radius: 15px;
    width: 100%;
}

.ourdesignprocess-ul li .content-wrap {
    width: 50%;
}

.ourdesignprocess-ul li .content-wrap h2 {
    font-family: 'Kanit';
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    margin-top: 0px;
    color: #EAEAEA;
}

.ourdesignprocess-ul li .content-wrap p {
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.5px;
    color: #EAEAEA;
}

.ourdesignprocess-ul li:nth-of-type(odd) .content-wrap p {
    padding-right: 50px;
}

.ourdesignprocess-ul li:nth-of-type(even) .content-wrap p {
    padding-left: 50px;
}

.ourdesignprocess-ul li:nth-of-type(odd) .img-wrap {
    text-align: right;
    padding-right: 72px;
}

.ourdesignprocess-ul li:nth-of-type(odd) .content-wrap {
    text-align: left;
    padding-left: 72px;
}

.ourdesignprocess-ul li:nth-of-type(even) .content-wrap {
    padding-right: 72px;
    text-align: right;
}

.ourdesignprocess-ul li img {
    max-width: 400px;
    border-radius: 15px;
}

.ourdesignprocess-ul:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #444444;
    left: 50%;
    transform: translateX(-50%);
}

.ourdesignprocess .ourdesignprocess-ul {
    position: relative;
    margin-bottom: 50px;
}

.ourdesignprocess-ul li .img-wrap {
    width: 50%;
}

.ourdesignprocess-ul li .content-wrap {
    position: relative;
    padding-top: 60px;
}

.ourdesignprocess-ul li .content-wrap h2 {
    position: relative;
}

.ourdesignprocess-ul li .content-wrap h2:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #D3FD06;
    border-radius: 50%;
    left: -82px;
    top: 48%;
    transform: translateY(-50%);
}

.ourdesignprocess-ul li .content-wrap h2.step2 {
    display: inline-block;
}

.ourdesignprocess-ul li .content-wrap h2.step2:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background: #000000;
    border: 2px solid #EAEAEA;
    border-radius: 50%;
    left: -20px;
    top: 48%;
}

.ourdesignprocess-ul li:nth-of-type(even) .content-wrap h2::before {
    left: unset;
    right: -82px;
	background: #D3FD06;
}

.ourdesignprocess-ul li .content-wrap h2.active:before {
    background-color: #D3FD06;
}

.ourdesignprocess-ul li.active::before .ourdesignprocess .ourdesignprocess-ul li:nth-of-type(even) .content-wrap h2::before {
    right: -81px;
    left: unset;
}

.ourdesignprocess-ul li.active .content-wrap h2:before {
    background: #d3fd06;
}

.ourdesignprocess-ul li:nth-of-type(even) .img-wrap {
    padding-left: 72px;
}

.UIUX_design .slider-content {
}

.UIUX_design .slider-content h3 {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.UIUX_design .slider-content p.title {
    color: #D3FD06;
    font-family: 'Kanit';
    font-size: 96px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.UIUX_design .slider-content p {
    color: #EAEAEA;
    text-align: justify;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-right: 200px;
}

.UIUX_design .subhead {
    color: #000000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 0px;
    margin-bottom: 15px;
}

.UIUX_design .portfoliocards .card-group {
    margin-bottom: 50px;
}

.project_casestudy .slider-content {
    padding: 309px 0px 144px 62px;
}

.project_casestudy .slider-content h3 {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}

.project_casestudy .slider-content p.title {
    color: #EAEAEA;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 40px;
}

.project_casestudy .slider-content p {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 40px;
    padding-right: 200px;
}

.casestudy-btn {
    border-radius: 45px;
    background: #EAEAEA;
    color: #000000;
    font-family: Montserrat;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    position: relative;
    padding: 6px 21px 6px 28px;
}

.insightsblog .casestudy-btn {
    margin-right: 10px;
}

.casestudy-wrapp a::before {
    content: "";
    width: 7px;
    height: 7px;
    position: absolute;
    background: #D3FD06;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

.casestudy-btn:hover {
    background: #000000;
    color: #EAEAEA;
}

.link_ul {
    padding: 0px 86px;
    display: flex;
    justify-content: space-between;
}

.link_ul .link_wrapp h3 {
    color: #979797;
    font-family: 'Kanit';
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-top: 0px;
    margin-bottom: 10px;
}

.link_ul .link_wrapp p,
.link_ul .link_wrapp a {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.months {
    font-weight: 400;
}

.livesite {
    display: flex;
}

.livesite svg {
    margin-top: 12px;
    margin-left: 7px;
}

.projectoverview-cont {
    padding: 20px 60px 50px 60px;
}

.projectoverview-cont p{
	color:#fff;
}

.projectoverview-cont h3 {
    color: #EAEAEA;
    font-family: 'Kanit';
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    margin-bottom: 45px;
}

.projectoverview-cont .contentwrapp {
    display: flex;
    gap: 20px;
}

.projectoverview-cont .contentwrapp p {
    color: #EAEAEA;
    text-align: justify;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.casestudyimgwrapp img {
    width: 100%;
}

.careers .vertical-dots::before {
    height: 130px;
}

.employeestories {
    background-color: #000000;
    padding-bottom: 20px;
    padding-top: 20px;
}

.employeestories .margin-head-wrap {
    margin-left: 108px;
}

.employeestories-cont {
    margin-left: 170px;
}

.employeestories-cont h3 {
    color: #EAEAEA;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    padding-right: 274px;
}

.employeestories-cont p {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-right: 370px;
    margin-bottom: 0px;
}

.employeestories .carousel {
    background: #D3FD06;
}

.testimonial-text p {
    color: #000000;
    font-family: Montserrat;
    font-size: 14px;
    font-style: italic;
    font-weight: 700;
    line-height: 20px;
}

.testimonial-author {
    color: #000000;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.testimonial-role {
    color: #000000;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.testimonial-box {
    display: flex;
    justify-content: space-between;
    margin-left: 140px;
    margin-right: 140px;
}

.testimonial-text.first {
    padding-top: 34px;
}


.testimonial-box-cont {
    display: flex;
    justify-content: space-between;
    margin-bottom: 45px;
    margin-top: 30px;
}

.testimonial-text {
    margin-left: 40px;
    padding-top: 34px;
}

.employeestories .carousel-control-prev svg {
    /* margin-top: 248px; */
    margin-left: 70px;
}

.employeestories .carousel-control-next svg {
    /* margin-top: 259px; */
    margin-right: 70px;
}

img.testimonial-image {
    width: 30%;
}

.employeestories .carousel-control-prev svg path {
    fill: #000000;
}

/* .currentopennings .accordion-body {
    /* padding: 0 468px 20px 140px; */
/* display: flex;
justify-content: space-between;
} */

.currentopennings .accordion-button:focus {
    border-color: #D3FD06 !important;
    box-shadow: none !important;
}

.employeestories .carousel-inner.mobileview {
    display: none;
}

.UIUX_design .vertical-dots::before {
    height: 190px;
}

.ourotherservices .margin-head {
    background: #000000;
}

.otherservice-cont {
    padding: 0px 0px 40px 62px;
}

.otherservice-cont h3 {
    color: #EAEAEA;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 55px;
    padding-right: 300px;
}

.otherservice-cont p {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding-right: 100px;
}

.ourotherservices .card-group {
    gap: 55px;
    padding: 0 70px 80px 70px;
}

.ourotherservices .card-group .card {
    background: #000000;
}

.ourotherservices .card-group .card:hover .card-footer {
    background-color: #D3FD06;
}

.ourotherservices .card-group .card .card-body {
    background-color: #EAEAEA;
    padding-top: 30px;
    padding-left: 30px;
}

.portfoliocards .card-footer {
    padding: 15px 0;
}

.ourotherservices .card-group .card .card-footer {
    background-color: #EAEAEA;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    text-align: center;
    padding: 20px 0;
}

.ourotherservices .card-head {
    color: #000000;
    font-family: 'Kanit';
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

.ourotherservices .card-text {
    color: #000000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.ourotherservices .learnmore {
    color: #000000;
    font-family: 'Kanit';
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

.researchaudit .slider-content h1.title {
    color: #D3FD06;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
    padding-right: 0;
    /* margin-bottom: 15px; */
}

.researchaudit .slider-content p {
    color: #EAEAEA;
    text-align: left;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    max-width: 600px;
    /* margin-bottom: 50px; */
}

.researchaudit .vertical-dots::before {
    height: 189px;
}

.researchaudit .slider-content h3 {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.insightsblog .slider-content h3 {
    color: #EAEAEA;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.insightsblog .slider-content h1.title {
    color: #D3FD06;
    font-family: 'Kanit';
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 45px;
}

.insightsblog .slider-content p {
    color: #ffffff;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
	max-width:800px;
	text-shadow: 0px 1px 2px #000;
}

.sec-area.tableofcontent .container-fluid {
    background: #EAEAEA;
}

.sec-area.tableofcontent {
    padding: 0px 160px 40px;
}

.contentwrapper h3 {
    color: #000000;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin:30px 0px;
}

.contentwrapper p {
    color: #000000;
    text-align: left;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 20px;
}

.mainwrapper {
    padding: 80px 0 40px 86px;
}

.contentwrapper p.lastparagh {
    margin-bottom: 39px;
}

.contentwrapper h3.smalltitle {
    font-size: 20px;
}

.tableofcontentimgwrapp {
    margin-bottom: 80px;
}

.tablewrapp {
    position: sticky;
    height: max-content;
    top: 180px;
    margin-bottom: 80px;
	margin-right:39px;
}

.tablecontent-ul li a {
    color: #000000;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    padding: 20px;
    display: block;
    border: 1px solid #444444;
    border-right: 0px;
}

.contact .vertical-dots::before,
.porfolio .vertical-dots::before {
    height: 130px;
}

.brwsindust.active {
    background: #D3FD06;
}

.insightsblog .casestudy-wrapp {
    margin-bottom: 144.38px;
}

.insightsblog .vertical-dots::before {
    height: 98px;
}

ul.tablecontent-ul {
    margin-top: 20px;
}

.share {
    display: flex;
    flex-wrap: nowrap;
    margin-left: 20px;
}

.share p {
    color: #000000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-left: 8px;
    margin-top: 2px;
}

.services .slider-content p.title {
    font-size: 84px;
}

.ourdesignprocess .ourdesignprocess-ul h2.designyellowtext:before {
    background: #D3FD06;
}

.ourdesignprocess .ourdesignprocess-ul h2.designyellowtext {
    color: #D3FD06;
}

.pagination .page-item .page-link.active {
    background: #D3FD06;
    color: #000000;
}

.joinourclientele-btn.applynow {
    background: #000000;
    border: 1px solid #000000;
    color: #D3FD06;
}

.apllynowwrapp {
    /* padding-left: 65px; */
    padding-right: 909px;
}

.getintouch-cont p.text {
    font-weight: 400 !important;
}

p.contactdetails {
    margin-top: 50px;
}

.getintouch-cont p.text.reachusout {
    margin-top: 47px;
}

.insightssvg svg {
    margin-top: -4px;
}

span.count {
    margin-right: 10px;
}

.cardbody.clientcenteric {
    padding: 20.4px 16.61px 30px 24px;
}

.sec-area.ourservice,
.sec-area.ourvalues {
    padding: 57px 160px 20px;
}

.container-fluid.joinourteammobile {
    display: none;
}

.container-fluid.joinourteamdesktop {
    display: block;
}

.ourstorywrapp.mobileview {
    display: none;
}

.emailwrapper .cardtext {
    padding-top: 15px;
}

.UIUX_design .ourprojects .viewourportfolio-wrapp {
    margin-bottom: 20px;
}

.sec-area.link {
    padding: 57px 160px 0px;
}

.project_casestudy .sec-area.ourprojects .viewourportfolio-wrapp {
    margin-bottom: 50px;
}

.ourprojects .viewourportfolio-wrapp {
    margin-bottom: 20px !important;
}

.ourclient .owl-carousel .item {
    margin-top: 80px;
}

.getintouch .sendenqbtnwrap {
    padding-left: 10px;
    padding-right: 10px;
}

.insights .joinourclientele-wrapp {
    margin-bottom: 0px;
}

.sec-area.faq {
}

.ourspark .disfi-wrapp {
    margin-bottom: 50px;
}

.about .sec-area.ourprojects {
}

.social-icons a:hover {
    background-color: #d4ff00;
    border: 2px solid #000000;
}

.social-icons a:hover svg path {
    fill: #000000;
}

.researchaudit .sec-area.faq {
    padding: 20px 160px 0px;
}

.UIUX_design .sec-area.faq {
    padding: 57px 160px 0px;
}

.UIUX_design .joinourclientele-wrapp.faq {
    margin-bottom: 0px;
}

.UIUX_design .sec-area.portfoliocards {
    padding: 0 160px 45px;
}

.UIUX_design .portfoliocards .card-group .card .card-body {
    padding: 20px;
}

.researchaudit .joinourclientele-wrapp.faq {
    margin-bottom: 0px;
}

.researchaudit .slider-content {
    padding: 200px 86px 200px 86px;
}

.project_casestudy .casestudy-btn {
    margin-right: 10px;
}


.projectoverview-cont.seccontent {
    margin-top: 30px;
}

.carouselinsights {
    display: none;
}

.joinourteamdesktop .imagebox img {
    width: 29%;
}

.insight .pagination {
    margin-bottom: 0px;
}

.insight .sec-area.ourservice {
    padding-top: 20px;
}

.insight .slider-content {
    padding:100px 70px 20px 
}

.insightsblog .img-fluid {
    border-radius: 15px;
}

.careers .accordion-body {
    padding-left: 60px;
    padding-top: 10px;
}

.questiontab-mobile {
    display: none;
}

.questiontab-mobile h3 {
    padding-left: 10px;
}

.questiontab-mobile svg {
    margin-top: 5px;
}

.employeestories .joinourclientele-wrapp.mobile {
    display: none;
}

.active-image {
    opacity: 0.5;
}

.ourotherservices .carousel-indicators {
    bottom: -25px;
}

.ourotherservices .carousel-indicators [data-bs-target] {
    width: 10px;
}

.researchaudit .ourotherservices .carouselotherservice.card-group {
    display: none;
}

.ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0.fashion01.first .col-md-4 {
    background-image: url(img/ourproject-shopease1.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.ourprojects .ourprojects-contentWrapp .card.mb-3.mobileview .row.g-0.fashion01.first .col-md-4 {
    background-image: url(img/ourproject-shopease1.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;

}

.ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0.fashion01.second .col-md-4 {
    background-image: url(img/ourproject-shopease2.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0.healthcare02.first .col-md-4 {
    background-image: url(img/ourproject-shopease2.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0.healthcare02.second .col-md-4 {
    background-image: url(img/ourproject-shopease2.png);
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.contactcard {
    border-radius: 15px;
    background: #EAEAEA;
}

.row.contactcardwrapp {
    padding: 0 80px;
    gap: 20px;
}

.workinghrs,
.contactwrapp,
.findusat {
    padding: 25px;
}

.navcontain.mobile-menu ul li {
    margin-bottom: 20px;
}

.navcontain.mobile-menu ul li.btn {
    margin-top: 50px;
}

.navcontain.mobile-menu ul li a:not(.btn):before {
    content: "";
    width: 100%;
    height: 1px;
    position: absolute;
    background: #444444;
    left: 1px;
    top: 125%;
    transform: translateY(-50%);
}

.navcontain.mobile-menu ul li a:not(.btn) {
    position: relative;
}

.navbar .mobile-menu .navbar-collapse {
    width: 100%;
}

.mobile-menu .navbar-nav .dropdown-menu {
    margin-top: 10px;
}

/* media query */

@media (max-height: 600px) {
    .slider-container {
        height: 100%;
    }

    .slider-content {
        /* padding-bottom: 50px !important; */
    }
}

@media (max-width: 1920px) {
    .social-icons.mobile-icons-footer {
        display: none;
    }

    .sec-area.joinourteam .margin-head-wrap:before {
        left: 161px;
        width: 1480px;
    }

    .sec-area.joinourteam .margin-head-wrap .margin-head {
        margin-left: 220px;
    }

    .joinourteam-cont {
        padding: 12px 0px 0px 220px;
    }

    .joinourteam-cont p {
        margin-top: 20px;
    }



    .navcontain, .sec-area {
    }

    .employeestories .margin-head-wrap:before {
        left: 40px;
        width: 89.4%;
    }

    .employeestories .margin-head {
        margin-left: 95px;
    }

    .employeestories-cont h3 {
        padding-right: 674px;
    }

    .employeestories-cont p {
        padding-right: 744px;
    }

    .testimonial-box {
        margin-left: 170px;
        margin-right: 215px;
    }

    /* .employeestories .carousel-control-next svg {
        margin-top: 265px;
        margin-right: 166px;
    } */

    /* .employeestories .joinourclientele-wrapp {
        margin-bottom: 53px;
    } */

    .employeestories-cont {
        margin-left: 202px;
    }

    .apllynowwrapp {
        padding-bottom: 20px;
    }

    .currentopennings .accordion-item .accordion-body p {
    }

    .about .sec-area.joinourteam .joinourclientele-wrapp {
        margin-bottom: 40px !important;
    }

    .joinourteamdesktop .imagebox img {
        width: 36%;
    }
}

@media (max-width: 1600px) {

    .navbar-brand {
        padding-right: 0;
    }

    .ourspark-ul li .ylwbtn {
        font-size: 42px;
    }

    .ourspark-ul {
        padding: 0 7% 70px;
    }

    li.nav-item.btn {
        padding-left: 0px;
    }

    .vertical-dots {
        min-width: 120px;
    }

    .social-icons {
        min-width: 120px;
    }


    .ourspark-ul {
        padding: 40px 124px 0 93px;
    }

    .navbar-nav {
        gap: 38px;
    }

    .vertical-dots,
    .social-icons {
        min-width: 120px;
    }

    .sec-area.ourservice,
    .navcontain,
    .sec-area {
        padding: 52px 120px 40px;
    }

    section.sec-area.herosection {
        padding-top: 120px;
    }

    .card-header:first-child {
        font-size: 29px;
    }

    .slider-content {
        padding: 200px 86px 200px 86px;
    }

    .ourspark-cont {
        font-size: 42px;
    }

    .disfi-wrapp {
        margin-top: 80px;
    }

    h2 {
        font-size: 42px;
    }

    .oursec-cont p {
        width: 70%;
    }

    .ourservice-ul .contents h2 {
        font-size: 33px;
    }

    .ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 .card-body .card-head {
        font-size: 22px;
    }

    .social-icons.mobile-icons-footer {
        display: none;
    }

    .sec-area.joinourteam .margin-head-wrap:before {
        left: 120px;
        /* width: 92%; */
    }

    .sec-area.joinourteam .margin-head-wrap .margin-head {
        margin-left: 181px;
    }

    .joinourteam-cont {
        padding: 12px 0px 0px 181px;
    }

    .employeestories-cont h3 {
        padding-right: 406px;
    }

    .employeestories-cont p {
        padding-right: 352px;
    }

    .employeestories .margin-head-wrap:before {
        left: 0;
        width: 92%;
    }

    .employeestories .margin-head {
        margin-left: 60px;
    }

    .employeestories-cont {
        margin-left: 170px;
    }

    .testimonial-box {
        margin-left: 130px;
        margin-right: 160px;
    }

    .employeestories .joinourclientele-wrapp {
        margin-top: 77px;
        margin-bottom: 0px;
    }

    .services .slider-content p {
        padding-right: 414px;
    }

    .apllynowwrapp {
        padding-bottom: 20px;
        display: inline-block;
    }

    .currentopennings .accordion-item .accordion-body p {
    }

    .ourclientele-cont h2 {
        padding-right: 467px;
    }

    .navcontain,
    .sec-area {
        margin-bottom: 0px;
    }

    /* .contact .cardbody.findusat {
        padding-bottom: 44px;
    } */

    .contact .sec-area.insights {
        padding: 0px 119px 45px;
    }

    .joinourteamdesktop .imagebox img {
        width: 44%;
    }

    .about .sec-area.joinourteam .joinourclientele-wrapp {
        margin-bottom: 40px !important;
    }

    .sec-area.ourservice,
    .sec-area.ourvalues {
        padding: 57px 120px 20px;
    }

    .joinourteam-cont h3 {
        font-size: 46px;
    }

    .joinourteam-cont p {
        padding-right: 630px;
    }

}

@media (max-width: 1400px) {
	.slider-content h3{font-size:24px !important;}
    .navbar-nav {
        gap: 35px;
    }

    .disfi-wrapp {
        padding: 0 7%;
        margin-bottom: 100px;
    }

    .margin-head-wrap {
        margin-bottom: 30px;
    }

    .home .slider-content h2 {
        font-size: 24px;
    }

    .oursec-cont p {
        padding-right: 0px;
        width: 100%;
    }

    .slider-content p {
        max-width: 600px;
    }

    .slider-content h2 {
        font-size: 24px;
    }

    .vertical-dots,
    .social-icons {
        min-width: 85px;
        padding: 10px;
        padding-bottom: 90px;
    }
	
	.sec-area.tableofcontent{
		padding:0px 85px 0px;
	}
	
    .about .sec-area.ourprojects,
    .sec-area.ourservice,
    .sec-area {
        padding: 42px 85px 32px;
    }

    .navcontain {
        padding: 42px 20px 32px;
    }

    .vertical-dots::before {
        bottom: 40px;
    }

    .slider-content {
        padding: 200px 86px 200px 86px;
    }


    .slider-content h1 {
        font-size: 48px;
		line-height: 45px;
    }
	

    .ourspark-cont {
        padding: 0;
    }

    .ourspark-cont p {
        font-size: 36px;
    }

    .ourspark-ul {
        padding: 0 7% 60px;
    }

    .disfi-wrapp {
        margin-bottom: 40px;
        margin-top: 0px;
    }

    .sec-area.joinourteam .margin-head-wrap:before {
        left: 84px;
        width: 1050px;
    }

    .sec-area.joinourteam .margin-head-wrap .margin-head {
        margin-left: 150px;
    }

    .joinourteam-cont {
        padding: 12px 0px 0px 150px;
    }

    .sec-area.joinourteam .joinourclientele-wrapp {
        margin-top: 50px;
    }

    .ourclientele-cont h2 {
        padding-right: 342px;
    }

    .ourclientele-cont p {
        padding-right: 299px;
    }

    .insights .joinourclientele-wrapp {
        margin-bottom: 0px;
        margin-top: 50px;
    }

    footer .col-md-2.mb-4:nth-of-type(2) {
        width: 23%;
    }

    .about .herosection .slider-content h1.title {
        font-size: 48px;
		line-height:48px;
    }

    .about .slider-content p {
        padding-right: 0px;
    }

    .get-started {
    }

    .ourstory-cont h3 {
        padding-right: 316px;
    }

    .ourstory-cont p {
        padding-right: 191px;
    }

    .ourimpact-cont h3 {
        padding-right: 302px;
    }

    .ourimpact-cont p {
        padding-right: 147px;
    }

    .sec-area.ourvalues {
        padding: 50px 85px 20px;
    }

    .ourvalues-cont h3 {
        padding-right: 304px;
    }

    .porfolio .slider-content p,
    .services .slider-content p {
        padding-right: 0px;
    }

    .services .slider-content p.title {
        font-size: 48px;
    }

    .insight .slider-content p {
        padding-right: 0px;
    }

    .insight .slider-content p.title {
        font-size: 51px;
    }

    .careers .slider-content p {
        padding-right: 0px;
    }

    .employeestories .margin-head {
        margin-left: 30px;
    }

    .employeestories .margin-head-wrap:before {
        left: -34px;
        width: 94%;
    }

    .employeestories-cont {
        margin-left: 144px;
    }

    .employeestories .joinourclientele-wrapp {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .contact .slider-content p {
        padding-right: 0px;
    }

    .contact .sec-area.insights {
        padding: 0px 85px 45px;
    }

    .UIUX_design .slider-content p.title {
        padding-right: 0px;
    }

    .UIUX_design .slider-content p {
        padding-right: 267px;
        text-align: left;
    }

    .UIUX_design .slider-content p {
        max-width: 100%;
    }

    .project_casestudy .slider-content p {
        padding-right: 0px;
    }

    .link_ul {
        padding: 0px;
    }

    /* .container-fluid.joinourteammobile {
        display: block;
    }

    .container-fluid.joinourteamdesktop {
        display: none;
    }

    .joinourteammobile .joinourteam-cont {
        padding-right: 100PX;
    }

    .joinourteammobile .imagebox {
        padding-left: 150px;
    }

    .joinourteammobile .imagebox img {
        border-radius: 15px;
    }

    .joinourteammobile .joinourclientele-wrapp {
        padding-left: 150px;
        padding-bottom: 50px;
    } */

    .about .sec-area.joinourteam .joinourclientele-wrapp {
        margin-bottom: 0px !important;
    }

    .joinourteam-cont h3 {
        font-size: 40px;
    }

    .joinourteam-cont p {
        font-size: 18px;
    }

    .about .sec-area.joinourteam .joinourclientele-wrapp {
        margin-top: 30px;
    }
}

@media (max-width: 1300px) {
    .ourservice-ul .contents {
        padding-left: 115px;
    }

    .ourservice-ul .contents .ourservice-icon {
        top: 71px;
    }

    .ourservice-ul .contents .ourservice-icon svg {
        width: 40px;
        height: 40px;
    }

    footer .col-md-4 {
        width: 40%;
        padding-right: 2%;
    }

    footer .col-md-2.mb-4:nth-of-type(2) {
        width: 25%;
    }

    .disfi-wrapp {
        padding: 0px 60px 0px 60px;
    }

    .ourspark-ul {
        padding: 40px 60px 10px 60px;
    }

    .ourspark-cont p {
        padding: 40px 60px 10px 60px;
    }

    .insights .cardwrapp .col .card .card-body {
        padding: 20.4px 10.61px 20px 13px;
    }

    .insights .cardwrapp .col .card .card-body .card-text {
        font-size: 20px;
    }

    .navbar-nav {
        gap: 30px;
    }

    .cardtitle {
        font-size: 22px;
    }

    .ourimpact-cont h3 {
        padding-right: 209px;
    }

    .ourspark-ul p {
        font-size: 14px;
    }

    .employeestories {
        padding-bottom: 19px;
    }

    .employeestories .joinourclientele-wrapp {
        margin-left: 37px;
    }

    .joinourteam-cont h3 {
        font-size: 36px;
    }

    .joinourteam-cont p {
        padding-right: 547px;
    }

    .about .sec-area.joinourteam .joinourclientele-wrapp {
        margin-bottom: 34px !important;
    }

    .joinourteamdesktop .imagebox img {
        width: 48%;
    }

}

@media (max-width: 1200px) {

    footer .row {
        --bs-gutter-x: -0.5rem;
    }

    footer .col-md-4 {
        width: 90%;
    }

    .navbar-active .mobile-menu {
        transform: translateX(0);
        opacity: 1;
    }

    .vertical-dots,
    .social-icons {
        display: none;
    }

    .toggle-button {
        display: block;
    }

    .nav-item.btn,
    .navbar ul {
        display: none;
    }

    .navcontain.mobile-menu .navbar-brand,
    .mobile-menu .navbar-nav,
    .mobile-menu .nav-item.btn {
        display: block;
    }

    .mobile-menu .nav-item.btn {
        margin-top: 30px;
    }

    .mobile-menu .navbar-nav li a {
        font-size: 16px;
    }

    .sec-area.joinourteam,
    .sec-area.ourvalues,
    .sec-area.ourservice,
    .sec-area {
        padding: 40px 0px
    }

    .disfi-wrapp {
        margin-bottom: 40px;
    }

    .oursec-cont p {
        width: 100%;
    }

    .ourspark-ul li .ylwbtn {
        font-size: 35px;
    }

    .ourclientele .ourclientele-cont p {
        width: 70%;
    }

    .ourservice-ul .contents h2 {
        font-size: 26px !important;
    }

    .ourspark-ul {
        padding: 0 40px 50px;
    }

    .margin-head {
        margin-left: 40px;
    }

    .margin-head-wrap {
        margin-bottom: 25px;
    }

    .home .slider-content h2 {
        font-size: 24px;
    }

    .navbar-nav {
        gap: 9px;
    }

    .nav-link-btn {
        padding: 15px;
    }

    section.sec-area.herosection {
        padding-top: 97px;
    }

    .slider-content p {
        font-size: 16px;
    }

    .slider-content h2 {
        font-size: 70px;
    }

   .sec-area.tableofcontent{
		padding:0px;
	}
	
    section.sec-area.herosection {
        padding-top: 71px;
    }

    .vertical-dots,
    .social-icons {
        min-width: 50px;
        padding: 5px;
        padding-bottom: 40px;
    }

    .social-icons a {
        width: 30px;
        height: 30px;
    }

    .owl-carousel .item {
        margin-top: 80px;
		width:95px !important;
    }

    .social-icons a svg {
        width: 16px;
        height: 16px;
    }

    .slider-content {
        padding: 100px 86px 100px 86px;
    }

    .slider-content h1 {
        font-size: 48px;
		line-height:45px;
    }

    /*h2 {
        font-size: 34px !important;
    }*/

    .card-header:first-child {
        font-size: 26px;
        margin-left: 40px;

    }

    .ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 .col-md-8 {
        padding: 15px;
    }


    .insights .cardwrapp {
        flex-wrap: wrap;
        padding: 0 40px;
    }

    .insights .cardwrapp .col {
        width: 100%;
    }

    .insights .cardwrapp .col .card .card-body {
        padding: 20.4px 13.61px 20px 14px;
    }

    .insights .joinourclientele-wrapp {
        margin-top: 55px;
        margin-bottom: 0px;
    }

    /* .sec-area.joinourteam .margin-head-wrap:before {
        left: 120px;
        width: 92%;
    }

    .sec-area.joinourteam .margin-head-wrap .margin-head {
        margin-left: 181px;
    }

    .joinourteam-cont {
        padding: 12px 0px 0px 181px;
    } */

    .ourspark-cont {
        padding: 0px;
    }

    .ourspark-cont p {
        padding: 20px 44px;
        font-size: 34px;
    }

    .ourprojects-cont {
        margin-left: 44px;
    }

    .ourprojects-contentWrapp {
        margin-top: 50px;
    }

    .ourclientele-cont h2 {
        padding-right: 267px;
    }

    .ourclientele-cont p {
        padding-right: 159px;
    }

    .getintouch-cont-wrapper {
        padding: 0px 44px 0px 44px;
    }

    .getintouch-cont p.text.reachusout,
    p.contactdetails {
        margin-top: 30px;
    }

    .sendenqbtnwrap {
        padding: 20px;
    }

    .latestinsights-cont {
        padding: 0px 0px 40px 44px;
    }

    .footer-mobileview {
        display: block;
    }

    .footer p.footer-desktop {
        display: none;
    }

    footer .col-md-2.mb-4 {
        display: none;
    }

    .about .herosection .slider-content h1.title {
        font-size: 48px;
		line-height: 48px;
    }

    .about .herosection .slider-content h3 {
        font-size: 30px;
    }

    .about .slider-content p {
        padding-right: 0px;
    }

    .ourstory-cont {
        padding: 0px 0px 50px 40px;
    }

    .ourstory-cont h3 {
        padding-right: 0px;
		font-size:34px;
    }

    .ourstory-cont p {
        padding-right: 5px;
    }

    .ourimpact-cont {
        padding: 0px 44px 50px 44px;
    }

    .ourimpact-cont h3 {
        padding-right: 118px;
		font-size:34px;
    }

    .ourimpact-cont p {
        padding-right: 10px;
    }

    .cardwrapp,
    .ourimpact .container-fluid .ourspark-ul {
        padding: 0px 44px 0 44px;
    }

    .ourvalues-cont {
        padding: 0px 0 50px 44px;
    }

    .ourvalues-cont h3 {
        padding-right: 148px;
        font-size: 34px !important;
    }

    .ourvalues-cont p {
        padding-right: 37px;
    }

    /* .container-fluid.joinourteammobile {
        display: block;
    }

    .container-fluid.joinourteamdesktop {
        display: none;
    }

    .sec-area.joinourteam .margin-head-wrap {
        padding-top: 40px !important;
    }

    .sec-area.joinourteam .margin-head-wrap:before {
        left: 0px;
        width: 100%;
    }

    .sec-area.joinourteam .margin-head-wrap .margin-head {
        margin-left: 44px;
    }

    .joinourteam-cont {
        padding: 0px 0px 0px 44px;
    } */

    .disfi-wrapp {
        padding: 0 3%;
    }

    .contact .row.cardwrapp,
    .insights .cardwrapp,
    .ourvalues .row.cardwrapp {
        --bs-gutter-x: -0.5rem;
        gap: 15px;
    }

    /* .float-end {
        float: left !important;
        margin-left: 44px;
    } */

    .imagewrapper {
        padding: 50px 61px 0px 44px;
    }

    .contact .sec-area.insights {
        padding: 0px 0px 45px;
    }

    .porfolio .insights .joinourclientele-wrapp {
        margin-bottom: 37px;
    }

    .employeestories .margin-head-wrap {
        margin-left: 0px;
    }

    .employeestories .margin-head-wrap:before {
        width: 104%;
    }

    .employeestories-cont {
        margin-left: 37px;
    }

    .employeestories-cont p {
        padding-right: 185px;
    }

    .employeestories-cont h3 {
        padding-right: 251px;
    }

    .testimonial-box {
        margin-left: 34px;
        margin-right: 65px;
    }

    .testimonial-box-cont {
        margin-bottom: 74px;
    }

    .carousel-control-prev {
        left: -79px;
    }

    .sec-area.link {
        padding: 57px 68px 0px;
    }

    .casestudyimgwrapp {
        padding: 0 60px 0 60px;
    }

    /* .insight .sec-area.ourservice {
        padding: 40px 25px;
    } */

    .joinourteammobile .imagebox {
        padding-left: 40px;
    }

    .about .joinourteammobile .joinourclientele-wrapp {
        padding-left: 40px;
    }

    .row.contactcardwrapp {
        padding: 0 50px;
    }

    .contactwrapp {
        padding: 25px 0 25px 5px;
    }

    .sec-area.joinourteam .margin-head-wrap:before {
        left: 0px;
        width: 100%;
    }

    .sec-area.joinourteam .margin-head-wrap .margin-head {
        margin-left: 40px;
    }

    .joinourteam-cont {
        padding: 12px 0px 0px 40px;
    }

    .joinourteamdesktop .imagebox img {
        width: 50%;
    }

}

@media (max-width: 1024px) {
	
	.navbar-brand img{width:165px;}
    .navbar-active .mobile-menu {
        transform: translateX(0);
        opacity: 1;
    }

    .vertical-dots,
    .social-icons {
        display: none;
    }

    .toggle-button {
        display: block;
    }

    .nav-item.btn,
    .navbar ul {
        display: none;
    }

	.portfoliocards{
	padding: 30px 0px 30px !important;
	}
	
    .sec-area {
        padding: 40px 0px
    }

    .UIUX_design .sec-area.faq,
    .sec-area.faq {
        padding: 40px 0px;
    }

    .slider-content {
        padding-left: 50px;
    }

    footer .col-md-2.mb-4 {
        display: none;
    }

    .ourprojects .card.mb-3 {
        padding: 0 1%;
    }

    .card>.card-header+.list-group {
        padding-left: 27px;
    }

    .ourprojects .card ul li {
        border-left: 1px solid #444444;
    }

    .navcontain.mobile-menu .navbar-brand,
    .mobile-menu .navbar-nav,
    .mobile-menu .nav-item.btn {
        display: block;
    }

    .navcontain {
        padding: 10px 20px 10px;
    }

    .mobile-menu .nav-item.btn {
        margin-top: 20px;
    }

    .ourclientele-cont h2 {
        padding-right: 150px;
        margin-bottom: 30px;
    }

    .ourclientele-cont p {
        padding-right: 72px;
    }

    .ourprojects-cont p {
        padding-right: 10px;
    }

    .UIUX_design .joinourclientele-wrapp.faq {
        margin-bottom: 0px;
        margin-top: 50px;
    }

    .UIUX_design .slider-content p {
        padding-right: 61px;
    }

    .latestinsights-cont p {
        padding-right: 0px;
    }

    .insights .cardwrapp {
        padding: 0 70px 0 69px;
    }

    .insights .cardwrapp .col {
        margin-bottom: 25px;
    }

    footer .col-md-4 {
        /* width: 100%; */
        padding-left: 58px;
    }

    .disfi-wrapp,
    .ourspark-ul {
        padding: 0px 30px;
    }

    .about .sec-area.ourprojects {
        padding: 0px 0px 45px 0px;
    }

    /* .imagebox {
        margin-left: 44px;
        margin-top: 50px;
    } */

    /* .joinourteam .joinourclientele-wrapp {
        margin-left: 44px;
        margin-bottom: 50px !important;
    } */

    .ourspark-cont {
        padding: 0px 30px 20px 30px;
    }

    .ourspark-cont p {
        padding: 0px;
        font-size: 32px;
    }

    .ourspark .disfi-wrapp {
        margin-bottom: 15px;
        margin-top: 30px;
    }

    /* .sec-area.ourservice {
        padding: 25px 0;
    } */

    .ourclientele-cont,
    .ourprojects-cont,
    .oursec-cont {
        margin-left: 44px;
    }

    .oursec-cont p {
        width: 100%;
        padding-right: 0px;
    }

    .ourprojects-contentWrapp {
        margin-top: 40px;
    }

    .ourclient .joinourclientele-wrapp {
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .insights .joinourclientele-wrapp {
        margin-top: 30px;
        margin-bottom: 0px;
    }

    .getintouch-cont-wrapper {
        padding: 0px 44px 0px 44px;
    }

    .getintouch-cont h2 {
        font-size: 40px;
    }

    p.contactdetails {
        margin-top: 30px;
    }

    .getintouch-cont p.text.reachusout {
        margin-top: 25px;
    }

    .getintouch-cont p {
        font-size: 18px;
    }

    .sendenqbtnwrap {
        padding: 12px;
    }

    .sendenqbtn {
        padding: 16px;
    }

    .latestinsights-cont {
        padding: 0px 0px 40px 44px;
    }

    .insights .cardwrapp .col {
        flex: 1 0 0%;
    }

    .insights .cardwrapp {
        padding: 0 44px 0 44px;
    }

    .cardwrapp .col .card .card-body {
        padding: 1rem 1rem;
    }

    .cardwrapp .col .card .card-body .card-title h6 {
        font-size: 12px;
    }

    .cardwrapp .col .card .card-body .card-title p {
        font-size: 10px;
    }

    .cardwrapp .col .card .card-body .card-text {
        font-size: 18px;
    }

    .cardwrapp .col .card .card-body a {
        font-size: 14px;
    }

    .cardwrapp .col .card .card-body .card-text {
        padding-bottom: 0px;
    }

    .faq-cont {
        padding: 0px 0 0px 44px;
    }

    .faq .accordion-item .accordion-header .accordion-button {
        padding: 25px 44px;
    }

    .accordion-body {
        padding: 0px 67px 0px;
    }

    .ourstorywrapp.mobileview {
        display: block;
        padding: 0px 0px 50px 44px;
    }

    .ourstorywrapp {
        display: none;
    }

    .ourstory-cont p {
        padding-right: 75px;
    }

    .ourstorywrapp.mobileview .contentdiv {
        padding-left: 0px;
        padding-top: 20px;
        padding-right: 44px;
        width: 100%;
    }

    .cardtitle {
        font-size: 21px;
    }

    .services .joinourclientele-wrapp.faq {
        margin-top: 50px;
        margin-bottom: 0px;
    }

    .services .insights .joinourclientele-wrapp {
        margin-bottom: 50px;
    }

    .portfoliocards .card-group {
        padding: 0 44px;
    }

    .link_ul .link_wrapp p {
        font-size: 14px;
    }

    .projectoverview-cont .contentwrapp p {
        text-align: left;
        font-size: 16px;
    }

    .project_casestudy .sec-area {
        padding: 40px 0px;
    }

    .sec-area.link {
        padding: 57px 68px 0px;
    }

    .sec-area.tableofcontent {
        padding: 0px 0px 40px;
    }

    .mainwrapper {
        padding: 80px 0 0 50px;
    }

    .faq .accordion-item .accordion-body p {
        text-align: left;
    }

    .researchaudit .slider-content {
        padding: 100px 50px 100px 50px;
    }

    .researchaudit .slider-content h1.title {
        font-size: 48px;
    }

    .researchaudit .slider-content p {
        padding-right: 0px;
    }

    .researchaudit .ourdesignprocess-cont {
        padding: 0 0 50px 45px;
    }

    .researchaudit .sec-area.faq {
        padding: 20px 0 0;
    }

    .ourotherservices .card-group {
        gap: 20px;
    }

    .researchaudit .otherservice-cont {
        padding: 0 0 50px 50px;
    }

    .researchaudit .ourotherservices .card-group {
        padding: 0 50px 50px 50px;
    }

    .researchaudit .otherservice-cont p {
        margin-top: 25px;
    }

    .researchaudit .ourotherservices .card-group .card .card-body {
        padding-top: 30px;
    }

    .researchaudit .ourotherservices .card-head {
        font-size: 20px;
    }

    .researchaudit .ourotherservices .card-text {
        padding-bottom: 0px;
    }

    .ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 .card-body .card-head {
        margin-top: 0px;
        font-size: 16px;
    }

    .ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 .card-body .card-text {
        padding-bottom: 10px;
        font-size: 14px;
    }

    .ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 .card-body .btn-learnmorewrapp .btn-learnmore {
        padding: 15.06px 20px 15.06px 20px;
    }

    .row.mb-3.sendenqbtnwrap {
        margin-bottom: 0px !important;
    }

    .researchaudit .sendenqbtnwrap {
        padding: 12px 10px 0 10px;
    }

    .ourvalues .row.cardwrapp .cardbody {
        padding: 15.4px 16.61px 10px 14px;
    }

    .ourvalues .row.cardwrapp .cardbody.clientcenteric {
        padding: 15.4px 16.61px 16px 14px;
    }

    .portfoliocards .card-title-btn {
        padding: 6px 10px 6px 20px;
    }

    .portfoliocards .card-group {
        gap: 20px;
        grid-template-columns: repeat(2, 1fr);
        padding: 0px 40px;
    }

    .portfoliocards .card-group .card-head {
        line-height: 20px;
    }

    .insight .portfoliocards .card-group .card-head {
        font-size: 18px;
    }

    .portfoliocards .card-group .card-head {
        line-height: 22px;
		font-size:18px !important;
    }

    .insight .portfoliocards .card .card-title {
        margin-bottom: 25px;
    }

    .pagination {
        margin-bottom: 0px;
    }

    .apllynowwrapp {
        padding-left: 0px;
        padding-right: 716px;
    }

    .currentopennings .accordion-item .accordion-body p {
        padding-left: 0px;
        padding-top: 15px;
    }

    .UIUX_design .accordion-body {
        padding: 0 45px 0;
    }

    .UIUX_design .sec-area.portfoliocards {
        padding: 40px 0;
    }

    .UIUX_design .portfoliocards .card-group {
        grid-template-columns: repeat(2, 1fr);
    }

    .link_ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .ourstory .imgdivwrapp {
        padding-right: 44px;
    }

    .ourstory .imgdivwrapp img {
        width: 100%;
    }

    /* .imagebox {
        margin-right: 44px;
    } */

    .imagebox img {
        width: 100%;
        border-radius: 25px;
    }

    .services .slider-content {
        padding: 115px 0 50px 62px;
    }

    .porfolio .slider-content {
        padding: 115px 0 50px 62px;
    }

    .porfolio .slider-content p.title {
        /* line-height: 125px; */
    }

    .porfolio .pagination {
        margin-bottom: 40px;
    }

    .link_ul .link_wrapp {
        margin-bottom: 35px;
    }

    .insightsblog .contentwrapper {
        padding-right: 20px;
    }

    .contentwrapper h3 {
        font-size: 22px;
    }

    .contentwrapper p {
        font-size: 18px;
    }

    .employeestories .carousel-inner {
        display: none;
    }

    .employeestories .carousel-inner.mobileview {
        display: block;
    }

    .employeestories .testimonial-box .testimonial-box-cont {
        display: block;
    }

    .employeestories .testimonial-box .testimonial-box-cont .testimonial-image-Wrapp {
        text-align: center;
    }

    .testimonial-text p {
        font-size: 20px;
    }

    .testimonial-role,
    .testimonial-author {
        font-size: 16px;
    }

    .employeestories .testimonial-box .testimonial-box-cont {
        margin-top: 30px;
        margin-bottom: 89px;
    }

    .employeestories .carousel-control-prev svg {
        margin-top: 0px;
    }

    .employeestories .carousel-control-prev {
        left: -37px;
    }

    .joinourteam-cont h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .joinourteam-cont p {
        padding-right: 506px;
    }

    .joinourteam .joinourclientele-wrapp {
        margin-left: 0px;
    }

    .joinourteam-cont {
        padding: 0px 0px 0px 40px;
    }

    .about .sec-area.joinourteam .joinourclientele-wrapp {
        margin-bottom: 25px !important;
    }

}

@media (max-width: 980px) {
    .ourservice-ul .contents {
        width: 100%;
        border-left: 0;
        border-right: 0;
    }

    .ourprojects .card.list {
        padding-right: 2%;

    }

    .ourclient .owl-carousel.carousel-right .item {
        margin-top: 40px;
    }

    .ourprojects .card.mb-3 {
        padding: 0 2%;
    }

    .ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 .col-md-8 {
        padding: 10px;
    }

    .ourclient .owl-carousel .item {
        margin-top: 0px;
    }

    .faq .accordion-item .accordion-header .accordion-button {
    }

    .about .cardtitle {
        font-size: 16px;
    }

    .about .cardtext {
        font-size: 12px;
    }

    .about .sec-area.ourprojects {
        padding: 0px;
    }

    .accordion-body {
        padding: 0px 67px 0px;
    }

    .faq-cont {
        padding: 50px 0 20px 45px;
    }

    footer .col-md-4 {
        padding-left: 0px;
    }

    .joinourclientele-wrapp.faq {
        justify-content: center;
        padding-top: 50px;
        margin-bottom: 50px;
        padding-right: 0px;
    }

    .insights .row.cardwrapp {
        --bs-gutter-x: -0.5rem;
        gap: 20px;
    }

    .get-started {
        margin-bottom: 50px;
    }

    .cardbody {
        padding: 20.4px 10.61px 20px 5px;
    }

    .about .insights .joinourclientele-wrapp {
        margin-bottom: 25px;
    }

    .imagebox {
        /* padding-top: 20px; */
        margin-left: 44px;
        /* margin-right: 44px; */
    }

    .joinourteammobile .imagebox {
        padding-left: 0px;
    }

    .about .sec-area.joinourteam .joinourclientele-wrapp {
        margin-bottom: 0px !important;
        margin-left: 0px;
        padding-left: 0px;
        margin-top: 20px;
    }

    .about .sec-area.ourprojects .ourprojects-cont p {
        padding-right: 0px !important;
    }

    /* .about .ourprojects-contentWrapp {
        margin-left: 44px;
        margin-right: 44px;
    } */

    /* .contact .cardbody.workinghrs {
        padding-bottom: 60px;
    } */

    /* .contact .cardbody.findusat {
        padding-bottom: 43px;
    } */

    .ourlocation .cardtext {
        font-size: 12px;
    }

    .UIUX_design .portfoliocards .card-group {
        gap: 20px;
    }

    .ourdesignprocess .ourdesignprocess-ul {
        padding: 0 20px 0 20px;
    }

    .ourdesignprocess-ul li:nth-of-type(even) .content-wrap,
    .ourdesignprocess-ul li:nth-of-type(odd) .img-wrap {
        padding-right: 50px;
    }

    .ourdesignprocess-ul li:nth-of-type(even) .img-wrap,
    .ourdesignprocess-ul li:nth-of-type(odd) .content-wrap {
        padding-left: 50px;
    }

    .ourdesignprocess-ul li .content-wrap h2:before {
        left: -60px;
        z-index: 0;
    }

    .ourdesignprocess-ul li:nth-of-type(even) .content-wrap h2::before {
        right: -60px;
    }

    .ourdesignprocess-ul li .content-wrap h2 {
        font-size: 20px;
    }

    .ourdesignprocess-ul li .content-wrap p {
        font-size: 14px;
    }

    .ourdesignprocess-ul li:nth-of-type(odd) .content-wrap p {
        padding-right: 25px;
    }

    .ourdesignprocess-ul li:nth-of-type(even) .content-wrap p {
        padding-left: 25px;
    }

    .projectoverview-cont {
        padding: 20px 44px 50px 44px;
    }

    .casestudyimgwrapp {
        padding: 0 44px 0 44px;
    }

    .projectoverview-cont .contentwrapp {
        flex-wrap: wrap;
    }

    .sec-area.link {
        padding: 57px 44px 0px;
    }

    .apllynowwrapp {
        padding-right: 522px;
    }

    .currentopennings .accordion-item .accordion-body p {
        padding-right: 213px;
    }

    .portfoliocards .card-title-btn {
        padding: 5px 7px 6px 20px;
    }

    .portfoliocards .card-title-btn {
        font-size: 8px;
    }

    .row.contactcardwrapp {
        padding: 0 60px;
    }

    .workinghrs,
    .contactwrapp,
    .findusat {
        padding: 25px 10px;
    }

    .emailwrapper {
        gap: 2px;
    }

    .testimonial-text {
        margin-left: 64px;
        padding-right: 55px;
    }

    .joinourteam-cont p {
        font-size: 14px;
        padding-right: 400px;
    }

    .sec-area.joinourteam .margin-head-wrap {
        padding-top: 28px !important;
    }

    .ourprojects .viewourportfolio-wrapp {
        margin-bottom: 50px !important;
    }

    .joinourteam-cont h3 {
        font-size: 23px;
        line-height: 30px;
    }

    .about .joinourteam .joinourteamdesktop .joinourclientele-wrapp .joinourclientele-btn {
        font-size: 14px;
    }

    .joinourteamdesktop .imagebox img {
        width: 55%;
    }

    .about .sec-area.joinourteam .joinourclientele-wrapp {
        margin-top: 10px;
    }

}

@media (max-width: 768px) {
	.cursor{display:none}
    .viewourportfolio-wrapp {
        padding-left: 0px;
        text-align: right;
    }

    .card-header:first-child {
        font-size: 18px;
        margin-left: 0px;
    }

    .ourspark-ul li .ylwbtn::before {
        top: -5px;
    }

    .ourprojects-contentWrapp {
        flex-direction: column;
        padding: 0 44px 0 44px;
    }

    .ourspark-ul li {
        margin-bottom: 15px;
        margin-left: 44px;
    }

    .disfi-wrapp {
        padding: 0;
        margin-bottom: 25px;
        text-align: left;
        margin-left: 44px;
    }

    .ourspark-cont p {
        font-size: 22px;
    }

    .navcontain {
        padding: 25px;
    }

    .sec-area {
        padding: 25px 0;
    }

    .nav-link-btn {
        padding: 10px;
    }

    .slider-content {
        padding: 80px 25px 80px;
    }
	
    .researchaudit .slider-content {
        padding: 80px 25px 80px;
    }

    .margin-head-wrap {
        margin-bottom: 15px;
    }

    .margin-head-wrap {
        margin-bottom: 25px;
    }

    .ourprojects .ourprojects-cont p, .ourclientele .ourclientele-cont p, .oursec-cont p {
        font-size: 18px;
    }

    .margin-head {
        font-size: 15px;
        margin-top: 2px;
    }

    .ourservice-ul .contents:nth-child(2),
    .ourservice-ul .contents:nth-child(1),
    .ourservice-ul .contents:nth-child(3) {
        border-bottom: 0;
    }

    .ourservice-ul .contents:nth-child(1),
    .ourservice-ul .contents:nth-child(3) {
        width: 100%;
        border-left: 1px solid #444444;
        border-right: 1px solid #444444;
    }

    .oursec-cont p, .ourclientele .ourclientele-cont p, .ourstory .ourstory-cont p {
        width: 100%;
    }

    .ourspark-cont {
        padding: 20px 0px;
    }

    .ourspark-ul {
        padding: 0;
        flex-wrap: wrap;
        justify-content: left;
    }

    .ourservice-ul .contents:nth-child(1), .ourservice-ul .contents:nth-child(3),
    .ourservice-ul .contents:nth-child(2), .ourservice-ul .contents:nth-child(4) {
        width: 100%;
        border-left: 1px solid #444444;
        border-right: 1px solid #444444;
    }

    /* .ourprojects-cont, .ourprojects .ourprojects-contentWrapp-brwsind h3, .ourclientele-cont, .getintouch-cont-wrapper, .sec-area.latestinsights .latestinsights-cont, .latestinsights .latestinsights-ul, .faq .faq-cont, .faq .accordion-item .accordion-header {
        margin-left: 0px;
    } */

    .ourprojects .card.list,
    .ourprojects .card.mb-3 {
        padding: 0;
        width: 100%;
    }

    .ourprojects .card.list {
        display: none;
    }

    .ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 .card-body .card-head {
        margin: 10px 0;
        margin-top: 30px;
    }

    .btn-learnmorewrapp {
        margin-bottom: 0;
    }

    .btn-learnmore {
        font-size: 15px;
        padding: 11px 20px;
    }

    .viewourportfolio-wrapp {
        text-align: left;
        margin-top: 40px;
    }

    .ourclientele-cont h2 {
        margin-bottom: 40px;
    }

    .joinourclientele-btn {
        font-size: 16px;
        padding: 10px 22px;
    }

    .get-started {
        margin-bottom: 0px;
    }

    .ourspark-cont {
        padding: 0px 30px 20px 44px;
    }

    .ourclientele-cont h2 {
        padding-right: 0px;
        font-size: 40px;
        margin-bottom: 20px;
    }

    .insights .cardwrapp .col .card .card-body .card-text {
        font-size: 18px;
        line-height: normal;
    }

    .list-group-flush-mobileview.dropdown {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }

    .list-group-flush-mobileview.dropdown .btn-secondary {
        background-color: #000000;
        color: #fff;
        width: 100%;
    }

    .ourimpact .ourspark-ul li {
        width: 32.5%;
        margin-right: 10.5%;
        margin-left: 0px;
    }

    .services .slider-content {
        padding: 100px 25px 100px;
    }

    .portfoliocards .card-group {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 44px;
    }

    .employeestories-cont h3 {
        padding-right: 0px;
        font-size: 36px;
    }

    .employeestories-cont p {
        font-size: 18px;
        padding-right: 41px;
    }

    .testimonial-box {
        margin-left: -3px;
        margin-right: 35px;
    }

    .careers .insights .joinourclientele-wrapp {
        margin-bottom: 27px;
    }

    .contact .slider-content h2 {
        font-size: 70px;
    }

    .contact .slider-content p {
        font-size: 16px;
    }

    .ourlocation .ourproject-cont h3 {
        font-size: 36px;
        padding-right: 0px;
        line-height: normal;
    }

    .ourlocation .ourproject-cont p {
        font-size: 18px;
        padding-right: 25px;
    }

    .contact .cardbody {
        padding-left: 15px;
        padding-top: 15px;
    }

    .contact .row.cardwrapp {
        gap: 15px;
    }

    .ourlocation .cardtext {
        font-size: 11px;
    }

    .ourlocation .ourproject-cont {
        padding: 0px 0 50px 45px;
    }

    .UIUX_design .slider-content {
        padding: 200px 0 50px 48px;
    }

    .UIUX_design .slider-content p {
        font-size: 18px;
    }

    .ourdesignprocess-cont {
        padding: 0px 0px 50px 40px;
    }

    .ourdesignprocess-cont h3 {
        font-size: 40px;
    }

    .ourdesignprocess-cont p {
        font-size: 18px;
    }

    .ourdesignprocess-ul li .content-wrap h2 {
        font-size: 15px;
    }

    .ourdesignprocess-ul li .content-wrap p {
        font-size: 12px;
    }

    .link_ul {
        flex-wrap: wrap;
        justify-content: start;
    }

    .project_casestudy ul.link_ul li {
        padding-right: 45px;
    }


    .row.contactcardwrapp {
        padding: 0 50px;
    }

    .workinghrs,
    .contactwrapp,
    .findusat {
        padding: 25px 25px;
    }

    .testimonial-text {
        margin-left: 82px;
        padding-right: 63px;
    }

    .joinourteam-cont h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .joinourteam-cont p {
        font-size: 12px;
        padding-right: 369px;
        margin-top: 10px;
    }

    .about .joinourteam .joinourclientele-btn {
        font-size: 14px;
    }

    .sec-area.joinourteam .margin-head-wrap {
        padding-top: 18px !important;
    }

    .joinourteamdesktop .imagebox img {
        width: 55%;
    }
}

@media (max-width: 580px) {

	.contentwrapper li {font-size:14px;}
    .ourprojects .ourprojects-contentWrapp .card .col-md-4 {
        height: 250px;
    }

    .cardwrapp .col .card .card-body a,
    .joinourclientele-btn,
    .viewourportfolio-btn,
    .btn-learnmore,
    p,
    .ourservice-ul .contents p,
    .oursec-cont p,
    .get-started,
    .btn-disfi-wrapp,
    .slider-content p,
    .ourspark-ul p {
        font-size: 14px !important;
    }

    .ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 {
        flex-direction: column;
    }

    .ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 .col-md-8,
    .ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 .col-md-4 {
        width: 100%;
    }

    .viewourportfolio-wrapp {
        margin-bottom: 50px;
    }

    .herosection .get-started {
        margin-bottom: 0px;
    }

    .margin-head {
        margin-top: 1px;
        font-size: 12px;
        z-index: 1;
    }

    .ourspark-ul {
        justify-content: left;
    }

    .ourspark-ul li {
        width: 50%;
        padding-right: 10px;
        margin-right: 0%;
        margin-left: 0px;
    }

    .ourspark-ul li p {
        font-size: 12px !important;
    }


    .ourservice-ul .contents {
        padding-left: 16px;
    }

    .ourservice-ul .contents .ourservice-icon {
        position: relative;
    }

    .ourservice-ul .contents .ourservice-icon {
        top: 10px;
        left: 1px;
    }

    .footer p {
        margin-bottom: 50px;
    }

    .ourservice-ul {
        margin-bottom: 20px;
    }

    .ourclientele-cont,
    .ourprojects-cont {
        margin-left: 0px;
    }

    .joinourclientele-wrapp {
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .ourclientele-cont h2 {
        padding-right: 0px;
    }

    .about .sec-area.ourprojects .ourprojects-cont p {
        padding-right: 0px !important;
    }

    .getintouch-cont-wrapper {
        flex-wrap: wrap;
        padding: 50px 0px 50px 0px;
    }

    .getintouch-cont {
        width: 100%;
    }

    .contentdiv,
    form#Form-productdetails {
        padding-left: 0px;
    }

    form#Form-productdetails .row.mb-3 .col-md-12,
    form#Form-productdetails .row.mb-3 .col-md-6 {
        margin-bottom: 10px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .porfolio .slider-content h3 {
        font-size: 18px !important;
    }

    .porfolio .slider-content p.title {
        font-size: 36px !important;
    }

    .sendenqbtnwrap {
        padding-top: 20px;
    }

    .latestinsights-cont {
        padding: 50px 0px 80px 0px;
    }

    .latestinsights-cont h2 {
        margin-bottom: 20px;
    }

    .insights .cardwrapp {
        padding: 0;
    }

    .list-group-flush-mobileview.dropdown {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }

    .list-group-flush-mobileview.dropdown .btn-secondary {
        background-color: #000000;
        color: #fff;
        width: 100%;
    }

    .btn-learnmorewrapp {
        margin-bottom: 20px;
    }

    .dropdown-menu.show {
        width: 100%;
    }

    .ourspark-ul li .ylwbtn {
        font-size: 32px;
    }

    .oursec-cont h2 {
        font-size: 24px;
        line-height: normal;
    }

    .oursec-cont {
        margin-left: 0px;
    }

	
    .insight .slider-content h3 {
		font-size:16px !important;
	}
	
	
    h5 {
        font-size: 20px !important;
        line-height: 22px !important;
    }
	
    h3,
    .ourvalues-cont h3,
    .services .slider-content h3,
    .about h3,
    h2,
    .ourprojects-cont h2,
    .ourservice-ul .contents h2 {
        font-size: 20px !important;
        line-height: 22px !important;
    }

    .list-group-flush-mobileview.dropdown .btn-secondary {
        font-size: 18px;
        font-family: 'Kanit';
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 .card-body .card-head {
        font-size: 16px !important;
        line-height: 16px;
    }

    .card.mb-3.mobileview {
        display: block;
    }

    .card.mb-3 {
        display: none;
    }

    .card-text {
        padding-top: 5.09px;
        padding-bottom: 5.09px;
    }

    p,
    h3,
    .ourvalues-cont h3,
    .services .slider-content p,
    .about p,
    .about h3,
    .about .slider-content p,
    .ourclientele-cont p {
        padding-right: 0px !important;
    }

    .ourclientele-cont h2 {
        margin-bottom: 20px;
    }

    .latestinsights-cont {
        padding: 0px 0px 30px 0px;
    }

    .getintouch-cont-wrapper {
        padding: 0px 0px 0px 0px;
    }

    .services .cardwrapp,
    .row.mb-3 {
        margin-bottom: 0px !important;
    }

    .sendenqbtn {
        font-size: 14px;
        padding: 18px;
    }

    .cardwrapp .col .card .card-body .card-title p,
    .cardwrapp .col .card .card-body .card-title h6 {
        font-size: 12px !important;
    }

    .cardwrapp .col .card .card-body .card-text {
        font-size: 16px !important;
        line-height: normal;
    }

    .openning-cont,
    .cardwrapp,
    .ourimpact .container-fluid .ourspark-ul,
    .ourstorywrapp,
    .ourstory-cont,
    .faq-cont {
        padding: 0px 0 0px 0px;
    }

    .joinourteam-cont {
        padding-left: 25px;
        padding-right: 25px;
        /* padding-bottom: 50px; */
    }

    .about .joinourteam .joinourclientele-wrapp {
        margin-top: 50px;
    }

    .careers .cardwrapp .col,
    .services .cardwrapp .col,
    .about .cardwrapp .col {
        flex: none;
        /* margin-bottom: 30px; */
    }

    .footer-contact h2,
    .faq .accordion-item .accordion-header .accordion-button {
        font-size: 16px !important;
    }

    .joinourclientele-wrapp.faq {
        margin-bottom: 50px;
    }

    .footer-mobileview {
        display: block;
    }

    .footer p.footer-desktop {
        display: none;
    }

    footer .social-icons-new {
        justify-content: center;
    }

    a.navbar-brand img {
        width: 55%;
    }

    .footer-logo img {
        margin-bottom: 50px;
        height: 39px;
    }

    .banner-img {
        display: none;
    }

    .banner-img-mobile {
        display: block;
    }

    .margin-head-wrap:before {
        top: 55%;
        left: -28px;
        width: 110%;
    }

    .services .insights .margin-head-wrap:before,
    .services .ourservice .margin-head-wrap:before,
    .services .ourimpact .margin-head-wrap:before {
        width: 115%;
    }


    .services .ourvalues .margin-head-wrap:before,
    .about .ourvalues .margin-head-wrap:before {
        width: 104%;
    }

    .services .ourvalues .margin-head-wrap .margin-head,
    .about .ourvalues .margin-head-wrap .margin-head {
        margin-left: 24px;
    }

    .porfolio .margin-head-wrap:before {
        width: 115%;
    }

    .insight .margin-head-wrap:before {
        width: 110%;
    }


    .services .ourvalues-cont {
        padding: 0px 25px 30px 25px;
    }

    .about .ourvalues .ourvalues-cont {
        padding: 10px 26px 20px 24px;
    }

    .ourvalues .row.cardwrapp {
        padding: 0 17px;
    }

    .margin-head {
        margin-left: 0px;
        padding: 0 1px;
    }

    .margin-head {
        font-size: 12px !important;
    }

    .disfi-wrapp {
        margin-top: 0px;
        margin-bottom: 50px;
        margin-left: 0px;
    }

    .ourservice .viewourportfolio-wrapp {
        display: block;
    }

    .contentdiv {
        margin-top: 20px;
    }

    .ourstory-cont {
        padding-bottom: 10px;
    }

    .ourvalues-cont,
    .ourimpact-cont {
        padding: 10px 0 30px 0px;
    }

    .sec-area.joinourteam .margin-head-wrap .margin-head {
        margin-left: 25px;
    }

    .sec-area.joinourteam .margin-head-wrap:before {
        left: 0px;
        width: 100%;
    }

    .imagebox img.rounded.float-end {
        margin-bottom: 30px;
    }

    .sec-area.joinourteam .margin-head-wrap {
        padding-top: 25px !important;
    }

    .insight .slider-content p.title,
    p.title,
    .services .title,
    .about .title {
        font-size: 40px !important;
        line-height: normal;
    }

    h2.hometitle {
        font-size: 70px !important;
    }

    .cardbody {
        padding: 20.4px 16.61px 0px 12px;
    }

    .porfolio .slider-content,
    .services .slider-content {
        padding: 50px 25px 50px;
    }

    .portfoliocards .card-group {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        padding: 0px;
    }

    .card-title-btn {
        padding: 6px 10px 6px 25px;
        font-size: 8px;
    }

    .card-title-btn:first-child {
        margin-right: 10px;
    }

    .pagination .page-item .page-link {
        padding: .375rem .75rem;
    }

    .insight .portfoliocards .card-group .card .card-body {
        padding: 1rem 1rem;
    }

    .pagination {
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .contact .ourproject-cont {
        padding: 0 0 50px 0;
    }

    /* .contact .cardbody.findusat,
    .contact .cardbody.workinghrs,
    .contact .cardbody.reachusat {
        padding-bottom: 20px;
    } */

    .contact .cardwrapp {
        gap: 20px;
    }

    .imagewrapper {
        padding: 20px 0 0 0;
    }

    .currentopennings .accordion-body {
        padding: 20px;
    }

    .currentopennings .accordion-button .questiontab-mobile h3,
    .questiontab-mobile {
        display: flex;
    }

    .currentopennings .accordion-button h3 {
        display: none;
    }

    .currentopennings .accordion-button p.years {
        padding-left: 23px;
    }

    .currentopennings .accordion-button {
        padding: 15px 15px 0px 0px;
    }

    .currentopennings .accordion-button h3 {
        color: #D3FD06;
        font-size: 18px !important;
    }

    .currentopennings .accordion-button:not(.collapsed) {
        padding-left: 10px;
    }

    .employeestories .margin-head-wrap {
        margin-left: -13px;
    }

    .employeestories .margin-head-wrap:before {
        left: 0px;
        width: 103%;
    }

    .employeestories .margin-head {
        margin-left: 25px;
    }

    .employeestories-cont {
        margin-left: 13px;
    }

    .employeestories .carousel-inner {
        display: none;
    }

    .employeestories .carousel-inner.mobileview {
        display: block;
    }

    img.testimonial-image {
        width: 50%;
        height: 50%;
    }

    .testimonial-box {
        margin-left: 0px;
        margin-right: 0px;
    }

    .testimonial-text {
        margin-left: 75px;
    }

    .testimonial-box-cont {
        margin-bottom: 80px;
    }

    .testimonial-box-cont {
        display: block;
    }

    .testimonial-image-Wrapp {
        text-align: center;
    }

    .employeestories .carousel-control-prev {
        top: 414px;
        left: 0;
    }

    .employeestories .carousel-control-prev svg {
        margin-top: 0px;
        margin-left: 0px;
    }

    .employeestories .carousel-control-next svg {
        margin-top: 412px;
        margin-right: 0px;
    }

    .employeestories .joinourclientele-wrapp {
        margin-bottom: 10px;
        margin-top: 50px;
    }

    .employeestories-cont p {
        margin-bottom: 50px;
    }

    .careers .slider-content h3 {
        font-size: 18px !important;
    }

    .link_ul {
        display: flex;
        padding: 0px;
        justify-content: space-between;
    }

    .projectoverview-cont {
        padding: 0px;
    }

    .projectoverview-cont .contentwrapp {
        display: block;
    }

    .casestudyimgwrapp {
        margin-bottom: 20px;
    }

    .projectoverview-cont .contentwrapp p {
        text-align: left;
    }

    .UIUX_design .slider-content,
    .project_casestudy .slider-content {
        padding: 50px 25px 50px;
    }

    .casestudy-wrapp {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .portfoliocards .card-group .card .card-body {
        padding: 1rem 1rem;
    }

    .UIUX_design .portfoliocards .card-group {
        margin-bottom: 50px;
    }

    .ourdesignprocess-cont {
        padding: 0 0 20px 0;
    }

    .ourprojects-contentWrapp {
        padding: 0px;
    }

    .ourdesignprocess .ourdesignprocess-ul {
        margin-bottom: 0px;
    }

    .ourdesignprocess .ourdesignprocess-ul li .content-wrap {
        width: 100%;
    }

    .ourdesignprocess .ourdesignprocess-ul li:nth-of-type(even) .img-wrap,
    .ourdesignprocess .ourdesignprocess-ul li:nth-of-type(odd) .img-wrap {
        display: none;
    }

    .UIUX_design .joinourclientele-wrapp.faq {
        margin-top: 0px;
    }

    .ourdesignprocess-ul:before {
        left: 0;
    }

    .ourdesignprocess-ul li .content-wrap h2:before {
        left: -50px;
    }

    .ourdesignprocess-ul li:nth-of-type(odd) .content-wrap {
        padding-left: 20px;
    }

    .ourdesignprocess-ul li:nth-of-type(even) .content-wrap h2::before {
        left: -30px;
        right: 0px;
    }

    .ourdesignprocess-ul li:nth-of-type(even) .content-wrap {
        padding-right: 0px;
        text-align: left;
    }

    .ourdesignprocess-ul li:nth-of-type(even) .content-wrap p {
        padding-left: 20px;
    }

    .ourdesignprocess-ul li:nth-of-type(even) .content-wrap h2 {
        padding-left: 20px;
    }

    .UIUX_design .slider-content p {
        text-align: left;
    }

    .content-wrap h2 {
        font-size: 16px !important;
    }

    .researchaudit .slider-content h1.title {
        font-size: 26px !important;
		line-height: 30px;
        margin-bottom: 20px;
    }

    .researchaudit .slider-content p {
        margin-bottom: 0px;
    }

    .researchaudit .otherservice-cont {
        padding-left: 0px;
    }

    .researchaudit .ourotherservices .card-group {
        padding-left: 0px;
        padding-right: 0px;
    }

    .ourotherservices .card-group {
        padding: 20px 0 20px 0;
    }

    .ourotherservices .card-group .card .card-body {
        padding: 1rem 1rem;
    }

    .ourotherservices .card-group .card .card-footer {
        padding: 12px 0;
    }

    .tablecontent {
        display: none;
    }

    .ourspark-cont p,
    .sec-area.tableofcontent {
        padding: 0px;
    }

    .ourspark-cont {
        padding: 20px 0;
    }

    .mainwrapper {
        padding: 25px;
        margin: 0px;
    }

    .contentwrapper p {
        margin-bottom: 30px;
    }

    .share {
        margin-left: 0px;
    }

    .tablewrapp {
        margin-bottom: 0px;
    }

    .researchaudit .slider-content h3 {
        font-size: 16px !important;
    }
	
    .insightsblog .slider-content h3 {
        font-size: 16px !important;
    }

    .insightsblog .slider-content h1.title {
        font-size: 26px !important;
        line-height: 30px;
    }

    .insightsblog .slider-content p {
        font-size: 14px !important;
    }

    .casestudy-btn {
        font-size: 12px;
    }

    .insightsblog .casestudy-wrapp {
        margin-bottom: 50px;
    }

    .currentopennings .accordion-item .accordion-body p {
        padding-left: 0px;
        padding-right: 0px;
    }

    .apllynowwrapp {
        padding-left: 0px;
        padding-right: 155px;
    }
	
	.sec-area.link {
        padding: 57px 25px 0px;
    }

    .sec-area.ourservice,
    .navcontain,
    .sec-area {
        padding: 16px;
    }
	
	.portfoliocards{
	padding: 0px !important;
	}
	
	
	.projectoverview,.sec-area{
		padding:25px;
	}

    .getintouch-cont h2 {
        font-size: 20px !important;
		line-height: 22px !important;
    }

    .getintouch-cont p {
        font-size: 14px !important;
    }

    .insights .row.cardwrapp {
        display: block;
    }

    .faq .accordion-item .accordion-header .accordion-button {
        padding-left: 0px;
    }

    .accordion-body {
        padding: 10px;
    }

    footer .col-md-4 {
        margin-left: 0px;
    }

    section.sec-area.herosection {
        padding-left: 0px;
        padding-right: 0px;
    }


    .ourstorywrapp.mobileview {
        padding: 0px 0px 50px 0px;
    }

    .ourstorywrapp.mobileview .contentdiv {
        padding-right: 10px;
    }

    .services p.cardtitle,
    .about p.cardtitle {
        font-size: 20px !important;
    }

    .services p.cardtext,
    .about p.cardtext {
        font-size: 14px !important;
    }

    .about .ourprojects-contentWrapp {
        margin-left: 0px;
        margin-right: 0px;
		padding:0px !important;
    }

    .services .insights .joinourclientele-wrapp {
        margin-bottom: 10px;
    }

    .employeestories .margin-head-wrap:before {
        width: 102%;
    }

    .careers .ourvalues .margin-head-wrap:before {
        width: 105%;
    }

    .careers .insights .margin-head-wrap:before {
        width: 110%;
    }

    .careers .ourvalues .margin-head-wrap .margin-head {
        margin-left: 26px;
    }

    .careers .ourvalues-cont {
        padding: 10px 30px 20px 23px;
    }

    .contact .sec-area.insights {
        padding: 25px;
    }

    .contact .row.cardwrapp .col {
        flex: none;
    }

    .casestudyimgwrapp {
        padding: 0px;
    }

    .sec-area.faq {
        padding: 40px 25px;
    }

    .getintouch .sendenqbtnwrap {
        padding-left: 0px;
        padding-right: 0px;
    }

    .home .ourspark .disfi-wrapp {
        margin-top: 0px;
    }

    .home .ourservice .viewourportfolio-wrapp {
        margin-bottom: 20px;
    }

    .ourservice-ul .contents p {
        margin-bottom: 30px;
    }

    .home .ourprojects-contentWrapp .btn-learnmorewrapp {
        margin-bottom: 20px;
    }

    .home .ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 .card-body {
        padding: 10px;
    }

    .UIUX_design .sec-area.faq {
        padding: 40px 25px;
    }

    .UIUX_design .faq .accordion-body {
        padding: 0px;
    }

    .UIUX_design .portfoliocards .card-group {
        grid-template-columns: repeat(1, 1fr);
    }

    .UIUX_design .sec-area.portfoliocards {
        padding: 40px 25px;
    }

    .about .sec-area.ourprojects {
        padding: 25px;
    }

    .employeestories .joinourclientele-wrapp.mobile {
        display: flex;
        justify-content: center;
        margin-left: 0;
    }

    .employeestories .joinourclientele-wrapp.desktop {
        display: none;
    }

    .employeestories .carousel-control-prev {
        top: 0;
    }

    .researchaudit .ourotherservices .carouselotherservice.card-group {
        display: block;
    }

    .researchaudit .ourotherservices .card-group {
        display: none;
    }

    .researchaudit .sec-area.faq {
        padding: 40px 25px;
    }

    .row.contactcardwrapp {
        padding: 25px;
    }

    .container-fluid.joinourteammobile {
        display: block;
    }

    .container-fluid.joinourteamdesktop {
        display: none;
    }

    .joinourteammobile .imagebox {
        margin-left: 25px;
        margin-right: 25px;
    }

    .about .sec-area.joinourteam .joinourclientele-wrapp {
        margin-top: 30px;
        margin-bottom: 30px !important;
        margin-left: 25px;
    }
}

@media (max-width: 480px) {
    .employeestories {
        padding-bottom: 17px;
        padding-top: 1px;
    }

    .carousel-control-prev {
        left: 0;
    }

    .imagebox {
        margin-left: 25px;
        margin-right: 25px;
    }

    .about .sec-area.joinourteam .joinourclientele-wrapp {
        margin-left: 25px;
    }

    .footer-logo img {
    }

    .services .joinourclientele-wrapp.faq {
        margin-top: 0px;
        padding-top: 20px;
    }

    .portfoliocards .card-group {
        grid-template-columns: repeat(1, 1fr);
    }

    .ourimpact .ourspark-ul li {
        width: 39.5%;
    }

    .project_casestudy .sec-area {
        padding: 40px 16px;
    }

    .project_casestudy .sec-area.projectoverview {
        padding: 0px 16px 40px 16px;
    }

    .project_casestudy .sec-area.link {
        padding: 40px 16px 20px 16px;
    }

    .faq .margin-head-wrap:before {
        width: 107%;
    }

    .about .title {
        font-size: 34px !important;
		line-height: 32px;
    }

    .ourimpact .ourspark-ul li {
        margin-right: 0%;
        width: 47.5%;
    }

    .about p.cardtitle {
        font-size: 23px !important;
    }

    .about .sec-area.ourprojects {
        padding: 25px;
    }

    .porfolio .insights .joinourclientele-wrapp {
        margin-bottom: 10px;
    }

    .insight .slider-content p.title, p.title {
        font-size: 26px !important;
    }

    .accordion-body {
        padding: 0 26px 0;
    }

    .researchaudit .slider-content {
        padding: 80px 25px 80px;
    }

    .researchaudit .ourdesignprocess-cont {
        padding: 0 0 50px 0;
    }

    .researchaudit .sec-area.faq {
        padding: 40px 0;
    }

    .researchaudit .joinourclientele-wrapp.faq {
        padding-top: 25px;
    }

    .researchaudit .otherservice-cont {
        padding: 0 0 25px 0;
    }

    .researchaudit .ourotherservices .card-group {
        padding: 0 0 25px 0;
    }

    .researchaudit .getintouch-cont-wrapper {
        padding: 0;
    }

    .researchaudit .latestinsights-cont {
        padding: 0 0 20px 0;
    }

    .ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 .card-body .card-head {
        margin-top: 10px;
    }

    .ourprojects-contentWrapp .btn-learnmorewrapp {
        margin-bottom: 20px;
    }

    .ourspark-ul li:last-child {
        margin-bottom: 5px;
    }

    .ourspark .disfi-wrapp {
        margin-top: 0px;
    }

    .ourservice .viewourportfolio-wrapp {
        margin-bottom: 16px;
        margin-top: 25px;
    }

    .ourprojects .ourprojects-contentWrapp .card.mb-3 .row.g-0 .col-md-8 {
        padding: 15px;
    }

    .home .getintouch-cont-wrapper {
        padding: 0px;
    }

    .home .latestinsights-cont {
        padding: 0 0 10px 0;
    }

    .home .ourspark-cont {
        padding: 0 0 20px 0;
    }

    .about .ourvalues .cardbody {
        padding: 20.4px 16.61px 12px 20px;
    }

    .imagebox {
        margin-top: 0px;
    }

    .about .sec-area.joinourteam .joinourclientele-wrapp {
        margin-bottom: 0px !important;
        margin-top: 35px !important;
        padding-bottom: 35px;
    }

    .services .title {
        font-size: 36px !important;
    }

    .insight .slider-content {
        padding: 50px 25px 0px;
    }

    .insight .portfoliocards .card .card-title {
        margin-bottom: 15px;
    }

    .insight .portfoliocards .card .card-head {
        margin-bottom: 0px;
    }

    .ourvalues .row.cardwrapp .cardbody .cardtitle {
        font-size: 20px !important;
    }

    .UIUX_design .sec-area.portfoliocards {
        padding: 0 25px;
    }

    .UIUX_design .slider-content p.title {
        font-size: 42px !important;
    }

    .UIUX_design .portfoliocards .card-group {
        grid-template-columns: repeat(1, 1fr);
    }

    .project_casestudy .slider-content p.title {
        font-size: 36px !important;
        margin-bottom: 10px;
    }

    .project_casestudy .projectoverview-cont h3 {
        margin-bottom: 25px;
    }

    .tableofcontentimgwrapp {
        margin-bottom: 30px;
    }

    .carouselinsights {
        display: block;
    }

    .insights .row.cardwrapp {
        display: none;
    }

    .carouselinsights .carousel-inner {
        height: 515px;
    }

    .researchaudit .ourotherservices .carouselotherservice.card-group {
        display: block;
    }

    .researchaudit .ourotherservices .card-group {
        display: none;
    }

    .carousel-indicators [data-bs-target] {
        width: 10px;
    }

    .margin-head-wrap:before {
        width: 110%;
    }

    /* .project_casestudy .margin-head-wrap:before {
        width: 112%;
    } */

    .sec-area.faq {
        padding: 40px 0px;
    }

    .sec-area.faq .margin-head-wrap,
    .sec-area.faq .faq-cont {
        padding: 0 25px;
    }

    .faq .accordion-item .accordion-header .accordion-button {
        padding-left: 25px;
        padding-right: 25px;
        font-size: 14px !important;
    }

    .imagebox img {
        border-radius: 12px;
    }

    .services .slider-content h3,
    .about .herosection .slider-content h3 {
        font-size: 18px;
    }

    .services .slider-content p.title {
        font-size: 24px !important;
    }

    .about .herosection .slider-content h1.title {
        font-size: 27px !important;
		line-height:30px !important;
    }

    .contact .carousel-indicators,
    .services .carousel-indicators,
    .careers .carousel-indicators {
        bottom: -30px;
    }

    .insight .margin-head-wrap:before {
        width: 115.5%;
    }

    .insightsblog .insights .margin-head-wrap:before {
        width: 115.3%;
    }

    .contact .margin-head-wrap:before {
        width: 114%;
    }

    .careers .currentopennings .margin-head-wrap:before {
        width: 114%;
    }

    .careers .insights .margin-head-wrap:before {
        width: 114%;
    }

    .careers .ourvalues .margin-head-wrap:before {
        width: 106%;
    }

}