/*Designed By Arun*/


@font-face {
    src: url('../font/Montserrat-Bold.ttf');
    font-family: 'Montserrat-Bold';
}
@font-face {
    src: url('../font/Montserrat-Medium.ttf');
    font-family: 'Montserrat-Medium';
}
@font-face {
    src: url('../font/Montserrat-Regular.ttf');
    font-family: 'Montserrat-Regular';
}
@font-face {
    src: url('../font/Montserrat-SemiBold.ttf');
    font-family: 'Montserrat-SemiBold';
}
@font-face {
    src: url('../font/Raleway-Bold.ttf');
    font-family: 'Raleway-Bold';
}
@font-face {
    src: url('../font/Raleway-Medium.ttf');
    font-family: 'Raleway-Medium';
}
@font-face {
    src: url('../font/Raleway-Regular.ttf');
    font-family: 'Raleway-Regular';
}
@font-face {
    src: url('../font/Raleway-SemiBold.ttf');
    font-family: 'Raleway-SemiBold';
}
html {
    width: 100%;
}
body {
    font-family: 'Montserrat-Regular';
    font-size: 18px;
    color: #000000;
    margin: 0;
    padding: 0;
}


h2 {
    font-family: 'Montserrat-Bold';
    font-size: 30px;
    color: #222222;
    text-align: center;
    padding-bottom: 46px;
}
h1 {
    font-family: 'Montserrat-Bold';
    font-size: 35px;
    color: #222222;
    
    padding-bottom: 46px;
}
h3 {
    font-family: 'Montserrat-Bold';
    font-size: 19px;
    color: #222222;
}
h4 {
    font-family: 'Raleway-Bold';
    font-size: 25px;
    color: #222222;
}
h5 {
    font-size: 20px;
    font-family: 'Montserrat-Regular';
    color: #222222;
}
h6 {
    font-size: 18px;
    font-family: 'Montserrat-Regular';
    color: #222222;
}
p {
    font-family:'Raleway-Regular' ;
    font-size: 15px;
    color: #222222;
}
li{
   font-family:'Raleway-SemiBold' ;
    font-size: 15px;
    color: #222222; 
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}
.pad-70 {
    padding: 70px 0;
}
.pad_bot_70 {
    padding-bottom: 70px;
}
.sec_heading {
    color: #222222;
    text-align: center;
    font-size: 30px !important;
    letter-spacing: -0.162px;
    padding: 20px 0;
}
.statistics {
    display: flex;
    justify-content: space-around;
    margin-bottom: 50px;
}
    a {
        color: white !important;
        text-decoration: none !important;
    }
.stat-item {
    text-align: center;
}

.stat-item h3 {
    font-size: 32px;
    font-weight: bold;
    color: #0096DB;
}
.primary{
    color: white;
    text-decoration: none;
}

.stat-item p {
    font-size: 18px;
    color: black;
    font-weight: bold;
}

.highlight-section {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    margin-top: 30px;
}
section.section.acres_land {
    padding-top: 16px !important;
    
}
.section {
    width: 100%;
    float: left;
}
/*banners sec stsrts */
.cloudshine_bnrsec {
  background-image: url('../image/banner.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;

}
section.section.cloudshine_bnrsec {
    padding-top: 50px;
}
.bannerr{
    display: flex;
}
.left_banner img {
    width: 100%;
}
.hero-content h1 {
    padding: 38px;
}
.hero-content img {
    padding-left: 37px;
}
.hero-content p {
    padding-left: 44px;
    padding-bottom: 28px;
}
.cta-buttons {
    padding-left: 45px;
}
button.primary {
    background: #0C9DDA;
    color: white;
    border: 1px solid #0C9DDA;
    padding: 5px;
}
img.download_brochure {
    padding: 0px;
}
button.secondary {
    padding: 5px;
    border: 1px solid #222222;
}
/*banners sec end */
/* Trusted By starts */
.sec2-tasty h4 {
    padding-top: 26px;
    text-align: center;
    padding-bottom: 26px;
    font-size: 27px;
}
.owl-nav.disabled {
    display: none;
}
section.section.sec2-tasty .owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 10px;
    border-bottom: 1px solid #DCF0FA;
}
section.section.sec2-tasty .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    display: none;
}
section.section.training {
    padding: 40px;
}
section.section.industries-section {
    padding: 40px;
}
section.section.delivery {
    padding: 40px;
}
.logos {
    display: flex
;
}
/* Trusted By end */
/* feature grid start */
.feature-grid {
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    gap: 26px;
}


