.main_banner p.form-privacy {
    color: #CECECE;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 15px;
}
@keyframes scaleBounce {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  border-color: transparent;
}
.scale-bounce {
  animation: scaleBounce 0.5s ease-out;
}
h3.subtitle {
    color: #222;
    font-size: 22px;
    font-weight: 500;
    line-height: 32px;
    display: flex;
    align-items: center;
}
h3.subtitle:before {
    content: "";
    border-top: 1px solid;
    width: 40px;
    height: 1px;
    display: block;
    margin-right: 10px;
}

.cstm-app h3.subtitle{
    color: #fff;
}
.our-tech-sec h3.subtitle {
    color: white;
    text-align: center;
    justify-content: center;
}


.accordion-item h4 {
    font-size: inherit;
}

.right_btn_home a.btnimg {
    width: auto;
    padding: 0px;
    background: transparent;
    height: auto;
}

/*==================================================
    FAQS
=================================================== */
#faq{
  /*background: url('../img/faq_bg.webp');*/
  /*background-size: cover;*/
  /*background-position: center center;*/
  padding-top: 90px;
  padding-bottom: 129px;
}
#faq .accordion-button:focus{
  box-shadow: none !important;
}
#faq button:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none !important;
}
.accordion-item{
  background: transparent;
}
#faq .accordion-button.collapsed {
  border: 1px solid #E1E1E1;
  background: transparent !important;
  color: #191919 !important;
}
#faq .accordion-button {
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.6;
  padding: 15px 20px 15px 20px !important;
  border-radius: 5px;
  background: #D03D3D !important;
  color: #fff !important;
}
#faq .accordion-item {
  border: 0 !important;
  margin-bottom: 25px;
}
#faq .accordion-body {
    color: #808285;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4;
    padding: 20px 25px 0px 40px;
}
.accordion-button:not(.collapsed)::after {
  filter: brightness(100);
  margin-left: 20px;
}
.accordion-button::after {
  margin-left: auto !important;
}
.accordion {
  counter-reset: section; /* Initialize the counter */
}
.accordion-button::before {
  counter-increment: section; /* Increment the counter */
  content: counter(section) ". "; /* Display the counter value followed by a dot */
  margin-right: 19px;
}
#faq .accordion-button {
  display: flex;
  align-items: first baseline;
}
#faq .similarHead.h2 {
    text-align: left;
}
#faq .row {
    margin-top: 55px;
}



/* Approach Section Start Here */

.approach-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}
.approach-box {
    padding: 50px 40px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(25px);
}
.approach-box::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px;
    background: linear-gradient(135deg, #fff0, #757575, #fff);
    border-radius: inherit;
    z-index: -1;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: exclude;
    /* -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); */
    -webkit-mask-composite: xor;
    z-index: -1;
}

#approach-sec {
    background: url(../img/approach-cvr.jpg);
    padding-bottom: 215px;
    padding-top: 100px;
    background-size: cover;
}

#approach-sec h2
 {
    color: #fff;
}
.approach-icon {
    padding-right: 25px;
}
.approach-box h3 {
    color: #FFF;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px; /* 168% */
}
.approach-box p
 {
    color: #DADADA;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
}
.approach-box ul li {
    color: #DADADA;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 200% */
}

.approach-box ul li::marker {
    color: #1B8B83;
    font-size: 30px;
    line-height: 40px;
}


/* Approach Section End Here */


/* Industries Section Start Here */

#industries-sec .tech_logo .logo-item {
    text-align: center;
}
#industries-sec .tech_logo .logo-item h4 {
    color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 150% */
    margin-top: 40px;
}
#industries-sec .tech_logo img {
    width: 35%;
}

#industries-sec .tech_logo {
    gap: 0;
}

#industries-sec .tech_logo .logo-item {
    text-align: center;
    padding: 50px;
    border-right: 1px solid #ffffff5c;
    border-bottom: 1px solid #ffffff5c;
}

#industries-sec .tech_logo .logo-item h4 {
    color: #FFF;
    text-align: center;
    font-family: Outfit;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 150% */
    margin-top: 40px;
}

#industries-sec .tech_logo .logo-item:nth-child(6), #industries-sec .tech_logo .logo-item:nth-child(7),#industries-sec .tech_logo .logo-item:nth-child(8),#industries-sec .tech_logo .logo-item:nth-child(9),#industries-sec .tech_logo .logo-item:nth-child(10) {
    border-bottom: none;
}

#industries-sec .tech_logo .logo-item:nth-child(5), #industries-sec .tech_logo .logo-item:nth-child(10) {
    border-right: none;
}
#industries-sec .sub--heading::before {
    right: 150px;
}
/* Industries Section End Here */


 .exploration-session-num h6 {
     color: #fff;
     font-family: "General Sans Variable";
     font-size: 130px;
     font-style: normal;
     font-weight: 600;
     line-height: 140px;
    /* 107.692% */
     text-transform: capitalize;
     margin: 0px 0px 32px 0px;
}
 .exploration-session-content p {
     margin: 0px;
     color: #444;
     font-family: Outfit;
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     line-height: 30px;
     max-width: 90%;
}
 .exploration-session-item {
     margin-bottom: 25px;
     display: flex;
     justify-content: center;
     flex-direction: column;
     padding: 0px 56px 0px 56px;
     border-radius: 20px;
     background: #FFF;
     box-shadow: 0px 16px 30px 0px rgba(0, 0, 0, 0.09);
     width: 645.574px;
     height: 313.251px;
     flex-shrink: 0;
}
 .exploration-session {
    padding: 125px 0px 120px;
    position: relative;
    background-image: url(../img/supercharge_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
}
.exploration-session-item-content .content {
  max-width: 80%;
}
.exploration-session .title h2 {
  padding-bottom: 21px;
}

 .global-contact-form-sec {
     margin: 0px 0px;
}
 .global-contact-form-sec h2 {
     color: #fff;
     font-family: "General Sans Variable";
     font-size: 40px;
     font-style: normal;
     font-weight: 600;
     line-height: 50px;
     text-transform: capitalize;
     margin: 0px;
}
 .global-contact-form-sec p {
     color: #fff;
     font-family: "General Sans Variable";
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     line-height: 32px;
     text-transform: capitalize;
     margin: 20px 0px;
}
 .global-contact-form input {
     border: 1px solid #595959;
     background: #313137;
     height: 55px;
}
 .global-contact-form textarea {
     border: 1px solid #595959;
     background: #313137;
     resize: none;
     height: 124px;
}
 .global-contact-form input::placeholder, .global-contact-form textarea::placeholder {
     color: #ffffff;
     font-family: "General Sans Variable";
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: 32px;
     text-transform: capitalize;
}
 .global-contact-form button.btn-red {
     background: #d42234;
     width: 100%;
     border: 1px solid #d42234;
     height: 55px;
     color: #fff;
     font-family: "General Sans Variable";
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: 32px;
     text-transform: capitalize;
}
 .global-contact-form button.btn-red:hover {
     background: transparent;
     border: 1px solid #d42234;
     color: #d42234;
}

 .global-contact-form .form-left {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
}
 .global-contact-form .form-left .form-group:nth-child(odd) {
     margin-right: 0px;
}
 .global-contact-form .form-left .form-group:nth-child(even) {
     margin-left: 0px;
}
 .global-contact-form .form-left .w-50 {
     width: 49% !important;
}
 .exploration-session-item-content {
     position: sticky;
     top: 100px;
}
 .sub-title h2 {
     color: #222;
     font-family: Outfit;
     font-size: 22px;
     font-style: normal;
     font-weight: 500;
     line-height: 62px;
    /* 281.818% */
     margin: 0px;
}
.sub--heading{
    color: #222;
    font-family: Outfit;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 62px;
    margin: 0px;
    position: relative;
    padding-left: 50px;
}
 .sub--heading:before {
     content: '';
     background-color: #000000;
     display: block;
     position: absolute;
     left: 0;
     bottom: 30px;
     width: 43.314px;
     height: 1px;
}
 .title h2 {
     color: #212121;
     font-family: Outfit;
     font-size: 45px;
     font-style: normal;
     font-weight: 700;
     line-height: 55px;
    /* 122.222% */
     margin: 0px;
     padding-bottom: 32px;
}
.portfolio-sec .title h2 {
    padding-bottom: 0;
}
 .content p {
     color: #444;
     font-family: Outfit;
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     line-height: 30px;
    /* 150% */
     margin: 0px;
}

 .our-tech-sec .sub-title h2, .our-tech-sec .title h2 {
     color: #ffffff;
}

 
 .sub-title h2:before {
     content: '';
     background-color: #000000;
     display: block;
     position: absolute;
     left: 0;
     bottom: 30px;
     width: 43.314px;
     height: 1px;
}
 .sub-title h2 {
     position: relative;
     padding-left: 50px;
}
 .exploration-session-num {
     display: flex;
     align-items: center;
}
 .exploration-session-num h5 {
     color: #212121;
     font-family: Outfit;
     font-size: 28px;
     font-style: normal;
     font-weight: 700;
     line-height: 40px;
    /* 142.857% */
     margin: 0px;
     padding-left: 30px;
}
 .exploration-session-content {
     padding-top: 30px;
}

 .cta-container .row {
     align-items: center;
     height: 100%;
}
 .portfolio-item-image {
     position: relative;
     overflow: hidden;
     border-radius: 22.248px;
     background: linear-gradient(180deg, #5F578A 0%, #E5D2E5 100%);
    /*width: 544.808px;
     */
     height: 388.472px;
}
 .portfolio-item-tycoon-text-image, .portfolio-item-tycoon-mobile-image, .portfolio-item-image-hover, .portfolio-item-mountain-image {
     position: absolute;
     transition: transform 1.2s ease, opacity 1.2s ease;
}
/* Initial positions */
 .portfolio-item-tycoon-mobile-image {
     top: 50px;
     left: 50%;
     transform: translateX(-60%);
}
 .portfolio-item-tycoon-text-image {
     bottom: 0;
     right: 0;
}
 .portfolio-item-mountain-image {
     bottom: 0;
     left: 0;
     height: 100%;
}
 .portfolio-item-mountain-image img {
     width: 100%;
     height: 100%;
}
 .portfolio-item-image-hover {
     top: 0;
     left: 50%;
     transform: translateY(100%);
     opacity: 0;
     width: 100%;
     height: 100%;
}
/* Hover Effects */
 .portfolio-item:hover .portfolio-item-tycoon-mobile-image {
     transform: translate(-50%, -120%);
}
 .portfolio-item:hover .portfolio-item-mountain-image {
     transform: translateY(50%);
}
 .portfolio-item:hover .portfolio-item-tycoon-text-image {
     transform: translateX(-100%);
}
 .portfolio-item:hover .portfolio-item-image-hover {
     opacity: 1;
     transform: translate(-50%, -20%);
}
 .portfolio-item-title h3 {
     color: #212121;
     font-family: Outfit;
     font-size: 35px;
     font-style: normal;
     font-weight: 700;
     line-height: 45px;
}
 .portfolio-item-description p {
     color: #9A9A9A;
     font-family: Outfit;
     font-size: 18px;
     font-style: normal;
     font-weight: 400;
     line-height: 30px;
     margin: 0px;
     padding-bottom: 40px;
}
 .portfolio-item-description ul {
     display: flex;
     align-items: center;
     list-style: none;
     padding: 0;
}
 .portfolio-item-description ul li:first-child {
     color: #BD2020;
     font-family: Outfit;
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 30px;
     width: 145.387px;
     height: 30px;
     flex-shrink: 0;
     background: #FFD3D3;
     border-radius: 100px;
     text-align: center;
     margin-right: 10px;
}
 .portfolio-item-description ul li:last-child {
     color: #1B8B83;
     font-family: Outfit;
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 30px;
     width: 107.49px;
     height: 30px;
     border-radius: 100px;
     background: #BFDFDC;
     text-align: center;
     margin-left: 10px;
}
 .portfolio-item .row {
     align-items: center;
}
 .portfolio-item-content {
     height: 100%;
}
 .portfolio-item {
     border-radius: 20px;
     border: 1px solid #D1D1D1;
     background: #FFF;
     padding: 23px 23px 23px 50px;
     margin-bottom: 60px;
}
 .portfolio-item-title {
     padding-bottom: 100px;
}
 .portfolio-item-sub-title {
     position: absolute;
     top: 30px;
     right: -50px;
}
 .portfolio-item-content {
     position: relative;
}
 .portfolio-item-sub-title p {
     color: #000;
     font-family: Outfit;
     font-size: 100px;
     font-style: normal;
     font-weight: 900;
     line-height: 45px;
    /* 45% */
     margin: 0px;
     opacity: 0.03;
}
 .portfolio-item-description {
     width: 52%;
}
 .portfolio-item-sub-title {
     position: absolute;
     top: 30px;
     right: -50px;
}
 .portfolio-item-content {
     position: relative;
}
 .portfolio-item-sub-title p {
     color: #000;
     font-family: Outfit;
     font-size: 100px;
     font-style: normal;
     font-weight: 900;
     line-height: 45px;
    /* 45% */
     margin: 0px;
     opacity: 0.03;
}
 .portfolio-item-description {
     width: 52%;
}
 .portfolio-paragraph p {
     color: #444;
     font-family: Outfit;
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     line-height: 30px;
    /* 150% */
     margin: 0px;
}
 .portfolio-content {
     padding-bottom: 60px;
}
 .portfolio-content .row {
     align-items: center;
}
 .portfolio-paragraph {
     width: 91%;
     margin: 0 0 0 auto;
}
 .portfolio-sec {
     padding: 100px 0px;
}
 .testimonial-section h2 {
     color: #FFF;
     font-family: Outfit;
     font-size: 45px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     margin-bottom: 0;
}
.testimonial_wrapper {
  margin-bottom: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.testimonial_wrapper p {
    max-width: 500px;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 30px; /* 150% */
}
.portfolio-sec .portfolio-row .portfolio-item {
    position: sticky;
    top: 0;
}
 .testimonial-slider {
     display: flex;
     gap: 20px;
     position: initial;
}
 .testimonial-card {
    background-image: url('../img/Subtract.png');
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 30px;
    text-align: left;
    position: relative;
    color: #ddd;
    margin: 20px 20px;
    background-size: cover;
    background-position: top right;
    border-radius: 20px;
}
 .testimonial-header {
     display: flex;
     align-items: center;
     gap: 10px;
     margin-bottom: 25px;
}
 .user-img {
     width: 60px;
     height: 60px;
     border-radius: 50%;
     object-fit: cover;
}
 .user-info h3 {
    /* font-size: 1.2em;
     */
     margin: 0;
    /* color: #ffffff;
     */
     color: #FFF;
     font-feature-settings: 'liga' off;
     font-size: 22px;
     font-style: normal;
     font-weight: 700;
     line-height: 27px;
    /* 122.727% */
}
 .user-info span {
     color: #746E6E;
     font-feature-settings: 'liga' off;
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: 27px;
    /* 168.75% */
}
 .rating-badge {
     position: absolute;
     top: -10px;
     right: -13px;
     font-size: 18px;
     font-weight: bold;
     color: #fff;
     padding: 18px 18px;
     border-radius: 15px;
     z-index: 9;
}
 .rating-badge.yellow {
     background-color: #f6c344;
}
.rating-badge.red {
  background-color: #BD2020;
}
 .rating-badge.green {
     background-color: #3ccca6;
}
 .testimonial-date {
     color: #C6C6C6;
     font-feature-settings: 'liga' off;
     font-size: 15px;
     font-style: normal;
     font-weight: 600;
     line-height: 27px;
}

 .testimonial-text {
     color: #FFF;
     font-feature-settings: 'liga' off;
     font-family: Outfit;
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 38px;
     margin: 20px 0px 0px;
}
 .star-date {
     display: flex;
     justify-content: space-between;
     align-items: center;
}
 section.client-main {
     background-image: url(../img/client-bg.png);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     padding: 120px 0px;
}

 .testimonial-section button.slick-arrow {
     position: absolute;
     top: 0;
     right: 0;
     left: auto;
     width: 57px;
     height: 57px;
}
 .testimonial-section {
     position: relative;
}
 .testimonial-section button.slick-prev.slick-arrow {
     right: 75px;
}
 .testimonial-slider .slick-prev::before {
     display: none;
}
 .testimonial-slider .slick-next::before {
     display: none;
}
 .talk-developer {
     background-image: url(../img/our-developer-bg.png);
     background-repeat: no-repeat;
     background-size: cover;
     padding: 70px 0px;
     background-color: #b3242f;
}
.talk-developer p {
  color: #FFF;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  margin-top: 30px;
  margin-bottom: 0;
}
 .talk-developer .row {
     align-items: center;
}
 .talk-developer .row .col-lg-6.col-md-6.col-sm-12.col-xs-12:last-child {
     justify-content: end;
     display: flex;
}
 .talk-developer .row .col-lg-6.col-md-6.col-sm-12.col-xs-12:last-child a.csBtn.yellow {
     width: 260.932px;
}
 .talk-developer .row .title p {
     color: #FFF;
     font-family: Outfit;
     font-size: 40px;
     font-weight: 700;
     line-height: 57px;
     margin: 0;
     padding: 0;
}
.talk-developer .csBtn.yellow {
  margin-left: auto;
}
 .global-contact-form-sec {
     margin: 0px 0px;
}
 .global-contact-form-sec h2 {
     color: #fff;
     font-family: "General Sans Variable";
     font-size: 40px;
     font-style: normal;
     font-weight: 600;
     line-height: 50px;
     text-transform: capitalize;
     margin: 0px;
}
 .global-contact-form-sec p {
     color: #fff;
     font-family: "General Sans Variable";
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     line-height: 32px;
     text-transform: capitalize;
     margin: 20px 0px;
}
 .global-contact-form input {
     border: 1px solid #595959;
     background: #313137;
     height: 55px;
}
 .global-contact-form textarea {
     border: 1px solid #595959;
     background: #313137;
     resize: none;
     height: 124px;
}
 .global-contact-form input::placeholder, .global-contact-form textarea::placeholder {
     color: #ffffff;
     font-family: "General Sans Variable";
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: 32px;
     text-transform: capitalize;
}
 .global-contact-form button.btn-red {
     background: #d42234;
     width: 100%;
     border: 1px solid #d42234;
     height: 55px;
     color: #fff;
     font-family: "General Sans Variable";
     font-size: 16px;
     font-style: normal;
     font-weight: 600;
     line-height: 32px;
     text-transform: capitalize;
}
 .global-contact-form button.btn-red:hover {
     background: transparent;
     border: 1px solid #d42234;
     color: #d42234;
}


 .exploration-session .title h2 {
    /* color: #fff;
     */
    /* font-family: "General Sans Variable";
     */
    /* font-size: 60px;
     */
    /* font-style: normal;
     */
    /* font-weight: 600;
     */
    /* line-height: 75px;
     */
    /* text-transform: capitalize;
     */
    /* padding-right: 60px;
     */
}
 .global-contact-form .form-left {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
}
 .global-contact-form .form-left .form-group:nth-child(odd) {
     margin-right: 0px;
}
 .global-contact-form .form-left .form-group:nth-child(even) {
     margin-left: 0px;
}
 .global-contact-form .form-left .w-50 {
     width: 49% !important;
}
 .exploration-session-item-content {
     position: sticky;
     top: 100px;
}
.content-image {
    position: relative;
}
.content-image:before {
    position: absolute;
    content: '';
    background: url('../img/shadoww.png');
    width: 1026px;
    height: 896px;
    left: -225px;
    top: -120px;
    background-repeat: no-repeat;
}
 .our-tech-sec .sub-title h2, .our-tech-sec .title h2 {
     color: #ffffff;
}
 .our-tech-sec .sub-title h2, .our-tech-sec .title h2 {
     color: #ffffff;
}

 .sub-title h2:before {
     content: '';
     background-color: #000000;
     display: block;
     position: absolute;
     left: 0;
     bottom: 30px;
     width: 43.314px;
     height: 1px;
}
 .sub-title h2 {
     position: relative;
     padding-left: 50px;
}
 .exploration-session-num {
     display: flex;
     align-items: center;
}
 .exploration-session-num h5 {
     color: #212121;
     font-family: Outfit;
     font-size: 28px;
     font-style: normal;
     font-weight: 700;
     line-height: 40px;
    /* 142.857% */
     margin: 0px;
     padding-left: 30px;
}
 .exploration-session-content {
     padding-top: 30px;
}

 * {
     box-sizing: border-box;
}
 html {
     scroll-behavior: smooth;
}
.right_btn_home {
    position: fixed;
    right: 0;
    z-index: 9999;
    top: 38%;
    /* width: 47px; */
    opacity: 0;
  transition: opacity 0.5s ease;
}
 a,a:hover {
     text-decoration: none !important;
}
 .container {
     max-width: 1330px !important;
     margin: 0 auto;
}
 body{
     font-family: 'outfit';
     font-size: 18px;
     line-height: 1.3;
     /*overflow-x: hidden;*/
}
html {
    overflow-x: hidden;
}
 h1,h2,h3,h4,h5,h6{
     font-family: 'outfit';
}
 img {
     max-width: 100%;
     height: auto;
}
/*================================================== header =======================================f============ */
 header{
     padding-top: 30px;
     width: 100%;
     z-index: 99;
     position: absolute;
}
 .header--rightcol {
     display: flex;
     justify-content: flex-end;
     align-items: center;
}
 header .row {
     align-items: center;
}
 .header--contctdetails > a img {
     margin-right: 13px;
}
 .header--contctdetails > a{
     margin-right: 40px;
}
 .header--contctdetails a{
     color: #000;
     leading-trim: both;
     text-edge: cap;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: normal;
}

 .csBtn img {
     position: absolute;
     right: 50%;
     margin: 0 auto;
     transition: all 0.7s ease;
     opacity: 0;
}
 .csBtn:hover img {
     opacity: 1;
     right: 10px;
}
 a.csBtn span {
     transition: all 0.7s ease;
     position: relative;
     left: 0px;
}
 .csBtn:hover span{
     left: -20px;
}
/*================================================== Banner =================================================== */
 .main_banner{
    /*background: url('../images/BannnerIMage.png');*/
    color: #fff;
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 129px;
    position: relative;
}
.banner_abs{
    position: absolute;
    top: 0;
    z-index: 0;
    object-fit: cover !important;
    width: 100%;
    bottom: 0;
    height: 100%;
}
.main_banner .container {
  position: relative;
  z-index: 99;
}
.main_banner .h1 {
  color: #212121;
  font-family: Outfit;
  font-size: 55px;
  font-style: normal;
  font-weight: 700;
  line-height: 70px;
  letter-spacing: -1.3px;
  margin: 0px;
  margin-bottom: 15px;
}
 .main_banner .col-md-6 {
     display: flex;
     flex-direction: column;
     justify-content: center;
}
.wd-45 {
  width: 45%;
  margin-top: 45px;
}
.wd-55{
  width: 55%;
}

a.btnimg {
    width: 219px;
    height: 60px;
    font-family: 'Gilmer';
    font-weight: bold;
    border-radius: 50px;
    background: #BD2020;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: #FFF;
    padding: 0px 20px;
    font-size: 17px;
}

 a.btnimg:hover{
    opacity: 0.9;
 }
 a.btnimg img {
     margin-left: 15px;
}

.right_banner_flex {
  max-width: 135%;
  width: 135%;
}
#my-form {
    background: url(../img/form-covr.jpg);
    background-size: 100% 100%;
    /* width: 604px; */
    /* height: 703px; */
    background-repeat: no-repeat;
    padding: 65px 40px;
    margin: 0 auto;
    border-radius: 25px;
    margin-left: 30px;
}
#my-form .form-title h3 {
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 45px; /* 112.5% */
    letter-spacing: -0.8px;
}

#my-form .form-title h3 span {
    color: #F8B418;
}

