@font-face {

    font-family: MediumFont;

    src: url("../css/GothamRoundedMedium_21022.ttf");

    font-weight: lighter;

}

@font-face {

    font-family: LightFont;

    src: url("../css/GothamRoundedLight_21020.ttf");

    font-weight: normal;

}

*{

    padding: 0;

    margin: 0;

    box-sizing: border-box;

    font-family: MediumFont;

    scroll-behavior: smooth;

}

#somediv {

	width: 20px;

	height: 20px;

	border-radius: 50%;

	background: linear-gradient(180deg, #FFFFFF 0%, #6993e857 1%, #6b98ec8a 2%, #FFFFFF 100%);

	position:absolute;

    z-index: 9;

}

#somediv1{

    width: 30px;

	height: 30px;

	border-radius: 50%;

	background: linear-gradient(180deg, #FFFFFF 0%, #6993e857 1%, #6b98ec8a 2%, #FFFFFF 100%);

	position:absolute;

    z-index: 9;

}

#somediv2{

    width: 40px;

	height: 40px;

	border-radius: 50%;

	background: linear-gradient(180deg, #FFFFFF 0%, #6993e857 1%, #6b98ec8a 2%, #FFFFFF 100%);

	position:absolute;

    z-index: 9;

}

#canvas{

  position: fixed;

  color: white;

  width: 100%;

  height: 100vh;

}

