.box-border-why-1, .box-border-why-2, .box-border-why-3, .box-border-why-4 {
    padding-bottom: 25px;
    position:relative;
    z-index:1;
}
.icon-in-box-in-wh{
    position: absolute;
    z-index: -1;
    top: -68px;
    transition: 0.4s ease;
}
.icon-in-box-in-wh span{
    font-size: 158px;
    font-weight: 600;
    background: linear-gradient(-90deg, #174dd6 0, #5d62ee 50%, #1c8bd1 100%);
    background: -moz-linear-gradient(-90deg,#5cc2ed 0,#5d62ee 50%,#c298d3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    z-index: -2;
    opacity: .3;
    line-height: 1;
}
@media (max-width: 991px) {
    .header-style-03 .navbar-toggler {
        border-color: #6a6a6a;
        color: #dededed9;
    }
}
@media (max-width: 991px) {
    .header-style-03 .navbar .navbar-nav .nav-link {
        color: #022d62 !important;
    }
}
.font-back-end-section {
       padding: 90px 0;
    background: #10335008;
}
.text-in-box-inwh h3{
    font-size: 30px;
    font-weight: 500;
    font-family: 'Gilroy-Medium';
}
.box-border-why-1{
  padding-bottom: 39px;
}
.box-border-why-2 .icon-in-box-in-wh, .box-border-why-4 .icon-in-box-in-wh {
    top: 36px;
}
.box-border-why-1:hover .icon-in-box-in-wh,
.box-border-why-2:hover .icon-in-box-in-wh,
.box-border-why-3:hover .icon-in-box-in-wh,
.box-border-why-4:hover .icon-in-box-in-wh
{
    transform: scale(1.1);
}
.why-choose-heading .btn-icon-new{
    background-color: #ffffff;
}
.why-choose-heading .btn-icon-new i{
    color:#2b2828;
}
.why-choose-heading .about-us-contact-btn-new:hover .btn-icon-new i {
    color: #ffffff;
}
.box-border-why-4{
    padding-top: 46px;
}
.only-for-border {
    padding-right: 50px;
}
.only-for-border-2{
    padding: 112px 0px 0px 30px;
}
.box-border-why-2, .box-border-why-4{
     padding-top: 126px;
}
.only-for-border {
   padding: 50px 50px 30px 0px;
}
.main-counter-indus {
    padding: 20px 50px 20px 50px;
    text-align: center;
}
.main-counter-indus p {
    font-size: 14px;
    line-height: 26px;
    color: #303030;
}
.both-side-border {
    border-right: 1px solid #e3e3e3;
    border-left: 1px solid #e3e3e3;
}
.main-counter-indus h3 {
    font-size: 68px;
    font-weight: 600;
}
.all-industry-sec-industries .industry-content-dic{
    position:relative;
    background:transparent;
}
.all-industry-sec-industries .industry-content-dic:after{
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgb(255 255 255 / 69%);
    height: 100%;
    z-index: -1;
    backdrop-filter: blur(10px);
    border-radius: 20px;
}
.industry-content-dic ul li i {
    font-size: 18px;
    top: 5px;
}
.industry-content-dic ul {
    padding-left: 0px;
    position: relative;
}
.main-box-zot-img .icon-for-box-corevalue-industries {
    background: #f9f7f7;
    padding: 16px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
}
.main-box-zot-img .heading-for-core-value-box-industries h3 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 25px;
}
.boxes-with-img-zot {
    padding-top: 50px;
}
.why-choose-main {
    padding: 80px 80px 60px;
    background: #1a96d6;
    color: white;
    border-radius: 5px 5px 200px 5px;
}
.hire-point-first-par {
    display: block;
    justify-content: space-between;
}
.hire-point-first-par li h3{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.hire-point-first-par li {
    position: relative;
    padding-left: 58px;
    margin-bottom: 12px;
    line-height: 1.5;
    padding-bottom: 6px;
}
.text-part-hire-developers-new .subtitle-about-us-new p{
    margin-bottom: 26px;
}

.hire-point-first-par li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: #2b2828;
    font-size: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #efefef;
}
.pointes-in-first-part-hire ul {
    margin-bottom: 0px;
    padding-top: 14px;
}
.about-us-contact-btn-new {
    margin-top: 0.5rem;
}




/*-----home------*/

.video-section-background-new {
  background-image: url("../images/main-bg.jpg");
  background-size: cover;       
  background-position: top;   
  background-repeat: no-repeat;
  padding: 120px 0; 
  position:relative;
      z-index: 1;
}
.video-section-background-new:before{
position: absolute;
    content: "";
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    background: linear-gradient(183deg, rgba(255, 255, 255, 0) 37%, rgba(9, 22, 38, 1) 100%);
    z-index: -1;
}




.video-content-new{
    text-align: center;
    color: white;
    padding-top: 100px;
    padding-bottom: 100px;
}
.video-content-new h1{
    color: rgb(187 205 226);
    font-size: 85px;
}
.video-content-new p{
        font-size: 36px;
    color: rgb(187 205 226);
    padding-top: 10px;
}
.video-content h1{
    text-align: center;
    padding-top: 60px;
    color: rgb(76 97 122);
    font-size: 164px;
    text-transform: uppercase;
    letter-spacing: 10px;
    font-weight: 700;
    padding-bottom: 150px;
    margin: 0;
    position: relative;
}
.video-content h1::before {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #ff005d, #ffb800);
  background-size: 100%;
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: multiply; /* blends gradient with text */
}
.new-header-styl .navbar{
    position: absolute;
    top: 0;
    z-index: 999;
}
.new-header-styl .bg-white {
    background-color: transparent !important;
    width: 100%;
}
.header-style-03 .new-header-styl .navbar .navbar-nav .nav-link{
    color: white;
}
.new-header-styl .mega-menu-contact-content a{
    color: white;
}
.new-header-styl .mega-menu-contact-content label{
    color: white;
}
.new-header-styl .mega-menu-contact-i {
    background: #0b1d33;
    font-size: 22px;
}
.wb-box{
    background: white;
    padding: 45px;
    font-size: 19px;
    border-radius: 0 80px 0 0;
}
.white-background-box{
    padding-right: 40px;
}
.wb-box p{
    padding-top: 35px;
    color: #575353;
}
.wb-box p span{
    color: #111133;
    font-weight: 600;
}
.slider-on-video-new .btn {
    cursor: pointer;
    padding: 10px;
}

.slider-on-video-new .swiper {
    width: 341px;
    height: 226px;
    color: white;
}
.slider-on-video-new .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 18px;
    padding: 32px;
        height: 226px !important;
}
.inner-div-slider-v{
    display: flex;
}
.under-line-pera{
    font-size: 26px;
    text-decoration: underline;
    padding-bottom: 10px;
    line-height: 36px;
}
.spl-pera-v{
    font-size:13px;
    line-height: 20px;
}
.inner-div-slider-v i{
     display: inline-block;
    transform: rotate(-140deg);
    font-size: 25px;
    color: white;
}  
.inner-div-slider-v a{
    align-items: end;
    display: flex;
    padding-bottom: 20px;
}
.slider-pera-and-icon{
    padding-right: 45px;
}
.box-and-slider{
    padding-top: 100px;
}
.slider-on-video-new .swiper-slide:nth-child(1n) {
        background-color: rgb(23 182 240);
}

