h1, h2{
    font-size: 55px !important;
    line-height: 60px !important;
    font-family: 'Roboto-Light', sans-serif !important;
    text-transform: none !important;
}
h1{color: #FFF;font-family: 'Roboto-Bold', sans-serif !important;}
.carousel-caption h1{color: #FFF;font-family: 'Roboto-Light', sans-serif !important;}
h2{color: #000;}
.carousel-caption.midcla{width:60%;left:20% !important;top:10% !important;}
h3{font-size:22px;line-height:30px;}
h3, h4{font-family: 'Roboto-Bold', sans-serif !important;}
p{font-family: 'Roboto-Regular', sans-serif;line-height:32px;}
b, strong {font-weight: bold;font-family: 'Roboto-Bold', sans-serif !important;}
.nopadbtm{padding-bottom:0 !important;}
span.himg img {max-width: 100%;height: auto !important;}
span.htext{line-height: 13px;padding-left: 10px;}
section{padding: 100px 0;}
section.blacksection{background-color: #000; color: #fff;}
section.whitesection{background-color: #fff;}
section.greysection{background-color: #E8E8E8; color: #000;}
.blacksection h2{color: #fff !important;}
.btn-get-started {
            display: inline-flex;
            align-items: center;
            padding: 12px 20px;
            border: 2px solid black;
            border-radius: 50px;
            background-color: transparent;
            color: black;
            text-decoration: none;
            font-family: 'Roboto-Regular', sans-serif;
            transition: background-color 0.5s, color 0.5s, transform 0.5s, padding-right 0.5s;
        }
        .btn-get-started span {
            font-size: 14px;
            font-family: 'Roboto-Bold', sans-serif !important;
        }

        .btn-get-started:hover {
            background-color: black;
            color: #FFF;
            padding-right: 20px;
        }

        .btn-get-started img {
            transition: transform 0.5s, margin-left 0.5s;
            margin-left: 10px;
        }

        .btn-get-started:hover img {
            margin-left: 15px;
            content: url('https://d6fiz9tmzg8gn.cloudfront.net/wp-content/uploads/2025/03/getstart-arrow-white1.png');
        }
        .blacksection .btn-get-started {
            border-color: #FFF;
            color: #FFF;
        }
        .blacksection .btn-get-started:hover {
                    background-color: #FFF;
                    color: #000;
                    padding-right: 20px;
                }
        .blacksection .btn-get-started:hover img {
                    margin-left: 15px;
                    content: url('https://d6fiz9tmzg8gn.cloudfront.net/wp-content/uploads/2025/03/getstart-arrow1.png');
        }
        .zoomeffect{position: relative;overflow: hidden;height: 100%;}
        .journey .zoomeffect{height:600px;}
        .get-started-img {
            transition: transform 0.5s ease;
            max-width: 95%;
            padding-left: 20%;
            }
        .journey .get-started-img{max-width: 100%;padding-left: 34%;padding-right: 5%;}
            .contactsec:hover .get-started-img, .journey:hover .get-started-img {
            transform: scale(1.1);
            }
            .contactsec h2, .journey h2{font-size:48px;line-height:54px;}
            .four-column-row {
    margin: 0;
    padding: 0;
}

.four-column-row .col-box {
  position: relative;
  height: 312px;
  display: flex;
  flex-direction: column;
  justify-content: start;
  overflow: hidden;
  padding: 30px 0 0;
  transition: all 0.5s ease-in-out;
}

.four-column-row h4 {
  font-size: 18px;
  font-weight: bold;
  padding: 0 13%;
  font-family: 'Poppins-Bold' !important;
  position: absolute;
  bottom: 10%;
  color: #FFF;
}

.four-column-row .content {
  position: absolute;
  bottom: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  transition: bottom 0.5s ease-in-out;
  z-index: 1;
  padding:15px;
}

.four-column-row img {
  position: absolute;
  bottom: 10%;
  left: 10%;
  transition: transform 0.5s ease-in-out;
  z-index: 0;
}
.four-column-row .content h4{
  position: relative;
    bottom: 0;
    padding: 10px 15px;
}
.four-column-row p {
  position: relative;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 22px;
  font-family: 'Poppins-Light' !important;
  text-align: left;
  color: #FFF;
}

/* Hover Effect */
.four-column-row .col-box:hover .content {
  bottom: 0;
}

.four-column-row .col-box:hover img {
  transform: scale(1.1);
}
#resultsbx {
  top: 0;
}
.hovslider .bx-viewport{background-color: #FFF !important;}
.hovslider .bx-controls-direction{display:block !important;}
.hovslider .bx-controls.bx-has-controls-direction.bx-has-pager{position: absolute;
    top: auto;
    left: auto;
    right: 6%;
    bottom: -20%;}
.hovslider .bx-wrapper .bx-prev{left:57% !important;}
.hovslider .bx-wrapper .bx-prev:before{font-size:20px;}
.hovslider .bx-wrapper .bx-prev:hover:before{background-color: #D9D9D9 !important;color:#000 !important;}
.hovslider .bx-wrapper .bx-next:before{font-size:20px;}
.hovslider .bx-wrapper .bx-next:hover:before{background-color: #D9D9D9 !important;color:#000 !important;}



.tech-greyblk{background-color:#E8E8E8;padding:30px;}
.whitebgbox{background-color:#FFF;padding:30px;}
.whitebgbox p{color:#000;}
.whitebgbox h3{color: #000;}

.accordion-button:focus{box-shadow: none !important;}
.shlogo img{width:130px;height: auto !important}
.carousel-caption.midcla{top:0;}

.blog-3{margin-top:-200px;}
        .blog-2{padding-top:250px;}
        .blog-1{padding-right:20%;}
        .blgdt{
            font-size: 14px;
            padding: 24px 30px 0px 30px;
            color: #ADADAD;
        }
#blogsection h3 {
    padding: 0px 30px 30px 30px;
    margin-top: 4px;
}
#blogsection h3 a {
    font-size: 24px;
    line-height: 32px;
    color: #FFF !important;
}
.padaftbtn {
    padding-bottom: 70px !important;
}

.image-box {position: relative;}
.testidata-box {
    position: absolute;
    width: 35%;
    bottom: 0;
    top: 16%;
    left: 10%;
    padding: 40px;
    box-sizing: border-box;
    min-height: auto !important;
    height: auto !important;
    background-color: #000;
    color: #FFF;
}
.testidata-box .dt{min-height:auto !important;}
.testidata-box .cont{font-size:18px; line-height:32px;}
.testidata-box .casename{font-size:24px;line-height:32px;font-weight:700;}
.testidata-box .roletitle, .compname{font-size:14px;line-height:22px;font-weight:400;padding-bottom:15px;}

@media screen and (max-width: 480px){
  .carousel-caption{position:absolute;margin-top:0;left:0 !important;}
  .carousel-caption.midcla {
    width: 90%;
    left: 3% !important;
    top: 0% !important;
}
  h1.agentichead{font-size: 35px !important;line-height: 45px !important;}
  .carousel-caption h1{font-size:20px !important;}
  h2{font-size: 32px !important;line-height: 40px !important;}
  .services.carousel-inner .item img{height:auto;}
  .service_bantext .tophead {color: #FFF;}
  .testidata-box{padding: 20px;}
  .blog2{padding-top:30px;}
  .blog-3 {margin-top: 10px;}
}