.font1 {
    font-family: 'Nunito', sans-serif !important;
}

.font2 {
    font-family: 'Rubik', sans-serif !important;
}

.title {
    font-size: 36px;
}

img {
    width: 100%;
    height: auto;
}

.extra-light {
    font-weight: 300 !important;
}

.light {
    font-weight: 400 !important;
}

.regular {
    font-weight: 500 !important;
}

.medium {
    font-weight: 600 !important;
}

.bold {
    font-weight: 700 !important;
}

.bg-light-info-gray {
    background-color: #f5f5f5 !important;
}

h2 {
    font-size: 36px !important;
    font-family: 'Rubik', sans-serif !important;
}

h3 {
    font-size: 28px !important;
    font-family: 'Rubik', sans-serif !important;
}

h4 {
    font-size: 22px !important;
    font-family: 'Rubik', sans-serif !important;
}

h5 {
    font-size: 20px !important;
    font-family: 'Rubik', sans-serif !important;
}

h6 {
    font-size: 16px !important;
    font-family: 'Rubik', sans-serif !important;
}

p {
    font-size: 16px !important;
    font-family: 'Nunito', sans-serif !important;
    color: #41474a !important;
}

.blue {
    color: #19dcb7;
}

.dark-blue {
    color: #1d74b7;
}

.light-blue {
    color: #67aef1;
}

.gray {
    color: #41474a;
}

.common-btn {
    font-size: 17px;
    margin-top: 15px;
    display: inline-block;
    background-color: rgb(25, 220, 183);
    border: 2px solid transparent;
    border-radius: 4px;
    padding: 14px 30px 14px 30px;
    color: white;
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
}

.common-btn:hover {
    background-color: rgb(28, 31, 66);
    border: 2px solid rgba(28, 31, 66);
    color: white;
    transition-duration: 0.30s;
}

.topheader .navbar-brand img {
    width: 120px;
    height: auto;
}

.topheader .navbar-brand {
    align-items: center;
    top: 0;
    margin: auto;
    padding: 0 !important;
}

.topheader .navbar-right {
    padding: 10px 0 !important;
    
}

.navbar.topheader {
    margin-bottom: 0 !important;
    background-color: #fff;
    background-image: none !important;
    position: fixed;
    width: 100%;
    border: none;
    box-shadow: none;
    z-index: 4;
    min-height: 100px;
    display: flex;
    align-items: center;
    box-shadow: 0 1px 12px rgb(0 0 0 / 18%);
}

.topheader .navbar-nav li a {
    color: rgb(29, 116, 183) !important;
    font-size: 17px;
    display: block;
    padding: 0;
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    transition: color 0.2s linear;
    margin-bottom: 10px;
}

.topheader .navbar-nav li a:hover {
    color: rgb(25, 220, 183) !important;
}

.topheader .navbar-nav li {
    position: relative;
    margin: 0 10px 0 10px;
}

/* .topheader .navbar-nav li:before{
   position: absolute;
   height: 15px;
   width: 2px;
   background-color: #6c6868;
   content: " ";
    top: 3px;
}
.topheader .navbar-nav li:nth-child(1):before{
    display: none;
}  */
.home-section {
    padding-top: 55px;
    position: relative;
    height: 510px;
    overflow: hidden;
}

.home-slider.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
}

.mobile-img {
    display: none !important;
}

.bannertext {
    position: absolute;
    top: 35%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    transform: translateY(-50%);
}

.bannertext p {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 0;
    color: #41474a;
}

.bannertext h2,
.bannertext h3,
.bannertext h4 {
    font-weight: 400;
    font-size: 28px;
    margin-bottom: 5px;
    font-family: 'Rubik', sans-serif;
    width: 50%;
    margin: 20px 0;
}

.home-slider .owl-nav {
    position: absolute;
    top: 35%;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0;
    margin: 0;
    color: #19dcb7;
}

.home-slider .owl-prev {
    position: absolute;
    left: 2%;
}

.home-slider .owl-next {
    position: absolute;
    right: 2%;
}

.home-slider.owl-theme .owl-nav .owl-prev,
.home-slider.owl-theme .owl-nav .owl-next {
    font-size: 80px !important;
}

.home-slider.owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent;
    color: #19dcb7;
    text-decoration: none;
}