.slider-on-video-new .swiper-slide:nth-child(2n) {
    background-color: rgb(0, 140, 255);
}

.slider-on-video-new .swiper-slide:nth-child(3n) {
    background-color: rgb(10, 184, 111);
}

.slider-on-video-new .swiper-slide:nth-child(4n) {
       background-color: rgb(23 182 240);
}

.slider-on-video-new .swiper-slide:nth-child(5n) {
   background-color: #1a81f0;
}

.slider-on-video-new .swiper-slide:nth-child(6n) {
    background-color: rgb(180, 10, 47);
}

.slider-on-video-new .swiper-slide:nth-child(7n) {
    background-color: rgb(35, 99, 19);
}

.slider-on-video-new .swiper-slide:nth-child(8n) {
    background-color: rgb(0, 68, 255);
}

.slider-on-video-new .swiper-slide:nth-child(9n) {
    background-color: rgb(218, 12, 218);
}

.slider-on-video-new .swiper-slide:nth-child(10n) {
    background-color: rgb(54, 94, 77);
}
.shape-with-white-bg{
    background-color: #091626;
    padding-top: 50px;
}
.inner-div-shap-with--w-bg{
    background-color: white;
        border-radius: 75px 75px 0 0;
       padding-top: 30px;
}
.left-side-shap p{
    padding-top: 25px;
    color: #062751;
    font-size: 17px;
}
.icons-shap-sec i{
        padding: 10px;
    background: #04111E;
    border-radius: 50%;
    color: white;200px
}
.icons-shap-sec i:last-child {
    background: #1a81f0;
}
.btn-with-borderr span{
        padding: 6px 15px;
    border: 1px solid;
    border-radius: 23px;
}
.counter-in-white-bg{
    display: flex;
    gap:15px;
    align-items: center;
    padding-top: 19px;
    border-top: 1px solid #e4e4e4;
    margin-top: 33px;
}
.counter-self-2 h2{
    font-size: 73px;
    font-family: "Gilroy-Medium";
    color: #1a81f0;
    letter-spacing: -3px;
}
.clint-we-work-2 p{
    font-size: 19px;
    line-height: 23px;
    text-transform: capitalize;
    color: #3b5d78;
}
.clint-we-work-2{
    width: 100px;
}
.mid-side-shap {
       position: relative;
    height: 196px;
    width: 318px;
    background: #000000;
    border-radius: 40px;
    overflow: hidden;
    margin: auto;
    margin-top: -31px;
    border-radius: 0 0 72px 72px;
}

.mid-side-shap .curve-bg {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 160px;
    background: url('curve-white-shape.svg') no-repeat bottom center;
    background-size: cover;
}
.second-section-2-new{
    padding-top: 50px;
}

.left-side-shap-new, .right-side-shap-new{
    background-color: white;
    border-radius: 75px 75px 0 0;
        padding: 41px;
}
.inner-div-shap-with-w-bg .container-fluid {
    padding: 1px;
    overflow: hidden;
}
.left-side-shap-new, .mid-side-shap-new, .right-side-shap-new{
    /*height: 237px;*/
    position: relative;
}
.right-side-shap-new:before{
position: absolute;
    content: "";
    top: -9px;
    left: -126px;
    width: 158px;
    height: 295px;
    border-top: 297px solid transparent;
    border-right: 138px solid #ffffff;
    border-bottom: 0px solid transparent;
    border-radius: 0 148px 0px 0;
}
.right-side-shap-new:after{
position: absolute;
    content: "";
    top: 222;
    left: -125px;
    bottom: 5px;
    width: 63px;
    height: 64px;
    background: #ffffff;
    clip-path: path("M0 0 Q0,25 32,35 L 0 30 Z");
    transform: rotate(275deg);
}
.left-side-shap-new:after{
    position: absolute;
    content: "";
    top: -14px;
    right: -135px;
    width: 114px;
    height: 305px;
    border-top: 273px solid transparent;
    border-left: 179px solid #ffffff;
    border-bottom: 0px solid transparent;
    border-radius: 1px;
    border-radius: 148px 0px 0px 0;
}
.left-side-shap-new:before{
    position: absolute;
    content: "";
    top: auto;
    left: auto;
    bottom: -19px;
    right: -200px;
    width: 66px;
    height: 65px;
    background: #ffffff;
    clip-path: path("M8 -39 Q-4,29 44,40 L -20 104 Z");
    transform: rotate(345deg);

}