#my-form .form-title p {
    color: #CECECE;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 42px; /* 233.333% */
}
#my-form .field input {    padding: 11px 20px;width: 100%;margin-bottom: 20px;border-radius: 10px;background: linear-gradient(0deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);backdrop-filter: blur(7.5px);border: none;color: #FFF;font-size: 16px;font-style: normal;font-weight: 400;line-height: 37px; /* 231.25% */}

#my-form .field textarea {
    width: 100%;
    margin-bottom: 30px;
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.07) 100%);
    backdrop-filter: blur(7.5px);
    border: none;
    resize: none;
    padding: 24px 20px;
    height: 129px;
    color: white;
}
#my-form .btn input {
    background: #BD2020;
    color: #FFF;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 29px;
    width: 240px;
    padding: 20px 0;
    border: none;
}
.btn {
    text-align: left;
}
.main_banner li:before {
    content: '';
    /*position: absolute;*/
    background: url('../img/ree.png');
    width: 16px;
    height: 16px;
    left: 0px;
    top: 5px;
    margin-right: 9px;
}
.main_banner li::after {
    content: "";
    margin-right: 10px;
    height: 10px;
    width: 2px;
    margin-left: 10px;
    background: #C4C4C4;
    display: block !important;
}
.main_banner li:last-child::after {
  display: none !important;
}
.main_banner li:nth-child(3)::after {
  display: none !important;
}
.main_banner li:first-child, .main_banner li:nth-child(4) {
    /*width: 100%;*/
    /*max-width: 236px !important;*/
}
 .main_banner li:nth-child(4)::after{
  /*margin-left: auto;   */
 }

.main_banner li {
  color: #000;
  list-style: none;
  position: relative;
  font-weight: bold;
  font-size: 16px;
  display: flex;
  align-items: center;
    line-height: 2.5;
}

.main_banner ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 40px;
}
.main_banner li:nth-child(2):before {
    background: url('../img/green.png');
}
.main_banner li:nth-child(3):before {
    background: url('../img/yellow.png');
}
.main_banner li:nth-child(4):before {
    background: url('../img/green.png');
}
.row.hd-ii .col IMG {
    display: none;
}
.count_wrapper::after {
    display: none;
}
#mgsc:after {
    display: none;
}

.img-sec p {
    display: none;
}


.right_banner_flex img{
      animation: moveUpDown 3s infinite ease-in-out;
}
 @keyframes moveUpDown {
      0% {
        top: 0px;
      }
      50% {
        top: 85.51px; /* Moves the element 30px up */
      }
      100% {
        top: 0px;
      }
    }
 .img-sec p {
    padding-top: 50px;
    color: #FFF;
    font-size: 25px;
    font-weight: 500;
    line-height: 35px;
    text-align: left;
}


.row.hd-ii .col {
    background: #fff;
    border-radius: 10px;
}
.wdcol-left {
  width: 50%;
}
.wdcol-right {
      width: 50%;
    display: block;
    gap: 30px;
}
.img-sec.left {
  max-width: 100%;
}
.img-sec.right{
  margin-top: 175px;
  max-width: 42%;
}
.iist-cl .img-sec {
    text-align: center;
}
.cstm-app h2 {
    color: #fff !important;
}
.ist-cl h2 {
    color: #212121;
    font-family: Outfit;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
      line-height: 1.2;
    margin-bottom: 30px;
}
.ist-cl p {
    color: #A1A1A1;
    font-family: Outfit;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    max-width: 100%;
    margin-bottom: 25px;
}


 .ist-cl a.button {
     border: 1px solid #fff;
     border-radius: 100px;
     width: 159.41px;
     height: 159.41px;
     display: flex;
     align-items: center;
     color: #fff;
     margin-top: 54px;
     position: relative;
     z-index: 999;
     padding: 0px 14px;
}
.ist-cl a.button:hover{
    opacity: 0.8;
}


 .ist-cl a.button:after {
     content: '';
     background: url(../img/aro.png);
     background-repeat: no-repeat;
     position: absolute;
     width: 15px;
     height: 15px;
     right: 12px;
}
 .count_wrapper img {
     width: 45px;
     height: 45px;
     margin-bottom: 15px;
}
 .row.hd-ii {
     margin-top: 162px;
}



div#mgsc img {
    margin-left: -70px;
    max-width: calc(100% + 70px);
}


.row.hd-ii .col:last-child .count_wrapper::after{
    display: none;
}
.count_wrapper::after {
    content: "";
    height: 115px;
    display: block;
    width: 1px;
    opacity: 0.15;
    background: #FFF;
    right: 0;
    position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
}
.count_wrapper {
  position: relative;
  padding-left:0;
  height: 306px;
  padding: 50px 10px;
}
 .whtdo .ist-cl p {
     position: relative;
     padding-left: 50px;
     color: #222;
     leading-trim: both;
     text-edge: cap;
     font-family: Outfit;
     font-size: 22px;
     font-style: normal;
     font-weight: 500;
     line-height: 32px;
      margin-bottom: 15px;
}
 .whtdo .ist-cl p:before {
     content: '';
     position: absolute;
     height: 1px;
     background: #000000;
     width: 40px;
     color: #000000;
     left: 0;
     top: 15px;
     opacity: 0.6;
}
 .whtdo .cl p{
     color: #444;
     leading-trim: both;
     text-edge: cap;
     font-family: Outfit;
     font-size: 22px;
     font-style: normal;
     font-weight: 500;
     line-height: 32px;
    /* 145.455% */
     margin: 0px;
}
.col-md-5.cl p {
  max-width: 90%;
  margin-left: auto;
}
#business {
  background: url(../images/OurServicesBG.png) no-repeat;
  background-size: auto ;
  background-position: top center;
}
 #business .ist-cl h2 {
     color: #212121;
     font-family: Outfit;
     font-size: 45px;
     font-style: normal;
     font-weight: 700;
       line-height: 1.2;
     margin: 0px;
}
 .row.whtdo {
     align-items: center;
}
.accordion {
    display: grid;
    column-gap: 25px;
    width: 100%;
    grid-template-columns: 1fr 1fr;
}
 .accordion-item {
     position: relative;
     transition: width .3s,background-color .3s 
}

#faq .accordion-button h4 {
    line-height: 28px;
}
.accordion-body p {
    font-size: inherit;
    color: inherit;
}

 .accordion .accordion-item img {
     width: 100%;
     height: 572px;
     object-fit: cover;
     max-width: 100%;
     border-radius: 30px;
     transition: width .3s,height .3s 
}
 .accord-col {
     display: flex;
     flex-direction: row;
     padding: 30px 0 0;
     border-top: 1px solid;
     overflow: hidden 
}
 .accord-col:last-child {
     border-bottom: 1px solid 
}
 .accord-col .accord-one {
     width: 30%;
     transition: visibility 0s,opacity .5s ease-in 
}
 .accord-col:hover .accord-one {
     visibility: visible;
     opacity: 1 
}
 .accord-col .accord-two {
     width: 70%;
     visibility: hidden;
     opacity: 0;
     position: relative;
     transition: all .6 ease;
     left: 50px;
     top: 50px 
}
 .accord-col:hover .accord-two {
     visibility: visible;
     opacity: 1;
     left: 0;
     top: 0 
}
 .accord-one img {
    /*opacity: 0;
    */
     transition: opacity .5s ease-in 
}
 .accord-col:hover .accord-one img {
    /*opacity: 1*/
}
 .accord-one h2,.accord-one h3 {
     font-size: 20px;
     font-family: 'Gilmer Regular';
     font-weight: 700;
     line-height: 30px;
     position: relative;
     width: 64%;
     transition: color .3s ease 
}
 .accord-two p {
     color: #444;
     font-family: 'Gilmer Regular';
     font-size: 18px;
     font-weight: 400;
     line-height: 30px 
}
 .accord-two strong {
     color: #444;
     font-family: 'Gilmer Regular';
     font-size: 18px;
     line-height: 30px 
}
 .accord-col {
    /*height: 111px;
    */
     transition: all .7s ease 
}
 .accord-col.iot {
     height: 137px 
}
 .accord-col:hover .accord-one {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     align-items: flex-start 
}

 .accord-col .accord-one img {
    /*display: none*/
}
 .accord-col:hover .accord-one img,.accord-col:hover .accord-two {
     display: block;
     transition: all .3s ease-in 
}
 .accord-one h2 i,.accord-one h3 i {
     margin-left: 10px;
     transition: transform .3s ease;
     font-size: 25px;
     display: flex;
     flex-direction: row-reverse;
     align-items: self-start;
     top: -40px;
     left: 0;
     position: relative;
     font-size: 20px 
}
 .accord-col:hover .accord-one h2 i,.accord-col:hover .accord-one h3 i {
     transform: rotate(45deg);
     background: #fef1f1;
     padding: 10px;
     border-radius: 40px;
     display: inline-flex;
     left: 110px;
     top: 0;
     position: absolute 
}

 #business {
     padding: 120px 0px;
}
 .bd-i {
     display: flex;
     padding: 40px 0px 40px;
}
 .col-md-6.bd-ii {
     display: flex;
     align-items: center;
     justify-content: right;
     position: relative;
}
 .cont {
     border-top: 1px solid #C3C3C3;
     border-bottom: 1px solid #c3c3c3;
}
 .icz img {
     transition: all 0.5s ease-in;
     display: block;
     overflow: hidden;
}
 .cont:hover .icz img {
     transform: scale(1.1);
}
 .cont:hover p {
     color: #444;
     padding-top: 25px;
     transition: all 0.5s ease-in;
}
 .texts p {
     padding-top: 30px;
     margin: 0;
     transition: all 0.5s ease-in;
     color: #989898;
     font-family: Outfit;
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     line-height: 30px;
    /* 150% */
}
 .chngimg {
     width: 65%;
     position: relative;
}
 .chngimg img {
     position: absolute;
     top: unset;
    bottom: -6.4em;
     transition: opacity 0.4s ease, transform 0.4s ease;
}
 .chngimg .primary-img {
     transition: all 0.5s ease-in;
}
 .chngimg .secondary-img {
     transition: all 0.5s ease-in;
}
 .primary-img {
     opacity: 1;
     z-index: 2;
}

 .secondary-img {
    position: absolute;
    bottom: -50px; /* Adjust as needed */
    opacity: 0;
    transform: translateY(80px);
    transition: transform 0.6s ease-out, opacity 0.6s ease-out;
     z-index: 1;
     border-radius: 60%;
     width: 236.763px;
     height: 236.763px;
    /* flex-shrink: 0;
     */
}
 .cont:hover .primary-img {
     opacity: 0;
     transform: translateY(20px);
}
.secondary-img.visible {
    transform: translateY(0);
    opacity: 1;
}
/* .cont:hover .secondary-img {*/
/*     opacity: 1;*/
/*     transform: translateY(12px);*/
/*}*/
 .icz {
     width: 30%;
}

.texts {
    padding-left: 15px;
}

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


#business .row.whtdo {
    margin-bottom: 80px;
}
 
 .texts h3 {
     color: #212121;
     leading-trim: both;
     text-edge: cap;
     font-family: Outfit;
     font-size: 35px;
     font-style: normal;
     font-weight: 700;
     line-height: 55px;
     margin: 0px;
}
 .arrow {
     width: 55px;
     height: 55px;
     border: 1px solid #BD2020;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50px;
     background: #BD2020;
     color: #fff;
     transform: rotate(310deg);
     margin-right: 30px;
     transition: all 0.5s ease-in;
}
.arrow a {
    color: #fff;
}

 .cont:hover .arrow {
     transform: rotate(410deg);
     transition: all 0.5s ease-in;
}
 .arrow .fa-arrow-right:before {
     font-size: 25px;
}

div#mgsc, div#mgsci {
    position: relative;
    /*z-index: 9999;*/
    display: block;
}


 .main_banner .container{
     height: 100%;
     display: flex;
     align-items: center;
}

 .sub-heading {
     color: #F7A131;
     font-size: 24px;
     font-style: normal;
     font-weight: 700;
     line-height: 1.3;
     margin-top: 40px;
     margin-bottom: 20px;
     display: inline-block;
}
 .main_banner p:first-child{
     color: #0C0F0C;
     font-family: Outfit;
     font-size: 22px;
     font-weight: 500;
     line-height: 62px;
     width: 100%;
     padding: 0px;
     margin: 0px;
}
.main_banner p {
    color: #515151;
    font-family: Outfit;
    font-size: 20px;
    font-weight: 400;
    line-height: 36px;
    width: 95%;
    margin: 0px;
    margin-bottom: 26px;
}
.main_banner p.mx-100 {
    width: 100%;
    margin-bottom: 40px;
}
.bd-flex {
    display: flex;
    margin-top: 50px;
}

.banner_expert {
  width: 155px;
  float: right;
}
.banner_expert {
  margin-left: 22px;
  margin-top: -15px;
}

 @keyframes fade {
     0%, 100% {
         opacity: 1;
    }
     50% {
         opacity: 0;
    }
}
 
 .vic-1, .vic-2 {
     position: absolute;
     z-index: 99;
}
 .str1 {
     position: absolute;
     right: 37px;
     bottom: 20px;
     animation: moveUpDown 3s ease-in-out infinite;
    /* 2s is the duration for the complete movement */
     z-index: 99;
}
 .str2 {
     position: absolute;
     left: 0px;
     bottom: 20px;
     animation: moveUpDown 3s ease-in-out infinite;
    /* 2s is the duration for the complete movement */
     z-index: 99;
}
 .str3 {
     position: absolute;
     top: 0;
     bottom: 20px;
     animation: moveUpDown 3s ease-in-out infinite;
    /* 2s is the duration for the complete movement */
     z-index: 99;
}
 .vic-2 {
     position: absolute;
     right: 37px;
     bottom: 20px;
     animation: moveUpDown 3s ease-in-out infinite;
    /* 2s is the duration for the complete movement */
}
 .vic-1 {
     top: -124px;
     right: -65px;
     animation: moveUpDown1 2s ease-in-out infinite;
    /* 2s is the duration for the complete movement */
}
/* Define the keyframes for the up-and-down movement */
 @keyframes moveUpDown {
     0%, 100% {
         transform: translateY(0);
        /* Start and end at original position */
    }
     50% {
         transform: translateY(-20px);
        /* Move up 20px */
    }
}
 @keyframes moveUpDown1 {
     0%, 100% {
         transform: translateY(0);
        /* Start and end at original position */
    }
     50% {
         transform: translateY(-20px);
        /* Move up 20px */
    }
}
/*================================================== Counter =================================================== */
 .count_wrapper strong {
    /* color: #fff;
     */
    /* font-size: 50px;
     */
    /* font-style: normal;
     */
    /* font-weight: 700;
     */
    /* line-height: 0.9;
     */
     display: block;
     margin-bottom: 10px;
     color: #BD2020;
     font-family: Outfit;
     font-size: 55px;
     font-style: normal;
     font-weight: 700;
     line-height: 60px;
    /* 109.091% */
     letter-spacing: -0.935px;
     text-transform: capitalize;
}
 .count_wrapper p {
    /* color: #fff;
     */
    /* font-size: 18px;
     */
    /* font-style: normal;
     */
    /* font-weight: 500;
     */
    /* line-height: 1.3;
     */
     margin-bottom: 0px;
     margin-top: 15px;
     color: #0D1512;
     font-family: Outfit;
     font-size: 22px;
     font-style: normal;
     font-weight: 400;
     line-height: 32px;
    /* 145.455% */
}
 .cstm-app {
     background: url(../images/SecondSecBG.jpg);
     background-position: center center;
     color: #fff;
     padding-top: 117px;
     padding-bottom: 83px;
     position: relative;
     background-size: cover;
}

/*================================================== Service Slider =================================================== */