.home-slider.owl-theme .owl-dots {
    position: absolute;
    bottom: 15%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.home-slider.owl-theme .owl-dots .owl-dot span {
    background: white;
    border: 2px solid #1d74b7;
}

.home-slider.owl-theme .owl-dots .owl-dot.active span,
.home-slider.owl-theme .owl-dots .owl-dot:hover span {
    background: #1d74b7;
    border: 2px solid #1d74b7;
}

/* .servicediv {
    padding-top: 30px;
 } */
.servicediv .nav-tabs {
    /* border-top: 2px solid #ebebeb; */
    justify-content: center;
    display: flex;
    border-bottom: 0 !important;
    padding: 20px 0;
    margin-bottom: 30px;
    ;
}

.servicediv .nav-tabs>li>a {
    line-height: 1;
    border: none !important;
    border-radius: 0;
    color: #000;
    font-weight: bold;
    font-size: 20px;
    display: block;
    background-color: #eee;
    position: relative;
    padding: 20px;
}

.servicediv .nav-tabs>li>a:before {
    position: absolute;
    content: "";
    border-top: 13px solid #1c75bb;
    border-right: 13px solid #1c75bb;
    border-left: 13px solid transparent;
    border-bottom: 13px solid transparent;
    left: 0;
    bottom: -12px;
    right: 0;
    transform: rotate(136deg);
    margin: 0 auto;
    display: none;
}

.servicediv .nav-tabs>li.active a:before,
.servicediv .nav-tabs>li>a:hover:before {
    display: inline-table;
}

.servicediv .nav-tabs>li.active>a,
.servicediv .nav-tabs>li.active>a:focus,
.servicediv .nav-tabs>li.active>a:hover,
.servicediv .nav-tabs>li:hover a {
    background: #1c75bb;
    color: white;
}

.servicediv .nav-tabs>li>a:hover,
.servicediv .nav-tabs>li.active {
    /* background: transparent; */
    border: none !important;
}

.fade {
    opacity: 1 !important;
}

.tab-content>.tab-pane {
    display: none;
}

/* .center-div{
    text-align: center;
    padding: 20px 20px 20px;
    margin: 10px 60px 0 60px;
    display: block;
    clear: both;
} */
.center-div1:hover {
    text-decoration: none;
}

/* .center-div h5{
    font-size: 14px;
    font-weight: bold;
    color: black;
} */
/* .servicediv .center-div i{
    font-size: 60px;
    color: black;
} */
.servicediv .outer-div,
.clearfix {
    clear: both;
}

.detail-main .detail-info {
    padding-left: 30px;

}

.detail-main .detail-info p {
    margin-bottom: 20px;
    line-height: 1.7;
    display: flex;
    position: relative;
}

.detail-main .detail-info li {
    display: flex;
}

.detail-main .detail-info ul {
    padding: 0 !important;
}

.detail-main .detail-info svg {
    color: #19dcb7;
    height: 22px;
    min-width: 50px;
}

.detail-main .detail-info span {
    float: right;
}

/* .detail-main .detail-info p:before{
    content: url('data:image/svg+xml; utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 24 24" xml:space="preserve" class="brz-icon-svg" data-type="glyph" data-name="check-circle-07"><g class="nc-icon-wrapper" fill="currentColor"><path data-color="color-2" fill="currentColor" d="M20.4,8.4c-0.5,0.1-0.8,0.7-0.7,1.2c0.2,0.8,0.3,1.6,0.3,2.4c0,5-4,9-9,9s-9-4-9-9s4-9,9-9 c1.7,0,3.3,0.5,4.7,1.3c0.5,0.3,1.1,0.1,1.4-0.3c0.3-0.5,0.1-1.1-0.3-1.4C15,1.6,13,1,11,1C4.9,1,0,5.9,0,12s4.9,11,11,11 s11-4.9,11-11c0-1-0.1-2-0.4-2.9C21.5,8.6,20.9,8.3,20.4,8.4z"></path> <path fill="currentColor" d="M22.7,2.3c-0.4-0.4-1-0.4-1.4,0L11,12.6L7.7,9.3c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l4,4 c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l11-11C23.1,3.3,23.1,2.7,22.7,2.3z"></path></g></svg>');
    width: 22px;
    left: 0;
    top: 5px;
    float: left;
    position: absolute;
  } */

.detail-main .tab-content>.tab-pane .img-wrapp img {
    width: 100%;
    height: auto;
}

.detail-main .tab-content>.tab-pane ul {
    padding: 0 0 0 30px;
}

.detail-main ul.erp-implemantation {
    margin-top: 30px;
}

.detail-main .hrms-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
}

