@import url('https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Lora:ital,wght@0,400..700;1,400..700&display=swap');


/*@font-face {
    font-family: 'work_sansbold';
    src: url('../fonts/worksans-bold-webfont.woff2') format('woff2'),
         url('../fonts/worksans-bold-webfont.woff') format('woff');
    font-weight: normal;
      font-display: swap;
    font-style: normal;

}




@font-face {
    font-family: 'work_sansextrabold';
    src: url('../fonts/worksans-extrabold-webfont.woff2') format('woff2'),
         url('../fonts/worksans-extrabold-webfont.woff') format('woff');
    font-weight: normal;
      font-display: swap;
    font-style: normal;

}




@font-face {
    font-family: 'work_sansmedium';
    src: url('../fonts/worksans-medium-webfont.woff2') format('woff2'),
         url('../fonts/worksans-medium-webfont.woff') format('woff');
    font-weight: normal;
      font-display: swap;
    font-style: normal;

}




@font-face {
    font-family: 'work_sansregular';
    src: url('../fonts/worksans-regular-webfont.woff2') format('woff2'),
         url('../fonts/worksans-regular-webfont.woff') format('woff');
    font-weight: normal;
      font-display: swap;
    font-style: normal;

}




@font-face {
    font-family: 'work_sanssemibold';
    src: url('../fonts/worksans-semibold-webfont.woff2') format('woff2'),
         url('../fonts/worksans-semibold-webfont.woff') format('woff');
    font-weight: normal;
      font-display: swap;
    font-style: normal;

}*/



body{
    font-family: "Arimo", sans-serif;
  /*font-family: 'work_sansmedium';*/
}

body, div, p, li, ul, ol, span, strong, h1, h2, h3, h4, h5, h6{
  padding: 0px;
  margin: 0px;
}
button:focus, button:active, .btn-check:focus+.btn{
    outline: none;
    box-shadow: none !important;

}
a{
text-decoration: none;}
li, ul, ol{
list-style: none;}
button, button:focus, button:hover, button:active{
    outline: none;
}

img { max-width:100%; }

.navbar-toggler-icon {
   background-image: url(../images/menu.png);}

.navbar-collapse { flex-grow:0 !important;}

.nav-item a {
    font-size: 18px;
      font-family: "Arimo", sans-serif;
      color: #000;
}

.navbar-brand img {
    width: 140px;
}

.hero-banners-section {
    padding-top: 150px;
}


.navbar-nav li { margin-left:10px; }


.theme-btn {font-family: "Arimo", sans-serif; background-color:transparent; color:#fff; font-size: 22px;  border:1px solid #fff;
    padding:12px 30px !important; border-radius: 500px; min-width: 126px; text-align: center; width: fit-content;}

.btn-submit {
  font-family: "Arimo", sans-serif;
  background-color: transparent;
  color: #fff;
  font-size: 22px;
  border: 1px solid #fff;
  padding: 12px 30px !important;
  border-radius: 500px;
  min-width: 126px;
  text-align: center;
  width: fit-content;
} 

.btn-submit:hover {
    background-color: #fff;
    color: #000;
}

.btn-submit:focus {
    background-color:#fff; color:#000;  border:1px solid #fff;
}   