/*================================================== CTA =================================================== */
@media (min-width: 768px) {
  .col-md-10.wd80 {
    flex: 0 0 auto;
    width: 80.333%;
  }
}
@media (min-width: 768px) {
  .col-md-2.wd20 {
    flex: 0 0 auto;
    width: 19.667%;
  }
}
 .cta-container {
     margin: 0 auto;
     margin-bottom: 0;
     background-image: url("../img/mobile-app-bg.png");
     background-size: cover;
     border-radius: 25px;
     background-position: right;
     width: 1454.092px;
     height: 227.062px;
     padding: 0px 70px;
     background-repeat: no-repeat;
}
 .cta-2 .cta-container {
     background-image: url("../img/cta-bg-2.jpg");
}
 .cta .flex {
     display: flex;
     padding-left: 85px;
     align-items: center;
     height: 100%;
}
 .cta .flex.flex-2 {
     padding: 75px;
     align-items: center;
     justify-content: space-between;
}
 .cta .col-md-5 img {
     margin-top: 0px;
}
 .cta h2.h2 {
    /* color: #FFF;
     */
    /* font-size: 45px;
     */
    /* font-style: normal;
     */
    /* font-weight: 700;
     */
    /* line-height: 62px;
     */
    /* margin-bottom: 0;
     */
}
 .csBtn.yellow {
     background: #F8B418;
}
 .cta h2.h2 {
    /* color: #FFF;
     */
    /* font-size: 45px;
     */
    /* font-style: normal;
     */
    /* font-weight: 700;
     */
    /* line-height: 62px;
     */
    /* max-width: 70%;
     */
     color: #FFF;
     font-family: Outfit;
     font-size: 45px;
     font-style: normal;
     font-weight: 700;
     line-height: 50px;
    /* 111.111% */
     margin: 0px;
}
 .cta.cta-2 {
     margin-top: -142px;
}
 .cta-container .row .col-md-5 {
     justify-content: end;
     display: flex;
}
.cta-container .row .cta-head {
    color: #FFF;
    font-family: Outfit;
    font-size: 35px;
    font-weight: 700;
    line-height: 50px;
    margin: 0px;
}
 .cta {
     margin-top: -100px;
     position: relative;
}
/*================================================== Portfolio =================================================== */
 .portfolio .h2 {
     text-align: center;
     margin-bottom: 109px;
}
 .portfolio {
     background-image: url('../img/portfoli-bg.jpg');
     background-position: top center;
     background-size: cover;
     padding-top: 105px;
     padding-bottom: 95px;
}
 .prg--slide h3 {
     color: #222;
     font-size: 50px;
     font-style: normal;
     font-weight: 700;
     line-height: 1.1;
     margin-bottom: 32px;
}
 .prg--slide > p {
     color: #222;
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     text-transform: capitalize;
     margin-bottom: 26px;
     line-height: 1.7;
}
 .prg--slide .h4 {
     color: #222;
     font-size: 24px;
     font-style: normal;
     font-weight: 700;
     margin-top: 38px;
     margin-bottom: 28px;
     line-height: 1;
}
 .technologies_div > div {
     text-align: center;
     margin-right: 40px;
     margin-bottom: 30px;
}
 .technologies_div p {
     color: #000;
     text-align: center;
     font-size: 14px;
     font-style: normal;
     font-weight: 500;
     line-height: 18.491px;
     margin-bottom: 0;
}
 .technologies_div div img {
     margin-bottom: 15px;
}
 .technologies_div {
     display: flex;
     flex-wrap: wrap;
}
 .slick_cs_arrow button {
     background: transparent !important;
     border: 0 !important;
     padding: 0;
     margin-right: 15px;
}
 .slick_cs_arrow {
     margin-top: 10px;
}
 .portfolio .row {
     align-items: center;
}
 .portfolio-left{
     position: relative;
}
 .portfolio-left > img {
     position: absolute;
     z-index: 999;
     left: -45px;
     right: 0;
     margin: auto;
     top: -8px;
}
/*================================================== IndustriesBG =================================================== */
 .IndustriesBG {
     padding-top: 90px;
     background: url('../img/industries/bgindustries.jpg');
     color: #fff;
     padding-bottom: 320px;
     background-size: cover;
     background-position: top center;
}
 .industies {
     margin-bottom: 90px;
}
 .similarHead.h2{
     color: #222;
     font-size: 50px;
     font-style: normal;
     font-weight: 700;
     line-height: 1.3;
     text-align: center;
}
 .IndustriesBG .h2{
     margin-bottom: 49px;
     color: #fff;
}
 .ind-box {
     max-width: 33%;
     margin-bottom: 24px;
}
 .ind--wrapper{
     overflow: hidden;
     position: relative;
     display: inline-block;
     border-radius: 15px;
}
 .industries_cnt .h3 {
     color: #FFF;
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
     line-height: 30px;
     margin-bottom: 0;
}
 .ind-box img {
     transition: 1s;
}
 .industries_cnt img{
     margin-right: 20px;
}
 .industries_cnt {
     display: flex;
     align-items: center;
     position: absolute;
     bottom: 0;
     padding: 31px 35px;
}
 .ind-box:hover .ind--wrapper > img {
     transform: scale(1.1);
}
 .industies .row {
     justify-content: center;
}
/*================================================== Technologies =================================================== */
 #techTab {
     padding: 0;
     margin: 0;
     list-style: none;
     display: flex;
     justify-content: center;
     gap: 80px;
}
 #techTab li button {
     color: #FFF;
     font-size: 30px;
     font-style: normal;
     font-weight: 700;
     border-bottom: 4px solid transparent;
     line-height: 2.1;
}
 #techTab li button.active{
     border-bottom: 4px solid #BD2020;
}
 .technologies .h2{
     margin-bottom: 42px !important;
}
 .and-tablinks-tech span, .tablinks-tech span {
     color: #FFF;
     text-align: center;
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     line-height: 24px;
     display: block;
}
 .and-tablinks-tech, .tablinks-tech {
     border: 0;
     border-radius: 20px;
     width: 46.4%;
     padding: 0 !important;
     background: #030B25;
     height: 160px;
     margin: 17px 1.8%;
     transition: 0.7s;
}
 .left-tech-ios {
     display: flex;
     flex-wrap: wrap;
}
 .technologies-container{
     width: 1920px;
     margin: 0 auto;
     max-width: 90%;
}
 .and-tablinks-tech span, .tablinks-tech span {
     margin-top: 11px;
}
 .and-tablinks-tech.active-tech-tab, .tablinks-tech.active-tech-tab{
     box-shadow: 0px 0px 39.7px 10px #00358B;
}
 .tabcontent-tech-and, .tabcontent-tech {
     height: 421px;
     border-radius: 20px;
     background: #030B25;
     box-shadow: 0px 0px 39.7px 10px #00358B;
     padding: 36px;
     text-align: center;
}
 .tab-content {
     margin-top: 90px;
}
 .tabcontent-tech-and h3, .tabcontent-tech h3 {
     color: #FFF;
     text-align: center;
     font-size: 24px;
     font-style: normal;
     font-weight: 700;
     line-height: 27px;
     margin-top: 50px;
     margin-bottom: 15px;
}
 .tabcontent-tech-and p, .tabcontent-tech p {
     color: #FFF;
     text-align: center;
     font-size: 16px;
     font-style: normal;
     font-weight: 500;
     margin-bottom: 0;
     line-height: 1.7;
}
 .cnt--wrapper {
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
}
 .cnt--wrapper img{
     width: 153px;
}
 .tab-content .row {
     align-items: center;
}










/*==================================================
    Popup
=================================================== */
button.PopupBtn {
  position: relative;
  transition: 0.5s all ease-in-out;
}

.button-wiggle {
  -webkit-animation: wiggle 4s 2s infinite;
          animation: wiggle 4s 2s infinite;
}

@-webkit-keyframes wiggle {
  5%, 50% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  15% {
    transform: scale(1.15);
  }
  20% {
    transform: scale(1.15) rotate(-5deg);
  }
  25% {
    transform: scale(1.15) rotate(5deg);
  }
  30% {
    transform: scale(1.15) rotate(-3deg);
  }
  35% {
    transform: scale(1.15) rotate(2deg);
  }
  40% {
    transform: scale(1.15) rotate(0);
  }
}









  /* Overlay */
    #popup-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.68);
        display: none;
        z-index: 999;
    }

    /* Popup styling */
        #popup {
            position: fixed;
            bottom: -160%;
            left: 50%;
            transform: translateX(-50%);
            z-index: 1000;
            display: none;
            background-image: url(../img/popup/Popup.webp);

            background-position: center center;
            background-repeat: no-repeat;
            background-size: cover;
            transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
            padding: 80px 40px 18px 40px;
            border-radius: 20px;
            width: 1240px;
            top: 0;
            margin: auto;
            height: 608px;
        }

    /* Close button */
    .popup-close {
      position: absolute;
      top: 10px;
      right: 10px;
      cursor: pointer;
      width: 60px !important;
      content: "";
      display: block;
      height: 60px;
      background-size: contain;
      background-position: center;
      background-repeat: no-repeat !important;
    }
    .pop_uprow {
      display: flex;
      align-items: center;
    }
    .pop_col_45 {
        max-width: 45%;
        padding: 0 0px 0 0px;
    }
    
    .pop_col_45 img.branexLogo {
        position: absolute;
        top: 30px;
        left: 40px;
        width: 160px;
    }
    
    .pop_col_55 {
        padding: 0 15px;
        max-width: 55%;
    }
    .formpop_wrapper strong {
    color: #F8B418;
    font-size: 50px;
    line-height: 60px;
    font-weight: 900;
    text-transform: capitalize;
    margin-bottom: 5px !important;
    display: block !important;
}
    .formpop_wrapper p {
      color: #FFFFFF;
      font-size: 16px;
      font-weight: 500;
      text-transform: capitalize;
        margin-bottom: 10px;
    }
    
    .formpop_wrapper p:nth-child(3) {
    color: #1B8B83;
    font-family: Outfit;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 42px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 20px;
}

.formpop_wrapper p:nth-child(4) {
    color: #EFEFEF;
    font-family: Outfit;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-transform: capitalize;
    margin-bottom: 0px;
}
    
    
    .formpop_wrapper p span {
    border-radius: 100px;
    background: #C42626;
    width: 269px;
    height: 70px;
    color: #FFF;
    font-family: Outfit;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 55px;
    text-transform: uppercase;
    align-items: center;
    display: flex;
    justify-content: center;
}
    .formpop_wrapper ul li {
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        color: #FFFFFF;
        transition: color 0.3s;
        list-style: none;
        display: flex;
        align-items: center;
    }
    .formpop_wrapper ul {
      padding-left: 0 !important;
      display: flex;
      margin-bottom: 20px;
    }
    .formpop_wrapper ul li img {
      margin-right: 7px;
      width: 15px;
    }
    .formpop_wrapper ul li {
      margin-right: 25px;
    }
    .formpop_wrapper input, 
    .formpop_wrapper textarea  {
        background: transparent; 
    /* color: #fff !important; */
    /* border: 1px solid #fff; */
    /* font-family: "Outfit", Sans-serif; */
    /* width: 100%; */
    /* height: 45px; */
    /* margin-bottom: 15px; */
    /* padding: 0 20px; */
    /* border-radius: 60px; */
    /* cursor: pointer; */
    /* font-size: 0.85rem; */
    /* font-family: gilmer; */
    color: #fff !important;
    /* border: 0; */
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    padding: 0 20px;
    /* border-radius: 13px; */
    cursor: pointer;
    font-size: 0.85rem;
    font-family: gilmer;
    /* background: rgba(255, 255, 255, 0.05); */
    /* backdrop-filter: blur(25px); */
    border-radius: 100px;
    border: 0px solid #FFF;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%);
    backdrop-filter: blur(7.5px);
    }
    
    .formpop_wrapper textarea {
        height: 80px;
        border-radius: 20px;
        padding-top: 15px;
        resize: none;
    }
    
    .pop_col_45 img {
        position: relative;
        top: 30px;
    }
    
    .formpop_wrapper input::placeholder, .formpop_wrapper textarea::placeholder {
      color: #fff !important;
      opacity: 1;
      letter-spacing: 0;
      text-transform: capitalize;
      opacity: 1 !important;
      font-size: 0.85rem;
      font-family: gilmer;
    }
    .csBtn.PopupBtn {
      color: #fff !important;
      border-radius: 60px;
      cursor: pointer;
      background: #C42626;
      max-width: 150px;
      font-size: 15px;
      height: 40px !important;
      padding: 0 !important;
    width: 150px;
    border: 0px;
    }
    .formpop_wrapper form {
      /*max-width: 86%;*/
    }
    .csBtn.PopupBtn:hover{
        opacity: 0.7;
    }
    
    .formpop_wrapper .formpop_mid_iphone {
    position: relative;
}

.formpop_wrapper .formpop_mid_iphone .form_container {
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 0;
    right: 0;
    width: 65%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.formpop_wrapper textarea {
    /*height: 105px;*/
}

.formpop_wrapper {
    position: relative;
}

.pop_col_45 .formpop_wrapper:after {
    content: '';
    background-image: url(../img/popup/popup-arrow.png);
    width: 153px;
    height: 142px;
    display: block;
    position: absolute;
    top: 90px;
    bottom: 0;
    z-index: 999999;
    background-repeat: no-repeat;
    background-size: contain;
    right: -70px;
}
 



















/*================================================== Process =================================================== */
.process_new {
    background: url(../img/our-recent-work-bg.png);
    padding-top: 90px;
    padding-bottom: 104px;
    background-size: cover;
}

/*.process_new p {
  color: #fff !important;
}*/
/*.process_new .whtdo .ist-cl p::before {
  background: #fff !important;
}*/
.process_arrow_wrapper button {
    background: transparent !important;
    padding: 0;
    border: 0;
}
.process_arrow_wrapper {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    padding: 20px;
}

.process_new h2 {
  margin-bottom: 0 !important;
}
.hr {
  background: #c3c3c3;
  border: 0;
  height: 1px;
  margin: 0;
}

.pro_wrapper .h3 {
  color: #FFF;
  font-size: 25px;
  font-style: normal;
  font-weight: 700;
  line-height: 1.6;
  border-radius: 0px 50px 50px 0px;
  height: 50px;
    max-width: 100%;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
  padding-left: 54px;
  margin-left: -24px;
  position: relative;
}
.pro_wrapper p{
    padding-left: 30px;
    color: #DADADA !important;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.6;
}
.pro_wrapper {
    border-radius: 30px;
    border: 1px solid rgba(0, 0, 0, 0.00);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(25px);
    padding-top: 57px;
    padding-bottom: 65px;
    box-shadow: 1.5px 1.5px 0px #767676a1;
}
.pro_wrapper .h3::before {
  content: "";
  position: absolute;
  left: 0;
  width: 24px;
  height: 20.029px;
  bottom: -20.029px;
  clip-path: polygon(0 0, 100% 74%, 100% 0);
}
.red .pro_wrapper .h3::before {
  background: #780E0E;
}
.red .pro_wrapper .h3 {
  background: #BD2020;
}

.green .pro_wrapper .h3::before {
  background: #0E605A;
}
.green .pro_wrapper .h3 {
  background: #1B8B83;
}

.yellow .pro_wrapper .h3::before {
  background: #A8790D;
}
.yellow .pro_wrapper .h3 {
  background: #F8B418;
}

.server--slide {
  padding: 0 7px;
  position: relative;
}
.service_slider--wrapper{
    position: relative;
    margin-top: 140px;
    overflow: hidden;
}






.service_slider--wrapper .server-slide-content .technology-we-use {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 40px;
}

.service_slider--wrapper .server-slide-content .technology-we-use img {
    /*width: 16.5%;*/
}

.service_slider--wrapper .server-slide-content .technology-we-use img {
    margin: 0 auto;
}


.service_slider--wrapper .server-sub-images {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    bottom: -100px;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.service_slider--wrapper .server-slide-image {
    position: relative;
}
/* Main container styles */
.process_new {
    position: relative;
    padding: 80px 0;
}

/* Image slider wrapper */
.server-slide-image-wrapper {
    position: relative;
    width: 100%;
    height: 400px; /* Adjust based on your needs */
}

/* Static laptop frame */
.server-slide-laptop-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*z-index: 10;*/
    pointer-events: none; /* Allows interaction with elements beneath */
}

.server-slide-laptop-image img {
    width: 100%;
    height: auto;
    max-width: 600px; /* Adjust based on your laptop image size */
    margin: 0 auto;
    display: block;
}

/* Sliding content container */
.server-slide-content-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* Desktop image inside laptop */
.server-slide-desktop-image {
    width: 72%; /* Adjust to fit inside laptop screen */
    max-width: 500px; /* Adjust based on your laptop image */
    position: absolute;
    top: 8%; /* Adjust to position correctly in laptop screen */
    left: 50%;
    transform: translateX(-50%);
    border-radius: 4px;
}

/* Sub images styles */
.server-sub-images {
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.server-sub-images img {
    /*width: 25%;*/
    /*max-width: 150px;*/
    /*border-radius: 4px;*/
    /*box-shadow: 0 4px 8px rgba(0,0,0,0.1);*/
}

/* Content area styles */
.server-slide-content {
    padding: 20px;
}

/* Slick slider adjustments */
.service_slider--wrapper .slick-list {
    overflow: visible;
}

.service_slider--wrapper .server-slide {
    transition: all 0.3s ease;
}

.server-slide-content h3 {
    color: #222;
    font-family: Outfit;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
    margin-bottom: 30px;
}

.server-slide-content p {
    color: #222;
    font-family: Outfit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 20px;
}

.server-slide-content h5 {
    padding: 26px 0px 26px 0px;
    border-top: 1px solid #BEBEBE;
    color: #222;
    font-family: Outfit;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.service_slider--wrapper .server-slide-content .technology-we-use .technology-we-use-item p {
    color: #000;
    text-align: center;
    font-family: Outfit;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 18.491px;
    margin: 0px;
}
.process_new h3.subtitle {
    justify-content: center;
}

.process_new h2 {
    text-align: center;
}








































.service_slider--wrapper::before {
  /*content: "";*/
  /*width: 52px;*/
  /*display: block;*/
  /*position: absolute;*/
  /*bottom: 0;*/
  /*top: 0;*/
  /*z-index: 9;*/
  /*background: linear-gradient(90deg,rgb(245, 248, 237) 38%, rgba(255, 255, 255, 0) 100%);*/
}
.service_slider--wrapper::after {
    /*content: "";*/
    /*width: 52px;*/
    /*display: block;*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*top: 0;*/
    /*z-index: 9;*/
    /*background: linear-gradient(-90deg,rgb(205, 226, 221) 33%, rgba(255, 255, 255, 0) 100%);*/
    /*right: -21px;*/
}

/*.server--slide::before {
  content: "";
  position: absolute;
  top: 0;
  width: 16px;
  height: 16px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
    top: 5px;
  border-radius: 10px;
  border: 1px;
}
.server--slide::after {
  content: "";
  position: absolute;
  top: 0;
  width: 26px;
  height: 26px;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  border-radius: 26px;
  border: 1px solid #fff;
}
.red.server--slide::before{
  background: #bd2020;
}
.green.server--slide::before{
  background: #1B8B83;
}
.yellow.server--slide::before{
  background: #F8B418;
}*/

.pro_wrapper::before {
  content: "";
  background: #494949;
  position: absolute;
  top: -35px;
  height: 34px;
  width: 1px;
  display: block;
  margin: 0 auto;
  right: 0;
  left: 0;
}
.pro_wrapper.pdbtmad {
  padding-bottom: 30px;
}





/*================================================== Industries =================================================== */

.our-industries-sec {
    padding: 40px 0px 60px;
}
.five-col {
    flex: 0 0 20%;
    max-width: 20%;
}

.our-industries-sec .row .five-col:not(:last-child) {
    position: relative;
}

.our-industries-sec .row .five-col:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 10%; 
    bottom: 10%;
    right: 0;
    width: 1px; 
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0),  
        rgba(255, 255, 255, 0.8),
        rgba(255, 255, 255, 0)   
    );
}
.our-industries-sec .container {
    position: relative;
}
.our-industries-sec .faded-horizontal-line {
    height: 1px;
    width: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
    margin: 0px 0;
    position: absolute;
    top: 50%;
    bottom: 50%;
}
.our-industries-item p {
    color: #FFF;
    text-align: center;
    font-family: "Gilmer";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    margin: 25px 0px 0px;
}

.our-industries-item {
    text-align: center;
    padding: 50px 0px;
}