.detail-main .inner-title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 0;
    color: #19dcb7;
}

.detail-main .top-section {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    text-align: center;
    background-image: linear-gradient(90deg, rgba(156, 249, 219, 0.5) 22%, rgba(103, 174, 241, 0.5) 100%);
    padding: 50px 0;
}

.detail-main .top-section h1 {
    line-height: 1.3;
    letter-spacing: 1;
    font-size: 46px !important;
}

.nav-tabs {
    border-bottom: none !important;
}

.team-outer,
.overview-main,
.media-outer {
    /* border-top: 2px solid #ebebeb; */
    padding: 3% 0;
}

.media-outer {
    background: #80808026;
}

.media-outer .media-slider .img-box {
    min-height: 200px !important;
    overflow: hidden !important;
    /* border-radius: 15px; */
    /* display: flex; */
    align-items: center;
    justify-content: center;
    /* padding: 10px; */
    /* background: #bdbdbd80; */
    /* flex-direction: column !important; */
}

.media-outer .media-slider .item {
    min-height: 200px !important;
    overflow: hidden !important;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 15px;
    flex-direction: column;
    /* padding: 10px; */
    background: white;
    border: 1px solid #80808052;
}

.media-outer .media-slider .img-box img {
    /* width: 200px; */
    overflow: hidden;
    /* border-radius: 10px; */
}

.media-outer .media-slider .img-box img.temp {
    height: 200px;
    width: 240px;
}

.media-outer .media-slider .description {
    padding: 20px 15px;
}

.media-outer .media-slider h1 {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 5px;
}

.media-outer .media-slider p {
    margin: 0;
    font-size: 14px;
}

.media-outer .top-heading {
    margin: 0 0 40px;
}

.media-slider.owl-theme .owl-dots .owl-dot.active span,
.media-slider.owl-theme .owl-dots .owl-dot:hover span {
    background: #1c75bb !important;
}

.media-slider.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
}

.team-outer .team-box .img-div {
    height: auto;
    width: 130px;
    border-radius: 70%;
    display: flex;
    align-items: center;
    text-align: center;
    background: #cdc5c5;
    justify-content: center;
    margin: auto;
}

.team-outer .team-box img {
    z-index: 0;
    border-radius: 50% !important;
}

.team-outer .team-box h2 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 20px
}

.team-outer .team-box h3 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #1c75bb;
    margin: 0 0 10px 0;
}

.team-outer .team-box p {
    font-size: 14px;
    text-align: center;
}

.team-outer .team-box {
    box-shadow: rgb(0 0 0 / 10%) 0px 3px 10px 4px;
    padding: 35px;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    min-height: 435px;
}

.team-outer .team-box:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 87%;
    background-color: #3593ae;
    height: 7px;
    border-radius: 0 0 20px 20px;
    content: "";
    right: 0;
    margin: 0 auto;
}

.team-outer .owl-carousel .item {
    padding: 30px 10px 10px 10px;
}

.top-heading {
    font-size: 28px;
}

.team-outer .top-text {
    font-size: 15px;
    width: 80%;
    display: block;
    margin: 0 auto 30px;
}

.team-outer .owl-carousel .owl-next {
    position: absolute;
    right: -30px;
    top: 30%;
}

.team-outer .owl-carousel .owl-prev {
    position: absolute;
    left: -30px;
    top: 30%;
}

.team-outer .owl-carousel .owl-prev span,
.team-outer .owl-carousel .owl-next span {
    display: block;
    font-size: 65px;
    color: gray;
}

.team-outer .owl-carousel.owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent;
    color: Black;
    text-decoration: none;
}

.navbar.topheader li.dropdown:hover .dropdown-menu {
    display: block;
    border: none;
}

.topheader .navbar-nav li a.dropdown-item {
    color: #000 !important;
    font-size: 15px;
    margin: 7px 0;
    padding: 10px;
}