.icons-shap-sec{
    padding-bottom: 42px;
}
.shape-with-white-bg{
    position:relative;
    z-index: 0;
    margin-top: -4px;
}
.shape-with-white-bg:before{
    position: absolute;
    content: "";
    top: auto;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 15%;
    background: #ffffff;
    z-index: -1;
}
.left-side-shap-new p{
    font-size: 20px;
    color: #3b5d78;
    padding-bottom: 18px;
    text-transform: capitalize;
}
.home-page-btn{
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0px;
    color: #1c7ac7;
    position: relative;
}
.home-page-btn i{
    padding-left:5px;
}
.home-page-btn:before{
    position: absolute;
    content: "";
    top: auto;
    left: 0;
    bottom: -3px;
    right: 0;
    width: 100%;
    height: 2px;
    background: #1c7ac7;
}
.mid-side-shap-new{
    text-align: center;
    padding-top: 38px;
    padding-left: 30px;
}
.mid-side-shap-new a{
    background: #1a4cf0;
    padding: 15px 47px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
}
.mid-side-shap-new p{
      color: #e2e2e2;
    font-size: 30px;
    text-transform: uppercase;
    padding-top: 30px;
    line-height: 43px;
    font-family: 'Gilroy-Bold';
}
/*home about section css start*/
.main-heading .section-heading span{
  font-size: 38px;
    color: #103350;
    font-family: 'Gilroy-Bold';
}
.main-heading .section-heading {
    font-size: 38px;
    color: #103350;
    font-family: 'Gilroy-Medium';
    line-height: 50px;
}
.main-heading p{
   padding: 15px 0 30px;
    line-height: 28px;
    color: #3b5d78;
       font-size: 17px;
}
.home-about-sec{
    padding: 50px 0 100px;
}
.secrive-sec-p p{
    padding: 0px 0 70px;
    line-height: 28px;
    color: #3b5d78;
    font-size: 19px;
}
.service-count-link{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.service-outer {
    background: #f0f0f0;
    padding: 55px;
    border-radius: 30px;
    margin-bottom:30px;
}
.service-outer:hover, .service-outer.active{
     background: #dfeeff;
}

.service-count-link span{
      font-size: 80px;
    color: #ccc;
    font-family: 'Gilroy-Medium';
}
.service-count-link a{
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-size: 22px;
    transform: rotate(314deg);
}
.service-outer h3{
    color: #616161;
    font-size: 33px;
    padding-top: 100px;
    font-family: 'Gilroy-Medium';
}
.service-outer p{
    color: #868686;
    font-size: 19px;
}

.service-outer.active h3, .service-outer.active p, .service-outer.active span, .service-outer.active a i{
    color:#3f96f5;
}
.service-outer:hover h3, .service-outer:hover p, .service-outer:hover .service-count-link span, .service-outer:hover a i{
    color:#3f96f5;
}
.home-services-sec{
    padding:0 0 100px;
}
.detail-list li {
    list-style: none;
}
.detail-list li a{
    font-size: 17px !important;
}
.mega-menu-right-sec ul{
    padding-left: 0;
}
.mega-menu-section a{
    color: black !important;
}
.mega-menu-section a:hover {
    color: #09c !important;
}
.vertical-text-heading h3 {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  text-align: center;
    color: rgba(255, 255, 255, 0);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #5c5a5a91;
    font-size: 42px;
    font-style: normal;
    text-transform: lowercase;
    font-family: 'Gilroy-Medium';
  text-transform: capitalize;
}
.vertical-text-heading{
    display: flex;
    justify-content: center;
    text-align: center;
    background: #f0f0f0;
}
.brand-name-heading{
    max-width: 800px;
    margin: auto;
}
.brand-name-heading .main-heading{
    text-align: center;
}
.brand-ngr, .brand-ngl {
    display: flex;
    gap: 0;     
    overflow: hidden;
}
.brand-name-slider {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}
.inner-div-brandnme {
   display: flex;
   gap:30px;
   padding-bottom: 32px;
  animation: scroll 70s linear infinite;
}
.reverse-brand-name .inner-div-brandnme {
    display: flex;
   gap:30px;
  animation: scroll-reverse 70s linear infinite;
}

/* Left → Right */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Right → Left */
@keyframes scroll-reverse {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}
.brands-name-run{
    background: url(../images/client-bg.jpg);
    width: 100%;
    padding: 90px 0 100px;
}
.brand-ngr img, .brand-ngl img {
    width: 220px;
    max-height: 115px;
    padding-left: 30px;
    margin: 0;
    flex-shrink: 0;
  border: 1px solid rgba(255, 255, 255, .1);
    background-color: rgba(255, 255, 255, .05);
     mask-image: linear-gradient(
        135deg,
        #000 0%,
        #000 25%,
        rgba(0,0,0,0) 100%
    );
    -webkit-mask-image: linear-gradient(
        135deg,
        #000 0%,
        #000 25%,
        rgba(0,0,0,0) 100%
    );
}
.brand-name-heading .section-heading, .brand-name-heading .section-heading span, .brand-name-heading .main-heading p{
    color: white;
}
/*.band-name-section-btn a{*/
/*    border: 1px solid;*/
/*    padding: 10px;*/
/*    color: white;*/
/*    font-weight: 600;*/
/*}*/
.band-name-section-btn{
    text-align: center;
     padding-top: 40px;   
}
.button-border {
    padding: 12px 25px;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 6px;
    background: linear-gradient(#0b4897, #1e4f8d) padding-box, linear-gradient(90deg, #02A3E9, #1067C8) border-box;
}
.heading-industries{
    padding: 30px 0 40px 0;
}
.pflio-box {
    position: relative;
}
.text-btn-pflio{
    display: flex;
    padding: 30px;
    width: 100%;
    justify-content: space-between;
     position: absolute;
    top: 0;
    left: 0;
}
.btn--in-img-pflio a {
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    font-size: 22px;
    transform: rotate(314deg);
}
.main-portfolio-section-home-new{
    /*padding-top: 106px;*/
}
.porflo-sec-img img{
    width: 636px;
    height: 550px;
    object-fit: cover;
    border-radius: 45px;
}
.text-btn-pflio h4, .text-btn-pflio p{
    color: white;
}
.pflio-box{
    padding-bottom: 24px;
}
.allupercase-count h4{
    padding-bottom: 20px;
    font-size: 34px;
    font-family: 'Gilroy-Medium';
    color: #103350;
}
.heading-p-pflio h4{
      letter-spacing: 2px;
      margin: 0 0 0rem;
    font-size: 26px;
}
.allupercase-count span{
        color: #1c7ac7;
}
.pera-cunt-hl{
    max-width: 220px;
    font-family: 'Gilroy-Medium';
    font-size: 17px;
    color: #103350;
}
.allupercase-count p{
 max-width: 650px;
    font-size: 19px;
    line-height: 30px;
    color: #3b5d78;
}
.spacing-top-bottom{
    padding-top: 105px;
    padding-bottom: 105px;
}
.text-runing-portfolio {
    overflow: hidden;
    padding: 45px 0;
    background: #0c94fd;
    background: linear-gradient(358deg, rgba(12, 148, 253, 0) 38%, #1a81f05e 100%);
}
.counter-self-scnd{
        display: flex;
    align-items: baseline;
}
.counter-self-scnd h3{
    font-size: 85px;
    margin: 0;
    color: #103350;
}
.small-suffix{
font-size: 20px;
    color: #3b5d78;
}
.box-cunt-section{
    border-left: 1px solid #10335033;
    padding-left: 85px;
}
.main-cunt-prt-home{
    display: flex;
    justify-content: space-between;
    padding-top: 90px;
}
.main-font-back-sec .main-heading h3{
    font-size: 22px;
}
.main-font-back-sec .main-heading .section-heading span{
    font-size: 26px;
}

.lun-logo-name img{
    border: 1px solid #57687a94;
    padding: 8px;
    border-radius: 10px;
    margin-bottom: 14px;
}
.lun-logo-name p{
    margin-bottom:0;
}
.lun-logo-name{
background-color: #ffffff;
    padding: 22px 12px 20px;
    border-radius: 9px;
    width: 138px;
    box-shadow: 5px 5px 5px #1033500d;
    margin: 20px 0;
}
.main-font-back-sec .main-heading{
   max-width: 200px;
}
.logo-slider-wrapper {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.all-logos-fontend{
display: flex;
    gap: 25px;
    width: max-content;
    animation: slide 40s linear infinite;
}
.lun-logo-name{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.reverseslider-backend .all-logos-fontend {
    animation: slideReverse 40s linear infinite;
}
@keyframes slideReverse {
    from { transform: translateX(-50%); }
    to { transform: translateX(0); }
}

@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.main-font-back-sec{
    padding-bottom: 0px;
}
.main-font-back-sec .row{
    align-items: center;
}
.heading-font-back{
    padding-bottom: 45px;
}
.text-after-cunt p{color: #3b5d78;}
.left-img-circle-sec{
    position: relative
}
.circle-section-shap img{
    position: absolute;
}
.pera-and-cunt-oc{
     display: flex;
    border-top: 1px solid #dcdcdc;
    margin-top: 18px;
}
.pera-btn-oc{
     padding: 30px 34px 0 0;
    width: 60%;
    border-right: 1px solid #dcdcdc;
}
.cunt-oc{
       padding: 30px 0px 0 40px;
}
.right-img-text-circle-sec{
    padding-left: 50px;
}
.our-company-sec-img-2 img{
    margin-top: -125px;
}
.our-company-sec-text .main-heading .section-heading{
    font-size: 37px;
}
.our-company-sec-text{
    margin-top: 60px;
}
.img-prt-blog-new img{
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
    height: 300px;
}
.date-in-blog p {
    display: flex;
    align-items: center;
    gap: 27px;
    padding-top: 12px;
    color: gray;
}

.date-in-blog .line {
     display: inline-block;
    width: 67%;
    height: 1px;
    background: #dcdcdcdb;
}
.heading-pera-blog-new h4{
     font-size: 22px;
    font-family: 'Switzer-Medium';
    line-height: 32px;
}
.heading-pera-blog-new p a{
        color: #777777;
}
.heading-pera-blog-new .home-page-btn{
    font-size: 15px;
}
.blog-slider-sec{
    padding-top: 60px;
}
.blog-slider-sec .owl-stage .owl-item {
    /*margin-right: 13px !important;*/
}
.inner-blog-div-heading .btn-blog-uper{
        text-align: right;
}
.space-only-in-bottom{
    padding-bottom: 90px;
}
.heading-pera-blog-new p{
    margin-bottom: 14px;
}
.onlyon-mobile-view{
    display: none;
}
.header.sticky-top .bg-white{
    background-color: white !important;
}
.header.sticky-top .navbar .nav-link {
    color: #303030 !important;
}
.header.sticky-top .new-header-styl .mega-menu-contact-content a{
    color: #303030;
}
.header.sticky-top .new-header-styl .mega-menu-contact-content label {
    color: #303030;
}
.header.sticky-top .mega-menu-contact-i i {
    color: white;
}
.our-company-section.spacing-top-bottom{
    padding-bottom: 30px;
}
.services-box-img img{
    width: 100%;
    border-radius: 25px;
    clip-path: polygon(0 0, 100% 0, 100% 73%, 68% 100%, 0% 100%);
}
.home-services-sec{
    background: #d9ebfd9e;
    padding-top: 80px;
}
.main-box-ser{
    background: white;
    padding: 25px;
    border-radius: 25px;
    transition: all 0.5s ease-in-out;
        margin-bottom: 30px;
}
.text-section-ser-box h4{
    color: #103350;
    font-family: 'Gilroy-Medium';
    font-size: 25px;
}
.text-section-ser-box p{
    color: #575252;
}
.text-section-ser-box h4,
.text-section-ser-box p{
  transition: color 0.5s ease-in-out;
}
.main-box-ser:hover{
    background: #103350;
}
.main-box-ser:hover h4,
.main-box-ser:hover P{
    color: white;
}
.text-section-ser-box{
    padding-top: 15px;
    padding-bottom: 15px;
}
.icon-services-box i{
    font-size: 18px;
    position: absolute;
    bottom: -1px;
    right: 12px;
    background: #103350;
    border-radius: 50%;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    height: 40px;
    width: 40px;
    transform: rotate(-45deg);
}
.services-box-img{
    display: flex;
    position: relative;
}
.main-box-ser:hover .icon-services-box i{
    background: white;
    color: #103350;
    border: none;
}
.services-boxes-new{
    padding-top: 50px;
}
.home-services-sec .main-heading{
    width: 93%;
}
.secrive-sec-p p{
    width: 72%;
}
.secrive-sec-p{
    display: flex;
    justify-content: end;
}
.btn-center-services{
    text-align: center;
    margin-top: 22px;
}
.services-boxes-new .btn-center-services .home-page-btn{
    color: #103350;
}
.services-boxes-new .home-page-btn:before{
    background: #103350;
}
.seo-pg-banner-h .main-heading .section-heading {
    font-size: 48px !important;
    color: #103350 !important;
    font-family: 'Gilroy-Medium' !important;
}
.seo-pg-banner-h .main-heading .section-heading span{
    color: #103350 !important;
}
.seo-banner-top .seo-pg-banner-h .main-heading p{
        color: #3b5d78;
    font-size: 19px;
}
.list-styl-click {
        column-count: 2;
}
.about-pg-n-heading.section-heading{
    font-size: 46px;
    color: black;
    font-family: 'Gilroy-Medium';
}
.about-pg-n-heading.section-heading span {
    font-size: 46px;
    color: black;
    font-family: 'Gilroy-Bold';
}
.about-pg-n-heading-2.section-heading{
    font-size: 38px;
    font-family: 'Gilroy-Medium';
    line-height: 51px;
    color: #103350;
}
.about-pg-n-heading-2.section-heading span {
    font-size: 38px;
    font-family: 'Gilroy-Bold';
    line-height: 51px;
    color: #103350;
}
.new-pera-styl{
    padding: 0px 0 30px;
    line-height: 28px;
    color: #3b5d78;
    font-size: 17px;
}
.title-about-new-page h3{
    font-family: "Switzer-Medium";
}
.our-fact-text-Part .subtitle-about-new-page h2 strong{
    color: white;
}
.iner-div-main-heading-industries .new-pera-styl{
        padding: 0px 0 0px;
}
.text-in-box-inwh h3{
   font-family: 'Gilroy-Medium'; 
}
.btn-and-pera-ctc{
    color: white;
}
.seo-services-help .heading-to-btn .main-heading{
    /*display: flex;*/
    /*justify-content: space-between;*/
    /*align-items: center;*/
    display: block;
        max-width: 75% !important;
    margin: auto;
}
.seo-services-help .section-heading {
      max-width: 100% !important;
}
.heading-to-btn .main-heading h2{
    max-width: 56%;
}
.self-box-adv{
    padding: 40px 30px;
    border-radius: 24px;
}
.seo-box-adv{
    padding-top: 35px;
}
.text-box-adv p{
    color: #7b8288;
}
.self-box-adv{
    box-shadow: 0 10px 20px rgba(0,0,0,0.08);
    transition: box-shadow .35s ease-in-out;
    margin-bottom: 30px;
    min-height: 364px;
    background: white;
    text-align: center;
    border: solid 1px transparent;
}
.self-box-adv h4{
    transition: color .35s ease;
}
.self-box-adv:hover{
    border: 1px solid #00afee73;
}
.self-box-adv:hover h4{
    color:#308cf1;
}
.more-typ-btn i{
    padding-right: 5px;
}
.seo-services-help{
    /*background: #F6F6F6;*/
    padding-top: 75px;
    padding-bottom: 50px;
    background: #eef5f8;
}
.seo-second-image img{
    display: flex;
    margin: 0 auto;
}
.second-text-img-section{
    padding-top: 70px;
    padding-bottom: 60px;
    background: #F6F6F6;
}
.withoutpadding{
    padding: 0px !important;
}
.icon-send-bx-seo img{
    background: #009dd633;
    padding: 10px;
    border-radius: 50%;
}
.icon-send-bx-seo{
    padding-bottom: 16px;
}
.second-text-box-section{
    padding-top: 90px;
    padding-bottom: 108px;
}
.four-boxes-second-seopg{
    padding-top: 45px;
}
.inner-div-box-text .main-heading{
    padding-right: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.self-box-secd-seopg{
    padding: 24px;
    margin-bottom: 25px;
    transition: .5s ease-in-out;
    border: 1px solid #0000001a;
    border-radius: 13px;
    text-align: center;
    height: 200px;
}
.self-box-secd-seopg p{
    display: none;
}
.self-box-secd-seopg h4{
    font-size: 20px;
}
.self-box-secd-seopg:hover{
    background: #308cf1;
    border-radius: 15px;
}
.self-box-secd-seopg:hover .icon-send-bx-seo img{
    background: #eaf9ff33;
}
.self-box-secd-seopg:hover h4,
.self-box-secd-seopg:hover p {
    color: white;
}
.self-box-secd-seopg p{
     color: #7b8288;
}
.self-box-secd-seopg img{
    transition: .3s ease;
}
.active-one-box{
    background: #308cf1;
}
.active-one-box h4{
    color: white;
}
.active-one-box img {
    background: #eaf9ff33;
    filter: invert(0) brightness(7);
}
 
.self-box-secd-seopg:hover img{
    filter: invert(0) brightness(7);
}
.mobile-mega-menu-only .accordion-item a{
    background: white;
    font-size: 16px;
    font-weight: 600;
    color: #022d62 !important;
}
.mobile-mega-menu-only .accordion-item{
    border: none;
}
.mobile-mega-menu-only .accordion-button:not(.collapsed){
    box-shadow: none;
}
.mobile-mega-menu-only .accordion-button{
        box-shadow: none;
}
.mobile-mega-menu-only .accordion-button::after {
  -webkit-filter: grayscale(1) invert(1);
   filter: grayscale(1) invert(0);
}
.mobile-mega-menu-only .accordion-item .detail-list a{
        font-weight: 400;
}
.mobile-mega-menu-only{
    display: none !important;
}
.hiden-all-shap{
    display: none;
}
.mid-side-shap-new a:hover{
    background: white;
    color: #08192d;
}

@media (max-width: 991px) {
   .mobile-mega-menu-only{
       display: block !important;
   }
    .tesinglink{
        display: none !important;
    }
}


@media (max-width: 576px){
    .main-cunt-prt-home{
        display: block;
        padding-top: 60px;
        overflow: hidden;
    }
    .left-side-shap-new:after{
        display: none;
    }
    .left-side-shap-new:before{
        display: none;
    }
    .video-content h1{
        font-size: 34px;
        padding-top: 0px;
    }
    .video-section-background{
        height: 450px;
    }
    .left-side-shap-new p{
        font-size: 17px;
    }
    
   .mid-side-shap-new a {
    background: #fff;
    padding: 12px 34px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #050f1d;
    font-size: 17px;
    text-transform: uppercase;
   }
   .mid-side-shap-new p{
       font-size: 24px;
   }
   .counter-self-2 h2{
       font-size: 60px;
   }
   .clint-we-work-2 p{
       font-size: 16px;
   }
   .second-section-2-new, .shape-with-white-bg{
       padding-top: 0px;
   }
   .shape-with-white-bg{
       margin-top: -180px;
   }
   .main-heading .section-heading{
       font-size: 27px;
   }
   .main-heading .section-heading span{
       font-size: 27px;
   }
   .main-heading p{
       font-size: 17px;
       padding: 0px 0 15px;
   }
   .home-about-image{
       padding-top: 34px;
   }
   .home-about-sec {
    padding: 45px 0 44px;
   }
   .heading-industries {
      padding: 30px 0 20px 0;
    }
   .onlyon-mobile-view{
       display: block;
   }
   .not-on-mobilev{
       display: none;
   }
   .secrive-sec-p p{
       padding: 0 0 10px;
       font-size: 17px;
       width: 100%;
   }
   .onlyon-mobile-view .home-page-btn:before {
    position: absolute;
    content: "";
    top: auto;
    left: 0;
    bottom: -3px;
    right: 0;
    width: 64%;
    height: 2px;
    background: #1c7ac7;
   }
   .home-services-sec {
    padding: 0px 0 35px;
    padding-top: 45px;
   }
   .brands-name-run{
       padding: 60px 0 75px;
   }
   .porflo-sec-img img{
       height: auto;
   }
   .portfolio-btn {
    padding-top: 30px;
   }
   .spacing-top-bottom{
       padding-top: 55px;
       padding-bottom: 0;
   }
   .pera-cunt-hl{
       max-width: 100%;
           font-size: 20px;
   }
   .allupercase-count h4{
       font-size: 26px;
       padding-bottom: 10px;
   }
   .allupercase-count p{
       font-size: 17px;
   }
   .counter-self-scnd h3{
       font-size: 60px;
   }
   .box-cunt-section{
       padding-bottom: 20px;
   }
   .heading-font-back {
    padding-bottom: 10px;
   }
    .font-back-end-section {
        padding: 37px 0;
   }
    .lun-logo-name {
        background-color: #ffffff;
        padding: 7px 5px 10px;
        border-radius: 9px;
        width: 111px;
        box-shadow: 5px 5px 5px #1033500d;
        margin: 15px 0;
   }
   .main-font-back-sec .main-heading h3 {
    padding-top: 20px;
   }
   .our-company-sec-img-2 img{
       display: none;
   }
   .right-img-text-circle-sec{
       padding-left: 0px;
    }
    .our-company-sec-text .main-heading .section-heading {
       font-size: 27px;
    }
    .pera-and-cunt-oc{
        display: block;
    }
    .pera-btn-oc {
         padding: 0; 
         width: 100%; 
        border-right: none;
    }
    .pera-and-cunt-oc{
        border-top: none;
    }
    .cunt-oc{
         padding: 20px 0;
    }
    .cunt-oc {
        display: flex;
        flex-direction: column; 
        justify-content: center;  
        align-items: center;     
        text-align: center;      
    }
    .inner-blog-div-heading .btn-blog-uper {
        text-align: left;
     }
     .blog-slider-sec {
       padding-top: 50px;
    }
    .blog-main-new{
        padding-bottom: 45px;
    }
    .space-only-in-bottom {
      padding-bottom: 40px;
    }
    .left-side-shap-new, .mid-side-shap-new{
        display: none;
    }
    .secrive-sec-p .home-page-btn:before{
            width: 65%;
    }
    .left-side-shap-new, .right-side-shap-new {
        background-color: white;
        border-radius: 42px 42px 0 0;
        padding: 41px;
    }
    .about-pg-n-heading.section-heading span{
        font-size: 25px;
    }
    .new-pera-styl{
        font-size: 17px;
        padding: 0;
    }
    .spaces-pt-2 {
       padding-top: 20px;
    }
    .laravel-development-solution img{
        padding-bottom: 50px;
    }
    .list-styl-click {
        column-count: 1;
    }
    .spaces-pt-2 {
        padding-top: 35px;
        padding-bottom: 50px;
    }
    .heading-to-btn .main-heading h2 {
         max-width: 100%; 
    }
   .seo-services-help .heading-to-btn .main-heading{
       display: block;
   }
   .self-box-adv{
       display: block;
   }
    .icon-typ-adv img {
        width: 58px;
        height: 58px;
    }
    .self-box-adv img{
        margin-bottom: 16px;
    }
    .tools-nme-seo img{
        width: 100%;
    }
    .tools-nme-seo{
        padding: 10px 12px;
    }
    .second-text-box-section {
        padding-top: 55px;
        padding-bottom: 25px;
    }
    .self-box-secd-seopg{
        padding: 0;
    }
    .self-box-secd-seopg:hover {
        background: none;
    }
    .four-boxes-second-seopg {
        padding-top: 35px;
    }
    .home-services-sec .main-heading {
    width: 100%;
    }
    .home-page-btn{
       font-size: 17px;
    }
    .brand-ngr img, .brand-ngl img{
        max-height: 75px;
    }
    .video-content-new h1{
        font-size: 26px;
    }
    .video-content-new p{
        font-size: 20px;
    }
    .video-content-new{
        padding-top: 0px;
        padding-bottom: 80px;
    }
    .video-content-new p{
        padding-top: 0px;
    }
    .video-section-background-new{
        padding: 80px 0 156px 0;
    }
    .internship-laeft-layer img {
        max-width: 100%;
         height: 358px;
    }
    .about-pg-n-heading-2.section-heading {
        font-size: 25px;
    }
    .about-pg-n-heading-2.section-heading span {
        font-size: 25px;
    }
    .intership_hero_sec_content ul li {
        line-height: 18px;
        font-size: 16px;
    }
    .intership_hero_sec_btns a {
        padding: 7px 25px;
        font-size: 15px;
    }
    .cources-sec-new {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .text-area-cou-new .new-pera-styl {
        padding-top: 6px;
    }
   
    .pera-and-short-title {
        background: #f7f6f6;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .img-text-cources-sec {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .key-out-self-n{
        height: auto !important;
    }
    .img-cours-new img{
        padding-top: 20px;
    }
    .internship_benefits_content{
        height: auto;
    }
    .intership_hero_sec_btns{
        padding-bottom: 20px;
    }
    .intership_hero_sec{
        background: #024799;
        padding: 50px 0 17px !important;
    }
    .btn-seo-pg{
        display: flex;
        padding-bottom: 30px;
    }
    .seo-banner-btn-first, .seo-banner-btn{
            padding: 7px 16px !important;
            font-size: 12px !important;
    }
    .seo-services-help {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .seo-services-help .heading-to-btn .main-heading{
        max-width: 100% !important;
    }
    .self-box-adv {
        padding: 27px 22px !important;
    }
    .points-with-img {
        column-count: 1;
    }
    .btn-heding-hover-sec .section-heading {
        max-width: 100% !important;
    }
    .self-box-secd-seopg{
        height: 168px;
    }
    .cta-section-seo-pg{
            padding: 23px !important;
    }
    .cta-text-seo h4 {
        font-size: 27px !important;
    }
    .seo-pg-cta-sideimg img{
        position: static !important;
        width: 100% !important;
    }
    .faq-seo-new {
        padding-top: 47px;
    }
    .inner-div-box-text .main-heading{
        display: block;
    }
    .self-box-adv{
        min-height: 337px;
    }
    .testimonials-about-us-new-page{
        margin-top: 3rem;
    }
    .seo-testi-new {
        margin-bottom: 3rem;
    }
    .faq-seo-new {
        padding-top: 50px !important;
        padding-bottom: 58px;
    }
    .internship-faq .main-heading, .faq-seo-new .main-heading {
        text-align: center;
        max-width: 100% !important;
        margin: auto;
    }
    .porflo-sec-img img{
        max-width: 100%;
    }
    .brand-ngr img, .brand-ngl img{
        width: 150px;
    }
           
}
@media (max-width: 375px){
    .internship-laeft-layer img {
        max-width: 100%;
        height: 450px;
    }
}


@media (min-width: 768px) and (max-width: 991px){
    .left-side-shap-new:after{
        display: none;
    }
    .left-side-shap-new:before{
        display: none;
    }
    .porflo-sec-img img{
        height: auto;
    }
    .pera-cunt-hl {
        max-width: 373px;
        font-family: 'Gilroy-Medium';
        font-size: 28px;
        color: #103350;
        padding-bottom: 16px;
   }
   .main-heading p, .allupercase-count p {
       font-size: 24px;
   }
   .allupercase-count p{
       max-width: 100%;
   }
   .main-cunt-prt-home {
        display: flex;
        justify-content: space-between;
        padding-top: 90px;
        flex-wrap: wrap;
  }
  .font-back-end-section{
      padding: 0;
  }
  .heading-font-back {
      padding-bottom: 0px;
   }
   .pera-and-cunt-oc{
       display: block;
   }
   .pera-btn-oc {
        padding: 0;
        width: 100%;
        border-right: none;
    }
    .cunt-oc{
        padding: 0;
    }
    .our-company-sec-img-2 img{
        display: none;
    }
    .left-img-circle-sec{
       padding-top: 144px;
    }
    .circle-section-shap .round-title {
        transition: all 0.5s ease-in-out;
        animation: round 10s linear infinite;
        position: absolute;
        right: -42px;
        top: 82px;
    }
    .spacing-top-bottom {
        padding-top: 85px;
        padding-bottom: 57px;
    }
    .onlyon-tablet{
        display: none;
    }
    .video-content h1 {
    text-align: center;
    padding-top: 0px;
    color: rgb #4c617a (76 97 122);
    font-size: 87px;
    text-transform: uppercase;
    letter-spacing: 10px;
    font-weight: 700;
    padding-bottom: 30px;
    margin: 0;
    }
    .video-section-background{
        height: 600px;
    }
    .header .container-fluid {
        padding: 4px 15px;
    }
    .spaces-pt-2{
        padding-top: 0;
    }
    .laravel-development-solution img{
        padding-bottom: 40px;
    }
    .seo-services-help {
        padding-top: 30px;
    }
    .seo-services-help .heading-to-btn .main-heading{
        display: block;
    }
    .heading-to-btn .main-heading h2{
        max-width: 100%;
    }
    .about-pg-n-heading.section-heading span, .main-heading .section-heading span, .main-heading .section-heading{
        font-size: 34px;
    }
    .self-box-adv{
        display: block;
    }
    .icon-typ-adv img{
        width: 58px;
        height: 58px;
    }
    .icon-typ-adv img{
        margin-bottom: 20px;
    }
    .tools-nme-seo img{
        width: 100%;
    }
    .tools-nme-seo{
        padding: 11px 12px;
    }
    .spaces-pt-2{
        padding-top: 42px;
        padding-bottom: 35px;
    }
    .shape-with-white-bg{
            margin-top: -220px;
    }
    .hiden-tb-shap, .mid-side-shap-new{
        display: none;
    }
    .hiden-all-shap{
        display: block;
    }
    .industries-list, .main-cunt-prt-home{
            overflow: hidden;
    }
    .only-for-tab-home-banner{
        display: flex;
    }
    .secrive-sec-p p{
        width: 100%;
    }
    .services-boxes-new{
        padding-top: 0;
    }
     .video-content-new {
        text-align: center;
        color: white;
         padding-top: 0px; 
        padding-bottom: 175px;
    }
    .video-content-new h1{
        font-size: 49px;
    }
    .video-content-new p{
        font-size: 30px;
    }
    .second-section-2-new{
        display: none;
    }
  
    .about-pg-n-heading-2.section-heading {
        font-size: 30px;
    }
    .about-pg-n-heading-2.section-heading span {
        font-size: 30px;
    }
    .img-cours-new{
        padding-top: 35px;
    }
    .internship_benefits_content{
        height: auto;
        margin-bottom: 30px;
    }
    .internship_process_outer.one:after {
        left: 109px;
        top: 51px;
        width: 406px;
        height: 26px;
    }
    .internship_process_outer.two:after {
        left: 103px;
        top: 70px;
        width: 350px;
        height: 50px;
    }
    .internship-laeft-layer img {
        max-width: 100%;
    }
    .icon-cor-new {
        position: static !important;
    }
    .intership_hero_sec {
        padding: 60px 0 69px !important;
    }
    .internship-laeft-layer {
        left: -20%;
    }
    .seo-services-help .heading-to-btn .main-heading{
        max-width: 100% !important;
    }
    .btn-heding-hover-sec .section-heading {
        max-width: 100% !important;
    }
    .seo-pg-cta-sideimg img{
        position: static !important;
    }
    .inner-div-box-text .main-heading{
        display: block;
    }
}

@media (min-width:1024px) and (max-width: 1100px){
    
    .left-side-shap-new:before {
    position: absolute;
    content: "";
    top: auto;
    left: auto;
    bottom: 7px;
    right: -178px;
    width: 55px;
    height: 84px;
    background: #ffffff;
    clip-path: path("M8 -39 Q-4,29 44,40 L -20 104 Z");
    transform: rotate(345deg);
}
.right-side-shap-new:after {
    position: absolute;
    content: "";
    top: 220px;
    left: -122px;
    bottom: 12px;
    width: 53px;
    height: 44px;
    background: #ffffff;
    clip-path: path("M0 0 Q0,25 32,35 L 0 30 Z");
    transform: rotate(280deg);
}
.second-section-2-new {
    padding-top: 0px;
}
.mid-side-shap-new p{
    font-size: 20px;
}
.navbar .navbar-nav .nav-link {
    font-size: 16px;
    padding: 10px 7px;
}
.navbar .navbar-nav .nav-link{
    margin-right: 0px;
}
.mega-menu-contact-content label {
    font-size: 11px;
    line-height: 21px;
}
.mega-menu-contact-content a {
    font-size: 17px;
}
.mega-menu-contact {
    display: flex;
    gap: 2px;
}
.video-content h1{
    font-size: 105px;
}
.video-section-background{
    padding: 60px 0;
}
.main-heading .section-heading{
    font-size: 40px;
}
.main-heading .section-heading span {
    font-size: 40px;
}
.text-slider-4{
    font-size: 120px;
}
.text-runing-portfolio{
    padding: 20px;
}
.box-cunt-section {
    border-left: none;
    padding-left: 0px;
}
.counter-self-scnd h3 {
    font-size: 70px;
}
.main-cunt-prt-home{
    padding-top: 60px;
}
.font-back-end-section{
    padding: 0px 0px;
}
.video-content-new h1{
    font-size: 60px;
}
.video-content-new{
    padding-top: 0;
    padding-bottom: 0;
}
.video-section-background-new {
    padding: 128px 0 105px 0;
}
    .key-out-self-n {
        height: 248px !important;
    }
    .seo-pg-cta-sideimg img {
        top: 36px !important;
        max-width: 413px !important;
    }
    .seo-pg-cta-sideimg img {
        left: -25px !important;
    }
}

@media(min-width:1100px) and (max-width:1300px){
    .video-content h1{
        font-size: 145px;
    }
}

@media (min-width: 1366px) {
    .video-content h1{
        font-size: 153px;
    }
}
@media (min-width:1536px){
	.container {
       max-width: 1530px;
    }
   .left-side-shap-new:before {
        position: absolute;
        content: "";
        top: auto;
        left: auto;
        bottom: -29px;
        right: -196px;
        width: 66px;
        height: 65px;
        background: #ffffff;
        clip-path: path("M8 -39 Q-4,29 44,40 L -20 104 Z");
        transform: rotate(337deg);
}
.right-side-shap-new:after {
        position: absolute;
        content: "";
        top: 222;
        left: -126px;
        bottom: 15px;
        width: 63px;
        height: 64px;
        background: #ffffff;
        clip-path: path("M8 -39 Q-4,29 44,45 L -20 104 Z");
        transform: rotate(275deg);
}
.second-section-2-new {
    padding-top: 30px;
}
}




.seo-services-help .main-heading p {
    padding: 15px 0 0;
}
.points-with-img{
    padding-left: 0px;
    line-height: 32px;
    column-count: 2;
}
.points-with-img li {
    color: #3b5d78;
    list-style: none;
    padding-left: 25px;
    position: relative;
    font-size: 16px;
}
.points-with-img li::before {
    content: "\f058";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #308cf1;
    position: absolute;
    left: 0;
    top: 0;
}
.inner-div-big-cont .btn-big-cont-seo{
    padding-top: 15px;
}
.btn-heding-hover-sec .section-heading{
    max-width: 72%;
}
.cta-section-seo-pg{
     background: url(../images/client-bg.jpg);
    padding: 78px;
    background-position: center;
}
.inner-div-cta-seo h4, .inner-div-cta-seo p{
    color: white;
}
.cta-text-seo h4{
    font-size: 40px;
}   
.btn-cta-seo a{
    background: white;
    padding: 16px;
    font-size: 17px;
}
.seo-pg-cta-sideimg{
    position: relative;
}
.seo-pg-cta-sideimg img {
    position: absolute;
    top: -145px;
    right: 0;
    /* height: 468px; */
       max-width: 580px;
    left: 0;
}
.btn-cta-seo{
    padding-top: 40px;
}
.seo-pg-banner .hero-pera-about{
    font-size: 19px;
}
.seo-banner-btn-first{
background: #308cf1;
    padding: 10px 30px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin-right: 10px;
}
.seo-banner-btn{
    background: black;
    padding: 10px 25px;
    border-radius: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}
.cta-seo-btn{
    padding-top: 15px;
}
.internship-faq .main-heading .section-heading, .internship-faq .main-heading .section-heading span,
.testimoial-internship-page .main-heading .section-heading ,.testimoial-internship-page .main-heading .section-heading span{
    color: black;
}
.internship_benefits_content:hover ul li::before{
    color: #fff;
}
.inner-testimonials-about-us-new .owl-carousel .owl-nav i{
    display: none;
}
.intern-popup-new{
    background-color: #0f131a;
    width: 70%;
    margin: auto;
}
.popup_intership_pg .modal{
    background-color: #0c0c0cc2;
}
.popup_intership_pg  .form-popup-portfolio .form-control {
    color: white;
    border: 1px solid white;
}
.popup_intership_pg .form-check-input[type=checkbox] {
    border-radius: .25em;
    border: 1px solid white;
}
.courses-label{
    padding-top: 13px;
    padding-bottom: 14px;
    font-size: 18px;
}
.for-big-content-seo .main-heading p {
    padding: 15px 0 10px;
}
.inner-section-career-upper-text img{
    width: 100%;
}
.internship-faq .main-heading, .faq-seo-new .main-heading{
    text-align: center;
    max-width: 70%;
    margin: auto;
}
.faq-seo-new{
    background: #F7F6F6;
    padding-top: 75px;
    padding-bottom: 65px;
}
.faq-seo-new .all-faq-in-this .accordion-item{
    margin-bottom: 12px;
}
.seo-testi-new{
    margin-bottom: 6rem;
}
.inner-div-seo-serv {
    text-align: center;
}
.main-heading .section-heading{
    line-height: 37px;
}
.popup_seo_pg .modal{
    background-color: #0000004a;
}
.popup_seo_pg .lower-section-of-box {
    background-color: white;
}
.popup_seo_pg .heading-and-subheading-form-popup h2, .popup_seo_pg .heading-and-subheading-form-popup p{
    color: black !important;
}
/*.popup_seo_pg .form-popup-portfolio input, .form-popup-portfolio select{*/
/*    background-color: white;*/
/*}*/
/*.popup_seo_pg .form-popup-portfolio label, .form-popup-portfolio select{*/
/*    color: black;*/
/*}*/
.iner-page-main-section .mid-box-modal h6, .iner-page-main-section .logo-and-pera-section h3{
    font-family: "Switzer-Medium";
}
.popup_seo_pg  .form-popup-portfolio textarea {
    background-color: white;
        margin-top: 12px;
}
.popup_seo_pg .form-popup-portfolio .form-control {
    color: #000000;
}
.popup_seo_pg .form-popup-portfolio .form-floating .form-control:focus {
    background-color: white;
    color: black;
}
.popup_seo_pg .form-popup-portfolio textarea.form-control:focus {
    background-color: white;
    color: black;
}
.popup_seo_pg .submit-btn-of-popup-porfolio button {
    background-color: #17518a;
     transition: all 0.3s ease;
}
.popup_seo_pg .submit-btn-of-popup-porfolio button:hover {
    background-color: white;
    border: 1px solid black;
    color: black;
}
.popup_seo_pg .portfolio-modal .modal-header {
    border: none;
    position: absolute;
    top: 25px;
    right: 283px;
    z-index: 1;
}
.popup_seo_pg .popap-section .modal-header button{
    background-color: white;
    border: 1px solid black;
}
.popup_seo_pg .popap-section .modal-header button {
    border: 1px solid black !important;
}
.popup_seo_pg .intern-popup-new {
    width: 65%;
}
.popup_seo_pg .form-floating label{
    font-size: 14px;
}
.img-of-footer-part-slider-test img{
    width: 50px !important;
    height: 50px;
}







/*100% screen*/
@media (max-width: 1399px) {
	.icon-cor-new p{
	    padding: 8px 11px;
	    font-size: 13px;
	}
	.card-text-self h3{
	    font-size: 18px;
	}
	.card-text-self{
	   position: relative;
	}
	/*.icon-cor-new{*/
	/*    position: absolute;*/
 /*       bottom: 0;*/
	/*}*/
	.key-out-self-n{
	    padding: 20px;
	}
	.text-key-cours h4{
	    font-size: 18px;
	}
	.key-out-self-n{
	    height: 210px;
	}
	.card-text-self{
	   min-height: 211px;
	}
	.intership_hero_sec{
        padding: 120px 0 69px;
    }
    .main-box-zot-img{
        height: 423px;
    }
}
 
 
/*90% screen*/
@media only screen and (min-width: 1400px) and (max-width: 1530px){

	.key-out-self-n{
	    height: 210px;
	}
	.internship_process_outer.one:after {
        position: absolute;
        content: "";
        background: url(../images/arrow1.png);
        background-repeat: no-repeat;
        left: 302px;
        top: 41px;
        transform: rotate(360deg);
        width: 500px;
        height: 100px;
    }
    .internship_process_outer.two:after {
        position: absolute;
        content: "";
        background: url(../images/arrow2.png);
        background-repeat: no-repeat;
        left: 303px;
        top: 63px;
        width: 500px;
        height: 100px;
    }
    .intership_hero_sec{
        padding: 120px 0 82px;
    }
    .main-box-zot-img{
        height: 386px;
    }
 
}
 
 
/*80% screen*/
@media (min-width:1536px){
	.internship_process_outer.one:after {
        position: absolute;
        content: "";
        background: url(../images/arrow1.png);
        background-repeat: no-repeat;
        left: 374px;
        top: 42px;
        transform: rotate(362deg);
        width: 500px;
        height: 100px;
    }
    .internship_process_outer.two:after {
        position: absolute;
        content: "";
        background: url(../images/arrow2.png);
        background-repeat: no-repeat;
        left: 350px;
        top: 63px;
        width: 500px;
        height: 100px;
    }
    .main-box-zot-img{
        height: 386px;
    }
 
}

/*70% screen*/
@media only screen and (min-width: 1900px) and (max-width: 1940px){
    .internship-laeft-layer {
        position: absolute;
        top: 0;
        left: -9%;
    }
}



/*----heading-acc-to-seo----*/

.hire-developers-first-part-inn .title-about-new-page h2{
    font-family: "Switzer-Medium";
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 8px;
    margin-bottom: 20px;
}
.hire-developers-first-part-inn .subtitle-about-new-page h3 {
    font-size: 38px;
    color: #103350;
    font-family: 'Gilroy-Medium';
}