/*================================================== Technologies =================================================== */
 .testimonial-our-tech {
     background-image: url(../img/cxvr.jpg);
     padding: 100px 0;
     background-size: cover;
     background-position: center center;
}
.testimonial-our-tech.tools_wrapper{
     background-image: url(../img/tools_bg.jpg);

}
.testimonial-our-tech .sub--heading {
    color: #fff;
    text-align: center;
}
.testimonial-our-tech h2 {
    color: #fff;
    font-size: 45px;
    font-weight: 700;
    line-height: 55px;
    margin: 0px;
    text-align: center;
}
.tools_wrapper h2{
    color: #212121;
}
.testimonial-our-tech.tools_wrapper .sub--heading::before {
  background-color: #222222;
}
.testimonial-our-tech.tools_wrapper .sub--heading {
  color: #222222;
}
.tech_logo {
    display: grid;
    margin-top: 60px;
    margin-left: -15px;
    margin-right: -15px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 34px;
}
.tech_logo img {
  width: 100%;
}
.testimonial-our-tech.tools_wrapper .tech_logo {
  justify-content: space-between;
  margin-top: 40px;
    gap: 20px;
}
.testimonial-our-tech.tools_wrapper .tech_logo img{
    border-radius: 15px;
}
/*================================================== Testimonials =================================================== */
 #testimonial {
     background: url('../img/testimobial_bg.jpg');
     padding: 90px 0;
     background-size: cover;
     background-position: center center;
}
 .testomonials_head {
     color: #FFF;
     font-size: 50px;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     margin-bottom: 0;
     position: relative;
     z-index: 1;
}
 .testi-head {
     display: flex;
     align-items: flex-end;
     justify-content: space-between;
     margin-bottom: 60px;
}
 .slick_ts_arrow button {
     background: transparent !important;
     border: 0 !important;
     padding: 0 !important;
     margin-left: 10px;
}
 .slick_ts_arrow {
     margin-bottom: 10px;
}
 .testomonials_head::after {
     content: "";
     width: 103px;
     height: 84px;
     background: url('../img/qoute.png');
     display: block;
     position: absolute;
     right: -55px;
     z-index: -1;
     bottom: 13px;
}
 .slide_content {
     color: #fff;
     height: 100%;
     border-radius: 20px;
     background: rgba(255, 255, 255, 0.10);
     backdrop-filter: blur(29.950000762939453px);
     padding: 45px;
     padding-right: 30px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
}
 .slide_content img {
     margin-bottom: 28px;
}
 .cnt_tst {
     color: #FFF;
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
     line-height: 1.6;
     margin-bottom: 30px;
}
 .slide_content strong {
     color: #FFF;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 27px;
     display: block;
     margin-bottom: 8px;
}
 .slide_content span {
     color: #FFF;
     font-size: 18px;
     font-weight: 500;
     line-height: 27px;
    /* 150% */
}
 .testimonial_slider .testimonial--slide {
     display: flex;
     flex-direction: column;
    /* Ensures content inside aligns vertically */
     justify-content: stretch;
    /* Ensures the child content takes full height */
     height: 100%;
    /* Makes all slides the same height */
     margin-right: 35px;
    /* Adds 35px space between slides */
}
 .testimonial_slider .slick-slide {
     height: auto !important;
    /* Ensures auto height for all slides */
}
 .testimonial_slider .slick-track {
     display: flex !important;
    /* Ensures the slides take equal height */
}
 .testimonial_slider .slick-slide:last-child {
     margin-right: 0;
    /* Removes the extra margin on the last slide */
}












/*--------- SALMAN SHAH CSS STARTS ---------*/


section.branex-col-section {
    padding: 100px 0;
}

h2 {
    color: #212121;
    font-size: 50px;
    font-weight: 700;
    line-height: 65px;
    margin-bottom: 25px;
}

p{
    color: #515151;
    font-size: 20px;
    font-weight: 400;
}

.row.second-space {
    padding: 90px 0;
}

.custom-ul{
    padding: 0;
}

.custom-ul li{
    color: #515151;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

.custom-ul li:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 20px;
    flex-shrink: 0;
    background-color: #ffffff;
    border: 4px solid #C42626;
    margin-right: 10px;
    position: relative;
    top: 6px;
}


.future-section {
    background: url(../images/FutureBG.jpg);
    background-position: center center;
    color: #fff;
    padding-top: 100px;
    padding-bottom: 83px;
    position: relative;
    background-size: cover;
}
.future-section  h2 {
    color: #fff !important;
}

.future-section a.btnimg {
    width: auto;
    padding: 0 40px;
}



.row.ss-rowMargin {
    padding-top: 100px;
}

.advantage-ul li {
    color: #222;
    font-weight: 700;
    margin-bottom: 30px;
}
.advantage-ul li span {
    font-size: 25px;
    font-weight: 900;
    line-height: 30px; /* 120% */
    margin-right: 14px;
}
.advantage-ul li::before {
    display: none;
}



.Advantage-Section {
    background: url(../images/advantageBG.jpg) no-repeat;
    background-size: auto;
    background-position: top left;
}



.technologies-item {
    border-bottom: 1px solid #686868;
    padding-bottom: 20px;
    margin-top: 30px;
    margin-bottom: 50px;
}

.technologies-item ul {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    align-items: center;
    justify-content: center;
}
.technologies-item ul li {
    color: #7F7F7F;
    font-size: 20px;
    font-weight: 400;
    margin: 0 30px;
    cursor: pointer;
}

.technologies-item ul li.active {
    color: white;
    font-weight: 700;
    position: relative;
}

.technologies-item ul li.active:before {
    content: "";
    border-bottom: 4px solid #BD2020;
    position: absolute;
    bottom: -22px;
    display: block;
    width: 100%;
}

.our-tech-slider {
    display: none;
}

.our-tech-slider.active {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 30px;
}
.our-tech-slider-01.active {
    justify-content: flex-start;
}



.testimonial-our-tech .sub--heading {
    display: flex;
    align-items: center;
    justify-content: center;
}
.testimonial-our-tech .sub--heading::before {
    background-color: white;
    position: relative;
    display: inline-block;
    bottom: 0;
    margin-right: 20px;
}

#contact-us p.title {
    font-size: 25px;
    font-weight: 500;
}
#contact-us .social-links {
    display: flex;
}
.social-links img {
    margin-bottom: 0 !important;
}



/*section.branex-col-section {*/
    /*background: url(../images/pinkshadeBG.png) no-repeat;*/
    /*background-position: center right;*/
    /*background-size: auto;*/
/*}*/

/*section.branex-col-section.y_shade{*/
/*    background: url(../images/yellowShadeBG.png) no-repeat;*/
/*    background-position: center right;*/
/*    background-size: auto;*/
/*}*/

/*--------- SALMAN SHAH CSS ENDS ---------*/








/*================================================== footer =================================================== */
/*================================================== footer =================================================== */
 footer {
     padding-top: 90px;
     background: #000;
     color: #fff;
     position: relative;
     z-index: 991;
     background-image: url(../images/FooterBG.jpg);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-position: center center;
}
 .copyright_row p{
     margin-bottom: 0;
}
.copyright-wrapper {
    display: flex;
    justify-content: space-between;
}
.copyright-wrapper ul {
    list-style: none;
    display: flex;
    column-gap: 24px;
    justify-content: center;
    align-items: center;
        margin: 0;
}

.second-row .copyright_row .container {
    padding: 0 0;
}

 .first-row .h2 {
     color: #FFF;
     font-family: Outfit;
     font-size: 50px;
     font-style: normal;
     font-weight: 700;
     line-height: 64px;
}
 .first-row .h2 span {
     font-size: 35px;
}
 .first-row p {
     color: #B0B0B0;
     font-family: Outfit;
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 30px;
    /* 150% */
     letter-spacing: 0.2px;
}
 .first-row .h3 {
     color: #FFF;
     font-size: 100px;
     font-style: normal;
     font-weight: 700;
     margin-bottom: 0;
     line-height: 124px;
     position: relative;
}
 .first-row .h3 img {
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
}
 .contact_us--wrapper {
    /* border-radius: 30px;
     */
    /* background: rgba(170, 164, 164, 0.15);
     */
    /* backdrop-filter: blur(34.29481506347656px);
     */
     padding: 40px 0px 0px;
}
 .contact_us--wrapper .h4 {
    /* color: #FFF;
     */
    /* font-size: 48px;
     */
    /* font-style: normal;
     */
    /* font-weight: 700;
     */
    /* line-height: normal;
     */
    /* letter-spacing: 0.48px;
     */
    /* border-bottom: 1px solid #ffffff17;
     */
    /* margin-bottom: 38px;
     */
    /* padding-bottom: 38px;
     */
}
 .first-row .container {
     border-bottom: 1px solid #3A3A3A;
     padding-bottom: 80px;
}
.second-row .container {
    border-bottom: 1px solid #3A3A3A;
    padding-bottom: 60px;
    padding-top: 10px;
}

.f-head.spacetp {
  margin-top: 28px;
  display: block;
}

 .copyright_row p {
    font-family: 'Outfit';
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 40px;
    text-transform: capitalize;
    padding: 23px;
    text-align: center;
}
.copyright_row ul li a,.copyright_row ul li {
    color: #919191;
    font-family: Outfit;
    font-size: 18px;
    font-weight: 400;
    line-height: 40px; /* 222.222% */
    text-transform: capitalize;
}
 .second-row img {
     margin-bottom: 41px;
}
.foot-1 p {
  color: #FFF;
  font-family: Outfit;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  max-width: 86%;
}
 footer .head {
     color: #1B8B83;
     font-size: 20px;
     font-weight: 700;
     line-height: 1.6;
     margin-bottom: 34px;
     margin-top: 39px;
     display: block;
}
footer ul li a {
    color: #FFF;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.7;
}
footer ul {
    list-style: none;
    padding: 0;
}
.f-head {
    color: #AEAEAE;
    font-size: 16px;
    font-weight: 700;
    line-height: 2.3;
}
 .foot-4 p, .foot-4 a {
     color: #FFF;
     font-size: 20px;
     font-weight: 400;
     display: block;
     line-height: 1.7;
}
 .on:hover{
     opacity: 0.8;
}
 .contact_us--wrapper textarea::placeholder, .contact_us--wrapper input::placeholder{
     opacity: 1;
}
 .contact_us--wrapper textarea:focus, .contact_us--wrapper textarea:active, .contact_us--wrapper input:focus, .contact_us--wrapper input:active, .contact_us--wrapper select:focus, .contact_us--wrapper select:active, .contact_us--wrapper a:visited {
     outline: none;
    /* Remove outline on focus, active, and visited states */
}
 .contact_us--wrapper textarea, .contact_us--wrapper input {
     border-radius: 200px;
     background: rgba(255, 255, 255, 0.09);
     height: 60px;
     width: 100%;
     border: 0;
     margin-bottom: 20px;
     color: #888;
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     -webkit-appearance: none;
    /* Chrome, Safari, Edge */
     -moz-appearance: none;
    /* Firefox */
     appearance: none;
     line-height: 150%;
     letter-spacing: 0.2px;
     padding: 0 30px;
}
 .contact_us--wrapper select {
     border-radius: 200px;
     background: rgba(255, 255, 255, 0.09);
     height: 79px;
     width: 100%;
     border: 0;
     color: #888;
     font-size: 20px;
     font-style: normal;
     font-weight: 500;
     -webkit-appearance: none;
    /* Chrome, Safari, Edge */
     -moz-appearance: none;
    /* Firefox */
     appearance: none;
     line-height: 150%;
     letter-spacing: 0.2px;
     padding: 0 40px;
}
 .contact_us--wrapper input.on {
     border-radius: 30px;
     background: #BD2020;
     border: 0;
     width: 182px;
     height: 58px;
     flex-shrink: 0;
     color: #FFF;
     text-align: center;
     font-size: 18px;
     font-style: normal;
     transition: .7s ease;
     font-weight: 600;
     line-height: normal;
     letter-spacing: 0.18px;
}
 .contact_us--wrapper textarea{
     height: 181px;
     padding-top: 23px;
     border-radius: 24px;
     resize: none;
}
 .angle_btm{
     position: relative;
     margin-bottom: 20px;
}
 .angle_btm::after {
     content: "";
     width: 30px;
     height: 31px;
     display: block;
     position: absolute;
     background: url('../img/frmangle.png');
     bottom: 0;
     top: 0;
     margin: auto;
     right: 26px;
}
 .contact-us-content h6 {
     color: #FFF;
     font-family: Outfit;
     font-size: 24px;
     font-style: normal;
     font-weight: 500;
     line-height: 64px;
    /* 266.667% */
}
 #contact-us .first-row .col-md-12 {
     display: flex;
}
 #contact-us .first-row .contact-us-content {
     width: 48%;
}
 .contact_us--wrapper label {
     color: #FFF;
     font-family: Outfit;
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
    /* 30px */
     letter-spacing: 0.2px;
     margin-bottom: 15px;
}
 .contact_us--wrapper label span {
     color: #C90000;
     font-family: Outfit;
     font-size: 20px;
     font-style: normal;
     font-weight: 400;
     line-height: 150%;
     letter-spacing: 0.2px;
}
 #contact-us .first-row .contact_us--wrapper .col-lg-12.col-md-12.col-sm-12.col-xs-12 {
     flex-direction: column;
}
/* ######################################################### */
/* MEDIA QUERY */
/* ######################################################### */
 @media only screen and (max-width: 1680px){

.process_new {
    padding-top: 70px;
    padding-bottom: 70px;
}

#my-form {
    padding: 45px 30px;
}

#my-form .field input {
    padding: 7px 20px;
    margin-bottom: 15px;
    font-size: 15px;
}

#my-form .field textarea {
    margin-bottom: 10px;
    padding: 14px 20px;
    font-size: 15px;
    height: 99px;
}



.approach-box h3 {
    font-size: 22px;
}
.approach-box p {
    font-size: 18px;
    line-height: 28px;
}
.approach-box ul li {
    font-size: 18px;
    line-height: 22px;
}

h2 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 20px;
}
p {
    font-size: 18px;
}
.custom-ul li {
    font-size: 18px;
    margin-bottom: 10px;
}

section.branex-col-section {
    padding: 80px 0;
}
.row.second-space {
    padding: 70px 0;
}

.row.ss-rowMargin {
    padding-top: 80px;
}


    #business {
        padding: 90px 0px;
    }
  .texts h3 {
    font-size: 30px;
    line-height: 40px;
}   
.whtdo .cl p {
    font-size: 20px;
    line-height: 30px;
}
#business .ist-cl h2 {
    font-size: 40px;
}   
.texts p {
    font-size: 18px;
    line-height: 28px;
}     
 .chngimg img {
    bottom: -5em;
}    
.secondary-img {
    width: 51%;
    height: auto;
}     
/*     .row.hd-ii {*/
/*    padding-top: 40px;*/
/*}*/
     .img-sec p {
    font-size: 20px;
    line-height: 30px;
}
     .ist-cl h2 {
    font-size: 40px;
}
.count_wrapper strong {
    font-size: 40px;
    line-height: 50px;
}
  
.count_wrapper p {
    font-size: 20px;
    line-height: 30px;
}

.cta {
    margin-top: -100px;
}
.cta-container {
    width: 1354.092px;
    height: 217.062px;
    padding: 0px 50px;
}
.cta h2.h2 {
    font-size: 34px;
    line-height: 44px;
}
.cta-container .row .cta-head {
    font-size: 30px;
    line-height: 38px;
}

.portfolio-sec {
    padding: 90px 0px;
}
.portfolio-content {
    padding-bottom: 50px;
}
.sub-title h2 {
    padding-left: 40px;
}
.sub-title h2:before {
    bottom: 30px;
    width: 33.314px;
}
.sub-title h2 {
    font-size: 20px;
    line-height: 60px;
}
.title h2 {
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 22px;
}

.portfolio-paragraph p {
    font-size: 18px;
    line-height: 28px;
}
.portfolio-item {
    padding: 20px 20px 20px 47px;
    margin-bottom: 50px;
}
.portfolio-item-title h3 {
    font-size: 30px;
    line-height: 40px;
}
.portfolio-item-title {
    padding-bottom: 80px;
}
.portfolio-item-sub-title {
    top: 40px;
    right: -50px;
}
.portfolio-item-sub-title p {
    font-size: 90px;
    line-height: 35px;
}
.portfolio-item-description p {
    font-size: 16px;
    line-height: 28px;
    padding-bottom: 30px;
}
.portfolio-item-description ul li:first-child {
    font-size: 12px;
    line-height: 28px;
    width: 145.387px;
    height: 30px;
    margin-right: 10px;
}
.portfolio-item-description ul li:last-child {
    font-size: 12px;
    line-height: 28px;
    width: 107.49px;
    height: 30px;
    margin-left: 10px;
}

.testimonial-our-tech {
    padding: 80px 0;
}
.content p {
    font-size: 18px;
    line-height: 28px;
}

.exploration-session {
    padding: 90px 0px 110px;
}
.exploration-session-item {
    margin-bottom: 20px;
    padding: 0px 40px 0px 40px;
    width: 645.574px;
    height: 313.251px;
}
.exploration-session-num h5 {
    font-size: 24px;
    line-height: 36px;
    padding-left: 20px;
}
.exploration-session-content {
    padding-top: 20px;
}
.exploration-session-content p {
    font-size: 18px;
    line-height: 28px;
}
section.client-main {
    padding: 100px 0px;
}
.testimonial-section h2 {
    font-size: 40px;
   
}
.testimonial-card {
    padding: 20px;
    margin: 12px 12px;
}
.user-info h3 {
    font-size: 20px;
    line-height: 25px;
}
.user-info span {
    font-size: 14px;
    line-height: 25px;
}
.rating-badge {
    top: -5px;
    right: -6px;
    font-size: 16px;
    padding: 15px 15px;
}
.testimonial-text {
    font-size: 18px;
    line-height: 36px;
    margin: 10px 0px 0px;
}
.testimonial-date {
    font-size: 14px;
    line-height: 26px;
}
.talk-developer {
    padding: 60px 0px;
}
.talk-developer .row .title p {
    font-size: 32px;
    line-height: 47px;
}
.talk-developer .row .col-lg-6.col-md-6.col-sm-12.col-xs-12:last-child a.csBtn.yellow {
    width: 260.932px;
}
footer {
    padding-top: 80px;
}
.first-row .container {
    padding-bottom: 70px;
}
#contact-us .first-row .contact-us-content {
    width: 48%;
}
.contact-us-content h6 {
    font-size: 20px;
    line-height: 60px;
}
.first-row .h2 {
    font-size: 40px;
    line-height: 54px;
}
.first-row p {
    font-size: 18px;
    line-height: 28px;
}
.contact_us--wrapper {
    padding: 30px 0px 0px;
}
.contact_us--wrapper label {
    font-size: 16px;
    line-height: 146%;
    margin-bottom: 10px;
}
.contact_us--wrapper textarea{
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 150%;
    padding: 15px 25px;
}
.contact_us--wrapper input {
    height: 60px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 150%;
    padding: 0 25px;
}
.contact_us--wrapper input.on {
    width: 182px;
    height: 58px;
    font-size: 16px;
}
.second-row img {
    margin-bottom: 31px;
}
.foot-1 p {
    font-size: 16px;
    line-height: 24px;
}
footer .head {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: 20px;
}
  footer ul li a {
    font-size: 16px;
  }
.f-head {
    font-size: 16px;
    line-height: 26px;
}
  .foot-4 p, .foot-4 a {
    line-height: 24px;
    font-size: 16px;
    margin-bottom: 14px;
  }
.copyright_row p {
    font-size: 16px;
    line-height: 39px;
    padding: 15px;
}

#contact-us p.title {
    font-size: 20px;
    font-weight: 500;
}

.copyright_row ul li a, .copyright_row ul li {
        font-size: 16px;
    }

.second-row .container {
    padding-bottom: 30px;
}

     .btnz-style #button.cst-iii {
    right: -6em;
    width: 275px;
}
.main_banner .h1 {
    font-size: 50px;
    line-height: 60px;
}
     .cta h2.h2 {
         font-size: 38px;
         line-height: 1.4;
    }
   
}
 @media only screen and (max-width: 1900px) and (min-width: 1601px){
    .right_banner_flex {
      max-width: 115%;
      width: 115%;
    }
    .cstm-app {
      overflow-x: hidden;
    }
}