.topheader .navbar-nav li a.dropdown-item:hover {
    color: #000 !important;
    text-decoration: none;
    background-color: transparent;
}

.topheader .navbar-nav>li>.dropdown-menu {
    padding: 0;
}

.topheader a.dropdown-item:nth-child(1),
.topheader a.dropdown-item:nth-child(2) {
    border-bottom: 1px solid #8080805c;
}

.topheader .navbar-nav>li>.dropdown-menu {
    box-shadow: 0 1px 12px rgb(0 0 0 / 18%);
}

.overview-main .overview {
    display: flex;
    margin-bottom: 5px;
    margin-left: 40px;
}

.overview-main .overview h1 {
    font-size: 20px;
    font-weight: bold;
    position: relative;
    margin-top: 0;
}

.overview-main .overview h1:before {
    position: absolute;
    content: "";
    bottom: -5px;
    width: 9%;
    height: 4px;
    background: #1c75bb;
}

.overview-main .img-wrapp img.map-img {
    display: block;
    margin: 0 auto;
    width: -webkit-fill-available;
    position: relative;
}

.overview-main .img-wrapp img,
.location-text img {
    width: 17px;
}

.overview-main .img-wrapp .location1 {
    left: 14%;
    bottom: 57%;
}

.overview-main .img-wrapp .location1,
.overview-main .img-wrapp .location2,
.overview-main .img-wrapp .location3,
.overview-main .img-wrapp .location4,
.overview-main .img-wrapp .location5 {
    position: absolute;
}

.overview-main .img-wrapp,
.overview-main .img-wrapp,
.overview-main .img-wrapp,
.overview-main .img-wrapp,
.overview-main .img-wrapp {
    position: relative;
}

/* .overview-main .location-icon .location1 .img-outer img,
.overview-main .location-icon .location2 .img-outer img,
.overview-main .location-icon .location3 .img-outer img,
.overview-main .location-icon .location4 .img-outer img,
.overview-main .location-icon .location5 .img-outer img{
    position: absolute;
} */
/* .overview-main .location-icon .location1 .img-outer:before,
.overview-main .location-icon .location3 .img-outer:before{
    position: absolute;
    content: "";
    height: 62px;
    width: 19px;
    background-color: #70ad47;
    top: -69px;
    left: -61px;
    border-radius: 3px 0 0 3px;
} */
/* .overview-main .location-icon .location3 .img-outer:before{
    background-color:#5b9bd5; 
} */
/* .overview-main .location-icon .location2 .img-outer:before,
.overview-main .location-icon .location4 .img-outer:before{
    position: absolute;
    content: "";
    height: 45px;
    width: 19px;
    background-color: #c814e0;
    top: 31px;
    left: -61px;
    border-radius: 3px 0 0 3px;
} */
/* .overview-main .location-icon .location4 .img-outer:before{
    background-color: #ffc000;
} */
/* .overview-main .location-icon .location5 .img-outer:before{
    position: absolute;
    content: "";
    height: 46px;
    width: 19px;
    background-color: #ed7d31;
    top: -54px;
    left: -61px;
    border-radius: 3px 0 0 3px;
} */

.overview-main .img-wrapp .location2 {
    left: 23%;
    bottom: 61%;
}

.overview-main .img-wrapp .location3 {
    left: 44%;
    bottom: 68%;
}

.overview-main .img-wrapp .location4 {
    right: 37%;
    bottom: 45%;
}

.overview-main .img-wrapp .location5 {
    right: 30%;
    bottom: 45%;
}