.a , .b , .c , .d, .e, .f{

  background: linear-gradient(180deg, #FFFFFF 0%, #6993e857 1%, #6b98ec36 2%, #FFFFFF 100%);

  height: 50px;

  width: 50px;

  border-radius: 50%;

  position:fixed;

  z-index: -1;

  display: none;

}

.b { transform: translate(120px , 70px); }

.c {  transform: translate(900px , 20px);}

.d {  transform: translate(500px , 50px);}

.e {  transform: translate(900px , 50px);}

.f {  transform: translate(300px , 50px);}

body{

    overflow-x: hidden;

}

a{text-decoration: none;}

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

.hero{

    width: 100%;

    height: auto;

    background-image: url("../images/home-bg.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.navbar{

    padding-top: 20px;

}

/* The sticky class is added to the header with JS when it reaches its scroll position */

.sticky {

    position: fixed;

    top: 0;

    width: 100%;

    transition: all 0.5s;

}

/* header  */

header{

    z-index: 9999;

    transition: all 0.5s;

    /* background: #F3F8FF; */

}

.navbar-brand {

    width: 10%;

}

.portfolio-header .navbar-brand {

    width: 8%;

}

.portfolio-header nav{

    padding: 0 50px;

}

.nav-link{

    color: #092072 !important;

    transition: 0.5s;

    font-weight: 500;

}

.nav-link:hover{

    color: #39B634 !important;

    transform: translateY(-3px);

}

.nav-link.active{

    color: #39B634 !important;

}

.nav-item{

    margin-right: 20px;

}

.navbar .has-megamenu{

    position:static!important;

}

.navbar .megamenu{

    left:0; 

    right:0; 

    width:100%; 

    padding:20px 30px; 

    background-color: unset !important;

    backdrop-filter: blur(50px) brightness(1.5) !important;

    -webkit-backdrop-filter: blur(50px) brightness(1.5) !important;

    border: none;

    border-radius: 0;

    position: relative;

}

.navbar .megamenu .row{

    margin-top: 2rem;

}

.navbar .megamenu .row h6{

    color: #1D1C20;

    font-weight: 600;

    padding-bottom: 3px;

    margin-bottom: 15px;

    /* border-bottom: 1px solid #4ED669; */

    transition: 0.5s;

    position: relative;

}

.navbar .megamenu .row h6::after{

    content: "";

    width: 200px;

    height: 1px;

    background-color: #4ED669;

    bottom: 0;

    left: 0;

    position: absolute;

}

.navbar .megamenu .row h6:hover{

    color: #092072

}

.navbar .megamenu li{

    list-style-type: none;

    font-family: LightFont;

    font-weight: 600;

    line-height: 26px;

    color: #1D1C20;

    font-size: 14px;

}

.dropdown-menu{

    border: none !important;

    background-color: unset !important;

    backdrop-filter: blur(50px) brightness(1.5) !important;

    -webkit-backdrop-filter: blur(50px) brightness(1.5) !important;

    top: 93% !important;

}

/* .dropdown:hover .dropdown-menu {

    display: block;

} */

.dropdown-item{

    color: #092072 !important;

    padding-bottom: 2px !important;

    margin-bottom: 5px !important;

    transition: 0.5s;

    position: relative;

}

.dropdown-item::before{

    content: "";

    width: 0;

    height: 1px;

    background-color: #4ED669;

    bottom: 0;

    left: 7%;

    position: absolute;

    transition: 0.7s;

}

.dropdown-item:hover::before{

    width: 200px;

}

.dropdown-item:hover{

    color: #39B634 !important;

    background: none !important;

}

.contact-btn{

    background: #092072;

    border: 2px solid #092072;

    border-radius: 100px;

    padding: 0px 10px;

    transition: 0.5s;

}

.contact-btn .nav-link{

    color: white !important;

    transform: none;

}

.contact-btn:hover{

    border: 2px solid #092072;

    background: none;

}

.contact-btn:hover .nav-link{

    color: #092072 !important;

}

.tagline h1{

    text-align: center;

    padding-top: 30px;

    color: #092072;

    line-height: 60px;

    letter-spacing: 1px;

    font-weight: bold;

}

.wp{

    width: 100%;

    text-align: center;

    margin-top: 50px;

}

.wp a{

    background: #39B634;

    padding: 20px 10px;

    border-radius: 100px;

    line-height: 25px;

    color: white;

    text-decoration: none;

    transition:  0.5s;

}

.wp a:hover{

    text-decoration: none;

    color: white;

    box-shadow: 0px 50px 50px rgba(9, 32, 114, 0.1);

}

.wp img{

    margin-bottom: 3px;

    margin-right: 3px;

}

.hero .row{

    margin-top: 4rem;

}

.hero .box1{

    width: 90%;

    height: auto;

    background: #FFFFFF;

    box-shadow: 0px 15px 50px rgba(9, 32, 114, 0.1);

    border-radius: 25px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    margin-top: 5rem;

    animation: animate 2s ease-in-out infinite;

    animation-duration: 5s;

}

@keyframes animate{

    0%{

        transform: translateY(-8px);

    }

    50%{

        transform: translateY(0px);

    }

    100%{

        transform: translateY(-8px);

    }

}

.hero .box1 .circle{

    width: 150px;

    height: 150px;

    background-color: white;

    transform: translateY(-70px) ;

    box-shadow: 0px 15px 50px rgba(9, 32, 114, 0.1);

    border-radius: 50%;

}

.hero .box1 .circle img{

    padding: 35px;

    margin-top: 10px;

}

.hero .box1 .bg{

    transform: translateY(-60px);

}

.hero .box1 h3{

    transform: translateY(-30px);

    text-align: center;

    color: #061549;

    font-size: 25px;

    line-height: 35px;

    font-weight: 600;

}

.hero .box1 h3 span{

    color: #FCBA10;

    font-size: 22px;

}

.hero .box2{

    width: 100%;

    height: auto;

    background: #FFFFFF;

    box-shadow: 0px 15px 50px rgba(9, 32, 114, 0.1);

    border-radius: 25px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    padding: 30px;

}

.hero .box2 h4{

    text-align: center;

    color: #061549;

    font-weight: 600;

    font-size: 20px;

    letter-spacing: 1px;

    padding: 0px 0 20px 0;

}

.collaborate{

    width: 100%;

    height: auto;

    background: #FFFFFF;

    box-shadow: 0px 15px 50px rgba(9, 32, 114, 0.1);

    border-radius: 25px;

    padding: 20px 0;

    margin-top: 20px;

    text-align: center;

}

.collaborate a{

    text-decoration: none;

    color: #39B634;

    vertical-align: middle;

    transition: 0.5s;

}

.collaborate a:hover{

    text-decoration: none;

    letter-spacing: 1px;

    color: #39B634;

}

.collaborate img{

    width: 25px;

    height: 25px;

    margin: 0 0 2px 5px;

    vertical-align: middle;

    transition: 0.5s;

}

.hero .tagline .row .col-md-4:nth-child(3) {

    display: flex;

    justify-content: flex-end;

}

.hero .tagline .row .col-md-4:nth-child(3) .box1{

    background-color: white;

    box-shadow: 0px 15px 50px rgba(9, 32, 114, 0.1);

}

.hero .square{

    width: 100px;

    height: 100px;

    background: #061549;

    box-shadow: 0px 15px 50px rgba(9, 32, 114, 0.1);

    border-radius: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

    transform: translate(130%, -50%);

    padding: 25px;

}

.hero .bg3{

    transform: translateY(-30%);

}

.hero .row .col-md-4:nth-child(3) .box1 h3{

    transform: translateY(-10px);

}

.hero p{

    color: #FCBA10;

    text-align: center;

    font-size: 14px;

    transform: translateY(-10px);

    margin-bottom: 0;

}

.partner-section{

    position: relative;

}

.partner-section::after{

    content: "";

    background-image: url("../images/BG1.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    height: 700px;

    position: absolute;

    top: 40%;

    z-index: -1;

}

.partner-section  .container{

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}

.partner-section  .container .box{

    width: 80%;

    background: #FFFFFF;

    box-shadow: 0px 50px 50px rgba(9, 32, 114, 0.1);

    border-radius: 25px;

    padding: 0 20px 20px 20px;

}

.partner-section  .box{

    text-align: center;

    margin: 4rem 0;

    justify-content: center;

    align-items: center;

    position: relative;

}

.subtitle{

    font-weight: normal;

    line-height: 22px;    

    color: #39B634;

    letter-spacing: 1px;

    margin-bottom: 0;

    text-transform: uppercase;

}

.title{

    font-weight: bold;

    line-height: 60px;

    color: #092072;

}

.partner-section .box .col-md-6 img{

    margin: 2rem 0;

    /* animation: img-animation 2s linear infinite  ;

    animation-duration: 5s; */

}

/* @keyframes img-animation{

    from {

        transform: rotate(0deg);

      }

      to {

        transform: rotate(360deg);

      }

} */

.partner-section .box .col-md-6 h4{

    color: #092072;

    font-weight: 700;

}

.partner-section .box .col-md-6 p{

    color: #092072;

    font-size: 15px;

    font-family: LightFont;

    line-height: 25px;

}

.partner-section .box a{

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    background: #39B634;

    padding: 10px 13px;

    border-radius: 100px;

    color: white;

    font-family: LightFont;

    letter-spacing: 0.8px;

    font-weight: 600;

    box-shadow: 0px 10px 25px rgba(57, 182, 52, 0.5);

    position: absolute;

    bottom: -4%;

    left: 40%;

    transition: all 0.5s;

    scroll-behavior: smooth !important;

}

.partner-section .box a h6{

    padding-top: 7px;

    padding-left: 15px;

}

.partner-section .box a:hover i{

    animation: icon 2s infinite linear;

}

.services{

    margin: 7rem 0;

    position: relative;

}

.services .row{

    margin-top: 4rem;

}

.services .row .col-md-4{

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    background: #FFFFFF;

    transition: all 1s !important;

    border-bottom: 1px solid #C2DAFF;

    border-right: 1px solid #C2DAFF;

}

.services .row .col-md-4:nth-child(3),

.services .row .col-md-4:nth-child(6){

    border-right-color: #FFFFFF

}

.services .row .col-md-4:nth-child(4),

.services .row .col-md-4:nth-child(5),

.services .row .col-md-4:nth-child(6){

    border-bottom-color: #FFFFFF

}

.services .row .col-md-4:hover{

    box-shadow: 0px 25px 50px rgba(9, 32, 114, 0.1);

    z-index: 9;

    border-color: #FFFFFF;

    transform: scale(1.01);

    cursor: pointer;

}

.services .row .col-md-4 img{

    margin: 2rem 0;

}

.services .row .col-md-4 h5{

    color: #092072;

    font-weight: 600;

    letter-spacing: 1px;

    margin-bottom: 20px;

}

.services .row .col-md-4 li{

    list-style-type: none;

    font-family: LightFont;

    color: #3A4778;

    line-height: 30px;

    font-weight: 500;

}



@keyframes icon{

    0%{

        transform: translateY(-8px);

        opacity: 0;

    }

    50%{

        transform: translateY(5px);

        opacity: 1;

    }

    100%{

        transform: translateY(10px);

        opacity: 0;

    }

}

.partner-section .box i{

    background: rgba(255, 255, 255, 0.25);

    padding: 10px;

    border-radius: 50%;

    margin-left: 20px;

}

.card-section{

    margin: 8rem 0;

}

.card-section .img{

    background: #FAFCFF;

    border-radius: 25px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    padding: 40px 30px;

}

.card-section .details{

    display: flex;

    flex-direction: column;

    justify-content: center;

    text-align: left;

}

.card-section .details p{

    margin-bottom: 0;

}

.card-section .details .text{

    font-family: LightFont;

    font-weight: 325;

    font-size: 16px;

    line-height: 30px;

    color: #3A4778;

}

.case{

    margin: 3rem 0;

    position: relative;

}

.case .col-md-6{

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.case .card{

    width: 80%;

    background: #FFFFFF;

    box-shadow: 0px 0px 50px rgba(9, 32, 114, 0.1);

    border-radius: 25px;

    border: none;

    padding: 30px;

    margin-top: 3rem;

    transition: 1s !important;

}

.case .card:hover{

    box-shadow: 0px 25px 50px rgba(9, 32, 114, 0.25);

}

.case .card  p{

    color: #39B634;

    font-size: 15px;

    margin-bottom: 10px;

}

.case .card-body{height: 110px;}

.case .card h5{

    color: #092072;

}

.case::before{

    content: "";

    background-image: url("../images/BG1.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

    height: 700px;

    position: absolute;

    z-index: -1;

}

.btn-div{

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 3rem;

}

.button-green{

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    background: #39B634;

    cursor: pointer;

    outline: none !important;

    border: none;

    color: white;

    padding: 10px 13px 10px 18px;

    border-radius: 100px;

    color: white;

    font-family: LightFont;

    letter-spacing: 0.8px;

    font-weight: 600;

    box-shadow: 0px 25px 30px rgb(57 182 52 / 50%);

    transition: all 0.5s;

    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}

.button-green h6 {

    padding-top: 7px;

    padding-left: 13px;

    font-size: 20px;

}

.button-green i {

    background: rgba(255, 255, 255, 0.25);

    padding: 13px;

    border-radius: 50%;

    margin-left: 20px;

}

.button-green:hover {

    color: white;

    transform: translateY(-5px);

}



.video-slider{

    margin: 7rem 0;

}

.swiper-container .swiper-wrapper .swiper-slide .card-image {

    background: #FFFFFF;

    border-radius: 25px;

    margin: 8rem 0;

    padding: 30px;

}

.swiper-container .swiper-wrapper .swiper-slide .card-image .box h4{

    color: #092072;

    text-align: center;

    padding-top: 20px;

    font-weight: 600;

}

.swiper-container .swiper-wrapper .swiper-slide .card-image .box p{

    color: #092072;

    text-align: center;

    font-family: LightFont;

    font-weight: 600;

    margin-bottom: 0;

}

.swiper-container .swiper-wrapper .swiper-slide .card-image video {

    display: block;

    width: 100%;

    height: 400PX;

    object-fit: cover;

    background: #252a32;

    border-radius: 15px;

    outline: none;

}

.swiper-container .swiper-button-next .arrow-icon, .swiper-container .swiper-button-prev .arrow-icon {

    font-size: 2rem;

    color: #39B634;

}

.swiper-container .swiper-button-next, .main .container .swiper-container .swiper-button-prev {

    background-image: none;

    background-size: 0;

    background-repeat: no-repeat;

    background-position: 0;

    margin-top: -1rem;

    outline: none;

}

.swiper-slide-active .card-image{

    transform: scale(1.1,1.1) !important;    

    box-shadow: 0px -25px 50px rgba(9, 32, 114, 0.1);

}

.swiper-container .swiper-slide{

    padding: 0px 40px;

}

.swiper-button-next, .swiper-button-prev{

    top: unset !important;

    bottom: 30px !important;

    width: 50px !important;

    height: 50px !important;

    border-radius: 50% !important;

    background: #39B634 !important;

    box-shadow: 0px 10px 25px rgba(57, 182, 52, 0.5);

}

.swiper-button-next::after, .swiper-button-prev::after{

    background: rgba(255, 255, 255, 0.25);

    padding: 10px 15px;

    border-radius: 50%;

    font-size: 13px !important;

    color: white;

}

.swiper-button-next{

    right: 40% !important;

}

.swiper-button-prev{

    left: 40% !important;

}

.ceo .image-box{

    width: 100%;

    height: auto;

    background: #FFFFFF;

    box-shadow: 0px 0px 50px rgba(9, 32, 114, 0.1);

    border-radius: 25px;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 20px 0;

}

.ceo .image-box img{

    height: 300px;

}

.ceo .msg i{

    color: #39B634;

    font-size: 30px;

    margin-top: 2rem;

}

.ceo .msg p{

    color: #092072;

    margin-top: 27px;

    font-size: 20px;

    line-height: 34px;

    font-weight: 500;

}

.ceo .msg h6{

    color: #39B634;

    font-size: 25px;

}

.ceo .msg span{

    color: #092072;

    font-family: LightFont;

    font-weight: 600;

}

.mail .box{

    background: #F5F9FF;

    border-radius: 25px;

    margin: 7rem 0;

    padding: 30px;

}

.mail .box .title {

    font-size: 30px;

    line-height: 50px;

}

.mail .form-group{

    display: flex;

    justify-content: space-between;

}

.mail .form-group input, .mail .form-group textarea{

    width: 48% !important;

    background: #FFFFFF;

    border: 1px solid transparent;

    box-sizing: border-box;

    box-shadow: 0px 0px 25px rgba(9, 32, 114, 0.1);

    border-radius: 15px;

    padding: 25px;

    margin-top: 45px;

}

.mail .form-group textarea{

    width: 100% !important;

    margin-top: 25px;

}

.mail .form-group input::placeholder, .mail .form-group textarea::placeholder{

    color: #93A0CD;

}

footer{

    width: 100%;

    height: auto;

    background-image: url("../images/footer-bg.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    padding-bottom: 4rem;

    color: #092072;

}

footer .footer-logo img{height: 100px;}

footer h6{

    color: #092072;

    font-size: 23px;

    font-weight: 500;

}

footer li{

    list-style-type: none;

    font-size: 15px;

    line-height: 40px;

    color: #092072;

    font-family: LightFont;

    font-weight: 600;

    transition: 0.5s;

}

footer li:hover{

    color: #39B634;

}

footer .col:nth-child(2) h6{transition: 0.5s;}

footer .col:nth-child(2) h6:hover{color: #39B634;}

footer img{

    margin-bottom: 1rem;

}

footer p{

    font-size: 16px;

    line-height: 23px;

    font-family: LightFont;

    color: #092072;

    font-weight: 600;

}

footer .num{

    color: #092072;

    font-weight: MediumFont;

    font-weight: 500;

}

footer .details a {

    color: #092072;

    font-family: LightFont; 

    font-weight: 600;

    transition: 0.5s;

}

footer .details i{

    font-size: 20px;

    margin-right: 20px;

    line-height: 40px;

    transition: 0.5s;

}

footer .details a:hover{

    color: #39B634;

}

footer .details a:hover i{

    color: #39B634;

}

footer .details .fa-map-marker-alt{

    float: left;

    width: 40px;

    height: 50px;

    margin-right: 0;

}

.social i{

    font-size: 30px;

    margin: 10px 15px 0 0 ;

    color: #092072;

    transition: 0.5s;

}

.social i:hover{

    color: #39B634;

}

.nav-item.social{

    border-left: 1px solid #092072;

    padding-left: 15px;

}

.copyrights{

    background: #EDF3FB;

    padding: 15px 0;

}

.copyrights .row{

    justify-content: space-between;

}

.copyrights h6{

    color: #092072;

    margin-top: 5px;

    font-weight: 500;

}

.copyrights .social-link img{

    margin-left: 30px;

    transition: 0.5s;

}

.copyrights .social-link img:hover{

    transform: scale(1.1,1.1);

}



/* Service-page ===========================================================================*/

.Service-page{

    width: 100%;

    height: auto;

    margin-bottom: 3rem;

    background-image: url("../images/servicebg.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    overflow-x: hidden;

}

.Service-page .col-md-7{

    width: 100%;

    height: 80vh;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-end;

}

.Service-page .hero-title{

    width: 60%;

}

.Service-page .svg{

    width: 100%;

    height: 80vh;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.Service-page .svg img{

    width: 130%;

    overflow-x: hidden;

}

.Service-page h1{

    color: #092072;

    font-weight: 700;

    margin-bottom: 30px;

    letter-spacing: 0.8px;

}

.Service-page h1 span{

    color: #FCBA10;

}

.Service-page p{

    color: #092072 !important;

    font-family: LightFont;

    font-weight: 800;

    line-height: 35px;

}

.explore .box{

    margin-top: 3rem;

    width: 100%;

}

.explore .box .img{

    height: 400px;

}

.explore .box .details{

    width: 100%;

    height: 350px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

}

.explore .box h4{

    color: #061549;

    font-weight: 600;

    letter-spacing: 0.8px;

    font: normal normal bold 24px/40px MediumFont;

}

.explore .box p{

    color: #061549;

    line-height: 30px;

    font-family: LightFont;

    font-weight: bold;

}

.explore-btn{

    background: transparent linear-gradient(1deg, #39b63438  0%, #39b63400 100%) 0% 0% no-repeat padding-box;

    box-shadow: 0px 8px 12px #a6dea4;

    border-radius: 44px;

    padding: 6px 9px 5px 23px;

    font-size: 20px;

    font-weight: 500;

    color: #39B634;

    transition: all 0.5s;

    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

}

.explore-btn:hover{

    color: #39B634;

}

.explore-btn i{

    border-radius: 50%;

    background: #51D94B;

    padding: 16px;

    font-size: 18px;

    color: white;

    transition: all 0.5s;

}

.explore-btn:hover i{

    background: #39B634;

}

.explore{

    position: relative;

}

.explore::after{

    content: "";

    position: absolute;

    width: 100%;

    height: 400px;

    background: linear-gradient(180deg, #FFFFFF 0%, #6994E8 33%, #6B98EC 62%, #FFFFFF 100%);

    opacity: 0.08;

    filter: blur(30px);

    z-index: -1;

    bottom: 650px;

}

.startup.explore::before{

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: linear-gradient(180deg, #FFFFFF 0%, #6994E8 33%, #6B98EC 62%, #FFFFFF 100%);

    opacity: 0.09;

    z-index: -1;

}

.startup.explore::after{

    content: "";

    position: absolute;

    width: 0%;

    height: 0;

    bottom: unset;

}

.startup img{

    height: 450px;

}

.achievements{

    margin: 10rem 0;

    padding: 120px 0;

    position: relative;

}

.achievements::before{

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    filter: blur(20px);

    background-image: url("../images/servicebg1.png");

    background-size: cover;

    background-position:center;

    background-repeat: no-repeat;

}

.achievements .container{

    position: relative;

    border: 1px solid white;

    border-left: none;

    border-right: none;

    padding: 30px 0;

}

.achievements .container::before{

    content: "";

    background-image: url("../images/acheivements.png");

    background-size: cover;

    background-position:center;

    background-repeat: no-repeat;

    width: 100px;

    height: 100px;

    position: absolute;

    top: -60px;

    left: 45%;

}

.achievements .col-md-4{

    display: flex;

    margin-top: 3rem;

}

.achievements .num{

    font-size: 70px;

    font-weight: bold;

    color: #51D94B;

}

.achievements .tag{

    padding-top: 20px;

    padding-left: 10px;

    color: #061549;

}

.achievements .tag h3{

    font-size: 25px;

    padding-bottom: 10px;

    font-weight: 600;

    text-transform: uppercase;

}

.custom{

    height: 80vh;

    display: flex;

    justify-content: center;

    align-items: center;

}

.custom h3{

    color: #092072;

    font-weight: 600;

    letter-spacing: 0.5px;

    margin-bottom: 40px;

}

.custom h1{

    color: #F9CD5B;

    font-weight: 700;

    line-height: 55px;

}

.custom .svg{

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}

.custom-services .subtitle{font-weight: normal;}

.custom-services .box .col{

    width: 100%;

    height: auto;

    margin: 5px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    padding: 30px 0;

    border-radius: 10px;

    background: transparent linear-gradient(158deg, #7063ee00 0%, #4f75df26 100%, #7063ee00 ) 0% 0% no-repeat padding-box;

    transition: all 0.5s;

}

.custom-services .box .col:hover{

    box-shadow: 0px 13px 30px #09207226;

    cursor: pointer;

    background: transparent linear-gradient( 158deg , #7063ee00 0%, #4f75df4f 100%, #7063EE) 0% 0% no-repeat padding-box;;

}

.custom-services .box .col img{

    width: 90px;

    height: 90px;

    padding: 10px;

    margin-bottom: 20px;

}

.custom-services .box .col h5, .custom-services .box .col h6{

    color: #061549;

    font-weight: 500;

    padding: 0 10px;

}

.custom-services .box{

    margin-top: 3rem;

}

.Qualities{

    margin: 8rem 0;

}

.Qualities .box{

    height: 350px;

    background: white;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

    margin-top: 20px;

    padding: 20px;

    transition: 0.5s;

    box-shadow: 0px 40px 60px #E2E8FB;

    border-radius: 10px;

}

.Qualities .title{

    margin-bottom: 30px;

}

.Qualities .box h5{

    height: 50px;

    color: #061549;

    font-weight: 600;

    letter-spacing: 0.8px;

}

.Qualities .box  p{

    color: #061549;

    line-height: 28px;

    padding: 20px 0 0 0 ;

    font-family: LightFont;

    font-weight: bold;

}

/* software-product development page  */

.software-product .col{

    height: 280px !important;

    justify-content: unset !important;

}

.software-product .col img{

    margin-bottom:  50px !important;

}

.software-dev .col-md-7{

    align-items: baseline !important;

}

.benefits{

    margin: 5rem 0;

    background: rgba(181, 203, 245, 0.11) 0% 0% no-repeat padding-box;

    padding: 50px 0;

}

.software-dev h2 {

    color: #F9CD5B;

    font-weight: 700;

    line-height: 55px;

    font-size: 2.5rem;

}

.software-dev h4 {

    color: #092072;

    font-weight: 600;

    letter-spacing: 0.5px;

    margin-bottom: 20px;

}

.benefits .box {

    height: 400px;

    padding: 30px;

    background: #B5CCF533;

    background: -webkit-radial-gradient(center, #B5CCF533, #FFFFFF);

    background: -moz-radial-gradient(center, #B5CCF533, #FFFFFF);

    background: radial-gradient(ellipse at center, #B5CCF533, #FFFFFF);

    box-shadow: 0px 46px 65px #e2e8fb;

}

.benefits .box h5{

    width: 100%;

    position: relative;

    text-transform: uppercase;

}

.benefits .box h5::after{

    content: "";

    width: 130px;

    height: 2px;

    background: #6994E8;

    position: absolute;

    bottom: 15px;

    left: 35%;

}

.b-models .box{

    height: 450px !important;

    justify-content: flex-start;

    padding-top: 40px;

}

.b-models .box p{font-weight: normal;}

.steps {

    margin: 5rem 0;

}

.steps .box{

    margin-top: 3rem;

    background: transparent linear-gradient(0deg, #3443AA 0%, #B3FBFB 129%) 0% 0% no-repeat padding-box;

    border-radius: 10px;

    padding: 30px 20px;

    text-align: center;

    color: white;

}

.steps .box img{

    margin-bottom: 20px;

    height: 60px;

}

.steps .box p{

    font-family: LightFont;

    margin-top: 15px;

    font-size: 0.9rem;

}

.steps .box h6{

    text-transform: uppercase;

    font-size: 1rem

}

/* software re-engineering srvice page  */

.re-services .col{

    padding: 30px 10px !important;

    height: 250px !important;

}

.re-engine .box{

    padding: 20px;

}

.re-engine .box h5::after{

    content: "";

    width: 0;

}

.facts p{

    text-align: left;

}

.facts ul li{

    list-style-position: inside;

    list-style-type: decimal;

    text-align: left;

    line-height: 30px;

    color: #061549;

    font-family: LightFont;

}

.re-software{

    margin: 4rem 0;

    background: rgba(181, 203, 245, 0.11) 0% 0% no-repeat padding-box;

    padding: 50px 0;

}

.re-software .row{

    margin-top: 3rem;

}

.re-software .box.bg{

    background: #2b388fda 0% 0% no-repeat padding-box;

    color: white;

}

.re-software .box{

    height: 500px;

    padding: 40px;

    border-radius: 10px;

    color: #061549;

    background: white;

}

.re-software .box h4{

    text-transform: uppercase;

    text-align: center;

    height: 60px;

    position: relative;

    font-size: 1.2rem;

}

.re-software .box h4::after{

    content: "";

    width: 130px;

    height: 2px;

    background: #6994E8;

    position: absolute;

    bottom: 15px;

    left: 35%;

}

.re-software .box h4 img{

    transform: translateY(-3px);

    margin-right: 5px;

}

.re-software .box p{

    font-family: LightFont;

    line-height: 33px;

    font-weight: 600;

}

.re-software .box.bg p{

    font-weight: normal;

}

.re-software ul{

    margin-top: 30px;

}

.re-software .box li{

    list-style-type: none;

    list-style-position: inside;

    padding-left: 37px;

    line-height: 30px;

    font-family: LightFont;

    text-transform: capitalize;

    position: relative;

    font-weight: 600;

}

.re-software .box.bg li{font-weight: normal;}

.re-software .box li::before{

    content: "";

    width: 13px;

    height: 13px;

    border-radius: 50%;

    background: #092072;

    position: absolute;

    top: 8px;

    left: 13px;

}

.re-software .box.bg li::before{

    background: white;

}

/* web application development  */

.web-dev .box h5::after{

    bottom: 0px;

    left: 25%;

}

/* consulting and prototyping page */

.consulting .box{

    height: 300px;

}

.prototype .box{

    height: 375px !important;

}

/* contact us page  */

.contact{

    width: 100%;

    height: 100vh;

    background-image: url("../images/contactus-bg.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.contact .touch{

    width: 80vh;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.contact .container-fluid .svg img{

    height: 545px;

}

.contact .container-fluid h1{

    color: #092072;

    font-weight: 700;

    margin-bottom: 1rem;

}

.contact .touch li {

    position: relative;

    font-family: LightFont;

    font-weight: bold;

    color: #092072;

    line-height: 70px;

    list-style-type: none;

    list-style-position: outside;

}

.contact .touch li::before{

    content: "";

    width: 30px ;

    height: 30px;

    background-image: url("../images/Icon\ feather-check-circle.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    position: absolute;

    left: -5%;

    top: 20px;

}

.contact .touch ul{

    position: relative;

}

.contact .touch ul::before{

    content: "contact us";

    position: absolute;

    top: -90px;

    left: -15%;

    font-size: 120px;

    letter-spacing: 0.8px;

    font-weight: bolder;

    color: rgba(9, 32, 114, 0.02);

}

.contactus-page .box{

    margin: 4rem 0;

}

.company{

    margin-top: 7rem;

}

.company img{

    transform: translateY(-10%);

}

.company .box{

    width: 100%;

    height: auto;

    background-image: url("../images/company-bg.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.company .box .row{

    transform: translateY(-30px);

    color: white;

}

.company h4{

    color: white;

    letter-spacing: 0.9px;

}

.company a{

    color: white;

    font-family: LightFont;

    line-height: 28px;

    transition: 0.5s;

}

.company i{

    font-size: 25px;

    margin-right: 10px;

    line-height: 40px;

    color: white;

    transition: 0.5s;

}

.company a:hover{

    color: #092072;

}

.company a:hover i{

    color: #092072;

}

.company .address i{

    float: left;

    margin-right: 15px;

}

.company .address p{

    font-family: LightFont;

    font-weight: normal;    

    font-size: 15px;

    margin-top: 15px;

}

/* aboutus-page */

.aboutus-page{

    width: 100%;

    height: 100vh;

    background-image: url("../images/contactus-bg.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.aboutus-page .details{

    height: 50vh;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.aboutus-page .img{

    height: 70vh;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.aboutus-page .img h1{

    color: #F9CD5B;

    font-weight: bold;

    letter-spacing: 0.8px;

    transform: translate(10px,70px);

}

.aboutus-page .details h2{

    color: #092072;

    font-weight: 700;

    letter-spacing: 0.8px;

    margin-bottom: 50px;

}

.aboutus-page .details p{

    color: #061549;

    font-weight: bold;

    line-height: 30px;

    font-family: LightFont;

    position: relative;

}

.aboutus-page .details p::before{

    content: "about us";

    position: absolute;

    top: 21px;

    left: -9%;

    font-size: 90px;

    font-family: MediumFont;

    letter-spacing: 0.8px;

    font-weight: bolder;

    color: rgba(9, 32, 114, 0.04);

}

.team .staff-img{

    position: relative;

    z-index: -1;

}

.team .overlay{

    position: absolute;

    z-index: 9;

    top: 0;

    left: 0;

}

.who-we-are{

    margin: 4rem 0;

}

.who-we-are .details{

    width: 100%;

    height: 400px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.who-we-are .details h2{

    color: #092072;

    font-weight: bold;

    position: relative;

}

.who-we-are .details h2::before{

    content: "about us";

    font-size: 140px;

    font-weight: bolder;

    position: absolute;

    color:  rgba(9, 32, 114, 0.04);

    left: -15%;

    top: -105%;    

}

.who-we-are .details p{

    color: #061549;

    font-family: LightFont;

    font-weight: bold;

    margin-top: 20px;

    line-height: 27px;

}

.who-we-are .img{

    width: 100%;

    height: 500px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.who-we-are .img-section{

    position: relative;

}

.who-we-are .about-img{

    width: 450px;

    height: 400px;

    position: relative;

    transition: 0.5s;

}

.who-we-are .about-img1{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 9;

    transform: translate(-10% , -10%);

    z-index: -1;

    transition: 0.5s;

}

.who-we-are.two .about-img1{

    transform: translate(10% , -10%);

}

.who-we-are .about-img:hover{

    transform: translate(-10% , -10%);

    cursor: pointer;

    box-shadow: 10px 13px 16px #C2DAFF;

}

.who-we-are.two .about-img:hover{

    transform: translate(10% , -10%) !important;

    cursor: pointer;

    box-shadow: 10px 13px 16px #C2DAFF;

} 

.who-we-are .details .explore-btn{

    width: fit-content;

}

.iot .col{

    justify-content: unset !important;

}

.iot-box .box{

    justify-content: unset !important;

    padding-top: 50px;

    background: white !important;

}

.iot-box .box h5{

    height: 50px;

    font-size: 1.12rem;

}

.iot-steps .box{

    height: 200px;

}

.iot-steps .text{

    font-family: LightFont;

    font-weight: bolder;

    text-align: center;

    margin-top: 30px;

    line-height: 28px;

}

.arvr .box{

    height: 420px;

}

.arvr ul {

    margin-top: 0px;

}

.arvr-steps p{

    line-height: 28px;

    padding: 0 15px;

    font-size: 13px !important;

}

.arvr-steps .box{

    height: 250px;

}

.arvr-services .box {height: 300px !important;}

.reviews{

    margin: 6rem 0 0 0;

}

.reviews .box{

    /* background: #FAFCFF; */

    width: 100%;

    height: auto;

    padding: 20px;

    border-radius: 15px;

    margin-top: 30px;

}

.reviews .box h5{

    color: #092072;

    position: relative;

    margin-bottom: 30px;

}

.reviews .box h5::after{

    content: "";

    width: 100px;

    height: 2px;

    background: #6994E8;

    position: absolute;

    bottom: -5px;

    left: 0;

}

.reviews .box p{

    font-family: LightFont;

    font-weight: bolder;

    color: #092072;

}

.reviews .box .col-md-10{

    padding-left: 30px;

}

.reviews .box .icon{

    width: 100%;

    height: auto;

    /* display: flex;

    justify-content: center;

    align-items: center; */

}

.reviews .box .icon i{

    font-size: 50px;

    color: #C2DAFF;

}

.eapps-link{

    position: relative !important;

}

.eapps-link::before{

    content: "" !important;

    width: 133% !important;

    height: 140% !important;

    background-color: white;

    top: -36% !important;

    left: 0 !important;

    position: absolute !important;

    z-index: 9;

}

/* case-studies-page */

.case-studies-page .title{

    color: #39B634 !important;

}

.case-studies-page .custom{

    height: auto;

}

.case-studies-page .box{

    width: 100%;

    height: auto;

    background-image: url("../images/case-studies-bg.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    display: flex;

    justify-content: space-around;

    padding: 50px 0;

    border-radius: 10px;

}

.case-studies-page .box .div{

    text-align: center;

}

.case-studies-page .box .div img{

    margin-bottom: 30px;

}

.Industries .row{

    margin: 5rem 0;

}

.Industries .row .box{

    width: 100%;

    height: 200px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.case-title{

    margin-top: 10rem;

}

.studies{

    width: 100%;

    height: auto;

    background-image: url("../images/case-studies-bg2.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.studies .buttons{

    display: flex;

    margin-top: 30px;

    margin-bottom: 30px;

}

.studies .buttons h6{

    margin-right: 30px;

    color: #061549;

    font-family: LightFont;

    font-weight: bolder;

    text-transform: capitalize;

    cursor: pointer;

    border-bottom: 2px solid #061549;

    transition: 0.5s;

}

.studies .buttons h6.active,

.studies .buttons h6:hover{

    color: #39B634;

    border-bottom: 2px solid #39B634;

}

.studies .col-md-6{

    align-items: unset;

    justify-content:unset;

}

.studies .card{

    width: 100%;

    border-radius: 15px;

    margin: 10px 0;

}

.studies .card img{

    width: 100%;

    height: 420px;

}

.case-studies-slider .card{

    padding: 0 0px 10px 0px;

    box-shadow: 0px 3px 6px rgba(82, 114, 229, 0.23);

}

.case-studies-slider .card:hover{

    box-shadow: none;

}

.case-studies-slider .card img{

    height: 200px;

    padding: 20px;

}

.case-studies-slider .card h5{

    font-size: 12px

}

.case-studies-slider .card-body{

    height: 75px;

    padding: 0 20px;

}

.case-studies-slider .owl-nav{

    width: 100%;

    display: flex !important;

    justify-content: center;

    /* visibility: hidden; */

}

.blockchain .case-studies-slider .owl-nav{
    visibility: hidden;
}

.case-studies-slider .owl-prev, .case-studies-slider .owl-next{

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background:#39B634 !important;

    display: flex;

    justify-content: center;

    align-items:center;

    outline: none;

    transition: 0.5s;

    box-shadow: 0px 15px 30px rgb(57 182 52 / 50%);

    margin: 20px 20px;

}

.case-studies-slider .owl-prev:hover, .case-studies-slider .owl-next:hover{

    transform: translateY(-5px);

}

.case-studies-slider span, .case-studies-slider span{

    background: #FFFFFF40 !important;

    border-radius: 50%;

    width: 30px;

    height: 30px;

    display: flex;

    justify-content: center;

    align-items:center;

    color: white;

    font-size: 20px;

} 

.Industries .owl-carousel .owl-item img{width: unset !important;}

.detail-page{

    width: 100%;

    background-image: url("../images/bg-detail-page.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.detail-page img{

    width: 100%;

    margin-bottom: 30px;

}

.detail-page h3{

    line-height: 40px;

}

.detail-page h1{

    font-size: 4rem;

    margin-bottom: 20px;

    color: transparent;

    -webkit-text-stroke: 0.1px #F9CD5B;

}

.study-details{

    padding: 6rem 0;

    background-image: url("../images/bg2-detail-page.png");

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.study-details h4{

    color: #39B634;

    font-size: 20px;

}

.study-details img{

    vertical-align: middle;

}

.study-details p{

    padding-left: 40px;

    font-family: LightFont;

    font-weight: bolder;

}

.study-details a{

    color: #061549;

    transition: 0.5s;

}

.about-project h5{

    color: #061549;

    text-transform: capitalize;

    margin-top: 3rem;

    font-weight: 600;

}

.about-project p , .about-project li{

    color: #061549;

    font-family: LightFont;

    font-weight: normal;

    font-size: 15px;

    line-height: 26px;

    list-style-position: inside;

}

.about-project li{

    padding-left:50px;

    list-style-type: none;

    position: relative;

}

.about-project li::before{

    content: "";

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background: transparent linear-gradient(211deg, #FFFFFF 0%, #5272E5 100%) 0% 0% no-repeat padding-box;

    left: 2%;

    top: 7px;

    position: absolute;

}

.about-project p{

    margin: 1rem 0;

}

.about-project h3{

    color: #061549;

    border-bottom: 1px solid #39B634;

    padding-bottom: 20px;

    margin-bottom: 60px;

}

.about-project img{

    margin: 10px 0;

    transition: 0.5s;

}

.about-project img:hover{

    cursor: pointer;

}

.related .card{

    width: 100%;

    height: 450px;

    padding: 25px;

    margin-top: 2rem;

}

.related p:nth-child(1){

    margin-bottom: 0;

}

.related .card-body{

    height: auto;

    padding: 1rem 0.25rem;

}

.related .review{

    color: #061549 !important;

    margin-top: 20px;

}

.related img{

    height: 200px;

}

.modal{z-index: 99999 !important;}

.linkedin{

    margin: 0rem 0 8rem 0;

}

.linkedin .title{

    margin-bottom: 30px;

}

.linkedin .item{

    width: 100%;

    position: relative;

    transition: 0.5s;

    cursor: pointer;

}

.linkedin .item .box img{

    position: relative;

}

.overlay{

    position: absolute;

    width: 100%;

    height: 0%;

    top: 0;

    background: rgba(198, 215, 238, 0.8);

    z-index: 9;

    transition: 0.5s;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}

.overlay h4{

    color: #092072;

    font-weight: 600;

    letter-spacing: 0.8px;

}

.overlay .links{

    justify-content: space-around; 

    width: 25%;

}

.overlay .links div{

    width: 30px;

    height: 30px;

    background: #092072;

    padding: 7px;

    transform: rotate(45deg) !important;

    display: flex;

    justify-content: center;

    align-items: center;

    opacity: 0;

    transition: 0.5s;

}

.overlay .links i{

    transform: rotate(317deg) !important;

    color: white;

    font-weight: 100;

}

.linkedin .item:hover .overlay{

    height: 100%;

    z-index: 9;

}

.linkedin .item:hover .overlay .links div{

    opacity: 1;

}

.linkedin .item iframe{

    width: 100%;

    height: 100%;

}

.linkedin .owl-nav{

    width: 100%;

    display: flex;

    justify-content: space-between;

    position: absolute;

    top: 50%;

}

.linkedin .owl-prev, .linkedin .owl-next{

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background: #092072 !important;

    color: white !important;

    box-shadow: 0px 15px 30px rgba(9, 32, 114, 0.5);

    outline: none;

    margin: 0 10px;

}

.linkedin .owl-prev span, .linkedin .owl-next span{

    background: #FFFFFF40 !important;

    border-radius: 50%;

    width: 35px;

    height: 35px;

    display: flex;

    justify-content: center;

    align-items: center;

    color: white;

    font-size: 25px;

}

.linkedin .owl-prev{

    left: -65px !important;

    position: absolute;

}

.linkedin .owl-next{

    right: -65px !important;

    position: absolute;

}

/* portfolio page  */

.tab{

    width: 80%;

    margin-top: 30px;

}

.tab .btn{

    margin-right: 20px;

    border-radius: 44px;

    box-shadow: 0px 3px 6px #00000014;

    border: 1px solid #39B634;

    background: transparent;

    color: #39B634;

    text-transform: uppercase;

    letter-spacing: 0.8px;

    padding: 10px 25px;

    transition: 0.7s all;

    outline: none;

}

.tab .btn:hover{

    background: transparent linear-gradient(180deg, #39B634 0%, #39B634 100%) 0% 0% no-repeat padding-box;

    box-shadow: 0px 3px 6px #00000014;

    color: white;

}

.tab .btn.active{

    background: transparent linear-gradient(180deg, #39B634 0%, #39B634 100%) 0% 0% no-repeat padding-box;

    box-shadow: 0px 3px 6px #00000014;

    color: white;

}

.portfolio {

    width: 100%;

    height: auto;

    background-image: url("../images/case-studies-bg2.png");

    background-position: center;

    background-size: cover;

    background-repeat: no-repeat;

}

.portfolio .container-fluid , .portfolio-case-studies .container-fluid{

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    padding: 30px 0;

}

.portfolio-case-studies .row{

    width: 90%;

}

.portfolio-case-studies .card{height: 500px;}

.portfolio .box{

    width: 95%;

    border-radius: 11px;

    padding: 20px 30px;

    margin: 3rem auto;

    right: 0 ;

}

.portfolio .filter-select{
    border-radius: 100px;
    width: 200px;
    outline: none;
    padding: 10px;
    cursor: pointer;
}

.portfolio .pink_blue{

    background: transparent linear-gradient(107deg, #838FFE 0%, #F97FAD 100%) 0% 0% no-repeat padding-box;

}

.portfolio .green_blue{

    background: transparent linear-gradient(105deg, #00ACAC 0%, #6083D4 100%) 0% 0% no-repeat padding-box;

}

.portfolio .pink_orange{

    background: transparent linear-gradient(256deg, #D14B78 0%, #CB7F68 100%) 0% 0% no-repeat padding-box;

}

.portfolio .lightblue_pink{

    background: transparent linear-gradient(256deg, #F68FB2 0%, #5BC4DF 100%) 0% 0% no-repeat padding-box;

}

.portfolio .lightpink_purple{

    background: transparent linear-gradient(77deg, #E2C0E8 0%, #636FA4 100%) 0% 0% no-repeat padding-box;

}

.portfolio .blue_green{

    background: transparent linear-gradient(105deg, #838FFE 0%, #52E5B8 100%) 0% 0% no-repeat padding-box;

}

.portfolio .row:nth-child(1){

    border: 1px solid #FFFFFF;

    border-radius: 11px;

}

.portfolio .details {

    padding: 30px;

}

.portfolio .details h1{

    color: white;

    letter-spacing: 0.8px;

}

.portfolio .details p{

    color: white;

    font-family: LightFont;

    font-weight: lighter;

    line-height: 25px;

}

.portfolio .details .btn{

    background: white;

    border-radius: 100px;

    padding: 10px 30px;

    letter-spacing: 0.8px;

    color: #061549;

    transition: 0.8s;

    margin-top: 20px;

    outline: none;

}

.portfolio .details .btn:hover{

    box-shadow: 0px 25px 50px rgb(9 32 114 / 25%);

}

.portfolio .tech{margin-top: 50px;}

.portfolio .tech .col-md-7{margin-top: 20px;}

.portfolio .tech img{

    width: 25px;

    margin-right: 8px;

}

.portfolio .tech h6{

    color: white; 

}

.portfolio .tech p{

    font-size: 13px;

    margin-left: 35px;

    color: white;

}

.portfolio .img-box{

    width: 100%;

    height: 100%;

    display: flex;

    justify-content: flex-end;

}

.detection{

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    text-align: center;

}

.detection h4{

    color: #FCBA10;

}

.detection h6{

    line-height: 25px;

}

.canvas_main {

    position: absolute;

    left: 0;

    top: 0;

}

.shopify-box .box{

    height: 450px;

    justify-content: unset !important;

}

.shopify-box p{

    font-size: 14px;

}

.shopify-steps .box{

    height: 200px;

}

.shopify-steps .box h6{

    line-height: 25px;

}



.simple-pagination li a,

.simple-pagination li span{

    width: 40px;

    height: 40px;

    border-radius: 50% !important;

    border: none;

    margin: 10px;

    display: flex;

    justify-content: center;

    align-items: center;

    outline: none !important;

    transition: 0.5s;

}

.simple-pagination li .current{

    background: #092072 !important;

    color: white !important;

}

.marketing .box{

    height: 650px;

}

@media screen and (min-width: 320px) and (max-width: 780px){

    .simple-pagination li a, .simple-pagination li span{margin: 4px;}

    .canvasContainer{margin: unset !important;}

    .navbar-toggler{outline: none !important; border: none !important;}

    .navbar-toggler .icon-bar{

        width: 20px !important;

        height: 2px !important;

        background: #092072 !important;

        color: #092072 !important;

        margin: 5px 0;

        transition: 0.8s;

    }

    .navbar-toggler:not(.collapsed) .icon-bar:nth-child(1){ display: none; }

    .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2){

        transform: rotate(45deg) translateY(5px);

    }

    .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3){

        transform: rotate(-45deg) translateY(-5px);

    }

    .a, .b, .c, .d, .e, .f{

        width: 30px;

        height: 30px;

        display: block;

    }

    #somediv ,#somediv1 , #somediv2{display: none;}

    .portfolio-header .navbar-brand {

        width: 30% !important;

    }

    .detection h1{font-size: 2rem;}

    .navbar-brand {

        width: 25% !important;

    }

    .navbar .megamenu .row h6{margin-top: 10px;}

    .navbar .megamenu{padding: 10px 30px;}

    .navbar .megamenu .row {

        margin-top: 1rem;

    }

    .hero{height: auto;}

    .hero .box1{

        width: 100%;

        margin-bottom: 40px;

    }

    .hero .square{ transform: translate(95%, -50%);}

    .partner-section .container .box{width: 100%;}

    .subtitle{

    font-weight: normal;

    line-height:10px;

    color: #39B634;

    letter-spacing: 1px;

    font-size: 0.7rem;

    margin-bottom: 0;

    }

    .title{

        font-size: 1.3rem;

        font-weight: bold;

        line-height: 39px;

        color: #092072;

    }

    h4 {font-size: 1rem !important;   }

    .partner-section .box a{position: unset;}

    .services{margin: 3rem 0;}

    .services .row .col-md-4{border: none;}

    .services .row .col-md-4:hover{transform: none;}

    .card-section .details{order: 2;}

    .case .card{width: 100%;}

    .swiper-container .swiper-slide{padding: 0;}

    .swiper-container .swiper-wrapper .swiper-slide .card-image{margin: 4rem 0;padding: 20px;}

    .swiper-container .swiper-wrapper .swiper-slide .card-image video{height: 200px;}

    .swiper-button-next{right: 10% !important;}

    .swiper-button-prev{left: 10% !important;}

    .swiper-button-next, .swiper-button-prev{bottom: 23px !important;}

    .ceo .image-box{padding: 20px;}

    .ceo .image-box img{height: 260px;}

    .ceo .msg{padding: 0 10px;}

    .ceo .msg p{font-size: unset; line-height: 27px;}

    .mail .box{padding: 25px 16px;}

    .mail .box .title{font-size: 18px; line-height: 29px; margin-top: 10px;}

    .mail .form-group{display: unset;}

    .mail .form-group input{width: 100% !important; margin-top: 24px;}

    .Service-page .hero-title{width: auto;}

    .Service-page{height: auto; overflow-x: visible;}

    .Service-page .col-md-7, .Service-page .svg{height: auto; margin-top: 25px;}

    .explore{margin-top: 5rem;}

    .explore .box{margin-top: 0;}

    .explore .box .img{height: unset;    margin-top: 4rem; }

    .explore .box .details{order: 2;}

    .startup img{margin-bottom: 2rem; height: auto;}

    .startup { margin-top: 3rem; }

    .startup .details img{display: none;}

    .achievements .container::before{left: 37%;}

    .achievements{    margin: 4rem 0;}

    .achievements .num{font-size: 50px;}

    .achievements .col-md-4{display: unset; text-align: center; margin-top: 2rem;}

    .custom h3{margin-bottom: 10px; margin-top: 30px;}

    .custom .svg{margin-top: 0;}

    .custom-services .button-green{padding: 10px 10px 10px 18px;}

    .custom{height: auto;}

    .custom-services .box{margin-bottom: 0 !important;}

    .Qualities .title, .steps .title{line-height: 32px; margin-top: 10px;}

    .benefits .box{padding: 0;}

    .Qualities .box h5::after{

        bottom: 0;

        left: 27%;

    }

    .b-models .box{height: auto !important;}

    .steps .box{margin-top: 1rem;}

    .re-engine .box p{padding: 20px 10px 0 10px;}

    .re-software .box{height: auto; padding: 20px; margin-bottom: 20px;}

    .re-software .box h4::after{width: 0;}

    .re-software .row{margin-top: 0;}

    .contact .container-fluid .svg img{height: auto;}

    .contact .touch li{

        line-height: 50px;

        list-style-position: inside;

        padding-left: 40px;

    }

    .contact .touch li::before{

        left: 0;

        top: 14px;

    }

    .contact .container-fluid h1{font-size: 2rem;}

    .contact .touch{

        padding: 0 20px;

        margin-top: 20px;

    }

    .contact .touch ul::before,.aboutus-page .details p::before{content: "";}

    .company{margin-top: 0;}

    .company .box .row{transform: none;}

    .company .col-md-4{padding: 0 20px;}

    .company i{font-size: unset;}

    footer .row{display: block;}

    .footer-logo{

        display: flex;

        justify-content: center;

        align-items: center;

    }

    .contact .svg{

        order: 2;

    }

    .aboutus-page .img,.aboutus-page .details,.aboutus-page{height: auto;}

    .aboutus-page .details h2{margin-bottom: 25px;}

    .who-we-are .details h2::before{

        left: 0;

        top: 64%;

        font-size: 66px;

    }

    .who-we-are .details p{margin-top: 6px;}

    .who-we-are .img{height: 450px;}

    .who-we-are .about-img{height: 350px;}

    .who-we-are .about-img1{transform: translate(-5% , -10%);}

    .who-we-are.two .about-img1{transform: translate(5% , -10%);}

    .who-we-are.two .about-img:hover,.who-we-are .about-img:hover{transform: none !important;}

    .who-we-are.two .img{order: 2;}

    .who-we-are.two .details{margin-bottom: 2rem;}

    .subtitle{line-height: 15px;}

    .iot-box{margin-bottom: 0; margin: 2rem 0;}

    .iot-box .box {

        height: auto;

        padding: 20px 10px;

    }

    .iot-box .box h5{height: unset;}

    .case .card-body{height: unset;}

    .iot .row{display: block;     margin-top: 0.5rem!important;}

    .arvr-services .box {height: auto !important;}

    .case-studies-page .box{ margin-bottom: 20px; padding: 30px 0;}

    .case-studies-page .box .div img{height: 25px; margin-bottom: 10px;}

    .box p {font-size: 0.7rem; margin-bottom: 0;}

    .case-studies-page .svg{display: none;}

    .Industries .row ,.case-title{

        margin: 0rem 0;

    }    

    .studies .card img { height: auto;}

    .studies .card-one{display: none;}

    .detail-page h1{font-size: 3rem;}

    .study-details{margin: 0;}

    .about-project li {

        padding-left: 30px;

    }

    .mail .box {margin: 3rem 0;}

    .nav-item.social{

        border-left: 0 solid #092072;

        padding-left: 0;

        text-align: center;

        margin-right: 0;

    }

    .portfolio-banner .btn{margin-right: 0; padding: 10px 15px;}

    .portfolio-banner .svg{display: none;}

    .portfolio .box, .portfolio-case-studies .row{width: 95%;}

    .portfolio .box{padding: 7px 20px;}

    .portfolio .details{height: auto;}

    .portfolio .img-box{display: block;}

    .portfolio .img-box img{transform: none !important; margin-left: 0;}

    .portfolio .img-box img:nth-child(2){display: none;}

    .portfolio-case-studies .row img, .portfolio-case-studies .card{height: auto;}

    .linkedin .owl-prev{left: -15px !important;}

    .linkedin .owl-next{right: -15px !important;}

    .linkedin .owl-prev, .linkedin .owl-next{width: 35px; height: 35px;}

    .linkedin .owl-prev span, .linkedin .owl-next span{width: 25px; height: 25px;}

    .overlay .links{width: 35%;}

    .tab{width: auto;}

    .tab .btn{padding: 10px 20px; margin-right: 5px;}

    .portfolio .tech{margin-top: 0;}

    .portfolio .box{margin: 2rem 0;}

    .hype .details h1, .bike .details h1{font-size: 2.2rem;}

    .portfolio .details .btn{width: 100%;}

    .contact-btn{    margin-right: 0; text-align: center;}

}



@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .nav-item {

        margin-right: 0px;

    }

    footer li, footer .details a, footer p{

        font-size: 11px;

        line-height: 28px;

    }

    footer .details i{display: none;}

    footer h6{font-size: 20px;}

}



@media screen and (min-width: 1920px) and (max-width: 5000px){

    .portfolio-header .navbar-brand {

        width: 6%;

    }

    .Service-page{

        height: 100vh;

        margin-bottom: 0;

    }

    .swiper-container .swiper-wrapper .swiper-slide .card-image video {

        height: 500px;

    }

    .contact .touch ul::before,.aboutus-page .details p::before{

        font-size: 130px;

    }

    .aboutus-page .details p::before

    .contact .container-fluid .svg img{

        height: 600px;

    }

    .portfolio .box{

        width: 80%;

    }

    

    .portfolio-case-studies .row img{

        height: 300px;

    }

    .portfolio-case-studies .row{

        width: 80%;

    }

    .portfolio-case-studies .card{height: 550px;}

}