.feature-grid .feature-item {
    width: 31.1%;
    text-align: center;
    padding: 29px 40px;
    background: #fff;
}

section.section.feature-gridmain {
    background: linear-gradient(to bottom, #F8FAFC3D, #92D0F066);
    padding: 40px 0;
}
.recruitment_sec {
    width: 31.1%;
    text-align: center;
    padding: 29px 40px;
    background: #fff;
}
.recruitment_main {
    display: flex
;
    flex-wrap: wrap;
}

/* feature grid end */
.recruitment-cards {
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    gap: 26px;
}
.card {
    width: 31.1%;
    text-align: center;
    background: #fff;
}
.card p {
    /* padding-top: 14px; */
    padding-bottom: 14px;
    /* padding: 10px; */
    text-align: left;
    padding-left: 17px;
}
.card h3 {
    padding-top: 25px;
    text-align: left;
    padding: 17px;
}
.card li {
    text-align: left;
}
section.section.recruitment {
    background: linear-gradient(to right, #0C9DDA, #B4BDF6);

}
section.section.recruitment h2.sec_heading {
    color: white;
}
section.section.recruitment {
    padding-bottom: 63px;
}
section.section.training h3 {
    font-size: 16px;
    text-align: center;
    padding-top: 15px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #0C9DDA;
}
.delivery_inner_sec {
    width: 31.1%;
    text-align: center;
    padding: 29px 40px;
    background: #fff;
}
.delivery-cards {
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
   
}
section.section.delivery img {
    width: 100%;
}
section.section.delivery h3 {
    padding-top: 18px;
    font-size: 21px;
}
.delivery_inner_sec p {
    padding-top: 13px;
}
section.section.case_study h2 {
    color: white;
    padding: 29px;
}
section.section.recruitment h2.sec_heading {
    color: white;
    padding: 29px;
}
section.section.case_study {
    background-image: url('../image/banner_2.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  
    padding: 40px;
}
section.section.case_study button.primary {
    margin: 17px;
    padding: 10px;
    border-radius: 5px;
}
.industries-section {
      text-align: center;
      padding-bottom: 47px;
    }

    .industries-section p {
      margin-bottom: 40px;
      }

    .industries-grid {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 20px;
    }

    .industry-card {
      background-color: white;
      border-radius: 6px;

    
      text-align: center;
      transition: transform 0.3s ease;
      display: flex;
    }
    .industry_title {
    padding: 31px;
}



    .industry-card img {
      width: 100%;
      height: 80px;
      object-fit: cover;
      border-radius: 4px;
    }

    section.section.industries-section {
    background: #EDF7FF;
}
.oracle {
    display: flex
;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
}
section.section.accreditation p {
    text-align: center;
}
section.section.accreditation {
    padding-bottom: 41px;
}
.oracle img {
    width: 80%;
}
 .faq-section {
      max-width: 900px;
      margin: 80px auto;
      background-color: #fff;
      border-radius: 6px;
      
    }

   

    .accordion-item {
    border-top: 1px solid #AACCDC;
    border-bottom: 1px solid #AACCDC;
}

    .accordion-header {
      cursor: pointer;
      padding: 18px;
      font-weight: bold;
      background-color: #fff;
      color: #000;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .accordion-header:hover {
      background-color: #f1f1f1;
    }

    .accordion-content {
      padding: 0 18px 18px;
      display: none;
      color: #444;
      font-size: 14px;
      line-height: 1.6;
    }

    .accordion-item.active .accordion-content {
      display: block;
    }

    .arrow {
      transition: transform 0.3s ease;
    }

    .accordion-item.active .arrow {
      transform: rotate(180deg);
    }
     

    .consultation-image {
      flex: 1;
    }

    .consultation-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .consultation-form {
      flex: 1;
      padding: 40px;
    }

    .consultation-form h2 {
      font-size: 24px;
      margin-bottom: 20px;
      color: #111;
    }

    .consultation-form form {
      display: flex;
      flex-direction: column;
    }

    .consultation-form input,
    .consultation-form select {
      padding: 12px;
      margin-bottom: 15px;
      border: 1px solid #ccc;
      border-radius: 4px;
      font-size: 14px;
    }

    .consultation-form label {
      font-size: 14px;
      margin-bottom: 5px;
    }

    .consent {
      font-size: 12px;
      margin-bottom: 20px;
    }

    .consultation-form button {
      padding: 12px;
      background-color: #0C9DDA;
      color: #fff;
      border: none;
      border-radius: 4px;
      font-size: 16px;
      cursor: pointer;
      transition: background 0.3s ease;
    }

    .consultation-form button:hover {
      background-color: #0a8fc4;
    }
    section.section.footer {
    background: #0C9DDA;
    padding: 15px;
}
section.section.footer p {
    text-align: center;
    color: white;
}
.industries-grid h3 {
    font-size: 14px;
}
.consultation-section {
  background: linear-gradient(to right, #0C9DDA, #B4BDF6);
  padding: 40px 20px;
  text-align: center;
  font-family: Arial, sans-serif;
}

.consultation-section h2 {
  color: white;
}
.consultation-container {
  background: white;
  border-radius: 10px;
  padding: 20px;
  display: flex;

  gap: 20px;
  align-items: center;
}



.consultation-form {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 50%;
  gap: 15px;
}

.consultation-form input,
.consultation-form select {
  padding: 10px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.consultation-form select {
  background: white;
}

.checkbox-label {
  font-size: 12px;
  color: #333;
  text-align: left;
}

.checkbox-label a {
  color: #007bff;
  text-decoration: none;
}

.consultation-form button {
  background-color: #00aaff;
  color: white;
  padding: 12px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}

.testimonials-section {
    /* padding: 40px 20px; */
    background-color: #eaf6ff;
    text-align: center;
    font-family: Arial, sans-serif;
}



.testimonials-container {
    display: flex
;
    gap: 20px;
   
    justify-content: center;
}

.testimonial-card {
  background: white;
  border-radius: 10px;
  padding: 20px;
  text-align: left;

}

.client-header {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.client-image {
  width: 50px;
  height: 50px;
  background-color: #ccc;
  border-radius: 50%;
  margin-right: 15px;
}

.client-info h4 {
  margin: 0;
  font-size: 16px;
}

.client-info p {
  margin: 2px 0 5px;
  font-size: 14px;
  color: #555;
}



.client-feedback {
  font-size: 14px;
  color: #333;
  line-height: 1.5;
}
.baded_sec {
    display: flex
;
    justify-content: space-around;
}
section.section.testimonials-section {
    padding: 60px;
}
.baded_sec h3 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.custom-list {
  list-style: none;
  padding-right: 1px;
 
}

.custom-list li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;

  line-height: 1.6;
}

.custom-list li span {
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  background-image: url('../image/Vector.png'); /* Replace with actual icon path */
  background-size: contain;
  background-repeat: no-repeat;
}
section.section.training button.owl-prev span {
    color: #0C9DDA;
    font-size: 54px;
}
section.section.training button.owl-prev {
    position: absolute;
    right: 64px;
    top: -46%;
}
.owl-carousel .owl-nav button.owl-next{
   position: absolute;
    right: 31px;
    top: -46%; 
}
section.section.training button.owl-next span {
    color: #0C9DDA;
    font-size: 54px;
}
img.client-logo {
    width: 65%;
}
/* responsive */
@media screen and (max-width: 2500px) {
    .sec_heading {
        font-size: 50px;
    }
}

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

    /* home page start */

}


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

    /* home page start */
    .sec2-tastyimg img {
        width: 80%;
    }
    .sec2-tastycont h3.sec_heading1 {
        font-size: 35px;
    }
    .section.treat-sec {
        padding: 45px 0 70px;
    }
    /* home page end  */
}
@media screen and (max-width: 1400px) {

    /* home page start */
    .sec_heading {
        font-size: 40px;
    }
    .tiny-paratag {
        font-size: 16px;
    }
    .section.treat-sec {
        padding: 38px 0 70px;
    }
    .gladcolt-main .gladcolt-sec1 img.glad-img1,
    .why-inrimg .why-cmpyimg {
        margin-bottom: 20px;
    }
    /* home page end  */
}

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

    /* home page start */
    .sec_heading {
        font-size: 35px;
    }
    .tinyglad_bnrsec {
        padding-bottom: 0;
    }
    .sec2-tastyimg img {
        width: 90%;
    }
    .sec2-tastycont h3.sec_heading1,
    .sec_heading,
    .blg_conts h3 {
        font-size: 30px;
    }
    .whyinr-cont h4 {
        font-size: 30px;
        width: 60%;
    }
    .section.treat-sec {
        padding: 32px 0 70px;
    }
    /* home page end  */
    /* login page start */
    .logform_sec .login_forms {
        width: 50%;
    }
    .login_forms a {
        font-size: 16px !important;
    }
    .login_forms h5 {
        font-size: 30px;
    }
    /* login page end */
}

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

    /* home page start */
    h1,
    h2 {
        font-size: 35px;
    }
    /* home page end */
    /* about us start */
    .contnts_abtsec2 p,
    .contnts_abtsec3 p {
        font-size: 16px;
    }
    /* about us end */
}
.industry-card img {
    width: unset;
   
}


@media screen and (max-width: 990px) {
    /* nav bar */
    
    /* nav bar */
    /* home page start */
    .bner_conts h1 {
        font-size: 35px;
        line-height: normal;
    }
    .bner_conts h1::before {
        bottom: -60%;
        left: 32%;
    }
    .sec2-tastyimg img {
        width: 95%;
    }
    .sec2-tastycont {
        padding: 0;
    }
    .sec2-tastycont h3.sec_heading1 {
        width: 100%;
    }
    .sec2-tastycont h3.sec_heading1 span {
        display: unset;
    }
    section.section.treat-sec:before {
        left: 20px;
    }
    .section.treat-sec {
        padding: 22px 0px 70px;
    }
    .best-sel .best-selmain {
        align-items: center;
        padding: 0;
    }
    .best-sel {
        padding: 0;
    }
    .corp-giftinr {
        display: block;
        margin-bottom: 30px;
    }
    .whycmpy-img,
    .whyinr-cont,
    .faqinr-cont,
    .faqinr-accord {
        width: 100%;
        margin-bottom: 30px;
        padding: 0;
    }
    section.section.why-cmpy {
        position: relative;
        padding-bottom: 0;
    }
    .corp-giftinr {
        margin-bottom: 30px;
        flex-direction: column-reverse;
        display: flex;
        flex-wrap: wrap;
    }
    .recnt_row .col-lg-4 {
        display: flex;
        width: 50%;
        margin: auto;
        justify-content: center;
    }
    .faqsec-main {
        display: block;
    }
    .faqsec-mainimg {
        width: 35%;
    }
    .static__content {
        margin: 0;
    }
    /********************* home page end *********************/
    /********************* about us page start *********************/
    .abtus_sec2 .tinabt2_row,
    .abtus_sec3 .tinabt3_row {
        display: block;
    }
    .tinabt3_row .tinabt3_col,
    .tinabt2_row .tinabt2_col,
    .abt_colimg2 .contnts_abtsec3 {
        width: 100%;

    }
    .tinabt2_row .abt_colimg1,
    .tinabt3_row .abt_colimg2::after {
        border: none;
    }
    .tinabt2_col .contnts_abtsec2 {
        padding-left: 70px;
        margin: 50px 0;
        width: 100%;
    }
    .tinabt2_col .tinabt3_col ,.tinabt3_row .tinabt3_col{
        margin: 50px 0;
    }
    .abtus_sec2 .tinabt2_row {
        margin-bottom: 30px;
        flex-direction: column-reverse !important;
        display: flex;
        flex-wrap: wrap;
    }
    /******************* about us page end **********************/
    /******************* login page end **********************/
    .form_para {
        margin-top: 10px;
    }
    .logform_sec .form_btmsec {
        width: 92%;
        padding-top: 44px;
    }
    /******************* login page end **********************/


    /* footer */
    .footr-listlinks .col-lg-2 {
        width: 32%;
    }
    .footr-listlinks p.fotr_para{
        width: 100%;
    }
    section.section .footr_topsec {
        padding-bottom: 200px;
    }
    .footer_tiny .footrend_img {
        transform: translateY(-180px);
    }

    /* footer */
}

@media screen and (max-width: 767px) {
    /* nav bar */
   
    /* nav bar */
    /* home page start */
    .bner_conts h1 {
        font-size: 25px;
    }
    section.section.training button.owl-prev span {
    color: #0C9DDA;
    font-size: 29px;
}
.statistics {
    flex-direction: column;  /* stack vertically */
    gap: 20px;
  }

  .stat-item h3 {
    font-size: 32px; /* slightly smaller for mobile */
  }

  .stat-item p {
    font-size: 14px;
  }
 a {
    color: white !important;
    text-decoration: none !important;
}
section.section.training button.owl-next span {
    color: #0C9DDA;
    font-size: 29px;
}
section.section.training button.owl-prev {
    position: absolute;
    right: 40px;
    top: -37%;
}
.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: 31px;
    top: -37%;
}
    .bner_conts h1::before {
        bottom: -135px;
    }
    .tinyglad_bnrsec .bner_conts {
        transform: translate(0);
        width: 50%;
    }
    .sec2-tastycont {
        padding: 30px;
    }
    .sec2-tastycont p {
        width: 100%;
    }
   .bannerr {
    display: flex
;
    flex-wrap: wrap;
}
img.client-logo {
    width: 100%;
}
.hero-content h1 {
    padding: 30px;
}
.cta-buttons {
    /* padding-left: 45px; */
    text-align: center;
}
button.primary {
    background: #0C9DDA;
    color: white;
    border: 1px solid #0C9DDA;
    padding: 0px;
    font-size: 15px;
}
button.secondary {
    padding: 0px;
    border: 1px solid #222222;
    font-size: 15px;
}
.sec2-tasty h4 {
    padding-top: 26px;
    text-align: center;
    padding-bottom: 26px;
    font-size: 24px;
}
.feature-grid .feature-item {
    width: 80%;
    text-align: center;
    padding: 29px 40px;
    background: #fff;
}
.card {
    width: 80%;
    text-align: center;
    background: #fff;
}
p {
    font-family: 'Raleway-Regular';
    font-size: 15px;
    color: #222222;
}
.card li {
    text-align: left;
    font-size: 15px;
}
.delivery_inner_sec {
    width: 80%;
    text-align: center;
    padding: 29px 0px;
    background: #fff;
}
.oracle {
    display: flex
;
    /* flex-wrap: wrap; */
    justify-content: center;
    padding-top: 20px;
}
h2 {
        font-size: 25px;
    }
    .industries-grid {
    display: flex
;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}
.industry-card img {
    width: unset;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
}
.industry-card {
    background-color: white;
    border-radius: 6px;
    text-align: center;
    transition: transform 0.3s ease;
    display: flex
;
    width: 89%;
}
section.section.testimonials-section {
    padding: 60px;
}
.baded_sec {
    display: flex
;
    justify-content: space-around;
    flex-wrap: wrap;
}
.testimonials-container {
    display: flex
;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}
.areditation_sec {
    padding: 24px;
}
.consultation-container {
    background: white;
    border-radius: 10px;
    padding: 20px;
    display: flex
;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}
.consultation-form {
    max-width: unset;
}
.consultation-form {
    flex: 1;
    padding: 00px;
}
.consultation-image {
    flex: unset;
}
.testimonial-card {
    
    width: 100%;
}
h1 {
    font-size: 27px;
}
h2.sec_heading {
    font-size: 25px;
}
.card h3 {
    font-size: 18px;
}
h2.sec_heading {
    font-size: 25px;
 
}
.baded_sec h3 {
    font-size: 15px;
}
.baded_sec h2 {
    padding-top: 0px;
}
section.section.accreditation {
    padding-bottom: 0px;
}
.areditation_sec {
    width: 50%;
}
.baded_sec h3 {
    padding-top: 20px;
    padding-bottom: 20px;
}
}
@media screen and (max-width: 600px) {
    .sec2-tastycont, .gladcolt-main .gladcolt-sec1, .gladcolt-main .gladcolt-sec2, .whycmpy-img .why-inrimg, .bstsel-inner2, .best-selmain .bstsel-inner1, .whyinr-cont h4, .static__content, .recnt_row .col-lg-4 {
        width: 100%;
    }
    .sec_main {
        display: block;
    }
    .gladcolt-sec1,
    .bstsel-inner2,
    .whyinr-cont h4 {
        margin-bottom: 20px;
    }
    .inner_blgs img {
        height: 300px;
    }
    /* footer */
    .footer_tiny .footrend_img {
        transform: translateY(-100px);
    }
    section.section .footr_topsec {
        padding-bottom: 135px;
    }
    /* footer */
}
@media screen and (max-width: 500px) {
    /* home page start */
    .sec2-tasty .sec_main {
        margin-bottom: 30px;
        flex-direction: column-reverse;
        display: flex;
        flex-wrap: wrap;
    }
    .sec2-tastycont h3.sec_heading1 {
        margin-top: 20px;
    }
    section.section.treat-sec:before {
        left: 10px;
    }
    .bstsel-inerimg,
    .bstsel-inner2 {
        padding: 10px;
    }
    /********************* home page end *********************/
    /********************* about us page start *********************/
    .tinabt2_col .contnts_abtsec2,
    .abt_colimg2 .contnts_abtsec3 {
        padding-left: 20px;
    }
    /********************* about us page end *********************/
}
@media screen and (max-width: 425px) {
    .tiny-paratag {
        font-size: 14px;
    }
    .why-botimg {
        bottom: -15px;
    }
}
@media screen and (max-width: 375px) {

    /********************* home page end *********************/
    .why_tabmain li.nav-item {
        width: 100%;
    }
    .why_tabmain li.nav-item button {
        width: auto;
    }
    /********************* home page end *********************/
    /********************* 1ogin page start *********************/
    .login_forms a {
        font-size: 14px !important;
    }
    .logform_sec .login_forms {
        width: 100%;
        padding: 25px 30px;
    }
    .logform_sec .form_btmsec {
        width: 100%;
        padding: 25px 0px;
    }
    .form_btmsec .check_rigt h5 {
        font-family: 'Montserrat-Bold';
        font-size: 15px;
    }
    .form_btmsec .tiny-paratag {
        font-size: 13px;
    }
    /********************* 1ogin page start *********************/

}