@media only screen and (max-width: 1600px){
    a.btnimg,
    #my-form .btn input,
    .btnimg.banner_btn-cs {
        width: 196.02px;
        height: 55px;
        font-size: 14px;
    }
    a.btnimg span.
    .btnimg.banner_btn-cs span{
        font-size: 14px;
    }
    h3.subtitle {
        font-size: 18px;
    }
    .cstm-app .bd-flex span {
        margin-bottom: 0 !important;
    }
    
    #my-form .form-title h3 {
        font-size: 36px;
    }
 
    .portfolio-item-image.even .portfolio-item-mountain-image {
        bottom: 60px;
        left: 50px;
        width: 50%;
    }  
    .whtdo .ist-cl p {
        font-size: 18px;
        line-height: 28px;
    }
    .whtdo .cl p {
        font-size: 18px;
        line-height: 28px;
    }
    .texts h3 {
        font-size: 25px;
        line-height: 35px;
    }   
    #business .ist-cl h2 {
        font-size: 35px;
    }   
    .texts p {
        font-size: 18px;
        line-height: 28px;
    }
    .arrow {
        width: 45px;
        height: 45px;
    }


    .cta {
        margin-top: -100px;
    }
    .cta-container {
        width: 1140px;
        height: 200px;
        padding: 0px 40px;
    }
    .cta h2.h2 {
        font-size: 34px;
        line-height: 44px;
    }
        
    .portfolio-sec {
        padding: 80px 0px;
    }
    .portfolio-content {
        padding-bottom: 40px;
    }
    .sub-title h2 {
        padding-left: 40px;
    }
    .sub-title h2:before {
        bottom: 30px;
        width: 33.314px;
    }
    .sub-title h2 {
        font-size: 18px;
        line-height: 58px;
    }
    .title h2 {
        font-size: 30px;
        line-height: 40px;
        padding-bottom: 11px;
    }

    .portfolio-paragraph p {
        font-size: 16px;
        line-height: 26px;
    }
    .portfolio-item {
        padding: 20px 20px 20px 35px;
        margin-bottom: 40px;
    }
    .portfolio-item-title h3 {
        font-size: 26px;
        line-height: 36px;
    }
    .portfolio-item-title {
        padding-bottom: 60px;
        width: 30%;
    }
    .portfolio-item-sub-title {
        top: 20px;
        right: -40px;
    }
    .portfolio-item-sub-title p {
        font-size: 80px;
        line-height: 25px;
    }
    .portfolio-item-description {
        width: 70%;
    }
    .portfolio-item-description ul {
        margin-bottom: 0px;
    }
    .portfolio-item-description p {
        font-size: 14px;
        line-height: 26px;
        padding-bottom: 20px;
    }
    .portfolio-item-description ul li:first-child {
        font-size: 10px;
        line-height: 30px;
        width: 140.387px;
        height: 30px;
        margin-right: 5px;
    }
    .portfolio-item-description ul li:last-child {
        font-size: 10px;
        line-height: 30px;
        width: 100px;
        height: 30px;
        margin-left: 5px;
    }
    .portfolio-item-image {
        height: 308px;
    }
    .portfolio-item-tycoon-mobile-image {
        top: 20px;
        left: 50%;
        transform: translateX(-60%);
    }
    .testimonial-our-tech {
        padding: 66.17px 0;
    }
    .content p {
        font-size: 16px;
        line-height: 26px;
    }
    .exploration-session {
        padding: 74.44px 0px 82.71px;
    }
    .exploration-session-item {
        margin-bottom: 15px;
        padding: 40px;
        width: 100%;
        height: auto;
    }
    .exploration-session-num h5 {
        font-size: 20px;
        line-height: 30px;
        padding-left: 15px;
    }
    .exploration-session-content {
        padding-top: 10px;
    }
    .exploration-session-content p {
        font-size: 16px;
        line-height: 26px;
    }
    section.client-main {
        padding: 90px 0px;
    }
    .testimonial-section h2 {
        font-size: 30px;
    }
    .testimonial-card {
        padding: 15px;
        margin: 10px 10px;
    }
    .user-info h3 {
        font-size: 18px;
        line-height: 23px;
    }
    .user-info span {
        font-size: 12px;
        line-height: 23px;
    }
    .rating-badge {
        top: 0px;
        right: 0px;
        font-size: 14px;
        padding: 12px 12px;
    }
    .testimonial-text {
        font-size: 16px;
        line-height: 34px;
        margin: 5px 0px 0px;
    }
    .testimonial-date {
        font-size: 12px;
        line-height: 24px;
    }

    .talk-developer {
        padding: 50px 0px;
    }
    .talk-developer .row .col-lg-6.col-md-6.col-sm-12.col-xs-12:last-child a.csBtn.yellow {
        width: 260.932px;
    }
    .btnz-style #button.cst-iii {
        right: -6em;
        width: 275px;
    }
    .main_banner .h1 {
        font-size: 50px;
        line-height: 60px;
    }
    .cta h2.h2 {
        font-size: 38px;
        line-height: 1.4;
    }
  
     .img-sec p {
        font-size: 18px;
        line-height: 28px;
    }
     .ist-cl h2 {
        font-size: 35px;
    }
    .count_wrapper strong {
        font-size: 35px;
        line-height: 45px;
    }
    .count_wrapper p {
        font-size: 18px;
        line-height: 28px;
    }
     .container{
         max-width: 1140px !important;
    }
    

    .main_banner p:first-child {
    font-size: 18px;
    line-height: 42px;
}
.btnz-style #button.cst-i {
    position: absolute;
    left: 0em;
    top: -1em;
    width: 200px;
    padding: 10px;
}
.btnz-style #button.cst-iii {
        right: -5em;
        width: 240px;
        padding: 10px;
    }
    .btnz-style #button.cst-ii {
    width: 200px;
    padding: 10px;
}
.text {
    font-size: 18px;
}
     .main_banner .h1 {
        font-size: 40px;
        line-height: 1.5;
    }
     .sub-heading {
         font-size: 19.53px;
         margin-top: 32px;
         margin-bottom: 16px;
    }
   
     .logo_wrapper img {
         max-width: 188px;
    }
     .header--contctdetails a {
         font-size: 13px;
    }
     .header--contctdetails > a img {
         max-width: 40px;
         margin-right: 9px;
    }
     a.csBtn {
         width: 196.02px;
         height: 55px;
         font-size: 13.83px;
    }
     header {
         padding-top: 23px;
    }

     .vic-2 {
         right: -14px;
         bottom: 0;
         width: 50px;
    }
     .vic-1 {
         top: -106px;
         right: -65px;
         animation: moveUpDown1 2s ease-in-out infinite;
    }

     .similarHead.h2{
         font-size: 40.68px;
    }
    
     .cta h2.h2 {
         font-size: 31px;
    }
     .portfolio .h2 {
         margin-bottom: 88px;
    }
     .portfolio {
         padding-top: 85px;
         padding-bottom: 77px;
    }
     .left--slider img {
         max-width: 584px;
    }
     .portfolio-left > img {
         left: -35px;
         top: -6px;
         max-width: 261px;
    }
     .prg--slide h3 {
         font-size: 40px;
         margin-bottom: 26px;
    }
     .prg--slide > p {
         font-size: 13.02px;
         margin-bottom: 21px;
    }
     .prg--slide .h4 {
         font-size: 20px;
         margin-top: 30px;
         margin-bottom: 22px;
    }
     .technologies_div div img {
         margin-bottom: 12px;
         height: 47px;
         margin-left: auto;
         margin-right: auto;
    }
     .technologies_div > div {
         text-align: center;
         margin-right: 31px;
         margin-bottom: 24px;
    }
     .slick_cs_arrow img {
         width: 45px;
    }
     .technologies_div p {
         font-size: 12px;
    }
     .IndustriesBG {
         padding-top: 73.22px;
         padding-bottom: 260.36px;
    }
     .IndustriesBG .h2 {
         margin-bottom: 39px;
    }
     .industries_cnt .h3 {
         font-size: 19px;
         line-height: 1.6;
    }
     .industries_cnt img {
         margin-right: 16px;
    }
     .industries_cnt {
         display: flex;
         align-items: center;
         position: absolute;
         bottom: 0;
         padding: 25px 28px;
    }
     #techTab li button {
         font-size: 24px;
         border-bottom: 3.25px solid transparent;
    }
     .and-tablinks-tech span, .tablinks-tech span {
         font-size: 13.02px;
         line-height: 1.5;
    }
     .tabcontent-tech-and h3, .tabcontent-tech h3 {
         font-size: 19.53px;
         line-height: 1.7;
         margin-top: 40.68px;
         margin-bottom: 12.20px 
    }
     .tabcontent-tech-and p, .tabcontent-tech p {
         font-size: 13.02px;
    }
     .tabcontent-tech-and, .tabcontent-tech {
         height: 342px;
         border-radius: 16px;
         padding: 29.29px 
    }
     .cnt--wrapper img {
         width: 124.48px;
    }
     .left-tech-ios img {
         height: 61px;
    }
     .and-tablinks-tech, .tablinks-tech {
         border-radius: 16px;
         height: 130.18px;
         margin: 17px 1.8%;
    }
     .cta .flex.flex-2 {
         padding: 61.02px;
    }
     .cta.cta-2 {
         margin-top: -107px;
    }
     .csBtn:hover img {
         width: 26px;
    }
    
     .testomonials_head {
         font-size: 40px;
    }
     .slick_ts_arrow img {
         width: 45px;
    }
     .cnt_tst {
         font-size: 18px;
         margin-bottom: 24.41px;
    }
     .slide_content strong {
         font-size: 16.27px;
         line-height: 1.3;
         margin-bottom: 6px;
    }
     .slide_content span {
         font-size: 14.64px;
         line-height: 1.3;
    }
     .slide_content {
         border-radius: 16px;
         padding: 36.61px;
         padding-right: 24.41px;
    }
     .slide_content img {
         width: 138px;
         margin-bottom: 20px;
    }
     .first-row .h2 {
         /* font-size: 44.75px; */
         /* margin-bottom: 24.41px; */
         /* margin-top: 77.29px; */
    }
     .first-row .h2 span {
         font-size: 28.48px;
    }
     .first-row p {
         /* font-size: 14.64px; */
         /* margin-bottom: 70px; */
    }
     .first-row .h3 {
         font-size: 81.36px;
         line-height: 100.89px;
    }
     .contact_us--wrapper .h4 {
         font-size: 39.05px;
         margin-bottom: 30.92px;
         padding-bottom: 30.92px;
    }
     .contact_us--wrapper textarea, .contact_us--wrapper input {
         height: 60px;
         margin-bottom: 16.27px;
         font-size: 15px;
         padding: 0 32.54px;
    }
     .contact_us--wrapper select {
         height: 60px;
         font-size: 15px;
         padding: 0 32.54px;
    }
     .angle_btm {
         margin-bottom: 16.27px;
    }
     .contact_us--wrapper textarea {
         font-size: 15px;
         height: 135px;
         padding-top: 18px;
         border-radius: 19.53px 
    }
     .contact_us--wrapper input.on {
         height: 48.82px;
         font-size: 15px;
         margin-bottom: 0;
    }
     .contact_us--wrapper {
         /* border-radius: 24.41px; */
         /* padding: 36.61px; */
    }
     .second-row img {
         max-width: 185px;
         margin-bottom: 32.54px;
    }
    
     footer {
         padding-top: 60px;
    }
     .first-row .container {
         padding-bottom: 73px;
    }
     .right_btn_home {
         width: 47px;
    }
    /*   -- staff 1600--   */
    .main_banner p {
        font-size: 17px;
        line-height: 1.7;
    }
    a.btnimg span {
        font-size: 15px;
    }
   
    a.btnimg img {
      max-width: 108px;
      margin-left: 0;
    }
    .banner_expert {
       width: 130px;
    }
    .right_banner_flex {
      max-width: 111%;
      width: 111%;
    }
     .main_banner {
        padding-top: 115px;
        padding-bottom: 80px;
    }
    .wdcol-right {
      width: 58.33333333%;
      display: flex;
      gap: 30px;
    }
    .wdcol-left {
      width: 41.66666667%;
    }
    .ist-cl p{
        font-size: 17px;
        margin-bottom: 20px;
        line-height: 1.5;
    }
    .ist-cl h2 {
        margin-bottom: 41.35px;
    }
   #mgsc::after {
      width: 188.57px;
      height: 79.40px;
      left: -159px;
    }
    #mgsci::after {
      width: 129.02px;
      height: 101.73px;
    }
    .img-sec p {
      padding-top: 40px;
    }
      .cstm-app {
        padding-top: 96.77px;
        padding-bottom: 68.65px;
    }
    .ist-cl a.button::after {
        width: 12.41px;
        height: 12.41px;
        right: 10px;
    }
    .ist-cl a.button {
        width: 131.84px;
        height: 131.84px;
        margin-top: 44px;
        font-size: 14.89px;
        padding: 0px 12px;
    }
    .row.hd-ii {
      margin-top: 133.98px;
    }
    .cstm-app::before {
      left: 3em;
      bottom: 54vh;
    }

    .process_arrow_wrapper button {
      width: 49px;
    }
    .process_arrow_wrapper {
      gap: 16.54px;
    }
    .pro_wrapper .h3::before {
      content: "";
      position: absolute;
      left: 0;
      width: 19.85px;
      height: 16.57px;
      bottom: -16.57px;
      clip-path: polygon(0 0, 100% 74%, 100% 0);
    }
    .pro_wrapper .h3 {
      color: #FFF;
      font-size: 20.68px;
      height: 41.35px;
      margin-bottom: 24.81px;
      padding-left: 44.66px;
      margin-left: -19.85px;
      position: relative;
    }
    .pro_wrapper p {
        padding-left: 24.81px;
        font-size: 18px;
        padding-right: 10px;
    }
    .pro_wrapper {
        border-radius: 24.81px;
        padding-top: 47.14px;
        padding-bottom: 53.76px;
        box-shadow: 1.24px 1.24px 0px #767676a1;
    }
    .pro_wrapper.pdbtmad {
      padding-bottom: 24.81px;
    }
    .portfolio-content .row {
      align-items: flex-end;
    }
     .sub--heading {
        font-size: 18px;
        line-height: 28px;
    }
    .sub--heading::before {
        bottom: 14px;
    }
    .testimonial-our-tech h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .exploration-session-num img {
        width: 66.17px;
    }
    .exploration-session-content p {
      max-width: 84%;
    }
    .exploration-session-item-content {
      top: 34px;
    }
    .content-image img {
      max-width: 85%;
    }
    .content-image {
      text-align: center;
    }
    .exploration-session .title h2 {
      padding-bottom: 10px;
    }
    .testimonial_wrapper p {
        max-width: 413px;
        font-size: 16.54px;
        line-height: 1.5;
    }
    .testimonial-text{
        line-height: 1.9;
    }
    .testimonial-card {
        padding: 35px;
        margin: 10px 10px;
    }
    .talk-developer p {
      font-size: 16.54px;
      line-height: 24.81px;
      margin-top: 20px;
      margin-bottom: 0;
    }
/*     staff */


/*----- SALMAN SHAH CSS STARTS MEDIA QUERY -----*/
.main_banner ul {
    grid-row-gap: 5px;
    margin-bottom: 0;
}
.main_banner li {
    font-size: 14px;
    padding-left: 5px;
}

.main_banner li:before {
    width: 14px;
    height: 14px;
    background-size: contain;
}

.main_banner li:first-child, .main_banner li:nth-child(4) {
    max-width: 198px !important;
}
.main_banner li:nth-child(2):before, .main_banner li:nth-child(3):before, .main_banner li:nth-child(4):before {
    background-size: contain;
}
.main_banner li::after {
    margin-right: 8px;
    margin-left: 8px;
}
/*----- SALMAN SHAH CSS STARTS MEDIA QUERY -----*/


    
}

 @media only screen and (max-width: 1580px){
  .process_arrow_wrapper {
    gap: 10px;
    padding: 15px;
  }
  .pro_wrapper .h3 {
    font-size: 25px;
    line-height: 1.6;
    border-radius: 0px 50px 50px 0px;
    height: 50px;
    margin-bottom: 30px;
    padding-left: 54px;
    margin-left: -24px;
  }
  .pro_wrapper p {
    padding-left: 30px;
    font-size: 22px;
    line-height: 1.6;
  }
  .pro_wrapper {
    padding-top: 57px;
    padding-bottom: 65px;
  }
  .pro_wrapper .h3::before {
    width: 24px;
    height: 20.029px;
    bottom: -20.029px;
  }
  .service_slider--wrapper {
    margin-top: 120px;
  }
  .service_slider--wrapper .server-slide-content .technology-we-use {
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
  
  .service_slider--wrapper .server-sub-images {
    bottom: -120px;
  }
  
  .process_new {
    padding: 80px 0;
  }
  
  .server-slide-image-wrapper {
    height: 330px;
  }
  
  .server-slide-laptop-image img {
    max-width: 550px;
  }
  
  .server-slide-desktop-image {
    width: 78%;
    max-width: 500px;
    top: 8%;
    left: 50%;
  }
  
  .server-sub-images {
    bottom: 20px;
    gap: 0px;
  }
  
  .server-slide-content {
    padding: 15px;
  }
  
  .server-slide-content h3 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 20px;
  }
  
  .server-slide-content p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 20px;
  }
  
  .server-slide-content h5 {
    padding: 20px 0px 20px 0px;
    font-size: 22px;
    line-height: 18px;
  }
  .pro_wrapper::before {
    top: -35px;
    height: 34px;
  }
  .pro_wrapper.pdbtmad {
    padding-bottom: 30px;
  }
  
  
  .our-industries-sec {
    padding: 30px 0px 50px;
}

.our-industries-sec .row .five-col:not(:last-child)::after { 
}

.our-industries-item p {
    font-size: 18px;
    line-height: 28px;
    margin: 10px 0px 0px;
}

.our-industries-item {
    padding: 22px 0px;
}
  
  
}


@media only screen and (max-width: 1280px) {
         
         .our-industries-sec {
    padding: 30px 0px 45px;
}

.our-industries-sec .row .five-col:not(:last-child)::after { 
    display: none;
}

.our-industries-item p {
    font-size: 16px;
    line-height: 26px;
    margin: 10px 0px 0px;
}

.our-industries-item {
    padding: 20px 0px;
}
.our-industries-sec .faded-horizontal-line {
    display: none;
}
         
  .pro_wrapper .h3 {
    font-size: 22px;
    line-height: 32px;
    border-radius: 0px 40px 40px 0px;
    height: 50px;
    margin-bottom: 20px;
    padding-left: 44px;
    margin-left: -20px;
  }
  .pro_wrapper p {
    padding-left: 20px;
    font-size: 18px;
    line-height: 28px;
  }
  .pro_wrapper {
    padding-top: 47px;
    padding-bottom: 55px;
  }
  .pro_wrapper .h3::before {
    width: 20px;
    height: 20.029px;
    bottom: -20.029px;
  }
  .service_slider--wrapper {
    margin-top: 80px;
  }
  .service_slider--wrapper .server-slide-content .technology-we-use {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }
  
  .service_slider--wrapper .server-sub-images {
    bottom: -120px;
  }
  
  .process_new {
    padding: 70px 0;
  }
  
  .server-slide-image-wrapper {
    height: 300px;
  }
  
  .server-slide-laptop-image img {
    max-width: 500px;
  }
  
  .server-slide-desktop-image {
    width: 100%;
    max-width: 340px;
    top: 8%;
    left: 50%;
  }
  
  .server-sub-images {
    bottom: 18px;
  }
  
  .server-slide-content h3 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
  }
  
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         
         #popup {
    padding: 80px 30px 18px 30px;
    width: 880px;
    height: 446px;
}
.pop_col_45 .formpop_wrapper:after {
    width: 93px;
    height: 82px;
    top: 90px;
    right: -70px;
}

.formpop_wrapper strong {
    font-size: 30px;
    line-height: 40px;
}
.formpop_wrapper p span {
    width: 190px;
    height: 40px;
    font-size: 25px;
    line-height: 35px;
}
.formpop_wrapper p:nth-child(3) {
    font-size: 22px;
    line-height: 32px;
    gap: 15px;
}

.formpop_wrapper p:nth-child(4) {
    font-size: 16px;
    line-height: 26px;
}

.formpop_wrapper input, .formpop_wrapper textarea {
    height: 40px;
    margin-bottom: 8px;
}
.csBtn.PopupBtn {
    max-width: 130px;
    font-size: 14px;
    height: 35px !important;
    width: 130px;
}
.formpop_wrapper textarea {
    height: 70px;
}

.formpop_wrapper ul li {
    font-size: 15px;
}
.formpop_wrapper ul {
    margin-bottom: 10px;
}
         
         
         
         
         
         
         
         
         
         
         
         
         


.main_banner li:first-child, .main_banner li:nth-child(4) {
    max-width: max-content !important;
}
.main_banner li::after {
    display: none !important;
}
.main_banner ul {
    grid-column-gap: 10px;
}

#business .row.whtdo {
    margin-bottom: 60px;
}

#approach-sec {
    padding-bottom: 165px;
    padding-top: 70px;
}


#faq {
    padding-top: 70px;
    padding-bottom: 89px;
}


h3.subtitle {
    font-size: 17px;
}

h2 {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 20px;
}
p {
    font-size: 16px;
        line-height: 1.5;
}
.accordion-body p{
    font-size: 16px;
}
.custom-ul li {
    font-size: 17px;
    margin-bottom: 10px;
}


