/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 18 Aug, 2022, 5:33:00 PM
    Author     : ravichandran.krishna
*/
:root{
    --bs-breadcrumb-divider:">"
}
html{
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
body{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color:#000;
}
img {
    pointer-events: none;
}
/*.row > * {
    padding-right: var(--bs-gutter-x);
}*/
.shadow{box-shadow:none !important}
/*.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    padding-right: 0px;
    padding-left: 0px;
}*/
.bold{font-weight: 700}
/*h1{
    font-size: 42px
}
h2{
    font-size: 36px
}
h3{font-size: 24px}*/

.navbar-collapse{
    flex-grow: 0
}
.navbar-light .navbar-nav .nav-link {
    color:#000;
    letter-spacing: 0px;
    font-weight: 600;
    padding-bottom: 18px;
    outline : none;
    border:none
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #0D66FF !important;
 }
 .navbar-nav .nav-link {font-size: 14px}
 .navbar-nav .nav-item {padding-right:5px}
 .navbar-nav .nav-item:last-child a{border: 1px solid #D0011B;width: 107px;text-align: center; color:#D0011B;font-size: 12px; font-weight: 700; display: inline-block;padding: 3.5px;margin-top: 6px;letter-spacing: 0px;}
 .contactlink{
     border: 1px solid #D0011B; color: #D0011B; transition: box-shadow .3s ease-out;
    box-shadow: 0px 3px 8px #15412433; font-weight: 700 !important; background-color: #fff}
 .contactlink:hover{
     color: #D0011B; box-shadow:none
 }
 .err_section .contactlink:hover, .integrated-block .contactlink:hover{
    border: 1px solid #D0011B !important; color: #D0011B;  box-shadow:none;  background-color: #fff
 }
 .navbar-nav .dropdown-toggle::after {
    transition: transform 0.15s linear;
 }
 .navbar-nav .nav-item:last-child{padding-left: 6px; padding-right: 0px}
 .navbar-nav .show.dropdown .dropdown-toggle::after {
   transform: translateY(3px);
 }
 .navbar-nav .dropdown-menu {
    border: 0;
    -webkit-font-smoothing: antialiased;
    left: 68px;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px);
    -webkit-box-shadow: 0px 12px 26px #042F7477;
    box-shadow: 0px 12px 26px #042F7477;
    border-radius: 8px;
    padding: 0px;
 }
 .nav-item:first-child .dropdown-menu{
/*                 left: 13%;
     transform: translateX(-13%);    */
  }
 .navbar-nav .dropdown-item {
     color: #46474E;
     font-size: 14px;
     padding: 0px;
 }
 .navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item:hover {
     background-color:transparent;
     color: #00855E
 }
/*             .navbar-nav a{
     position: relative;
     z-index: 10;
 }*/
 .navbar-nav .dropdown-menu:before {
    content: "";
    position: absolute;
    left: 24%;
    top: 0rem;
    width: 1.0625rem;
    height: 0.5rem;
    transform: rotate(45deg) translateX(-16%);
    background: #fff;
    z-index: 2;
 }
 .navbar-nav .nav-item:first-child .dropdown-menu:before{
     left: 16%;
     transform: rotate(45deg) translateX(-16%);
 }
.navbar-nav .nav-item:last-child a:hover{color:#D0011B !important;}
 #navbarSupportedContent{padding-left: 37px;}
 footer{
     background-color: #1C2A3A;
     color:#fff
 }
 .maindiv{margin-top: 15px;}
 .client-slider span{text-indent: -99999px; display: block;}
  footer span{text-transform: uppercase; font-weight: 700; font-size: 16px}
 .footer-menu{list-style: none;margin: 0; padding: 0; padding-top: 10px}
 .footer-menu li{ margin: 0; padding: 0; padding-bottom: 17px;}
 footer .footer-menu a{font-weight: 500; color:#B4B4F3; text-decoration: none}
 footer .footer-menu a:hover{color: #fff}
 .copyrights{color:#B4B4F3; font-weight: 500;}
 .social a{padding-right: 10px; color:#B4B4F3}
 .social a:hover{color: #fff}
 .social a span{text-indent: -9999px; display: inline-block}
 .navbar-nav .dropdown-toggle::after {display:none}
/*             .nav-item:first-child .dropdown-menu {display:block}*/
 .dropdown-menu .menu-item{font-size: 14px; color: #000; font-weight: 600}
 .dropdown-menu .desc{font-size: 14px; color: #000; display: none}
 .navbar-nav .dropdown-item .menucontent {
        padding: 15px 40px 15px 40px;

  }
 .navbar-nav .nav-item:first-child .dropdown-item .menucontent{ white-space: normal; width:335px}
 .navbar-nav .dropdown-menu a:first-child {padding-top:12px}
 .dropdown-item:hover li{
     background: #EFF7FF 0% 0% no-repeat padding-box;
 }
 .dropdown-item:hover li .menu-item, .dropdown-item:hover li .desc{color:#212933}
 .navbar-nav .dropdown-menu a:last-child {padding-bottom:14px}
 .navbar-brand {padding-top: 0px;}
 .cp-block{margin-top: 2.3rem}
 .clearfloat{clear:both; padding-bottom: 50px}
 .navbar i{--fa-display: none; font-size: 30px;color: #000;}
 .show{--fa-display: inline-block !important}
 .navbar-toggler {border: none; margin-top: -5px; padding-right: 22px;}

 /* ASPEN PAGE STARTS*/
 .aspen-page .banner-img{
        background: transparent linear-gradient(38deg, #02C082 0%, #0C5280 100%) 0% 0% no-repeat padding-box;
        border-radius: 260px 0px 0px 260px;
        padding-top:25px
    }
    .aspen-page .banner-img img{float:right}
    .aspen-page .banner .content .h1{font-weight: bold; color: #212933;line-height: 1.3;}
    .aspen-page .banner .content{padding-left: 16%; width: 70%;flex-wrap: wrap; padding-top: 25%}
    .aspen-page .flex-rows-child{flex-grow: 1;}
    .break {
        flex-basis: 100%;
        height: 0;
        margin: 0;
     }
     .btn{width: 177px; height: 40px; font-weight: 500; font-size: 14px; padding: 8px;border-radius: 0; transition: box-shadow .3s ease-out;}
     .btn.primary{background-color: #D0011B; color: #FFFFFF;box-shadow: 0px 2px 10px #84005B7D;}
     .btn.primary:hover{box-shadow: none}
     .btn-border-green{border:1px solid #00855E; color: #00855E; background: #fff; box-shadow: 0px 3px 8px #15412433;}
     .btn-border-green:hover{
         color: #00855E;
         box-shadow: 0 0 0 rgba(50,50,93,.05),0 0 0 rgba(0,0,0,.03)!important;
         transform: none;
     }
     .btn-border-green:active{
         background-color: #00855E;
         color: #fff
     }
     .btn-green{
         background-color: #00855E;
         color: #fff;
         box-shadow: 0px 3px 6px #074F157D;
     }
     .btn-green:hover{
          color: #fff;
              box-shadow:none
     }

     .fullwidth-content h1, .two-column-content h1{color:#212933; font-size: 36px}

     /*.clip-path-top, .clip-path-bottom{
         background: #E5FFF7; position: relative;height: 141.786px;
     }
     .clip-path-bottom{background: #fff;}
     .clip-path-top .sub-clip{
         clip-path: polygon(0% -2%, 100% -2%, 100% 0%, 0% 100%);background-color: white;position: absolute;width: 100%;height: 141.786px;
     }
     .clip-path-bottom .sub-clip{
         clip-path: polygon(100% 0%, 0% 100%, -2% 100%, -2% 0%);background-color: #E5FFF7;position: absolute;width: 100%;height: 141.786px;
     }*/
     .bg-white-radius{
         background: #FFFFFF 0% 0% no-repeat padding-box;
         box-shadow: 0px 15px 20px #151D410F;
         border-radius: 21px;
         padding: 20px 30px 30px 45px;
     }
     .bg-white-radius .fa-circle-arrow-up{
         transform: rotate(50deg);
         color:#3131DD
     }
     .bg-white-radius h1{color:#0D66FF;}
     .bg-white-radius .text{width: 80%}

  /* ASPEN PAGE - END */
  label span{color:red}
  /* Integrated Engineering Solution -start*/

  .integrated-heading{
    color: #212529;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 146.667% */

  }

  .integrated-sub-heading{
    color: #212529;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    /* text-align: justify; */
  }
  .integrated-bluedotbg{
    background: #2B69F6;
    padding-top: 20px;
    padding-bottom: 55px
}

.integrated-footdotbg{
    background: #D9EAFD;
    padding-top: 20px;
    padding-bottom: 55px
}
.integrated-datascience-bg {
    margin-top: 20px;
    height: 223px;
    position: relative;
    background-size: contain;
    margin-bottom: 40px;
    }
.integrated-datascience-bg.offerings{margin-bottom:0px}

.integrated-datascience-bg .content{text-align: center; color: #fff; padding-top: 10px; }
.integrated-datascience-bg h2{line-height: 1.5; font-weight: 700;}
.integrated-datascience-bg .content .container{width:100%;}

.integrated-engagement {
    color: #212529;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 146.667% */
}
#ies-tab{
    position: sticky;
    top: 72px;
    padding: 10px;
    z-index: 2;
    background-color: #fff;
    margin-left: -4px;
}
.integrated-blue-bg .col-xl-4 .box{
    background: #D9EAFD;
    border-radius: 20px;
    display: flex;
    /* width: 370px; */
    padding: 30px 20px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    min-height: 325px;
    padding-bottom: 20px;
}

.integrated-datascience-bg .stats .box{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.engagements .box-para li{
   list-style: none;
}
.engagements .box-para ul{
    padding-left: 0px;
}
.box-heading {
    color: #2B69F6;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}
.box-para {
    color: #212529;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px; /* 150% */
}
.box-heading-white{
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}
.box-para-white{
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}
.integrated-service-offerings {
    color: #212529;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 146.667% */
}

.cs-nav-tab .nav-pills .nav-link {
    border-radius: 55px;
background: #D9EAFD;
display: flex;
padding: 16px 25px;
justify-content: center;
align-items: center;
gap: 30px;
align-self: stretch;
    transition: .3s ease-out;
}

.cs-nav-tab .nav-pills .nav-link.active{
    background: #0d6efd !important;
}

.offerings{
    padding-right: 16px;
}
.two-columns2 .container .col-xl-6.content.integrated-block{
    padding-left: 8px;
}

  /* Integrated Engineering Solution -End */

  /* infra & cloud -start*/

  .infra-cloud-box{
        background: #D9EAFD;
        border-radius: 20px;
        display: flex;
        /* width: 370px; */
        padding: 30px 20px;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        min-height: 417px;
        padding-bottom: 20px;
    }
  /* infra & cloud -end */

  /* digital_bss start */
  .bss-box {
    display: flex;
    /* width: 370px; */
    height: 389px;
    padding: 30px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    border-radius: 12px;
    border: 1px solid rgba(43, 105, 246, 0.13);
    background: #FFF;
  }
.bss-heading{
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 146.667% */
    align-self: stretch;
}
.bss-blue-bg{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    background: #2B69F6;
}
.box-paraa {
    color: #212529;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
    width: 276px;
}
.blue-tick {
    display: inline-block;
    width: 18px;
    height: 12.462px;
    background-image: url('/img/digitalbss/Path.svg'); /* Replace '/path/to/your/svg/blue-tick.svg' with the path to your SVG */
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: 10px; /* Adjust as needed */
    fill: #2B69F6; /* Fill color */
}
.cds-font{
    color: #212529;
    font-family: Poppins;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 146.667% */
}
.bss-bg {
    display: flex;
    padding: 30px 0px;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    background: #0D66FF;

}
.bssbg {

    background: #2B69F6;
    padding-bottom: 160px;
    padding-top: 30px;
    color: #FFF;
}
.cc {
    align-self: stretch;
    color: #2B69F6;
    text-align: center;
    /* leading-trim: both; */
    /* text-edge: cap; */
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 100% */
}
@media (max-width: 768px) {
    .bss-box {
        margin-bottom: 20px;
    }
    .box-highlights{
        margin-bottom: 20px;
    }
    .modal-dialog {
        max-width: 100% !important;
    }

}

.bb{
    color: #FFF;
    text-align: center;
    font-family: Poppins;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 146.667% */
    align-self: stretch;
}
.para-bss {
    color: #212529;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px; /* 150% */
}
.box-highlights {
    display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 12px;
    border: 1px solid rgba(43, 105, 246, 0.27);
    background: #FFF;
    min-height: 174px;
    /* drop */
    box-shadow: 0px 2px 10px 0px rgba(43, 105, 246, 0.28);

}
  /* digital bss end   */

  /* ctaf starts */
.heading-highlight{
    color: #212529;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px; /* 150% */
}
.heading-blue{
    color: #2B69F6;
    text-align: center;
    font-family: Poppins;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 38.4px; /* 120% */
    margin-bottom: 30px;
}
.ctaf-heading{
    color: #212529;
    font-family: Poppins;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 150% */
}
.highlight-para{
    color: #212529;
    text-align: center;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.partneringg{
    background: #2B69F6;
    padding-bottom: 80px;
    padding-top: 60px;
    color: #FFF;
  }
  .joinbtn{
    display: flex;
    padding: 8px 27px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border: 1px solid #D8484C;
    background: #FFF;
    box-shadow: 0px 3px 8px 0px rgba(33, 37, 41, 0.50);
  }
.ctafbox{
    display: flex;
    padding: 30px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 2px 4px 0px rgba(43, 105, 246, 0.41);
    min-height: 280px;
}
.flip-front-content{
    color: #212529;
    align-self: stretch;
    text-align: center;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 27px; /* 150% */
}
.flip-card {
    background-color: transparent;
    width: 300px;
    height: 240px;;
    perspective: 1000px;
    /* padding: 30px; */
    border-radius: 12px;
    gap: 24px;
    justify-content: center;
    /* border: 1px solid rgba(43, 105, 246, 0.41); */
    background: #FFF;
    box-shadow: 0px -1px 20.2px 1.199px rgba(43, 105, 246, 0.19)

}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

.flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.flip-card-front {
    background-color: #fff;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid rgba(43, 105, 246, 0.41);
    box-shadow: 0px -1px 20.2px 1.199px rgba(43, 105, 246, 0.19);
}

.flip-card-back {
    background-color: #ffffff;
    color: rgb(0, 0, 0);
    transform: rotateY(180deg);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 30px;
    border-radius: 12px;
    border: 1px solid #c5c5c5;
    box-shadow: 0px -1px 20.2px 1.199px rgba(43, 105, 246, 0.19);

}

  /* cstaf ends */
  /* Services Now -Start */
  .partnering{
    background: #2B69F6;
    padding-bottom: 30px;
    padding-top: 20px;
    color: #FFF;
  }

  .shadow-service{
    background: #fff;
    border-radius: 10px;
    padding: 20px; color: #000;
    -webkit-transition: box-shadow .6s ease-out;
    margin-bottom: 20px;
    min-height: 170px;
  }

  .circle-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #2B69F6;
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    left: 41%;
}

/* .circle-icon::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
    z-index: -1;
} */

.service-content{
    color: #212529;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.offering-service {
    color: #212529;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px; /* 146.667% */
}
.offering-shadow{
    border-radius: 12px;
    border: 1px solid rgba(43, 105, 246, 0.13);
    background: #FFF;
    display: flex;
    /* width: 344px; */
    padding: 30px;
    flex-direction: column;
    gap: 10px;
    min-height: 350px;
}
.offering-shadow-service{
    border-radius: 12px;
    border: 1px solid rgba(43, 105, 246, 0.13);
    background: #FFF;
    display: flex;
    padding: 30px 16px;
    flex-direction: column;
    gap: 4px;
    min-height: 277px;
}
.ofering-shadow{
    border-radius: 12px;
    border: 1px solid rgba(43, 105, 246, 0.13);
    background: #FFF;
    display: flex;
    /* width: 344px; */
    padding: 30px;
    flex-direction: column;
    gap: 10px;
}
.offering-cycle{
    border-radius: 12px;
    border: 1px solid rgba(43, 105, 246, 0.13);
    background: #FFF;
    display: flex;
    /* width: 344px; */
    padding: 30px 15px;
    flex-direction: column;
    gap: 10px;
    /* min-height: 329px; */
    box-shadow: 0px 2px 10px 0px rgba(43, 105, 246, 0.28);
}
.core-service{
    color: #2B69F6;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}
.content-offering{
    color: #212529;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    /* margin-top: 10px; */
    /*min-height: 105px;*/
}
#pills-tabContent .content-offering{
    display: flex;
}
#pills-tabContent .content-offering img{
    margin-top: 4px;
}
.expertise{
    padding-right: 14px;
}
.service-header{
    color: #2B69F6;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 150% */
}
.section-content-service{
    text-align: center;
}
.section-content-exp{
    color: #212529;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.section-content-exp li {
    padding-bottom: 20px;
}
.content-offering img {
    margin-right: 5px;
}
#servicenow-tab{
    position: sticky;
    top: 73px;
    padding: 10px;
    z-index: 2;
    background-color: #fff;
    margin-left: -4px;
}
  /* Service Now - End */

  /* devops - start */
  .core-devops{
    color: #2B69F6;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
  }
  /* devops - end */

  .nav-item:last-child a{transition: box-shadow .3s ease-out; box-shadow: 0px 3px 8px #15412433;}

  .nav-item:last-child a:hover{box-shadow: none}
  .two-column{margin-top:100px}
  .two-column1{margin-top: 78px}
  .two-column .shadow{box-shadow: 0px 0px 4px #0D66FF4D !important; color:#000;-webkit-transition: box-shadow .6s ease-out; }
  .two-column a:hover .shadow, .three-columns a:hover .shadow{box-shadow: 0px 20px 30px #0D66FF3B !important;}
  .two-column h2, .two-column1 h2{margin-bottom: 45px; font-weight: 700}
  .two-column h3, .two-column1 h3{font-weight: 700; margin-top: 20px; margin-bottom: 14px}
  .two-column1 h3{margin-top: 0px; padding-top: 14px}
  .two-column .desc{padding-left: 40px; padding-right: 40px; min-height: 201px;}
  .two-column .link{padding-left: 40px; padding-right: 40px;margin-top:20px; padding-bottom: 15px; color: #000; text-decoration: none; font-weight: 600}
  .two-column a, .three-columns a, .two-column1 a{text-decoration: none}
  .two-column1 .shadow{color:#000;-webkit-transition: box-shadow .6s ease-out;background: #F4F9FC 0% 0% no-repeat padding-box;padding-top: 26px;border-radius: 10px;height: 280px}
  .two-column1 .shadow img{padding-right: 20px}
  .two-column1 .shadow .desc{min-height: 152px;}
  .two-column1 .shadow{padding-left: 40px; padding-right: 40px}
  .two-column .link span:hover, .three-columns .link span:hover, .two-column1 .link span:hover{color:#0D66FF}
  .two-column .col-lg-6{margin-bottom: 30px}
  .three-columns{padding-bottom: 10px}
  .three-columns h2{margin-top:21px; font-weight: 700; margin-bottom: 21px}
  .three-columns .col-lg-6{margin-bottom: 20px}
  .three-columns .col-lg-6 .shadow{background: #fff; border-radius: 10px; padding: 20px; color: #000;-webkit-transition: box-shadow .6s ease-out;}
  .three-columns h3{font-weight: 700; margin-top: 11px}
  .three-columns .content{margin-top:10px; min-height: 105px;}
  .three-columns .link{text-align: right; font-weight: 600;}
  .clip-bg-light{background: #EFF7FF}
  .clip-bg-dark{background:#D5EAFF}
  .two-column i, .three-columns i{top: 1px;left:5px; position: relative;}
  .two-column1 .link {margin-top:20px; color: #000; text-decoration: none; font-weight: 600; padding-bottom: 20px; }
  .three-columns1 h2{font-weight: 700; margin-bottom: 20px}
    .clip-path-top, .clip-path-bottom{
          position: relative;height: 141.786px;
     }
     .clip-path-bottom{background: #fff;}
     .clip-path-top .sub-clip{
         clip-path: polygon(0% -2%, 100% -2%, 100% 0%, 0% 100%);background-color: white;position: absolute;width: 100%;height: 141.786px;
     }
     .clip-path-bottom .sub-clip{
         clip-path: polygon(100% 0%, 0% 100%, -2% 100%, -2% 0%);position: absolute;width: 100%;height: 141.786px;
     }
    .two-column1 .col-lg-6{margin-bottom: 30px;}
    .two-column1 .col-lg-6 a:hover .shadow{box-shadow: 0px 20px 30px #0D66FF3B !important; background: #fff}
    .three-columns1 .card{background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 0px 4px #0D66FF4D !important; -webkit-transition: box-shadow .6s ease-out;
    }
    .three-columns1 .card:not(:last-child){margin-right: 30px}
    .three-columns1 .card:hover {box-shadow: 0px 20px 30px #0D66FF3B !important;}
    .three-columns1 h3{padding: 30px 20px 20px 20px; color:#000; font-size: 18px; font-weight: 700}
    .three-columns1 a{text-decoration: none; }
    .three-columns1 .col-xl-4{margin-bottom: 20px; }
    .client-slider {margin-top:70px}
 .client-slider div{padding-right: 62px}
 .gallery-slider{margin-right: 25px}
  .gallery-slider .social-item{box-shadow: 0px 6px 12px #0E1F7E55; margin-right: 20px; margin-bottom: 20px; }
  .gallery-slider .news-title{font-size: 16px; text-align: center}
 .testimonials h2{margin-bottom: 25px; font-weight: 700}
 .testimonials .shadow{box-shadow: 0px 6px 12px #0E1F7E55 !important;border-radius: 18px; height: 331px; display: flex; align-items: center; text-align: center; justify-content: center; padding: 25px}
 .testimonials .client-title{font-weight: 700}
 .testi-link a{text-decoration: none; color:#0D66FF}
 .testi-link a:hover{}
 #news .shadow h3, #news .shadow .desc{padding: 20px 20px 0px 20px}
 #news .shadow .desc{color:#000; min-height: 115px}
 #news .shadow{height: auto; padding-bottom: 10px}
 .home-bottom-text h2{font-weight: 700}
 .home-bottom-text a{width: 260px;}
 .three-columns1 .card{border: 0; margin-bottom: 20px; border-radius: 0}
 .three-columns1 .card-body {padding: 0px}
 .home-hero{background:url('/img/home/home-page-hero-unit.svg') no-repeat; height: 550px;
    max-width: 100%;
    background-size: 95%;}
 .error-bg{background:url('/img/error-page-bg.svg') top center no-repeat;
    background-color: rgba(255,255,255,0.3);
    background-blend-mode: lighten; margin-top: 70px}
 .sitemap-header-bg{
   background:url('/img/sitemap-dot-pattern-background.svg') top center no-repeat;
   background-blend-mode: lighten; margin-top: 70px; height: 189px;
   position:relative
 }
 .contact-header-bg{
   background:url('/img/contact-us-page-dot-pattern-background.svg') top center no-repeat;
   background-blend-mode: lighten; margin-top: 40px;
   position:relative;
 }
 .privacy-header-bg{
     background:url('/img/privacy/legal-page-dot-pattern-background.svg') top center no-repeat;
     background-blend-mode: lighten; margin-top: 40px;
     position:relative;
 }
 .contact-header-bg h1 div{font-size: 16px; font-weight: normal}
 .contact-header-bg h1{
     bottom: 25px !important;
 }
 .privacy-header-bg h1{
      bottom: 30px !important;
 }
 .form-error {
    color: #b94a48;
    font-size: 14px;
     font-weight: 600
}
.contact_thankyou{
        padding: 70px 55px 0px 55px
}
 .sitemap h4{font-weight: 700}
 .sitemap li a{color:#848484; font-weight: 600; text-decoration: none}
 .sitemap li a:hover{color:#0D66FF;}
 .err_section{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: default;
 }
 .error-bg .code{
     --x-shadow: 0;
    --y-shadow: 0;
    --x: 50%;
    --y: 50%;
    font-size: calc(5rem + 10vw) ;
    font-weight: 700;
    position: relative;
    padding: 1rem;
    color: #EFF7FF;
    transition: all 0.2s ease;
    text-shadow: var(--x-shadow) var(--y-shadow) 30px #0d66ff3b;
 }
 .error-bg .code p{position: absolute;
    top: 2rem;
    left: 2rem;
    background-image: radial-gradient(circle closest-side, rgba(255,255,255,0.05), transparent);
    background-repeat: no-repeat;
    background-position: var(--x) var(--y);
    text-shadow: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.1s ease;}
 .err-container > div{flex: 1 1 100%;}
 .err-msg h1{font-weight: 700}
 .sitemap-header-bg h1{font-weight:700; position: absolute;
    bottom: 0; text-align: center
}
#contactusform{
    box-shadow: 0px 16px 34px #6061705C;
    background-color: #EDF4FC;
    border-radius: 15px;
    padding: 55px 50px 70px 50px
}
#contactusform .form-group{
    height:95px
}
#contactusform label{
    margin-bottom: 5px
}
.contact_locations{padding-left:58px; padding-bottom: 20px}
h2.bold{font-weight: 700}
.contact_locations .row{width:95%}
.contact_locations .col-md-9 {padding-top: 5px;}
.contact .form{margin-top: 3rem}
.contact .formcontainer{margin-bottom: 8rem}

.legal-content{
    margin-top: 5rem;
    position: relative
}
.legal-content .col-xl-5 h2{position: relative;}
.legal-content h2:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 90px;
    background: #ccc;
    right: 15%;
    top: 58%;
}
.legal-content ul{
    padding-left: 65px;
    padding-top:5px
}
.legal-content ul li{
    padding-bottom: 25px
}
.legal-content .disclaimer{
    margin-top: 3rem
}
.two-columns2{
    background: #EFF7FF;
    padding-bottom: 8.5rem
}
.two-columns2 .container{
    padding-top:5rem
}
.two-columns2 .container .col-xl-6.content{
    align-self: center!important;
    padding-left: 80px
}
.fiveg .two-columns2 .container .col-xl-6.content:nth-child(odd) {padding-left:0px}
.fiveg .two-columns2 .col-xl-6.content{display:inline-block}
.two-columns2 .col-xl-6.padding{margin-top: 5rem; padding-left: 15px !important}
.csmart-page .blue-bg, .blue-bg{
    background: #0D66FF;
    color:#fff;
    font-weight: 700;
    padding-top: 40px
}
.csmart-page .col-xl-6 .box, .csmart-page .col-xl-4 .box{background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 15px 20px #151D410F;
border-radius: 21px; text-align: center; padding: 28px 45px 10px 45px;
}
.csmart-page.mvnx .col-xl-6 .box, .csmart-page.mvnx .col-xl-4 .box{
    padding:20px 12px 10px 12px;
    min-height: 202px
}
.csmart-page.mvnx.fiveg .col-xl-4 .box{min-height: 145px !important; padding: 42px 33px;
    text-align: left;}
.csmart-page .stats{font-weight: 700}
.csmart-page .stats .blue-txt{color: #2B69F6; font-size: 24px}
.csmart-page .stats .red-txt{color:#EA3746; font-size: 42px}
.csmart-page .stats .black-txt{color:#000; font-size: 24px}
.csmart-page.mvnx .black-txt{font-size: 18px}
.fivegstats .red-txt{font-size: 20px !important}
.csmart-page .stats .col-xl-6, .csmart-page .stats .col-xl-4{padding-bottom: 20px}
/*.csmart-page .sslink{margin-top: 1.2rem}*/
.csmart-page .sslink a{color:#fff; text-decoration: none; font-weight: 600; }
.csmart-page .csmart-infographic{position: absolute; top:-70px}
.csmart-page .home-bottom-text a{width:226px; font-size: 14px; font-weight: 700}
.csmart-page .home-bottom-text a:nth-child(2){background-color:#fff}
.mvnx .sslink{color:#000; text-decoration: none}
.mvnx .sslink:hover{color: #0D66FF }
#insights-tab2{display: none}
.insights-tab{margin-top: 82px; position: sticky;
    top: 73px;
    padding: 10px;
    z-index: 2;
    background-color: #fff;
    box-shadow: 0 13px 42px -35px rgb(99 102 118 / 79%);
    list-style: none
}
.insights-tab li{display: inline-block}
.insights-tab a{list-style: none; display: inline-block; border-radius: 22px; margin-right:15px; padding: 10px 25px; color: #0D66FF; text-align: center; text-decoration: none; background: #EFF7FF; transition: 0.5s; }
.insights-tab a:hover, .insights-tab a.active {background: #0D66FF; color:#fff}
.three-columns1.ss{margin-top:40px}
.three-columns1.ss .card{ margin-bottom: 0px;}
.home-bottom-text.insights a{width:177px}
.details .content{position: relative; background: #fff; margin-top: 13.5rem; padding: 42px 96px 40px 96px; box-shadow: 0px -20px 15px -20px #031638e3;}
.details .hero-img{
    position: absolute;
    top: 0;
    width: 100%;
}
.breadcrumb .breadcrumb-item a{color:#000; text-decoration: none}
.breadcrumb .breadcrumb-item a:hover{color:#0D66FF}
.breadcrumb .breadcrumb-item.active{color:#999999}
.breadcrumb-item + .breadcrumb-item::before{color:#000}
.content.ss h1, .results h2{margin-bottom: 2rem}
.results .desc{box-shadow: 0px 6px 12px #0E1F7E55;
border-radius: 18px; text-align: center; padding: 25px 15px;}
.results .desc .figures{font-size: 24px; font-weight: 700}
.content.ss .casestudy{margin-top: 80px; text-align: center}
.casestudy .contactlink{margin-top:20px !important}
a[data-name="ss"] {cursor: pointer;}
.btn-close {background: transparent url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e) center/1em auto no-repeat;}

.modal-content{
    box-shadow: 0px 16px 34px #6061705c;
    border-radius: 15px;
    border: none;
    border: none;
    background: #EDF4FC 0% 0% no-repeat padding-box;
    padding: 20px 40px;
}
.modal-header{border: none; padding: 0.5rem 0.5rem;}
.modal-content .form-control{
    border-radius: 6px;
    border: none;
    color: #999999;
    padding: 0.5rem 1rem;
}
.modal-body{padding:0}
.modal-footer{border: none}
.casestudy a{display: block}
.traffic {
    box-shadow: 0px 6px 12px #0E1F7E55;
    border-radius: 18px;text-align: center;
    height: 437px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.opex .results .desc:last-child{padding: 25px 12px;}
.brochures .box, .whitepapers .box{
    box-shadow: 0px 6px 12px #0E1F7E55;
    padding: 25px;
    padding-bottom: 20px
}
.brochures .box h4{font-size: 18px; margin-top: 25px}
.brochures .card, .whitepapers .card{
    margin-bottom: 30px;
    color: #000;
    text-decoration: none
}
.brochures .card:not(:last-child) {
    margin-right: 30px;
}
.brochures .card-body{
    padding: 0px
}
.casestudy img{border-radius: 15px; box-shadow: 0px 6px 12px #0e1f7e55;}
.three-columns1 .card-body .desc{padding: 0px 20px 20px 20px;}
.pagination{
    margin-top: 2rem;
    z-index: 1;
    position: relative;
}
.pagination .page-item .page-link{
    background: #EFF7FF;
    border-radius: 21px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.pagination .page-item.active .page-link
{
    background: #0D66FF;
}
.pagination .page-item.disabled .page-link{
    color: #ccc;


}
.pagination .page-item{
    margin-right: 10px
}
.details.blog .banner{
    margin-top: 3rem
}
.details.blog .blog_content{
    margin-top: 2rem
}
.details.blog .blog_content img{
    max-width: 100%;
    height: auto;
}
.three-columns1.blog .desc{
    color:#000
}
#st-1.st-left{
    left:auto !important
}
#st-1 .st-toggle{display:none}
#st-2{display: none !important}
.st-custom-button{
    cursor:pointer;
    margin-bottom: 10px
}
.socialmedia-share{
    position: sticky;
    top: 350px;
    margin-left: 115px;
    display: inline-block;
}
div[data-network="facebook"]{
    background: url("/img/insights/ic-blog-facebook.svg") no-repeat;
    height: 30px;
    width: 30px
}
div[data-network="facebook"]:hover{
     background: url("/img/insights/ic-blog-facebook-hover.svg") no-repeat;
}
div[data-network="twitter"]{
    background: url("/img/insights/ic-blog-twitter.svg") no-repeat;
    height: 30px;
    width: 30px
}
div[data-network="twitter"]:hover{
     background: url("/img/insights/ic-blog-twitter-hover.svg") no-repeat;
}
div[data-network="linkedin"]{
    background: url("/img/insights/ic-blog-linkedin.svg") no-repeat;
    height: 30px;
    width: 30px
}
div[data-network="linkedin"]:hover{
     background: url("/img/insights/ic-blog-linkedin-hover.svg") no-repeat;
}
.testimonials .col-xl-7, .testimonials .col-xl-5{margin-bottom:60px}
.testimonials .client-name{margin-top: 1.5rem; font-weight: 700}
.testi-points{margin-top:10px; margin-left: 15px}
.testi-points li{margin-bottom: 20px;}
.bluedotbg{
    background: #0D66FF 0% 0% no-repeat padding-box;
    padding-top: 20px;
    padding-bottom: 30px
}
.datascience-bg {
    background: url(/img/datascience/dot-pattern-for-blue-background.svg) top center no-repeat;
    background-blend-mode: lighten;
    margin-top: 70px;
    height: 223px;
    position: relative;
    background-size: contain

}
.datascience-bg .content{position: absolute; top:0; text-align: center; color: #fff; padding-top: 10px; }
.datascience-bg h2{line-height: 1.5;}
.datascience-bg .content .container{width:65%;}
.awards .col-xl-5{margin-bottom: 35px}
.awards .col-xl-7{margin-bottom: 35px}
.awards h4{margin-bottom: 25px}
.whitepapers .card:not(:last-child) {
    margin-right: 30px;
}
.whitepapers .card{border:none}
.three-columns.digitaltaf .col-lg-6 .shadow{
    background: #F4F9FC 0% 0% no-repeat padding-box;
    min-height: 300px
}
.blog_content h5{font-size: inherit; font-weight: normal;}
.digitaltaf h4{font-weight: bold; margin-top: 10px}
.two-columns2.digitaltaf{
   padding-bottom: 1.5rem;
}
.three-columns.digitaltaf .col-xl-4{margin-bottom: 30px}
.digi-caps .point{ margin-bottom: 10px; display: flex; margin-top:25px}
.digi-caps .point img{padding-right: 10px}
.digi-caps .point span{font-size: 18px; font-weight: bold; padding-top: 10px}
.two-columns2.digitaltaf .link{
    margin-top:20px
}
.two-columns2.digitaltaf .link a{
    color:#000;
    text-decoration: none;
    font-weight: 600
}
.two-columns2.digitaltaf .link a:hover{color:#0D66FF}
.blue-bg span{font-weight: normal; font-style: italic}
.career-points{
    margin-top: 15px
}
.career-points > li{margin-bottom: 20px}
.career-points > li:before{
    display: inline-block;
    content: "L";
    background: #4ca0f8;
    width: 26px;
    height: 26px;
    padding-right: 1px;
    color: transparent;
    text-shadow: 0px 1px 0 #fff;
    font-weight: 700;
    transform: scale(-.85,0.85) rotate(-45deg);
    text-align: center;
    border-radius: 50%;
    margin: 0;
    margin-left: -2rem;
    margin-top: 0.1rem;
    position: absolute;
}
#trainingBannerSlider .carousel-text-practices h1{
    font-size: 28px
}
#trainingBannerSlider .carousel-indicators li {
    width: 48px;
    height: 48px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 15px
}
#trainingBannerSlider .carousel-indicators li:first-child {
    background-image: url('/img/careers/ic-learning-and-development-active-status.svg');
    background-size: contain;
    width: 48px;
}
#trainingBannerSlider{
    padding-bottom: 8rem
}
.search-jobs {
    text-align: right;
}
.job-filter2 .bt1, .job-filter2 .bt2, .job-filter2 .bt3 {
    padding-right: 0;
    padding-left: 10px;
}
#dLabel2 {
    cursor: pointer;
}
.job-filter2 .form-control {
    height: 34px;
    border-radius: 0;
    border:none;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    box-shadow: 0px 3px 6px #00000029;
    font-size: 16px;
}
#keyword::placeholder{
    color:#999
}
.job-filter2 .dropdown-menu li:hover {
    color: #000;
    padding-top: 10px;
    background: #EFF7FF 0% 0% no-repeat padding-box;
}
.job-filter2 .dropdown-menu {
    -webkit-box-shadow: 0 22px 29px 0 rgb(0 0 0 / 50%);
    width: 20%;
    padding: 0;
    margin: 0;
    max-height: 230px;
    overflow-y: auto;
}
.job-filter2 .dropdown-menu li {
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    width: 100%;
    padding-left: 12px;
    clear: both;
    font-size: 14px;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}
.job-filter2 .dropdown-menu > li {
    word-wrap: break-word;
    white-space: normal;
}
#job-search, #fresherapply {
    border: 1px solid #008cd1;
    background: transparent;
    color: #1068FF;
    font-weight: 600;
    padding: 7px 28px;
    margin-left: 5px;
    cursor: pointer;
    border-radius: 0px;
    height: 40px
}
#applynow{
    background: #D0011B 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 10px #84005B7D;
    color: #FFFFFF;
    width: 177px;
}
.career-row {
    background-color: #EFF7FF;
    padding-top: 10px;
    margin-top: 10px;
}
.career-row a{
    text-decoration: none
}
.apply.email a{
    color:#1068FF;
    font-weight: bold
}
.freshers .col-md-6 .inner {
    padding: 40px;
    min-height: 355px;
}
.video-desc{margin-top: 4rem}
.video_block {
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.careers_video{border-radius: 22px}
.freshers .apply{margin-top:20px}
.freshers .inner .content{margin-top:20px}
.freshers .shadow{box-shadow: 0px 6px 12px #0E1F7E55 !important; border-radius: 22px;}
.job-apply-btnn {
    color: #1068FF;
    font-size: 15px;
    text-decoration: none;
}
.job-title{color:#1068FF}
.careerapply .Applyform{
    background: #EDF4FC 0% 0% no-repeat padding-box;
    box-shadow: 0px 16px 34px #6061705C;
border-radius: 15px;
padding: 50px
}
#careerapplyform .form-control{
    border-radius: 6px;
    border: none;
    height: 43px;
}
.jobdetailsblock{margin-top: 50px}
.workedearlier{margin-top: 40px}
#careerapplyform input::placeholder {
    color: #999999
}
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    cursor: pointer
}

#careerapplyform textarea::placeholder {
   color:#999999;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.upload-btn-wrapper label{
    background-color: #fff;
    width: 100%;
    padding: 10px;
    height: 43px;
    color: #999;
    cursor: pointer
}
#uploadletter, #uploadcv{color: #D0011B;
    background-color: #fff;
    border: 1px solid #D0011B;
    border-radius: 4px;
    cursor: pointer;
    height: 34px;
    position: absolute;
    right: 3px;
    top: 4px;
    cursor: pointer
}
#display_coverlater, #display_cv{margin-top: 10px}
#careerapplyform #message{height: 100px}
.loader{text-align: center; margin-bottom: 20px}
.careers-list{min-height: 200px}
.career-insights .col-xl-4 img{border-radius: 22px}
#job-search, #fresherapply{border: 1px solid #D0011B;
background: transparent;
color: #D0011B;
font-weight: 600;
padding: 8px 28px;margin-left: 5px; cursor: pointer;
border-radius: 0px;
width: 179px;
height: 40px
}
.careers .testimonials .shadow{
   height: 275px;
}
.jobdetails{margin-top: 20px; padding-left: 0px;}
.jobdetails li{margin-bottom: 20px; list-style: none}
.jobdetails li span{font-size: 18px; font-weight: bold}
.jobdetails .jobdesc p span{font-size: 16px !important; font-weight:normal !important}
#careerapplyform .form-label-group{margin-bottom: 30px}
#careerapplyform .form-label-group:first-child{margin-top: 30px}
.clip-path-bottom .sub-clip {
    top: -1px;
}
.dubai_flag{width: 86%; margin-left: 7px;}
  @media only screen and (max-width: 600px){
      .career-row{
       border-bottom: #d4d4d4 dashed 1px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
  .navbar-nav .nav-item:last-child {padding-left: 0px}
  .navbar-nav .dropdown-item .menucontent {white-space: normal}
  .navbar-nav .dropdown-menu:before {left: 9%;transform: rotate(45deg) translateX(-9%);}
  .copyrights {width: 100%; text-align: center}
  .cp-block{margin-top: 1rem}
  .social{width: 100%;text-align: center;margin-top: 20px;}
  .clearfloat{padding-bottom: 20px}
  .mobile-left{
         text-align: left !important
     }
     .stats .bg-white-radius h1{
        font-size: 42px
    }

     li.page-item {

        display: none;
    }

    .page-item:first-child,
    .page-item:last-child,
    .page-item.active {

        display: block;
    }

    .careers .col-xl-6 img{margin-left: 0px !important}
    .freshers .col-md-6{margin-bottom: 30px}
    .home-bottom-text.aspen a{width:100% !important; display: block}

 }

 @media screen and (min-width:320px) and (max-width:768px)
 {
     .row > * {
        padding-right: calc(var(--bs-gutter-x)*.5);
    }
    .engagements {
        padding-bottom: 20px;
    }
    .integrated-heading{
        font-size: 25px;
    }
    .integrated-sub-heading {
        font-size: 14px;
    }
    .offerings{
        padding-bottom: 16px;
    }
    .expertise{
        padding-bottom: 16px;
        padding-right: 4px;
    }
    .box-para-white{
        padding-bottom: 15px;
    }
     #navbarSupportedContent{padding-left: 0px; margin-top: 25px;}
   .navbar .container{margin-top: 20px !important;padding: 0px;}
  .navbar-brand {padding-left: 20px;}
  .navbar-nav > li{border-top:1px solid #DEDEDE}
  .navbar-nav .nav-item {
        padding-top: 10px;
  }
  .nav-item.empty{display: none}
  .navbar-nav .dropdown-menu{position:  relative;left: 0px; transform: none;box-shadow:none; border-radius: 0;}
  .navbar-nav .nav-item{padding-right: 0px;}
  .navbar-nav .nav-link {font-size: 16px; text-transform: uppercase; color: #424F61}
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color:#46474E !important}
  .navbar-light .navbar-nav .nav-link {font-weight: 700;padding-left: 20px}
  .dropdown-menu .desc {padding-top: 5px}
  .navbar-nav .dropdown-item .menucontent {padding: 15px 40px 15px 20px;}
  .navbar-nav .dropdown-menu a:first-child {padding-top: 0px}
  .navbar-nav .dropdown-toggle::after{
      font-family: "Font Awesome 6 Free";
      font-weight: 900;
      content: "\f107";
      font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    display: inline-block;
    border: 0;
    float: right;
    padding-right: 20px;
    font-size: 30px;
    margin-top: -5px;
  }
  #navbarSupportedContent {
    box-shadow: 0px 12px 0px #042F7477;
  }
  .navbar-nav .nav-item:last-child {
      width: 100%;
      text-align: center;
      margin-bottom: 6px;
  }
/*  .navbar-nav .nav-item:last-child a{
        width: 208px;
        padding: 8px;
        color: #00855E;
  }*/

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
}
.two-column1 .d-flex {
    display: block !important;
    padding-left: 15px;
    padding-right: 15px;
}
 .two-column1 .shadow{height: auto}

 .two-column .shadow, .three-columns .col-lg-6 .shadow {
     height: auto
 }
 .client-slider div{padding-right: 30px}
 .three-columns1 .card:not(:last-child){margin-right: 0px}
 .home-hero{min-height: 400px;
    height: auto;
    background-size: 100%;}
  .sitemap-header-bg {background:none; margin-top:10px; height:110px}
  .contact-header-bg{height:160px}
  .contact .form{margin-top: 1rem; }
  .contact_locations {padding: 15px;}
  .contact_locations img{width:25%}
  .dubai_flag{width: 25%;}
  .contact_locations .col-md-3{padding:0px}
  .contact_locations .row{padding-bottom: 30px}
  .contact .formcontainer{margin-bottom: 3rem; padding: 0px}
  .contact #contactusform{box-shadow: none;
    border-radius: 0px;padding: 55px 20px 70px 20px;}

  .legal-content{margin-top: 1rem}
  .privacy-header-bg h1{bottom: 0px !important}
  .legal-content h2:after{
      height: 0px
  }
  .legal-content .col-xl-5 h2{
      margin-bottom: 20px
  }

  .legal-content .disclaimer{
    margin-top: 0.25rem
    }

    .two-columns2 .container .col-xl-6.content{
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-top: 1.5rem
    }

    .fiveg .two-columns2 .container .col-xl-6.content:nth-child(odd) {
        padding-left: calc(var(--bs-gutter-x) * .5);
    }
    .two-columns2 .col-xl-6.padding{
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5) !important;
        padding-top: 0px !important
    }
    .csmart-page .csmart-infographic{
        position: relative;
        top: 0px;
    }
    .csmart-page .home-bottom-text a {
        width:250px;
        display: block;
        margin:0 auto;
    }
    .csmart-page .home-bottom-text a:first-child{
        margin-top: 15px
    }
/*    .csmart-page .home-bottom-text a:nth-child(2)
    {
        width:210px
    }
    */
    .csmart-page .home-bottom-text .col-md-4, .csmart-page .home-bottom-text .col-md-8{text-align: center}
    .csmart-page.mvnx .col-xl-6 .box{min-height: auto}
    .details .content {margin-top: 0px; padding: 15px 15px;}
    .details .hero-img{position: relative}
    .brochures .card:not(:last-child){margin-right: 0px}
    .insights-tab {overflow: auto; display: flex; margin: 15px 0 0 0; white-space: nowrap; }
    .insights-tab {
        margin-top: 30px;
    }
    .insights-tab a{padding: 5px 17px;}
/*    .insights-tab a{color:#0D66FF !important; background: none !important; }
    .insights-tab a.active{text-decoration: underline}*/
    .insights-tab::-webkit-scrollbar {
        display: none;
      }

      /* Hide scrollbar for IE, Edge and Firefox */
      .insights-tab {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
      }
      #insights-tab{display:none}
      #insights-tab2{display: flex}
      #insights-nav:before {
            content: "\0020";
            width: 24px;
            height: 90%;
            position: absolute;
            left: 0;
            top: 1px;
            z-index: 3;
            background-image: linear-gradient(90deg,#fff 50%,rgba(255,255,255,0) 100%);
        }
        #insights-nav:after {
            content: "\0020";
            width: 20%;
            max-width: 60px;
            height: 90%;
            position: absolute;
            right: -1px;
            top: 1px;
            z-index: 2;
            transform: scaleX(-1);
            background-image: linear-gradient(90deg,#fff 25%,rgba(255,255,255,0) 100%);
        }
        .socialmedia-share{display: none}
        .datascience-bg{background: none;
    min-height: 325px;
    margin-top: 10px;}

    .datascience-bg .content .container{width: 100%}
    .aspen_img{width: 100% !important}
    .awards .col-xl-5{margin-bottom: 10px}
    .whitepapers .card:not(:last-child) {
        margin-right: 0px;
    }

    .integrated-datascience-bg{background: none;
        min-height: 325px;
        margin-top: 10px;}

        .integrated-datascience-bg .content .container{width: 100%}
        .aspen_img{width: 100% !important}
        .awards .col-xl-5{margin-bottom: 10px}
        .whitepapers .card:not(:last-child) {
            margin-right: 0px;
        }
    .digi-caps .point img{width:15%; height: 100%}
    .digitaltaf .div1 {order:1}
    .pt-2.careerapply{padding-top:10px !important}
    .jobdetailsblock, .jobdetailsblock2{padding-top:10px !important; margin-top: 20px !important; padding-bottom: 20px}
    .qe .div1{order:1}
      .sticky-top { top: 110px;}   
     .sticky-top.mvno { top:0px}
    .bannerNotify{
        display: inline-grid !important;
        width: 100%;
        padding: 10px;
        height: 113px !important;
        position: sticky;
        top: 0;
    }
    .clip-path-bottom .sub-clip {
        top: -2px;
    }
    .bannerNotify a {margin-top: 10px;}
    #ies-tab li{width:100%}
    #ies-tab button{display: block; width: 100%;}
    /* #servicenow-tab li{width:100%} */
    #servicenow-tab button{display: block; width: 100%;}
    .oracle-cds {
        font-size: 28px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        line-height: 36px !important;
    }
    
}
.schedule-button a:hover{box-shadow: none;}
@media screen and (min-width:576px) and (max-width:768px)
 {
     .brochures .card:not(:last-child){
         margin-right: 30px
     }
     .three-columns1 .card:not(:last-child) {
        margin-right: 30px;
    }
    .card-group > .card {flex:100%}
    .datascience-bg{background: none;
    min-height:max-content;
    margin-top: 10px;}
    .integrated-datascience-bg{background: none;
        min-height:max-content;
        margin-top: 10px;}
    .digi-caps .point img{width:auto}
    .digitaltaf .div1 {order:1}
    .integrated-bluedotbg {
        padding-bottom: 358px;
    }
   
 }

 @media (min-width: 1200px)
 {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1140px !important;
    }
    .custom-width{
        width: 22% !important;
    }
 }
 @media only screen and (min-width:1800px)
{
    .aspen-page .banner .content {
        padding-top: 15%;
    }
}
@media only screen and (min-width:1024px) and (max-width:1280px)
{
    .fiveg .col-xl-6.content.div1{
        order:1
    }    
    .navbar-nav .nav-item {
       padding-right: 5px;
    }
    .nav-item.dropdown.empty{
        padding-right:0px !important;
    }
    #navbarSupportedContent {
        padding-top: 15px;
    }
    .aspen-page .banner .content {
        width: 100%;
        padding-left: 4%;
    }
    .aspen-page .fullwidth-content .col-md-9{
        width: 95%;
    }

    .two-columns2 .container .col-xl-6.content{
        padding-left: 0px;
        padding-top: 30px
    }
    .two-columns2 .col-xl-6.padding{
        margin-top: 1rem
    }
    .padding.div1 {
       order: 1;
    }
    .digitaltaf .div1 {order:1}

    .custom-width {
        width: 25% !important;
    }
    .custom-width1 {
        width: 19% !important;
    }
    .speakerimg {
        width: 106%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px)
{
    .aspen-page .banner .content {
       padding-left: 12%;
       width: 100%;
       padding-top: 18%;
    }
    .fullwidth-content h1, .two-column-content h1 {
        font-size: 25px;
    }

    .aspen-page .fullwidth-content .col-md-9{
        width: 100%;
    }

    .shadow-service{
    min-height: 214px;
    }
    .custom-grid{
        width: auto !important;
    }
    .apply-grid{
        width: 100% !important;
    }
}

@media only screen and (max-width: 767px)
{
    .div1 {order:1}
    .aspen-page .banner .content {
       padding-left: 0px;
       width: 100%;
    }
    .fullwidth-content h1, .two-column-content h1 {font-size: 26px; padding-top: 15px}
    .col-xxl-6{margin-bottom: 20px}
    .bg-white-radius .text {
       width: 95%;
    }
    .btn {
       width: 170px;
    }
    .integrated-bluedotbg {
        padding-bottom: 582px !important;
    }
    .webinar.integrated-bluedotbg {
        padding-bottom: 58px !important;
    }
    .infra-cloud-box{
        min-height: 319px;
    }
}
    @media only screen and (max-width: 767px)
    {
        .btn.primary{
            margin-bottom: 15px;
        }
        .contactlink{
            margin-right: 9px;
        }
    }
@media only screen and (max-width: 767px)
{
    .ctafbox{
        margin-bottom: 20px;
    }
}

.p-auth{
    color: #000000;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    }
    .p-auths{
        color: #000000;
        font-family: Poppins;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 36px; /* 150% */
    }
    .author-image img {
        width: 150px;
        height: 150px;
        border-radius: 89.217px;
        background: lightgray 50% / cover no-repeat;
    }
    .authimg {
        width: auto !important;
        }
    .auth{
        color: #000000;
        font-family: Poppins;
        font-size: 1.75rem;
        font-style: normal;
        font-weight: 700;
        line-height: 63px; /* 150% */
        letter-spacing: 4.83px;
    }
    .whitepapers .box{
        min-height: 506px;
    }
    .oracle-highlight {
        color: #2B69F6;
        text-align: center;
        font-size: 32px;
        font-weight: 700;
        line-height: 48px; /* 150% */
    }

    .oracle-box{
        border-radius: 12px;
        border: 1px solid rgba(43, 105, 246, 0.27);
        box-shadow: 0px 2px 10px 0px rgba(43, 105, 246, 0.28);
        background: #FFF;
        display: flex;
        padding: 30px 16px;
        flex-direction: column;
        gap: 10px;
        min-height: 168px;
    }

    .oracle-content {
        color: #212529;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 150% */
    }

    .oracle-cds{
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 44px; /* 146.667% */
    }

    .icon-text {
        display: flex;
        align-items: flex-start; /* Ensures the image and text are aligned properly */
        gap: 2px; /* Adds some spacing between the icon and the text */
    }
    
    .icon-text img {
        margin-top: 4px; /* Adjusts the vertical alignment of the icon if needed */
    }
    
    .content-offering {
        margin-top: 5px;
        line-height: 1.6; /* Increases the spacing between lines for better readability */
    }

    /* webinar */
    .webinar-heading{
        color: #212529;
        font-size: 31px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px;
        text-transform: normal;
    }

    .webinar-blue {
        color: #2B69F6;
        font-size: 56px;
        font-style: normal;
        font-weight: 700;
        line-height: 84px; 
        text-transform: uppercase;
    }
    .content-webinar{
        color: #212529;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        text-transform: capitalize;
    }
    .custom-grid {

        display: flex;
        padding: 12px 12px;
        justify-content: center;
        align-items: center;
        /* gap: 8px; */
        border-radius: 8px;
        border: 2px solid #EEEDED;
        background: #F8FBFF;
        width: fit-content;
    }

    .custom-grid img {
        width: 24px;
        height: 24px;
    }

    .webinar-key{
        /* min-height: 271px; */
        border-radius: 12px;
        border: 2px solid #DADADA;
        background: #F8FBFF;
        display: flex;
        padding: 30px 12px;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .box-webinar {
        color: #212529;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 21px; /* 150% */
    }

    .webinar-speakers {
        color: #FFF;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 44px; /* 146.667% */
        text-transform: uppercase;
    }

    .webinar-content {
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 160% */
    }

    .webinar-content-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center; 
        height: 100%; 
    }
    .card-webinar{
        display: flex;
        padding: 70px 30px 62px 30px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 16px;
        border-radius: 20px;
        border: 2px solid #EEEDED;
        background: #FAFAFA;
    }
    .card-webtext{
        color: #212529;
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 160% */
        text-transform: capitalize;
        padding: 0px 55px 0px 55px;
    }
    .modal-dialog {
        max-width: 70%;
    }
    .webinar-modal {
        color: #2B69F6;
        font-size: 30px;
        font-style: normal;
        font-weight: 700;
        line-height: 44px; /* 146.667% */
        text-transform: uppercase;
    }
    .innovate{
        color: #212529;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px; /* 160% */
    text-transform: capitalize;
    }
    .innovate_box{
        border-radius: 12px;
        border: 1px solid #6E7072;
        background: #FFF;
        display: flex;
        padding: 30px;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 20px;
        height: 254px;
    }

    .innovate_para {
        color: #212529;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        text-transform: capitalize;
    }
    .innovate_blue{
        color: #2B69F6;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 36px; /* 150% */
        text-transform: capitalize;
    }
    .innovate_dotted_points {
        color: #212529;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 41px; /* 160% */
        text-transform: capitalize;
    }
    .innovate_red{
        color: #FF0F3E;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px; /* 150% */
        text-transform: uppercase;
    }
    .innovate_box_para {
        color: #212529;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
    }

    .form-group {
      position: relative;
    }
  
    .form-group .custom-placeholder {
      position: absolute;
      top: 44px;
      left: 15px; 
      transform: translateY(-50%);
      font-size: 16px;
      color: #797676;
      pointer-events: none;
      display: flex;
      align-items: center;
      gap: 5px;
    }
  
    .form-group .custom-placeholder .required {
      color: red;
    }
  
  .form-group input:focus + .custom-placeholder {
    color: #666;
  }

  .form-group input:not(:placeholder-shown) + .custom-placeholder {
    display: none;
  }