.location-text {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.location-text .text1,
.location-text .text2,
.location-text .text3,
.location-text .text4,
.location-text .text5 {
    display: flex;
    align-items: center;
    margin-top: 40px;
}

.location-text .text1,
.location-text .text2 {
    width: 50%;
}

.location-text .text4,
.location-text .text5,
.location-text .text3 {
    width: 50%;
}

.location-text p {
    margin: 0;
    margin-left: 18px;
    font-size: 14px !important;
    position: relative;
}

.location-text p:before {
    position: absolute;
    content: "";
    left: -10px;
    height: 40px;
    width: 4px;
    background: #19dcb7;
    top: 0;
}

.location-text .text1 p:before {
    background: #70ad47;
}

.location-text .text2 p:before {
    background: #c814e0;
}

.location-text .text3 p:before {
    background: #5b9bd5;
}

.location-text .text4 p:before {
    background: #ffc000;
}

.location-text .text5 p:before {
    background: #ed7d31;
}

.overview-main .popover-content {
    padding: 3px;
    font-size: 11px;
    width: 130px;
    position: relative;
}

.overview-main {
    padding: 25px 0;
}

.overview-main .overview p {
    margin-top: 0;
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: 5px;
}

.overview-main .overview .left-div i {
    font-size: 40px;
    position: relative;
    z-index: 7;
    color: #fff;
    margin-top: 15px;
}

.overview-main .overview .left-div img {
    width: 40px;
}

/* .overview-main .overview .left-div i:before{
    position: absolute;
    content: "";
    bottom: 0px;
    width: 60px;
    height: 60px;
    background: #1e76bc;
    top: -9px;
    left: -11px;
    z-index: -1;
    border-radius: 50%;
}
.overview-main .overview .left-div i.what-we-do:before{
    background:#42a5c3;  
}
.overview-main .overview .left-div i.our-credential:before{
    background:#54d7ff; 
}
.overview-main .overview .left-div i.our-solution:before{
    background:#ffc000; 
} */
.overview-main .overview .left-div {
    margin-right: 30px;
}

/* .readmore {display: none;} */
.myBtn {
    background-color: #1c75bb;
    border-radius: 0;
    padding: 10px;
    font-weight: 600;
    font-size: 13px;
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    color: white;
    border: none;
}

.form-wrapp {
    border-top: 2px solid #ebebeb;
}

.contact-wrapp .contact-box .info {
    display: flex;
}

.contact-wrapp .contact-box .info p {
    font-size: 14px;
    margin-left: 20px;
    margin-bottom: 15px;
    align-items: center;
}

.contact-wrapp .contact-box .info p a {
    color: black;
}

.contact-wrapp .contact-box {
    padding: 20px 20px 5px 20px;
    box-shadow: rgb(0 0 0 / 10%) 0px -1px 4px 2px;
    position: relative;
    margin-bottom: 15px;
    background: white;
}

.contact-form .form-group {
    margin-bottom: 25px !important;
}

.contact-wrapp {
    margin: 0 30px;
}

.contact-main .top-text {
    margin-bottom: 30px;
}

.contact-wrapp .contact-box:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    background-color: #19dcb7;
    height: 100%;
    border-radius: 0 20px 20px 0;
    content: "";
    margin: auto;
    bottom: 0;
}

.contact-wrapp .contact-box:nth-child(5):before {
    background-color: #1f73b7 !important;
}

.contact-wrapp .contact-box:nth-child(6):before {
    background-color: #afbbb8 !important;
}

/* solution page */
.solutiondiv .solution-single img {
    width: 120px;
}

.solutiondiv,
.servicediv {
    border-top: 2px solid #ebebeb;
    padding: 35px 0 0 0;
}

.solutiondiv .top-heading {
    text-align: center;
    margin-bottom: 40px;
}

.solutiondiv .solution-single {
    background-color: rgb(255, 255, 255);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 130px;
    border: 1px solid gray;
    margin: 0 10px 50px 10px;
    position: relative;
}

.solutiondiv .product-single {
    background-color: #f5f5f5 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 130px;
    position: relative;
    flex-direction: column;
    text-align: center;
    margin-bottom: 30px;
    padding: 15px 15px;
}

.solutiondiv .product-single::before {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 5px;
    background: #bfbfbf;
    content: "";
    left: 0;
}

.solutiondiv .product-single.indigo::before {
    background: #1d74b7;
}

.solutiondiv .product-single.sky-blue::before {
    background: #19dcb7;
}

.solutiondiv .product-single.gray-bg::before {
    background: #bfbfbf;
}

/* .solutiondiv .product-single svg{
    width: 45px;
    color: #1d74b7;
    margin-bottom: 15px;
 } */
.solutiondiv .product-single img {
    width: 65px;
    margin-bottom: 15px;
}

.solutiondiv .product-single.sky-blue svg {
    color: #19dcb7;
}

.solutiondiv .product-single.indigo svg {
    color: #1d74b7;
}