#my-form .form-title h3 {
    font-size: 32px;
}

div#mgsc img {
    margin: 0;
    max-width: 100%;
}

    .cstm-app::before {
        display: none;
    }
    .pro_wrapper p {
        font-size: 17px;
    }
    footer{
        background-size: cover;
    }
    .testimonial-card {
        padding: 30px 40px;
        margin: 10px 10px;
    }
    .testimonial-text {
        line-height: 1.9;
        margin-top: 17px;
    }
    .testimonial-rating img {
      max-width: 80px;
    }
      .exploration-session-item-content {
        top: 55px;
      }
      .btnz-style #button.cst-i {
        left: -2em;
      }

      .whtdo .ist-cl p {
        font-size: 16px;
        line-height: 26px;
      }
      .whtdo .cl p {
        font-size: 16px;
        line-height: 26px;
      }
      .texts p {
        font-size: 16px;
        line-height: 26px;
      }
      .cont:hover p {
        padding-top: 20px;
      }
      .texts h3 {
        font-size: 25px;
        line-height: 35px;
      }
      .cont:hover .secondary-img {
        transform: translateY(5px);
      }
      .primary-img {
        width: 56%;
      }
      .secondary-img {
        width: 53%;
      }

      .container {
        max-width: 1140px !important;
      }

      .cta {
        margin-top: -100px;
      }
      .cta-container {
        width: 1140px;
        height: 200px;
        padding: 0px 40px;
      }
      .cta h2.h2 {
        font-size: 34px;
        line-height: 44px;
      }
      .cta-container .row .cta-head {
        font-size: 28px;      }
    
      .portfolio-sec {
        padding: 80px 0px;
      }
      .portfolio-content {
        padding-bottom: 40px;
      }
      .sub-title h2 {
        padding-left: 40px;
      }
      .sub-title h2:before {
        bottom: 30px;
        width: 33.314px;
      }
      .sub-title h2 {
        font-size: 18px;
        line-height: 58px;
      }
      .title h2 {
        font-size: 30px;
        line-height: 40px;
        padding-bottom: 11px;
      }

      .portfolio-paragraph p {
        font-size: 16px;
        line-height: 26px;
      }
      .portfolio-item {
        padding: 20px 20px 20px 35px;
        margin-bottom: 40px;
      }
      .portfolio-item-title h3 {
        font-size: 26px;
        line-height: 36px;
      }
      .portfolio-item-title {
        padding-bottom: 60px;
      }
      .portfolio-item-sub-title {
        top: 20px;
        right: -40px;
      }
      .portfolio-item-sub-title p {
        font-size: 80px;
        line-height: 25px;
      }
      .portfolio-item-description {
        width: 70%;
      }
      .portfolio-item-description ul {
        margin-bottom: 0px;
      }
      .portfolio-item-description p {
        font-size: 14px;
        line-height: 26px;
        padding-bottom: 20px;
      }
      .portfolio-item-description ul li:first-child {
        font-size: 10px;
        line-height: 30px;
        width: 140.387px;
        height: 30px;
        margin-right: 5px;
      }
      .portfolio-item-description ul li:last-child {
        font-size: 10px;
        line-height: 30px;
        width: 100px;
        height: 30px;
        margin-left: 5px;
      }
      .portfolio-item-image {
        height: 308px;
      }
      .portfolio-item-tycoon-mobile-image {
        top: 20px;
        left: 50%;
        transform: translateX(-60%);
      }

      .testimonial-our-tech {
        padding: 50px 0;
      }

      .content p {
        font-size: 16px;
        line-height: 26px;
      }

      .exploration-session {
        padding: 50px 0px 40px;
      }
      .exploration-session-num img {
        width: 10%;
      }
      .exploration-session-num h5 {
        font-size: 20px;
        line-height: 30px;
        padding-left: 15px;
      }
      .exploration-session-content {
        padding-top: 10px;
      }
      .exploration-session-content p {
        font-size: 16px;
        line-height: 26px;
      }
      section.client-main {
        padding: 82.71px 0px;
      }

      .user-info h3 {
        font-size: 18px;
        line-height: 23px;
      }

      .rating-badge {
        top: 0px;
        right: 0px;
        font-size: 14px;
        padding: 12px 12px;
      }

      .talk-developer {
        padding: 50px 0px;
      }
      .talk-developer .row .title p {
        font-size: 26px;
        line-height: 41px;
      }
      .talk-developer
        .row
        .col-lg-6.col-md-6.col-sm-12.col-xs-12:last-child
        a.csBtn.yellow {
        width: 260.932px;
      }

      .btnz-style #button.cst-iii {
        right: -6em;
        width: 275px;
      }

      .cta h2.h2 {
        font-size: 38px;
        line-height: 1.4;
      }


      .process_new {
        padding-top: 80.08px;
        padding-bottom: 80.89px;
    }


.approach-box {
    padding: 40px 30px;
}
.approach-icon {
    padding-right: 20px;
}
.approach-wrapper {
    gap: 20px;
}

      /* #mgsci {
        left: 70px;
        width: 80%;
      }
      #mgsc {
        right: -30px;
      }

      #mgsci:after {
        width: 116px;
        height: 93px;
      }
      #mgsc:after {
        height: 70px;
        width: 163px;
        left: -91px;
      } */
    }

@media only screen and (max-width: 1180px) {
    .count_wrapper {
        padding: 0 !important;
    }
    .testimonial-card {
        height: 350px !important;
    }
     .main_banner .h1 {
    line-height: 1.3 !important;
    }
      .col-md-6.bd-ii .arrow {
        display: none;
      }
}
@media only screen and (max-width: 1140px) {
    
    
    
    
    .pro_wrapper .h3 {
    font-size: 22px;
    line-height: 32px;
    border-radius: 0px 40px 40px 0px;
    height: 50px;
    margin-bottom: 20px;
    padding-left: 44px;
    margin-left: -20px;
  }
  .pro_wrapper p {
    padding-left: 20px;
    font-size: 18px;
    line-height: 28px;
  }
  .pro_wrapper {
    padding-top: 47px;
    padding-bottom: 55px;
  }
  .pro_wrapper .h3::before {
    width: 20px;
    height: 20.029px;
    bottom: -20.029px;
  }
  .service_slider--wrapper {
    margin-top: 80px;
  }
  .service_slider--wrapper .server-slide-content .technology-we-use {
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }
  
  .service_slider--wrapper .server-sub-images {
    bottom: -120px;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
  
  .process_new {
    padding: 70px 0;
  }
  
  .server-slide-image-wrapper {
    height: 300px;
  }
  
  .server-slide-laptop-image img {
    max-width: 500px;
  }
  
  .server-slide-desktop-image {
    width: 100%;
    max-width: 384px;
    top: 10%;
    left: 50%;
  }
  
  .server-sub-images {
    bottom: 18px;
  }
  
  .server-slide-content h3 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
  }
  
         .process_new .service_slider--wrapper .server-slide .row {
    flex-direction: column;
}

.process_new .service_slider--wrapper .server-slide .row .col-lg-6.col-md-6.col-sm-12.col-xs-12 {
    width: 100%;
}

.server-slide-content {
        padding: 120px 15px 15px;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    a.btnimg {
        width: auto;
        height: 60px;
        padding: 0 35px;
    }
    a.btnimg img {
        max-width: 108px;
        margin-left: 10px;
    }
    .contact-us-content-img {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

#my-form {
    margin-left: 0;
}



.cta {
    margin-top: -100px;
}
.cta-container {
    width: 1040px;
    height: 190px;
    padding: 0px 30px;
}
.cta h2.h2 {
        font-size: 34px;
        line-height: 44px;
    }

.portfolio-sec {
    padding: 70px 0px;
}
.portfolio-content {
    padding-bottom: 30px;
}
.sub-title h2 {
    padding-left: 40px;
}
.sub-title h2:before {
    bottom: 26px;
    width: 30px;
}
.sub-title h2 {
    font-size: 16px;
    line-height: 56px;
}
.title h2 {
    font-size: 26px;
    line-height: 36px;
    padding-bottom: 0px;
}

.portfolio-paragraph p {
    font-size: 14px;
    line-height: 24px;
}
.portfolio-item {
    padding: 20px 20px 20px 35px;
    margin-bottom: 30px;
}
.portfolio-item-title h3 {
    font-size: 20px;
    line-height: 30px;
}
.portfolio-item-title {
    padding-bottom: 50px;
}
.portfolio-item-sub-title {
    top: 20px;
    right: -40px;
}
.portfolio-item-sub-title p {
    font-size: 70px;
    line-height: 15px;
}
  .portfolio-item-description {
    width: 70%;
}
  .portfolio-item-description ul {
    margin-bottom: 0px;
}
.portfolio-item-description p {
    font-size: 14px;
    line-height: 26px;
    padding-bottom: 20px;
}
.portfolio-item-description ul li:first-child {
    font-size: 10px;
    line-height: 30px;
    width: 140.387px;
    height: 30px;
    margin-right: 5px;
}
.portfolio-item-description ul li:last-child {
    font-size: 10px;
    line-height: 30px;
    width: 100px;
    height: 30px;
    margin-left: 5px;
}
  .portfolio-item-image {
    height: 270px;
}
  .portfolio-item-tycoon-mobile-image {
    top: 20px;
    left: 50%;
    transform: translateX(-60%);
}

.testimonial-our-tech {
    padding: 60px 0;
}
  
.content p {
    font-size: 16px;
    line-height: 26px;
}


.exploration-session {
    padding: 80px 0px 100px;
}
.exploration-session-num h5 {
    font-size: 18px;
    line-height: 28px;
    padding-left: 13px;
}
.exploration-session-content {
    padding-top: 10px;
}
.exploration-session-content p {
    font-size: 14px;
    line-height: 24px;
}
section.client-main {
    padding: 80px 0px;
}
.testimonial-section h2 {
    font-size: 26px;
    

}


.user-info h3 {
    font-size: 18px;
    line-height: 23px;
}

.rating-badge {
    top: 0px;
    right: 0px;
    font-size: 14px;
    padding: 12px 12px;
}
.testimonial-text {
    font-size: 16px;
    line-height: 34px;
    margin: 5px 0px 0px;
}
.testimonial-date {
    font-size: 12px;
    line-height: 24px;
}

.talk-developer {
    padding: 50px 0px;
}

.talk-developer .row .col-lg-6.col-md-6.col-sm-12.col-xs-12:last-child a.csBtn.yellow {
    width: 260.932px;
}

.first-row .container {
    padding-bottom: 70px;
}
#contact-us .first-row .contact-us-content {
    width: 48%;
}
.contact-us-content h6 {
    font-size: 20px;
    line-height: 60px;
}
.first-row .h2 {
    font-size: 30px;
    line-height: 44px;
}
.first-row p {
    font-size: 16px;
    line-height: 26px;
}
.contact_us--wrapper {
    padding: 30px 0px 0px;
}
.contact_us--wrapper label {
    font-size: 16px;
    line-height: 146%;
    margin-bottom: 10px;
}
.contact_us--wrapper textarea{
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 150%;
}
.contact_us--wrapper input {
    height: 60px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 150%;
    padding: 0 25px;
}
.contact_us--wrapper input.on {
    width: 182px;
    height: 58px;
    font-size: 16px;
}

.second-row img {
    margin-bottom: 31px;
}
.col-md-3.foot-1 p {
    font-size: 14px;
    line-height: 24px;
}
footer .head {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: 20px;
}
footer ul li a {
    font-size: 14px;
    line-height: 34px;
}
.f-head {
    font-size: 16px;
    line-height: 26px;
}
.foot-4 p, .foot-4 a {
    font-size: 14px;
    line-height: 24px;
}
.copyright_row p {
    font-size: 13px;
    line-height: 39px;
    padding: 15px;
}
     .btnz-style #button.cst-iii {
    right: -6em;
    width: 275px;
}

     .cta h2.h2 {
         font-size: 30px;
         line-height: 40px;
    }
  }
 
@media only screen and (max-width: 1024px) {
    
.ist-cl p {
    font-size: 17px;
}
.cta-container .row .cta-head {
    font-size: 22px;
    line-height: 30px;
}

#my-form {
    padding: 50px 25px;
}

#my-form .form-title h3 {
    font-size: 28px;
}
#my-form .form-title p {
    font-size: 16px;
    line-height: 26px;
}
.main_banner p.form-privacy {
    font-size: 16px;
}

#my-form .field input {
    padding: 7px 20px;
    font-size: 14px;
    margin-bottom: 15px;
}
#my-form .field textarea {
    margin-bottom: 20px;
    padding: 14px 20px;
    font-size: 14px;
}

.main_banner p {
    font-size: 16px;
    line-height: 1.5;
    width: 100%;
}

.main_banner ul {
    grid-row-gap: 0;
}  
.main_banner li {
    line-height: 32px;
}

.bd-flex {
    margin-top: 30px;
}


.cstm-app .ist-cl span {
    margin-bottom: 41.35px;
}


#approach-sec {
    padding-bottom: 165px;
    padding-top: 60px;
}

    .ist-cl h2 {
        margin-bottom: 20px;
    }


h2 {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 20px;
    }
p {
        font-size: 16px;
    }

.custom-ul li {
        font-size: 16px;
    
    }

.custom-ul li:before {
    width: 12px;
    height: 12px;
    border: 3px solid #C42626;
    margin-right: 7px;
}

.sub--heading {
    padding-left: 0;
}

.our-tech-slider-01.active {
    justify-content: center;
}

.advantage-ul li span {
    font-size: 20px;
    margin-right: 11px;
}


#faq {
    padding-top: 50px;
    padding-bottom: 50px;
}

    .ist-cl p {
      max-width: 100%;
    }
    .img-sec p {
        padding-top: 20px;
    }
    .iist-cl .img-sec::after {
        display: none;
    }
    #mgsc p br {
        display: none;
    }
    .count_wrapper p {
        font-size: 13px !important;
        line-height: 1.2 !important;
    }
    .main_banner::before, .main_banner:after, #mgsc::before{
        display: none !important;
    }    
    .exploration-session-item-content {
        top: 15px;
    }
    .bd-i {
        padding: 30px 0px 30px;
        gap: 20px;
    }
    .primary-img {
        width: 61%;
    }         
    .secondary-img {
        width: 61%;
    }  
    .cont:hover .secondary-img {
        transform: translateY(-7px);
    }
    #business .ist-cl h2 {
        font-size: 30px;
    }
    .cta {
        margin-top: -100px;
    }
    .cta-container {
    width: 90%;
    height: 190px;
    padding: 0px 30px;
    }
    .cta h2.h2 {
    font-size: 34px;
    line-height: 44px;
    }
 
    .portfolio-sec {
    padding: 70px 0px;
    }
    .portfolio-content {
    padding-bottom: 30px;
    }
    .sub-title h2 {
    padding-left: 40px;
    }
    .sub-title h2:before {
    bottom: 26px;
    width: 30px;
    }
    .sub-title h2 {
    font-size: 16px;
    line-height: 56px;
    }
    .title h2 {
    font-size: 22px;
    line-height: 36px;
    padding-bottom: 0px;
    }

    .portfolio-paragraph p {
    font-size: 14px;
    line-height: 24px;
    }
    .portfolio-item {
    padding: 20px 20px 20px 35px;
    margin-bottom: 30px;
    }
    .portfolio-item-title h3 {
    font-size: 20px;
    line-height: 30px;
    }
    .portfolio-item-title {
    padding-bottom: 50px;
    width: 30%;
    }
    .portfolio-item-sub-title {
    top: 20px;
    right: -40px;
    }
    .portfolio-item-sub-title p {
    font-size: 70px;
    line-height: 15px;
    }
    .portfolio-item-description {
    width: 70%;
    }
    .portfolio-item-description ul {
    margin-bottom: 0px;
    }
    .portfolio-item-description p {
    font-size: 14px;
    line-height: 26px;
    padding-bottom: 20px;
    }
    .portfolio-item-description ul li:first-child {
    font-size: 10px;
    line-height: 30px;
    width: 140.387px;
    height: 30px;
    margin-right: 5px;
    }
    .portfolio-item-description ul li:last-child {
    font-size: 10px;
    line-height: 30px;
    width: 100px;
    height: 30px;
    margin-left: 5px;
    }
    .portfolio-item-image {
    height: 270px;
    }
    .portfolio-item-tycoon-mobile-image {
    top: 20px;
    left: 50%;
    transform: translateX(-60%);
    }


    .content p {
    font-size: 16px;
    line-height: 23px;
    }
    .content-image img {
    width: 68%;
    display: block;
    margin: 0 auto;
    }



    .exploration-session {
    padding: 40px 0px 60px;
    }
    .exploration-session-item {
        padding: 30px;
    }
    .exploration-session-num h5 {
    font-size: 18px;
    line-height: 28px;
    padding-left: 13px;
    }
    .exploration-session-content {
    padding-top: 10px;
    }
    .exploration-session-content p {
    font-size: 14px;
    line-height: 24px;
    }
    section.client-main {
    padding: 40px 0px;
    }
    .testimonial-section button.slick-arrow {
    width: 37px;
    height: 37px;
    }
    .testimonial-section button.slick-prev.slick-arrow {
    right: 55px;
    }


    .user-info h3 {
    font-size: 18px;
    line-height: 23px;
    }

    .rating-badge {
    top: 0px;
    right: 0px;
    font-size: 14px;
    padding: 12px 12px;
    }
    .testimonial-text {
    font-size: 16px;
    line-height: 34px;
    margin: 5px 0px 0px;
    }
    .testimonial-date {
    font-size: 12px;
    line-height: 24px;
    }
    .talk-developer {
        padding: 50px 0px;
    }
    .talk-developer .row .col-lg-6.col-md-6.col-sm-12.col-xs-12:last-child a.csBtn.yellow {
        width: 260.932px;
    }
    .first-row .container {
        padding-bottom: 70px;
    }
    #contact-us .first-row .contact-us-content {
        width: 48%;
    }
    .contact_us--wrapper input.on {
        width: 182px;
        height: 50px;
        font-size: 14px;
    }
    .second-row img {
        margin-bottom: 31px;
    }
    footer .head {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 10px;
        margin-top: 10px;
    }
    footer ul li a {
        font-size: 12px;
        line-height: 22px;
    }
    .f-head {
        font-size: 14px;
        line-height: 24px;
    }
    .foot-4 p, .foot-4 a {
        font-size: 12px;
        line-height: 22px;
    }
    .copyright_row p {
        font-size: 13px;
        line-height: 39px;
        padding: 15px;
    }
    .btnz-style #button.cst-iii {
        right: -6em;
        width: 275px;
    }
    .cta h2.h2 {
        font-size: 30px;
        line-height: 40px;
    }
    .banner_expert {
      display: none !important;
    }
      .process_new {
        padding-top: 50px;
        padding-bottom: 50px;
    }
      footer {
        padding-top: 50px;
      }
        .first-row .container {
        padding-bottom: 50px !important;
      }
        #business {
        padding: 50px 14px;
      }

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


.mb-reverse {
    flex-direction: row-reverse;
}
.mb-reverse > div {
  /*width: 100% !important;*/
}
img.col-image {
    margin-bottom: 30px;
}
img.approach-icon {
    display: block;
    padding: 0;
    margin-bottom: 20px;
}
.approach-box h3 {
    font-size: 20px;
    line-height: normal;
}
.approach-box {
    padding: 20px 15px;
    margin-bottom: 10px;
}
.approach-box p {
    font-size: 15px;
    line-height: 20px;
}
.approach-box ul li {
    font-size: 15px;
    line-height: 18px;
}

.cstm-app .iist-cl {
    padding-top: 0;
    padding-bottom: 40px;
}

.copyright-wrapper {
    display: block;
}
.copyright-wrapper ul {
    column-gap: 10px;
}
.copyright_row ul li a, .copyright_row ul li {
    font-size: 13px;
    line-height: 30px;
}



     .contact_us--wrapper {
        padding: 0 !important;
      }
      .portfolio-paragraph{
          width: 100%;
      }
    .col-md-5.cl p {
        margin-left: 0 !important;
        max-width: 100% !important;
        margin-top: 15px;
    }

    .first-row .h2 br {
      display: none;
    }
    .contact-us-content-img img {
      width: 46%;
    }
    .testimonial-card {
        height: 375px !important;
      }
     .portfolio-item-mountain-image img {
      height: auto !important;
    }
      .portfolio-item-mountain-image {
    display: flex !important;
    align-items: flex-end;
  }
    .second-row .container {
      border-bottom: 1px solid #3A3A3A;
      padding-bottom: 30px;
      padding-top: 10px;
    }
    .pro_wrapper p {
        font-size: 16px;
    }