.buttons .nav-link:focus, .buttons .nav-link:hover { background-color:#fff; color:#000;  border:1px solid #fff;}

.bdr-btn.theme-btn { background-color:#fff; color:#DD2F2F; border:1px solid #DD2F2F; }
.bdr-btn.theme-btn:hover { background-color:#DD2F2F; color:#fff; border:1px solid #DD2F2F; }

.hero-banners-section .buttons.mt-3 {
    display: flex;
}

.gre-shades { 
    background: rgb(203, 0, 0);
    background: linear-gradient(0deg, rgba(203, 0, 0, 0) 0%, rgba(149, 149, 149, 0.11) 100%);
}

.gre-shades .theme-btn {
    background: #000;
    color: #fff;
    border-color: #000;
} 

.gre-shades .theme-btn:hover {
    background: #fff;
    color: #000;
    border-color: #000;
    box-shadow: 2px 2px 49px 3px rgba(0, 0, 0, 0.1);
} 

header {
    position: fixed;
    width: 100%;
    background-color: #e6e6e6;
    z-index: 999;

}

header .buttons .theme-btn {
    background: #fff;
    color: #000;
    box-shadow: 2px 2px 49px 3px rgba(0, 0, 0, 0.1);
}

header .buttons .theme-btn:hover {
    background: #000;
    color: #fff;
    border:1px solid #000;
    outline: none;
}


h1 { 
    font-size:52px;
    font-weight: 900;
    font-family: "Arimo", sans-serif;
}

h2 { 
    font-size:36px;
    font-weight: 800;
    font-family: "Lora", serif;
    line-height: 46px;
 }

h3 { 
    font-weight: 800;
    font-size:22px;
    font-family: "Lora", serif;
}

p {
    font-size: 18px;
    line-height: 27px;
}

.mt-7 { margin-top:70px;}


.clr-text {
    color: #dd2f2f;
    display:block;}


a.read-more-btn {
    color: #dd2f2f;
    font-size: 18px;
}

.service-col {
    background-color: #fff;
    border: 1px solid #DBDBDB;
    border-radius: 20px;
    padding: 20px;
    height: 332px;
    width: 100%;
    overflow: auto;
    box-sizing: border-box;
}

.service-col h3 {
    display: block;
}

button.slide-arrow.prev-arrow.slick-arrow,  button.slide-arrow.next-arrow.slick-arrow {
    background: transparent;
    border: none;
}

.slide-arrow {  
    position: absolute;
    bottom: -94px;
    right: 0px;
    z-index: 99; 
}

    button.slide-arrow.prev-arrow.slick-arrow {
    right: 55px;
}

.recent-events .events { margin:0 15px; }
.recent-events .events img.event-thumb {
    border-radius: 20px;
}

.read-more-btn img {display:inline-block !important;  }


.recent-events .gre-shades {
    border-radius: 30px;
    padding: 30px;
}

.recent-events .buttons{
    display: flex;
    justify-content: center;
}



button.accordion-button.collapsed, button.accordion-button {
    font-size: 24px !important;
}

.faq-number { color:#9D9DA1; }

.accordion-item {
    border: none;
    border-bottom: 2px solid #F3F5F6;
    border-radius: 0;
}

.accordion .accordion-header {
    font-family: "Arimo", sans-serif;
    font-weight: 600;
}


.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #ffffff;
    box-shadow: none;
}

button.accordion-button {
    padding-bottom: 0;
}

.accordion-button::after { background-image:url(../images/arrow-bt.png) !important; }

.accordion-button:not(.collapsed)::after { background-image:url(../images/arrow-btc.png) !important; }



.consult-col {
    background-color: #000000;
    color: #fff;
    padding: 30px 30px 0px 30px;
    border-radius: 30px;
}


.consult-wrapper .heading {
    margin-top: 30px;
}


.testimonial-slider .usre img { 
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 200px;
    margin-right: 15px;
} 

.testimonial-slider .usre {
    display: flex;
    align-items: center;
    margin-top: 20px;
}


.testimonial-slider .text {
    display: flex;
    min-height: 120px;
    height: 100%;
}

.testimonial-slider .text img {
    min-width: auto;
    margin-right: 20px;
    height: 54px;
}


.testimonial .gre-shades {
    border-radius: 30px;
    padding: 30px;
}



.testimonial-col {
    border: 1px solid #888;
    padding: 20px;
    border-radius: 20px;
    background-color: #fff;
    margin: 0 15px;
}


.team-col img {border-radius: 20px;
    margin-bottom: 15px;}

.team-col { margin:0 15px; }

form {
    background-color: #000;
    padding: 30px;
    border-radius: 20px;
    color: #fff;
}


input#exampleFormControlInput1, textarea#floatingTextarea2 {
    color: #fff;
}

.form-control:focus {
    color: #fff;
    background-color: #000000;
    border-color: #888;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

.cont-btm .theme-btn:hover {
    background-color: #fff;
    color: #000;
}

footer .copy-text {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #000;
    padding: 10px 20px;
    color: #fff;
    border-radius: 132px;
}


.contact-details {
    background-color: #f0f0f0;
    padding: 30px;
    border-radius: 20px;
    height: 100%;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}


.accordion-body {
    line-height: 28px;
}


.services, .team, .faqs { position:relative; }

.services {
    background: #000;
    padding: 30px 0;
}

.services .heading h2, .services .heading p {
    color: #fff;
}

.right-services {
    position: absolute;
    right: 0;
    bottom: 0;
}

.left-services {
    position: absolute;
   left: 0;
    top: 0;
}

.right-team {
    position: absolute;
    right: 0;
    bottom: -164px;
}

.left-faq {
    position: absolute;
    top: 70%;
}


.border-radius24 {
    border-radius: 15px;
}


img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}



.form-control {
    background-color: transparent;
    height: 60px;
    border: none;
    color: #fff;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    padding: 0;
}


footer {
    background: rgb(203, 0, 0);
    background: linear-gradient(180deg, rgba(203, 0, 0, 0) 0%, rgba(45, 45, 45, 0.11) 100%);
    padding-bottom: 20px;
}

footer a {
    color: #000000;
}

footer a:hover {
    color: #5c5c5c;
}

footer li {
    display: inline-block;
    margin-left: 15px;
}

footer .menu-ftr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

footer .design img.ms-3 {
    width: 120px;
}

.trusted-by span {
    font-size: 25px;
    color: #000;
    font-weight: 600;
}

.trusted-by .partner-item img { margin:0px 30px; text-align:center; margin:auto;}

.trusted-by {
    background-color: #fbfbfb;
    color: #fff;
    padding: 25px 0;
    margin-top: 30px;
}
.all h1 span{
    color: #000;
}
.points ul li{
list-style-type: disc;
margin-left: 15px;
}

.about-us {
    background: transparent;
}

.about-us .service-col {
    height: auto;
    overflow: inherit;
    box-sizing: inherit;
}

.about-us  img { border-radius:24px; }

.contact-details h3 { font-size: 18px;}


 .why-choose-us .row{
    display: flex;
    gap: var(--gap);
    align-items: center;
    flex-wrap: wrap;
  }

  .why-choose-us .col{
    flex: 1 1 320px;
    min-width: 280px;
  }

  /* Image column */
  .image-col {
    display: flex;
    justify-content: center;
  }

  .image-wrap{
    position: relative;
    width: 100%;
    max-width: 560px;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: 0 18px 40px rgba(15,23,32,0.12);
    transform: translateY(0);
    transition: transform .6s cubic-bezier(.18,.9,.36,1), box-shadow .3s ease;
  }

  .image-wrap:hover{
    transform: translateY(-6px);
    box-shadow: 0 30px 60px rgba(15,23,32,0.16);
  }

  .hero-image{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    aspect-ratio: 16/11;
    vertical-align: middle;
    transition: transform .8s cubic-bezier(.2,.8,.3,1);
  }

  .image-wrap:hover .hero-image{
    transform: scale(1.03);
  }

  .image-accent{
    position: absolute;
    right: -6%;
    bottom: -10%;
    width: 42%;
    pointer-events: none;
    opacity: .95;
    filter: blur(6px) saturate(1.05);
    transform: rotate(-12deg) translateZ(0);
  }

  .image-accent svg{ width:100%; height:auto; display:block; }

  /* Text column */
  .section-title{
    font-size: clamp(1.6rem, 2.5vw, 2.2rem);
    margin: 0 0 12px 0;
    color: var(--text);
    line-height: 1.05;
    letter-spacing: -0.02em;
  }

  .industries-section {
  padding: 50px 0;
  background-color: #f9f9f9;
}

.section-title {
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 800;
  font-family: "Lora", serif;
}

.section-subtitle {
  font-size: 18px;
  margin-bottom: 50px;
  color: var(--bs-body-color);
}

.industry-box {
  margin-bottom: 40px;
  padding: 0 15px;
}

.industry-box i {
  font-size: 40px;
  color: #888;
  margin-bottom: 10px;
}

.industry-box h4 {
  margin-bottom: 10px;
  font-weight: 800;
  font-size: 22px;
}

.industry-box p {
  font-size: 16px;
  color: var(--bs-body-color);
  line-height: 1.6;
}

.services-tprntbg {
    background: #fff;
}

.services-tprntbg .service-col {
    height: 260px;
}

.event-area {
    background: #fff;
}

  /* Responsive adjustments */
  @media (max-width: 920px){
    .image-wrap{ max-width: 520px; }
  }

  @media (max-width: 720px){
    .image-col, .text-col{ width:100%; }
    .image-accent{ right: -18%; bottom: -22%; width: 58%; opacity: .9; }
    .ctas{ justify-content: flex-start; }
  }