.solutiondiv .product-single.gray-bg svg {
    color: #000;
}

.solutiondiv .product-single.black::before
{
    background:black !important;
}

.solutiondiv .product-single p {
    margin: 0;
    min-height: 45px;
}

.solutiondiv .solution-single:hover:before {
    border: 2px solid rgb(25, 220, 183);
}

.solutiondiv .solution-single:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 78%;
    border: 2px solid rgba(208, 213, 220, 1);
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    bottom: -5px;
    margin: 0 auto;
    z-index: -11;
    transition: all 0.3s ease-in-out;
}

/*  temporary*/
.servicediv .center-div1 img {
    width: 100%;
}

.servicediv .center-div1 {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 35px
}

.servicediv .center-div1 .info-div {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    padding: 20px;
    transform: translateY(40px);
    transition: all 0.3s ease-in-out;
    padding: 15px;
}

.servicediv .center-div1 .info-div h5 {
    color: white;
    font-size: 21px;
    text-transform: capitalize;
}

.servicediv .center-div1 .info-div i {
    display: none;
    color: white;
    font-size: 40px;
    display: inline-block;
    opacity: 0;
}

.servicediv .center-div1:hover .info-div i,
.servicediv .center-div1:hover .info-div span {
    opacity: 1;
}

.servicediv .center-div1:hover .info-div {
    transform: translateY(0px);
    transition: all 0.3s ease-in-out;
    padding: 30px 15px;
    background: #d17c42db;
}

.servicediv .center-div1 .info-div span {
    color: white;
    font-size: 15px;
    border: 1px solid white;
    border-radius: 10px;
    padding: 5px 10px;
    margin-top: 7px;
    display: inline-block;
    font-weight: 600;
    display: inline-block;
    transition: all 0.2s ease-in-out;
    opacity: 0;
}

.breadcum img {
    width: 100%;
    height: 230px;
}

.breadcum {
    position: relative;
}

.breadcum:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #00000029;
    z-index: 0;
}

.breadcum h2 {
    position: absolute;
    /* left: 0;
            right: 0; */
    top: 43%;
    text-align: center;
    font-size: 50px;
    color: white;
}

/* footer */
.footer-strip {
    padding: 15px 0 25px 0;
    background: #34312e;
    text-align: center;
}

.footer-strip a.f-link {
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 0 0 5px;
    display: inline-block;
    margin-right: 20px;
    transition: all .5s ease-in-out;
}

.footer-strip .copyright a,
.footer-strip .copyright p {
    color: #82878f;
    text-decoration: none;
    display: inline-block;
    font-weight: 300;
    font-size: 14px;
    margin: 0;
    transition: all .5s ease-in-out;
}

.footer-strip .slash {
    display: inline-block;
    background: #908787;
    width: 1px;
    height: 13px;
    margin: 0 6px 0 7px;
    position: relative;
    top: 2px;
}

/* footer */
.service-tab .wrapp {
    display: flex;
    min-height: 200px;
    align-items: flex-start;

}

.service-tab .wrapp img {
    width: auto !important;
}

.service-tab .wrapp i {
    font-size: 55px;
    color: #1c75bb;
    margin-right: 20px;
}

.service-tab .wrapp h5 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-bottom: 5px;
    max-width: 250px;
    text-transform: capitalize;
}

.service-tab .info-div {
    margin-left: 10px;
}

.service-tab .wrapp p {
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
    max-width: 250px;
}

.service-tab .wrapp a {
    font-size: 12px;
    text-transform: uppercase;
    border: 1px solid #1c75bb;
    padding: 4px 8px;
    margin-top: 15px;
    display: inline-block;
    color: #1c75bb !important;
    font-weight: 600;
}

a:hover {
    text-decoration: none !important;
}

.contact-main,
.form-wrapp {
    padding: 15px 0 40px;

}

.form-wrapp .top-heading {
    margin-top: 0;
}

label {
    font-weight: normal;
    color: #616161;
    font-size: 14px;
    font-weight: normal !important;
}

label .star {
    color: #f64e60;
}

.contact-form .common-btn {
    color: #fff;
}

.highlight-section .single-box svg {
    width: 40px;
    height: 40px;
    color: rgb(29, 116, 183);
}