.social-links img {
    width: 35px;
}


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

        .arrow .fa-arrow-right:before {
        font-size: 20px;
        }
        .texts h3 {
        font-size: 23px;
        line-height: 33px;
        }
        .arrow {
        width: 35px;
        height: 35px;
        }
        
        .texts p {
        padding-top: 20px;
        }
        .cl {
        width: 100%;
        }

        .primary-img {
        width: 80%;
        }
        .secondary-img {
        width: 80%;
        }

        .container {
        /* max-width: 1140px !important; */
        }

        .cta {
        margin-top: -100px;
        }
        .cta-container {
        width: 90%;
        height: 190px;
        padding: 0px 30px;
        }
        .cta h2.h2 {
        font-size: 34px;
        line-height: 44px;
        }
 
        .portfolio-sec {
        padding: 70px 0px;
        }
        .portfolio-content {
        padding-bottom: 30px;
        }
        .sub-title h2 {
        padding-left: 40px;
        }
        .sub-title h2:before {
        bottom: 26px;
        width: 30px;
        }
        .sub-title h2 {
        font-size: 16px;
        line-height: 56px;
        }
        .title h2 {
        font-size: 26px;
        line-height: 36px;
        padding-bottom: 0px;
        }

        .portfolio-paragraph p {
        font-size: 14px;
        line-height: 24px;
        }
        .portfolio-item {
            padding: 20px 20px 20px 35px;
            margin-bottom: 30px;
        }
        .portfolio-item-title h3 {
            font-size: 20px;
            line-height: 30px;
        }
        .portfolio-item-title {
            padding-bottom: 50px;
            width: 30%;
        }
        .portfolio-item-sub-title {
            top: 20px;
            right: -40px;
        }
        .portfolio-item-sub-title p {
            font-size: 70px;
            line-height: 15px;
        }
        .portfolio-item-description {
            width: 70%;
        }
        .portfolio-item-description ul {
            margin-bottom: 0px;
        }
        .portfolio-item-description p {
            font-size: 14px;
            line-height: 26px;
            padding-bottom: 20px;
        }
        .portfolio-item-description ul li:first-child {
            font-size: 10px;
            line-height: 30px;
            width: 140.387px;
            height: 30px;
            margin-right: 5px;
        }
        .portfolio-item-description ul li:last-child {
            font-size: 10px;
            line-height: 30px;
            width: 100px;
            height: 30px;
            margin-left: 5px;
        }
        .portfolio-item-image {
            height: 270px;
        }
        .portfolio-item-tycoon-mobile-image {
            top: 20px;
            left: 50%;
            transform: translateX(-60%);
        }
        .content p {
            font-size: 16px;
            line-height: 26px;
        }
        .exploration-session {
            padding: 40px 0px 60px;
        }
        .exploration-session-num h5 {
            font-size: 18px;
            line-height: 28px;
            padding-left: 13px;
        }
        .exploration-session-content {
            padding-top: 10px;
        }
        .exploration-session-content p {
            font-size: 14px;
            line-height: 24px;
        }
        section.client-main {
            padding: 80px 0px;
        }
        .user-info h3 {
            font-size: 18px;
            line-height: 23px;
        }
        .rating-badge {
            top: 0px;
            right: 0px;
            font-size: 14px;
            padding: 12px 12px;
        }
        .testimonial-text {
            font-size: 16px;
            line-height: 34px;
            margin: 5px 0px 0px;
        }
        .testimonial-date {
            font-size: 12px;
            line-height: 24px;
        }
        .talk-developer {
            padding: 50px 0px;
        }
        .talk-developer .row .col-lg-6.col-md-6.col-sm-12.col-xs-12:last-child a.csBtn.yellow {
            width: 260.932px;
        }
        .first-row .container {
            padding-bottom: 70px;
        }
        #contact-us .first-row .contact-us-content {
            width: 48%;
        }
        .cta h2.h2 {
            font-size: 30px;
            line-height: 40px;
        }


 }
 
 
 
 
 
  @media only screen and (max-width: 768px) {
      
    .five-col {
        flex: 0 0 50%;
        max-width: 50%;
    }

      
      .pop_uprow {
    flex-direction: column;
    align-items: flex-start;
}
.pop_col_45 {
    max-width: 100%;
}
.pop_col_55 {
    padding: 0 0px;
    max-width: 100%;
}
#popup {
    padding: 20px 15px 20px 15px;
        width: 80%;
        height: 650px;
}
.pop_col_45 .formpop_wrapper:after{
    display: none;
}
.formpop_wrapper strong {
    font-size: 24px;
    line-height: 34px;
}
.formpop_wrapper p:nth-child(3) {
    font-size: 18px;
    line-height: 28px;
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
}
.formpop_wrapper p span {
    width: 110px;
    height: 40px;
    font-size: 26px;
    line-height: 36px;
}
.formpop_wrapper .formpop_mid_iphone img {
    display: none;
}

.formpop_wrapper .formpop_mid_iphone .form_container {
    position: relative;
    top: 20px;
    width: 100%;
}
.formpop_wrapper ul li {
    font-size: 16px;
}

.formpop_wrapper input, .formpop_wrapper textarea {
    height: 40px;
    margin-bottom: 8px;
    padding: 0 15px;
}
.formpop_wrapper textarea {
    height: 70px;
}
.pop_col_45 img.branexLogo {
    position: relative;
    top: 0px;
    left: 0px;
    width: 120px;
}
.formpop_wrapper p:nth-child(4) {
    font-size: 16px;
    line-height: 26px;
}
.formpop_wrapper p {
    margin-bottom: 6px;
}
      
      
      
      
      
      
      
      
      
    #contact-us .first-row .contact-us-content {
        width: 100%;
    }
    .contact_us--wrapper {
        padding: 0 !important;
    }
    .cta {
        margin-top: -100px;
    }
    .cta-container {
        width: 90%;
        height: 190px;
        padding: 0px 30px;
    }
    .cta h2.h2 {
            font-size: 34px;
            line-height: 44px;
        }

    .portfolio-sec {
        padding: 70px 0px;
    }
    .portfolio-content {
        padding-bottom: 30px;
    }
    .sub-title h2 {
        padding-left: 30px;
    }
    .sub-title h2:before {
        bottom: 25px;
        width: 20px;
    }
    .sub-title h2 {
        font-size: 12px;
        line-height: 50px;
    }
    .title h2 {
        font-size: 22px;
        line-height: 32px;
        padding-bottom: 0px;
    }

    .portfolio-paragraph p {
        font-size: 14px;
        line-height: 24px;
    }
    .portfolio-item {
        padding: 15px 15px 15px 30px;
        margin-bottom: 20px;
    }
    .portfolio-item-title h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .portfolio-item-title {
        padding-bottom: 20px;
        width: 100%;
    }
    .portfolio-item-sub-title {
        top: 20px;
        right: -40px;
    }
    .portfolio-item-sub-title p {
        font-size: 40px;
        line-height: 15px;
    }
      .portfolio-item-description {
        width: 80%;
    }
      .portfolio-item-description ul {
        margin-bottom: 0px;
    }
    .portfolio-item-description p {
        font-size: 12px;
        line-height: 24px;
        padding-bottom: 10px;
    }
    .portfolio-item-description ul li:first-child {
        font-size: 10px;
        line-height: 30px;
        width: 140.387px;
        height: 30px;
        margin-right: 5px;
    }
    .portfolio-item-description ul li:last-child {
        font-size: 10px;
        line-height: 30px;
        width: 100px;
        height: 30px;
        margin-left: 5px;
    }
      .portfolio-item-image {
        height: 180px;
    }
      .portfolio-item-tycoon-mobile-image {
        top: 20px;
        left: 50%;
        transform: translateX(-60%);
    }
    .content p {
        font-size: 14px;
        line-height: 24px;
    }
    .exploration-session {
        padding: 80px 0px 100px;
    }
    .exploration-session-item {
        margin-bottom: 15px;
        padding: 0px 20px 0px 20px;
        width: 100%;
        height: 240px;
    }
         .exploration-session-num img {
        width: 50px;
    }
    .exploration-session-num h5 {
        font-size: 16px;
        line-height: 26px;
        padding-left: 10px;
    }
    .exploration-session-content {
        padding-top: 10px;
    }
    .exploration-session-content p {
        font-size: 12px;
        line-height: 22px;
    }
    section.client-main {
        padding: 80px 0px;
    }
    .testimonial-section h2 {
        font-size: 22px;
    }

    .user-info h3 {
        font-size: 18px;
        line-height: 23px;
    }

    .rating-badge {
        top: 0px;
        right: 0px;
        font-size: 14px;
        padding: 12px 12px;
    }
    .testimonial-text {
        font-size: 16px;
        line-height: 34px;
        margin: 5px 0px 0px;
    }
    .testimonial-date {
        font-size: 12px;
        line-height: 24px;
    }
    .talk-developer {
        padding: 50px 0px;
    }
    .talk-developer .row .col-lg-6.col-md-6.col-sm-12.col-xs-12:last-child a.csBtn.yellow {
        width: 250px;
    }
     .contact-us-content-img {
        display: none;
    }
     .cta h2.h2 {
         font-size: 30px;
         line-height: 40px;
    }





.exploration-session-num img {
    width: 50px;
}

.contact-us-content-img {
    display: none;
}
}

 

 @media only screen and (max-width: 767px){
    .copyright-wrapper {
    padding: 10px 0;
    }
    .process_arrow_wrapper{
     justify-content: center;
    }
    .cstm-app {
    background: #0d120e;
    }
    #my-form{
    background: #11312e !important;
    }
    .pro_wrapper .h3 {
    font-size: 22px;
    line-height: 32px;
    border-radius: 0px 40px 40px 0px;
    height: 50px;
    margin-bottom: 20px;
    padding-left: 44px;
    margin-left: -20px;
    }
    .pro_wrapper p {
    padding-left: 20px;
    font-size: 18px;
    line-height: 28px;
    }
    .pro_wrapper {
    padding-top: 47px;
    padding-bottom: 55px;
    }
    .pro_wrapper .h3::before {
    width: 20px;
    height: 20.029px;
    bottom: -20.029px;
    }
    .service_slider--wrapper {
    margin-top: 80px;
    }
    .service_slider--wrapper .server-slide-content .technology-we-use {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    }
    
    .service_slider--wrapper .server-sub-images {
    bottom: -50px;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    }
    
    .process_new {
    padding: 70px 0;
    }
    
    .server-slide-image-wrapper {
    height: 300px;
    }
    
    .server-slide-laptop-image img {
    max-width: 500px;
    }
    
    .server-slide-desktop-image {
    width: 100%;
    max-width: 308px;
    top: 6%;
    left: 50%;
    }
    .server-sub-images img {
    width: 35%;
    }
    
    .server-sub-images {
    bottom: 18px;
    }
    
    .server-slide-content h3 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
    }
    
     .process_new .service_slider--wrapper .server-slide .row {
    flex-direction: column;
    }
    
    .process_new .service_slider--wrapper .server-slide .row .col-lg-6.col-md-6.col-sm-12.col-xs-12 {
    width: 100%;
    }
    
    .server-slide-content {
    padding: 50px 15px 15px;
    }
    
     
    #popup {
    width: 90%;
    }
    
    .main_banner li {
    line-height: 32px;
    }
    
    .main_banner ul {
    grid-row-gap: 0;
    display: block;
    }
    
    #faq .accordion-button {
    font-size: 16px;
    }
    
    .cta-container .row .cta-head {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px;
    }
    
    
    h3.subtitle {
    font-size: 16px;
    }
    
    h3.subtitle:before {
    width: 30px;
    }
    
    
    #my-form .field input {
    padding: 5px 20px;
    font-size: 13px;
    margin-bottom: 10px;
    }
    #my-form .field textarea {
    margin-bottom: 15px;
    padding: 12px 20px;
    font-size: 13px;
    }
    
    
    #my-form .btn input {
    font-size: 13px;
    width: 180px;
    padding: 16px 0;
    }
    
    #my-form .form-title h3 {
    font-size: 24px;
    }
    #my-form .form-title p {
    font-size: 14px;
    }
    
    .main_banner p.form-privacy {
    font-size: 14px;
    }
    
    #my-form {
    padding: 25px 25px;
    }
    
    
    .ist-cl p {
    font-size: 14px;
    margin-bottom: 15px;
    }
    
    div#my-form {
    margin-top: 30px;
    }
    
    .main_banner {
    background-position: center;
    }
    
    
    
    
    .row.second-space {
    padding: 40px 0;
    }
    
    .future-section .bd-flex {
    margin-top: 30px !important;
    }
    .future-section a.btnimg {
    width: auto;
    padding: 15px 25px;
    }
    
    
    .technologies-item ul li {
    font-size: 14px;
    margin: 0 12px;
    }
    
    .row.ss-rowMargin {
    padding-top: 50px;
    }
    
    .service_slider--wrapper {
    margin-top: 30px;
    }
    #business .row.whtdo {
    margin-bottom: 30px;
    }
    
    .foot-1 p {
    font-size: 14px;
    line-height: 20px;
    }
    
    #contact-us p.title {
    font-size: 16px;
    }
    
    .service_slider--wrapper::before, .service_slider--wrapper::after{
    display: none;
    }
    
    
    .icz {
    width: 10%;
    }
    .col-md-5.cl p {
    max-width: 100%;
    margin-left: auto;
    margin-top: 10px;
    }
    .texts {
    width: 90%;
    }
    .col-md-10.wd80 {
    width: 100% !important;
    }
    .col-md-2.wd20 {
    justify-content: center !important;
    }
    .cstm-app .row {
    flex-wrap: wrap;
    }
    .row.hd-ii .col {
    width: 50%;
    flex: auto !important;
    max-width: 50%;
    }
    .exploration-session .title br {
    display: none;
    }
    .exploration-session {
    padding: 40px 0 !important;
    }
    .col-md-2.wd20 {
    display: flex;
    justify-content: center;
    }
    .wd-45 {
    width: 100%;
    margin-top: 45px;
    }
    .right_banner_flex {
    max-width: 100%;
    width: 100%;
    }
    .main_banner .h1 br {
    display: none;
    }
    .main_banner .col-md-6 {
    width: 100%;
    }
    .bd-i {
    padding: 20px 0px 20px;
    gap: 20px;
    }
    #business {
    padding: 40px 10px;
    }
    #business .ist-cl h2 {
    font-size: 25px;
    }
    .col-md-6.bd-ii {
    display: none;
    }
    .primary-img {
    width: 50%;
    }
    .secondary-img {
    width: 50%;
    }
    .texts p {
    padding-top: 10px;
    }
    .cont:hover p {
    padding-top: 10px;
    }
    .container {
    /* max-width: 1140px !important; */
    }
    
    .cta {
    margin-top: -100px;
    }
    .cta-container {
    width: 90%;
    height: 190px;
    padding: 0px 30px;
    }
    .cta h2.h2 {
    font-size: 34px;
    line-height: 44px;
    }
    
    .portfolio-sec {
    padding: 70px 0px;
    }
    .portfolio-content {
    padding-bottom: 30px;
    }
    .sub-title h2 {
    padding-left: 30px;
    }
    .sub-title h2:before {
    bottom: 25px;
    width: 20px;
    }
    .sub-title h2 {
    font-size: 16px;
    line-height: 54px;
    }
    .title h2 {
    font-size: 26px;
    line-height: 36px;
    padding-bottom: 10px;
    }
    
    .portfolio-paragraph p {
    font-size: 16px;
    line-height: 26px;
    }
    .portfolio-item {
    padding: 30px 15px 30px 15px;
    margin-bottom: 30px;
    width: 48%;
    }
    .portfolio-item-title h3 {
    font-size: 22px;
    line-height: 32px;
    }
    .portfolio-item-title {
    padding-bottom: 0px;
    width: 100%;
    }
    .portfolio-item-sub-title {
    top: 20px;
    right: -40px;
    display: none;
    }
    .portfolio-item-sub-title p {
    font-size: 40px;
    line-height: 15px;
    }
    .portfolio-item-description {
    width: 100%;
    }
    .portfolio-item-description ul {
    margin-bottom: 0px;
    }
    .portfolio-item-description p {
    font-size: 14px;
    line-height: 26px;
    padding-bottom: 15px;
    }
    .portfolio-item-description ul li:first-child {
    font-size: 10px;
    line-height: 30px;
    width: 140.387px;
    height: 30px;
    margin-right: 5px;
    }
    .portfolio-item-description ul li:last-child {
    font-size: 10px;
    line-height: 30px;
    width: 100px;
    height: 30px;
    margin-left: 5px;
    }
    .portfolio-item-image {
    height: 210px;
    margin-top: 30px;
    }
    .portfolio-item-tycoon-mobile-image {
    top: 20px;
    left: 50%;
    transform: translateX(-60%);
    }
    .content p {
    font-size: 16px;
    line-height: 26px;
    }
    
    .exploration-session {
    padding: 80px 0px 100px;
    }
    .exploration-session-item {
    margin-bottom: 15px;
    padding: 0px 20px 0px 20px;
    width: 49%;
    height: 240px;
    }
    .exploration-session-num img {
    width: 50px;
    }
    .exploration-session-num h5 {
    font-size: 18px;
    line-height: 28px;
    padding-left: 15px;
    }
    .exploration-session-content {
    padding-top: 10px;
    }
    .exploration-session-content p {
    font-size: 14px;
    line-height: 24px;
    }
    section.client-main {
    padding: 80px 0px;
    }
    .user-info h3 {
    font-size: 18px;
    line-height: 23px;
    }
    
    .rating-badge {
    top: 0px;
    right: 0px;
    font-size: 14px;
    padding: 12px 12px;
    }
    .testimonial-text {
    font-size: 16px;
    line-height: 34px;
    margin: 5px 0px 0px;
    }
    .testimonial-date {
    font-size: 12px;
    line-height: 24px;
    }
    .talk-developer .csBtn.yellow {
    margin: 0 auto;
    margin-top: 27px;
    }
    .talk-developer {
    text-align: center;
    padding: 40px 0;
    }
    .talk-developer .row .title p {
    font-size: 28px;
    line-height: 43px;
    width: 100%;
    text-align: center;
    padding-bottom: 0px;
    }
    .talk-developer .row .col-lg-6.col-md-6.col-sm-12.col-xs-12:last-child a.csBtn.yellow {
    width: 250px;
    }
    .contact_us--wrapper {
    padding: 30px 0px 0px;
    }
    .contact_us--wrapper label {
    font-size: 12px;
    line-height: 142%;
    margin-bottom: 10px;
    }
    .contact_us--wrapper textarea{
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 150%;
    }
    .contact_us--wrapper input {
    height: 60px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 150%;
    padding: 0 25px;
    }
    
    .cta h2.h2 {
    font-size: 26px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 0px;
    }
    
    .exploration-session-num img {
    width: 50px;
    }
    
    .contact-us-content-img {
    display: none;
    }
    .cta-container .row .col-md-5 {
    justify-content: center;
    }
    .talk-developer .row .col-lg-6.col-md-6.col-sm-12.col-xs-12:last-child {
    justify-content: center;
    }
    .exploration-session-item-parent {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 30px;
    }
    
    .portfolio-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
    
    
    .approach-wrapper {
    display: block;
    }
    
    .accordion {
    display: block;
    }
    
    
    section.branex-col-section {
    padding: 50px 0;
    }
    
    h2 {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 15px;
    }
    p {
    font-size: 14px;
    }
    
    .custom-ul li {
    font-size: 14px;
    
    }


 }
 
 @media only screen and (max-width: 375px){
     .five-col {
        flex: 0 0 100%;
        max-width: 100%;
    }
         .server-slide-desktop-image {
        max-width: 272px;
    }
    .service_slider--wrapper .server-sub-images {
        bottom: 0px;
    }
    .server-slide-content {
        padding: 0px 15px 15px;
    }
    .process_new {
        padding: 40px 0;
    }
 }
 
 @media only screen and (max-width: 374px){
         .server-slide-desktop-image {
        max-width: 230px;
    }
    .process_new {
        padding: 40px 0;
    }
 }
 