.highlight-section .single-box h5 {
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    font-weight: 600;
    color: #1d74b7;
}

.highlight-section .single-box p {
    font-size: 16px;
    color: #41474a;
    opacity: 0.6;
    font-family: 'Nunito', sans-serif;
}

.highlight-section .single-box {
    text-align: center;
    width: 22%;
}

.highlight-wrapp {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
}

.highlight-section .single-box:nth-child(2) svg {
    color: rgb(78, 163, 191);
}

.highlight-section .single-box:nth-child(2) h5 {
    color: rgb(78, 163, 191);
}

.highlight-section .single-box:nth-child(3) svg {
    color: rgb(25, 220, 183);
}

.highlight-section .single-box:nth-child(3) h5 {
    color: rgb(25, 220, 183);
}

.home-service .wrapp {
    display: flex;
    align-items: center;
    justify-content: start;
    width: 49%;
    border: 1px solid gray;
    border-radius: 5px;
    padding: 20px 10px;
    margin-bottom: 15px;
}

.home-service svg {
    width: 60px;
    height: 32px;
    color: rgb(29, 116, 183);
    margin-right: 10px;
}

.home-service .wrapp h5 {
    font-weight: 400;
    font-size: 20px;
}

.home-service {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.home-service .wrapp:hover {
    background-color: rgba(156, 249, 219, 1);
    transition: .2s linear;
}

.home-services-main .common-btn {
    margin: 30px auto 20px;
    display: table;
}

.home-services-main .common-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-services-main .nav-tabs,
.solutiondiv .nav-tabs,
.detail-main .nav-tabs {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
}

.home-services-main .nav-tabs>li>a,
.solutiondiv .nav-tabs>li>a,
.detail-main .nav-tabs>li>a {
    font-size: 20px;
}

.home-services-main .nav-tabs>li.active>a,
.home-services-main .nav-tabs>li.active>a:focus,
.home-services-main .nav-tabs>li.active>a:hover,
.solutiondiv .nav-tabs>li.active>a,
.solutiondiv .nav-tabs>li.active>a:focus,
.solutiondiv .nav-tabs>li.active>a:hover,
.detail-main .nav-tabs>li.active>a,
.detail-main .nav-tabs>li.active>a:focus,
.detail-main .nav-tabs>li.active>a:hover {
    color: #19dcb7;
    background-color: transparent;
    border-bottom: 1px solid #19dcb7 !important;
    border: none;
}

.home-services-main .nav>li>a:focus,
.home-services-main .nav>li>a:hover,
.solutiondiv .nav>li>a:focus,
.solutiondiv .nav>li>a:hover,
.detail-main .nav>li>a:focus,
.detail-main .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.home-services-main .nav-tabs>li>a:hover,
.solutiondiv .nav-tabs>li>a:hover,
.detail-main .nav-tabs>li>a:hover {
    border-color: transparent;
}

.home-service-box {
    padding: 60px 60px 40px 60px;
}

/* .home-service .wrapp:hover{
            background-color: #fff;
            transition: .2s linear;
        } */
.home-services-main .common-btn svg {
    width: 20px;
}

.home-service-tab {
    margin-top: 50px;
}

.home-team .button-div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.home-team .button-div a span {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home-team .button-div a span svg {
    width: 20px;
}

.home-team {
    padding: 60px 0;
    background-color: rgba(78, 163, 191, 0.1);
}

.team-slider .img-div {
    border-radius: 10px;
    overflow: hidden;
}

.team-slider .item {
    margin: 0 20px;
}

.team-slider .item h2 {
    font-size: 16px;
    color: #41474a;
    font-weight: 500;
}

.team-slider .item h3 {
    color: #41474a;
    font-size: 14px;
    font-weight: 400;
    margin-top: 0;
}

.team-slider.owl-theme .owl-dots .owl-dot.active span,
.team-slider.owl-theme .owl-dots .owl-dot:hover span {
    background: #19dcb7;
}

.team-slider.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 40px;
}

.solution-tab {
    margin-top: 50px;
}

.top-founder {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.top-founder .founder {
    display: flex;
    width: 45%;
}

.top-founder .founder:nth-child(1) .info {
    background-color: rgba(103, 174, 241, 0.65);
}

.top-founder .founder:nth-child(2) .info {
    background-color: rgba(156, 249, 219, 1);
}

.top-founder .founder .info {
    width: 60%;
    display: flex;
    flex-direction: column;
    padding: 30px 30;
}

.top-founder .founder .img-div {
    width: 40%;
}

.top-founder .founder .img-div img {
    height: 100% !important;
}

.top-founder .founder .info h4 {
    font-size: 22px;
    color: rgb(65, 71, 74);
    margin-bottom: 0;
}

.top-founder .founder .info p {
    font-size: 16px;
    line-height: 1.9;
    font-weight: 400;
    color: black;
    margin-bottom: 30px;
}

.home-team .title {
    margin-top: 0;
    margin-bottom: 60px;
    color: #1c1f42;
    font-weight: 400;
}

.core-team {
    display: flex;
    flex-wrap: wrap;
}

.core-team .team-single {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
}

.core-team .team-single .img-div {
    border-radius: 100%;
    overflow: hidden;
    height: 120px;
    width: 110px;
}

.core-team .team-single .img-div img {
    border-radius: 50%;
}

.core-team .team-single h5 {
    font-size: 20px;
    text-align: center;
    color: #1c1f42;
    font-weight: 400;
}

.core-team .team-single p {
    font-size: 16px;
    color: #41474a;
    font-weight: 400;
    margin: 0;
    text-align: center;
}

.team-detail {
    background-image: linear-gradient(90deg, rgba(156, 249, 219, 0.2) 0%, rgba(103, 174, 241, 0.12) 100%);
    position: relative;
}

.team-detail .bg-logo {
    position: absolute;
    top: 0;
}

.team-detail .team-wrapp {
    box-shadow: 0px 10px 10px 0px rgba(25, 220, 183, 0.29);
    margin-top: 60px;
    background-color: rgb(255 255 255 / 55%);
    padding: 60px;
    position: relative;
}

.team-detail .back-btn {
    position: absolute;
    top: 7px;
    right: 10px;
    color: orange;
    font-size: 15px;
    font-weight: 500;
}

.team-detail .team-wrapp .img-div {
    border-radius: 5px;
    overflow: hidden;
}

.team-detail .detail-img h2 {
    margin-bottom: 20px;
    line-height: 1.3;
    letter-spacing: -1.5;
}

.team-detail .detail-info h5 {
    line-height: 1.6;
}

.team-detail .detail-info,
.team-detail .logo-div {
    margin-left: 70px;
}

.team-detail .logo-div img {
    width: auto !important;
}

.team-detail .detail-info p {
    margin-top: 20px;
    line-height: 1.9;
}

.team-detail .logo-div img {
    /* width: auto !important; */
    margin-top: 20px;
}

.detail-main .nav-tabs {
    margin: 50px 0;
}

.detail-main .common-btn {
    display: table;
    padding: 7px 20px 7px 20px;
    margin: 0 0 0 auto;
}

.scorecarddiv .product-single {
    display: flex;
    flex-direction: inherit;
    min-height: 165px;
}

.scorecarddiv .product-single .icon-div {
    display: inline-block;
    padding: 10px;
    border-radius: 50px;
    text-align: center;
    float: left;
    margin-right: 15px;
}

.scorecarddiv .product-single .no-div {
    text-align: left;
}

:focus-visible {
    outline: none !important;
}

.media-slider {
    margin-top: 30px;
}

.two-column {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px;
    position: relative;
}

.column {
    flex: 1;
}

.divider {
    width: 2px;
    background-image: linear-gradient(to bottom, #1d74b7 50%, transparent 50%);
    background-size: 2px 10px;
    margin: 0 20px;
}

.styled-list {
    list-style: none; /* Remove default bullet styling */
    margin: 0;
    padding: 0;
    position: relative;
}

.styled-list li {
    position: relative;
    padding-left: 20px; /* Space for the line */
    margin-bottom: 15px; /* Add spacing between list items */
}

.styled-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 10px; /* Line thickness */
    background-color: #bababb; /* Line color */
    height: 50px; /* Make it stretch vertically */
}

.styled-list li:last-child:before {
    background-color: #1d74b7; /* Blue color for the last item */
}


.img-size {
    width: 80% !important;
    height: auto !important;
}