/*@media only screen and (max-width: 1281px) and (min-width: 767px){*/
/*    .col-md-10.wd80 {*/
/*        flex: 0 0 auto;*/
/*        width: 70%;*/
/*    }*/
/*    .col-md-2.wd20 {*/
/*        display: flex;*/
/*        justify-content: flex-end;*/
/*    }*/
/*    .btnz-style #button.cst-iii {*/
/*        right: -3em;*/
/*    }*/
/*    .main_banner::before {*/
/*        bottom: -5em;*/
/*    }*/
/*    #mgsci:after {*/
/*        display: none;*/
/*    }*/
/*    #mgsc:after {*/
/*        height: 56px;*/
/*        width: 131px;*/
/*        left: -71px;*/
/*    }*/

/*    .img-sec p {*/
/*        font-size: 16px;*/
/*        line-height: 26px;*/
/*    }*/
/*    .ist-cl h2 {*/
/*        font-size: 30px;*/
/*    }*/
/*    .count_wrapper strong {*/
/*        font-size: 30px;*/
/*        line-height: 40px;*/
/*    }*/
/*    .count_wrapper p {*/
/*        font-size: 16px;*/
/*        line-height: 26px;*/
/*    }*/
/*    .container {*/
/*        max-width: 90% !important;*/
/*        width: 100%;*/
/*    }*/
  
/*     .count_wrapper {*/
/*         padding-top: 20px;*/
/*         padding-left: 20px;*/
/*         padding-bottom: 20px;*/
/*    }*/
/*    .similarHead.h2 {*/
/*        font-size: 28px;*/
/*    }*/
/*    .cta h2.h2 {*/
/*        font-size: 29px;*/
/*    }*/
/*    .portfolio {*/
/*    padding-top: 50px;*/
/*    padding-bottom: 50px;*/
/*    }*/
/*    .prg--slide h3 {*/
/*        font-size: 24px;*/
/*    }*/
/*    .left--slider img {*/
/*    max-width: 100%;*/
/*    }*/
/*    .portfolio-left > img {*/
/*    left: 0;*/
/*    top: -6px;*/
/*    max-width: 45%;*/
/*    }*/
/*    .industries_cnt .h3 {*/
/*    font-size: 15px;*/
/*    }*/
/*    .IndustriesBG {*/
/*    padding-top: 50px;*/
/*    padding-bottom: 50px !important;*/
/*    }*/
/*    .cta.cta-2 {*/
/*    margin-top: 50px;*/
/*    }*/
/*    .cnt--wrapper img {*/
/*    width: 82px;*/
/*    }*/
/*    .tab-content {*/
/*    margin-top: 50px;*/
/*    }*/


/*    #testimonial {*/
/*    padding: 40px 0;*/
/*    }*/
/*    .first-row p br {*/
/*    display: none;*/
/*    }*/
/*    .first-row p{*/
/*    margin-bottom: 30px !important;*/
/*    }*/
/*    .first-row .h3 {*/
/*    font-size: 34px;*/
/*    line-height: 100.89px;*/
/*    }*/
/*    .first-row .h2 {*/
/*    margin-top: 0;*/
/*    }*/
/*    .first-row .row {*/
/*    align-items: center;*/
/*    }*/
/*    .contact_us--wrapper {*/
/*    padding: 25px;*/
/*    }*/
/*    .right_btn_home {*/
/*    display: none !important;*/
/*    }*/

/*}*/
@media only screen and (max-width: 992px){
 header .csBtn {
     display: none;
}
.icon {
width: 30px;
height: 30px;
}
    .btnz-style #button.cst-iii {
    right: -1em;
    top: 11em;
}
.btnz-style #button.cst-i {
left: -3em;
top: -1em;
}
.btnz-style #button.cst-i {
    left: -3em;
    top: -3em;
}


.future-section {
    padding-top: 60px;
    padding-bottom: 53px;
}


}
@media only screen and (max-width: 800px) and (min-width: 767px){
    .cstm-app .row {
        display: block;
    }
    .row.hd-ii .col {
      max-width: 50%;
      width: 50%;
      flex: auto;
      padding: 20px;
    }
    .row.hd-ii .col:last-child {
      max-width: 100%;
    }
    .row.hd-ii {
        display: flex;
        flex-wrap: wrap;
        margin-top: 40px;
    }
    .ist-cl h2 {
    font-size: 30px;
    }
    /*.second-row .col-md-3 {
    max-width: 50% !important;
    flex: 0 0 50%;
    }*/
    .portfolio .row {
    display: block !important;
    }
    .portfolio .row > div {
    width: 100% !important;
    }

    .ist-cl {
    width: 100% !important;
    }

    .iist-cl {
        grid-template-columns: repeat(1, 1fr) !important;
        width: 100% !important;
        padding-top: 40px;
    }

    .col-md-6.iist-cl.wdcol-right {
        padding-top: 0;
        padding-bottom: 50px;
    }

    .ist-cl a.button {
        width: 160px;
        height: 40px;
        margin-top: 20px;
    }

    #mgsc {
        right: 0;
        left: 0;
    }
    #mgsc:after {
    height: 56px;
    width: 131px;
    left: unset;
    bottom: 15%;
    right: 50px;
}
#mgsci {
    left: 0;
    width: 100%;
}

    #mgsci:after {
    right: unset;
    left: 100px;
    top: unset;
    bottom: -40px;
}
.count_wrapper {
    padding-left: 10px;
}





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


.mb-reverse {
    flex-direction: column-reverse;
}
img.col-image {
    margin-bottom: 30px;
}
img.approach-icon {
    display: block;
    padding: 0;
    margin-bottom: 20px;
}
.approach-box h3 {
    font-size: 18px;
    line-height: normal;
}
.approach-box {
    padding: 20px 15px;
    margin-bottom: 10px;
}
.approach-box p {
    font-size: 13px;
    line-height: 20px;
}
.approach-box ul li {
    font-size: 13px;
    line-height: 18px;
}
.approach-box ul li::marker {
    font-size: 20px;
    line-height: 41px;
}

.cstm-app .iist-cl {
    padding-top: 0;
    padding-bottom: 40px;
}

.copyright-wrapper {
    display: block;
}
.copyright-wrapper ul {
    column-gap: 10px;
}
.copyright_row ul li a, .copyright_row ul li {
    font-size: 13px;
    line-height: 30px;
}


    .count_wrapper::after {
      display: none;
    }
    .row.hd-ii .col:last-child {
      max-width: 100%;
    }
    .count_wrapper {
      margin-bottom: 31px !important;
    }
    .row.hd-ii {
      margin-top: 30px;
    }
    .wdcol-right {
      gap: 18px;
    }

    .ist-cl h2 {
        margin-bottom: 18px;
      }
    .cstm-app {
            padding: 50px 10px;
            padding-bottom: 50px;
        }
    .cstm-app .ist-cl > span{
        padding-left: 0;
        font-size: 20px;
        line-height: 30px;
    }
    .cstm-app .ist-cl span:before {
        display: none;
    }
    #mgsci {
      margin-top: 40px;
    }
    #mgsci:after {
        display: none;
    }
    .ist-cl a.button {
        width: 160px;
        height: 40px;
        margin-top: 20px;
    }
    .ist-cl h2 {
        font-size: 25px;
    }
    .ist-cl {
        width: 100% !important;
    }
    .iist-cl {
        grid-template-columns: repeat(1, 1fr) !important;
        width: 100% !important;
        padding-top: 40px;
    }   
    #mgsc {
        right: 0;
        left: 0;
    }
        #mgsc:after {
        height: 56px;
        width: 131px;
        left: unset;
        bottom: 15%;
        right: 50px;
    }
    #mgsci {
        left: 0;
        width: 100%;
    }
    
        #mgsci:after {
        right: unset;
        left: 100px;
        top: unset;
        bottom: -40px;
    }
    .count_wrapper {
        padding-left: 10px;
    }    
     
     
     
         .header--contctdetails > a img {
        max-width: 26px;
        margin-right: 9px;
    }
        .main_banner p:first-child {
        font-size: 18px;
        line-height: 28px;
    }
    .btnz-style #button.cst-i {
        left: 0;
        top: 20px;
        bottom: 0;
        position: relative;
    }
        .btnz-style #button.cst-iii {
        right: 0;
        top: 40px;
        position: relative;
        z-index: 9999;
    }
        .btnz-style #button.cst-ii {
        width: 200px;
        padding: 10px;
        position: relative;
        left: 0;
        top: 60px;
        bottom: unset;
    }
      

     .main_banner .container{
         padding: 0 15px;
    }
     .main_banner {
        height: auto;
        padding-top: 140px;
        padding-bottom: 40px;
    }
    a.btnimg {
        width: auto;
        height: auto;
        padding: 14px 40px;
    }
        a.btnimg span {
        font-size: 14px;
    }
    a.btnimg img {
    width: 100px;
}
    .header--contctdetails > a {
         margin-right: 10px !important;
    }
     header a.csBtn {
         display: none;
    }
     .logo_wrapper {
         text-align: center;
    }
     .header--rightcol {
         justify-content: center;
         margin-top: 10px;
    }
         .main_banner .h1 {
        font-size: 25px;
        line-height: 35px;
    }
        

    
     .br--display_none {
         display: none;
    }
    


     .right_btn_home {
         display: none;
    }
     .vic-1 {
         display: none;
    }
     .word_count {
         margin-top: 0;
         border-radius: 0;
         overflow: hidden;
    }
    

     .similarHead.h2 {
         font-size: 25px;
    }
    
    

     .cta .flex {
         display: block;
         padding: 18px;
    }
     .cta-container {
         max-width: 100%;
    }
     .cta {
         padding: 0 15px;
    }
     .cta h2.h2 {
         width: 100% !important;
         max-width: 100%;
         margin-bottom: 0px;
         font-size: 22px;
    }
     .cta .col-md-5 img {
         margin-top: 0 !important;
    }
     .left--slider img {
         max-width: 100%;
    }
     .left--slider img {
         max-width: 100%;
         margin: 0 auto;
    }
     .portfolio-left > img {
         left: 0;
         top: 0px;
         max-width: 44%;
    }
     .portfolio .h2 {
         margin-bottom: 40px;
    }
     .prg--slide h3 {
         font-size: 22px;
         margin-bottom: 26px;
         margin-top: 20px;
    }
     .ind-box {
         max-width: 100%;
         margin-bottom: 24px;
         text-align: center;
    }
     .IndustriesBG {
         padding-top: 40px;
         padding-bottom: 40px;
    }
     .IndustriesBG .container {
         padding: 0 15px;
    }
     .cta.cta-2 {
         margin-top: 20px !important;
    }
     .industies {
         margin-bottom: 45px;
    }
     .portfolio .container {
         padding: 0 15px;
    }
     .cta .flex.flex-2 {
         padding: 25px;
    }
     

     .testimonial_slider .testimonial--slide {
         margin: 0 4px !important;
    }
     #testimonial {
         padding: 40px 0;
    }
     #testimonial .container {
         padding: 0 15px;
    }
     .testomonials_head {
         font-size: 25px;
    }
     .testomonials_head::after {
         bottom: -8px;
    }
     .first-row .h2 {
         margin-top: 0;
    }
     .first-row p br {
         display: none;
    }
     .first-row p {
         margin-bottom: 28px;
    }
     .first-row .h2 {
         font-size: 32px;
         margin-bottom: 20px;
    }
     .first-row .h3 {
         display: none;
    }
     .contact_us--wrapper {
         padding: 19px;
    }
     footer ul {
         padding-left: 0;
    }
     footer {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 40px;
    }
     .first-row .container {
         padding-bottom: 30px !important;
         margin-bottom: 30px !important;
    }
    .second-row .container {
      padding-top: 0;
    }
    .testimonial_wrapper {
      display: block;
    }
    .testimonial-section br {
      display: none;
    }
    .testimonial-section h2 {
        margin-bottom: 10px;
    }
    section.client-main {
        padding: 40px 10px !important;
    }
    .tech_logo {
      flex-wrap: wrap;
    }
    .tech_logo img {
      width: 47%;
    }
    .testimonial-our-tech.tools_wrapper .tech_logo{
        margin: 0;
        margin-top: 20px;
    }
}

 @media only screen and (max-width: 575px){
     .bd-i {
        padding: 20px 0px 20px;
        gap: 20px;
    }
         
         #business .ist-cl h2 {
        font-size: 25px;
    }
    .col-md-6.bd-ii {
    display: none;
}
     .primary-img {
    width: 50%;
}
         .secondary-img {
        width: 50%;
    }
         .texts p {
    padding-top: 10px;
}
.cont:hover p {
        padding-top: 10px;
    }
    

.cta {
    margin-top: -100px;
}
.cta-container {
    width: 90%;
    height: auto;
    padding: 30px 20px !important;
}
    .cta h2.h2 {
        font-size: 34px;
        line-height: 44px;
    }

.portfolio-sec {
    padding: 70px 0px;
}
.portfolio-content {
    padding-bottom: 30px;
}
.sub-title h2 {
    padding-left: 30px;
}
.sub-title h2:before {
    bottom: 25px;
    width: 20px;
}
.sub-title h2 {
    font-size: 16px;
    line-height: 54px;
}
.title h2 {
    font-size: 26px;
    line-height: 36px;
    padding-bottom: 10px;
}

.portfolio-paragraph p {
    font-size: 16px;
    line-height: 26px;
}
.portfolio-item {
    padding: 30px 30px 30px 30px;
    margin-bottom: 30px;
    width: 100%;
}
.portfolio-item-title h3 {
    font-size: 22px;
    line-height: 32px;
}


  .portfolio-item-image {
    height: 350px;
    margin-top: 30px;
}
  .portfolio-item-tycoon-mobile-image {
    top: 20px;
    left: 50%;
    transform: translateX(-60%);
}

 
  
.content p {
    font-size: 16px;
    line-height: 26px;
}


.exploration-session {
    padding: 80px 0px 100px;
}
.exploration-session-item {
    margin-bottom: 15px;
    padding: 0px 20px 0px 20px;
    width: 100%;
    height: 240px;
}
     .exploration-session-num img {
    width: 50px;
}
.exploration-session-num h5 {
    font-size: 18px;
    line-height: 28px;
    padding-left: 15px;
}
.exploration-session-content {
    padding-top: 10px;
}
.exploration-session-content p {
    font-size: 14px;
    line-height: 24px;
}
section.client-main {
    padding: 80px 0px;
}


.user-info h3 {
    font-size: 18px;
    line-height: 23px;
}

.rating-badge {
    top: 0px;
    right: 0px;
    font-size: 14px;
    padding: 12px 12px;
}
.testimonial-text {
    font-size: 16px;
    line-height: 34px;
    margin: 5px 0px 0px;
}
.testimonial-date {
    font-size: 12px;
    line-height: 24px;
}

.talk-developer {
    padding: 50px 0px;
}

.talk-developer .row .col-lg-6.col-md-6.col-sm-12.col-xs-12:last-child a.csBtn.yellow {
    width: 250px;
}

.first-row .container {
    padding-bottom: 70px;
}
#contact-us .first-row .contact-us-content {
    width: 100%;
}
     #contact-us .first-row .col-md-12 {
    display: flex;
    flex-direction: column;
}
     .contact-us-content-img {
    display: none;
}
.contact-us-content h6 {
    font-size: 16px;
    line-height: 56px;
}
.first-row .h2 {
    font-size: 26px;
    line-height: 40px;
}
.first-row p {
    font-size: 16px;
    line-height: 26px;
}
.contact_us--wrapper {
    padding: 30px 0px 0px;
}
.contact_us--wrapper label {
    font-size: 12px;
    line-height: 142%;
    margin-bottom: 10px;
}

.contact_us--wrapper input.on {
    width: 182px;
    height: 50px;
    font-size: 14px;
}

.second-row img {
    margin-bottom: 31px;
}

footer .head {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
}
footer ul li a {
    font-size: 12px;
    line-height: 22px;
}
.f-head {
    font-size: 14px;
    line-height: 24px;
}
.foot-4 p, .foot-4 a {
    font-size: 12px;
    line-height: 22px;
}
.copyright_row p {
    font-size: 13px;
    line-height: 1.4;
    padding: 0;
}
  


     .cta h2.h2 {
         font-size: 26px;
         line-height: 36px;
         text-align: center;
         margin-bottom: 0px;
    }


 

.exploration-session-num img {
    width: 50px;
}

.contact-us-content-img {
    display: none;
}
    .cta-container .row .col-md-5 {
    justify-content: center;
}
     .talk-developer .row .col-lg-6.col-md-6.col-sm-12.col-xs-12:last-child {
    justify-content: center;
}
     .exploration-session-item-parent {flex-direction: column;}

.portfolio-row {flex-direction: column;}
 }
 
 
 @media only screen and (max-width: 425px){
     .bd-i {
        padding: 20px 0px 20px;
        gap: 20px;
        }
       
        #business .ist-cl h2 {
        font-size: 25px;
        }
        .col-md-6.bd-ii {
        display: none;
        }
        .primary-img {
        width: 50%;
        }
        .secondary-img {
        width: 50%;
        }
        .texts p {
        padding-top: 10px;
        }
        .cont:hover p {
        padding-top: 10px;
        }
        .cta {
        margin-top: -100px;
        }
        .cta-container {
        width: 90%;
        padding: 0px 30px;
        }
        .cta h2.h2 {
        font-size: 34px;
        line-height: 44px;
        }
       
        .portfolio-sec {
        padding: 40px 0px;
        }
        .portfolio-content {
        padding-bottom: 30px;
        }
        .sub-title h2 {
        padding-left: 30px;
        }
        .sub-title h2:before {
        bottom: 25px;
        width: 20px;
        }
        .sub-title h2 {
        font-size: 16px;
        line-height: 54px;
        }
        .title h2 {
        font-size: 26px;
        line-height: 36px;
        padding-bottom: 10px;
        }

        .portfolio-paragraph p {
        font-size: 16px;
        line-height: 26px;
        }
        .portfolio-item {
        padding:  15px;
        margin-bottom: 30px;
        width: 100%;
        }
        .portfolio-item-title h3 {
        font-size: 22px;
        line-height: 32px;
        }


        .portfolio-item-image {
        height: 250px;
        margin-top: 20px;
        }
        .portfolio-item-tycoon-mobile-image {
        top: 20px;
        left: 50%;
        transform: translateX(-60%);
        }

        .testimonial-our-tech {
        padding: 40px 0;
        background-size: cover;
        }


        .content p {
        font-size: 16px;
        line-height: 26px;
        }
       
       
        .exploration-session {
        padding: 40px 0px 60px;
        }
        .exploration-session-item {
        margin-bottom: 15px;
        padding: 0px 20px 0px 20px;
        width: 100%;
        height: 240px;
        }
        .exploration-session-num img {
        width: 50px;
        }
        .exploration-session-num h5 {
        font-size: 18px;
        line-height: 28px;
        padding-left: 15px;
        }
        .exploration-session-content {
        padding-top: 10px;
        }
        .exploration-session-content p {
        font-size: 14px;
        line-height: 24px;
        }
        section.client-main {
        padding: 80px 0px 40px 0px;
        }


        .user-info h3 {
        font-size: 18px;
        line-height: 23px;
        }
       
        .rating-badge {
        top: 0px;
        right: 0px;
        font-size: 14px;
        padding: 12px 12px;
        }
        .testimonial-text {
        font-size: 16px;
        line-height: 34px;
        margin: 5px 0px 0px;
        }
        .testimonial-date {
        font-size: 12px;
        line-height: 24px;
        }
       
        .talk-developer {
        padding: 50px 0px;
        }
       
        .talk-developer .row .col-lg-6.col-md-6.col-sm-12.col-xs-12:last-child a.csBtn.yellow {
        width: 250px;
        }


        .contact_us--wrapper {
        padding: 30px 0px 0px;
        }
        .contact_us--wrapper label {
        font-size: 12px;
        line-height: 142%;
        margin-bottom: 10px;
        }


        .cta h2.h2 {
        font-size: 26px;
        line-height: 36px;
        text-align: center;
        margin-bottom: 0px;
        }


        .exploration-session-num img {
        width: 50px;
        }

        .contact-us-content-img {
        display: none;
        }
        .cta-container .row .col-md-5 {
        justify-content: center;
        }
        .talk-developer .row .col-lg-6.col-md-6.col-sm-12.col-xs-12:last-child {
        justify-content: center;
        }
        .exploration-session-item-parent {flex-direction: column;}

        .portfolio-row {flex-direction: column;}
 }