/*new*/
.icon-list.bullet-soft-primary.bullet-bg i {
    color: red;
    background-color: #fef2e1 !important;
}
.banner-btns {
    background: #e71300 !important;
    border: #e71300 !important;
}
.footer-post-title {
    color: #ffc107!important;
    font-size: 20px;
}
.blockchain-placement-sec .placement-list {
    padding: 2rem;
    background: hsla(0,0%,100%,.07);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-radius: 16px;
}
.placement-list li {
    list-style: none;
}
.price-details {
    background: radial-gradient(50% 14.08% at 50% -.06%,rgba(121,38,255,.32) 0,rgba(0,17,5,.32) 100%);
    border-radius: 14px;
    overflow: hidden;
}
.max-size {
    width: 50%;
    margin: auto;
}
.price-details .noise-bg button {
    width: 100%;
}
.blockchain-btn {
    background: linear-gradient(90deg,#b900fa,#7926ff);
    color: #fff;
    border: none;
    padding: 0.9rem 1.5rem;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    border-radius: 16px;
    font-weight: 600;
}
.price-details .noise-bg {
    background: url(../images/fee.webp) no-repeat;
    background-size: cover;
    padding: 4rem 9rem;
}
.banners-title{
    border-right: 1px solid #ccc;
}
.banner-btns {
    padding: 11px;
    /* width: 100px !important; */
    height: 50px;
}
.registration-form {
    width: 912px;
    padding-top: 56px;
    border-radius: 10px;
}
.padding-fifteen-all {
    padding: 20px;
    border-radius: 8px;
}
.web-developments{
    width:100%;
}
.images {
    width: 940px;
    height: 530px;
    background-image: url(../images/banner.webp);
}

.card1 {
    padding-top: 167px !important;
}
.card2 {
    padding-top: 116px;
}
.card3 {
    padding-top: 71px;
}
.card4 {
    padding-top: 45px;
}
.card5 {
    padding-top: 10px;
}
.line {
    width: 109%;
}
.bluev {
    background-color: #222151 !important;
    border-radius: 20px;
}
.divider-icon {
    padding-bottom: 20px;
}
.spring {
    width: 51%;
}
.techno-card {
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
.tech-img {
    width: 65%!important;
    text-align: center!important;
}
.tech-card {
    padding: 0rem 0rem!important;
}
.course-curriculum {
    background-color: #8f3e1f0a;
}
.full-stack-para {
    display: inline;
    padding: 10px;
    border-radius: 20px;
    background-color: #ff4000;
}
.internship-cards-2{
    padding: 1rem 1rem !important;
    border: 1.7px dashed;
    color: #ccc;
}




.services-con {
    border-right: 1px solid #9e1a7d;
}
.card-items-program{
    margin-top: 20px;
}

.card-internship{
    padding: 1rem 1rem !important;
    border-radius: 10px;
    border: 1px solid #dbdbdb;
    height: 300px;
}
.case-study-images-3{
    width: 30px;
}
.cas-content{
    width: 200px;
}
.text-dark{
    color: #000 !important;
}
.product-thumb{
    margin-top: 40px;
}
.form-img{border-radius: 50%;width: 70px;margin-bottom: 10px;}
.form-select{color: #000 !important;}
.form-control{color: #000 !important;}
.ui-ux-design-top{padding: 32px;margin-bottom: 20px;}

.ripple::after {
    opacity: .6;
    -webkit-animation: ripple-2 2s infinite ease-in-out !important;
    animation: ripple-2 2s infinite ease-in-out;
    -webkit-animation-delay: .5s;
    animation-delay: .5s !important;
}
.logo-header{
    width: 190px !important;
}

.navbar.fixed .navbar-nav>.nav-item>.dropdown-menu, .navbar:not(.transparent) .navbar-nav>.nav-item:not(.language-select)>.dropdown-menu {
 margin-top: 0!important;
}
.footer-menus{
    font-weight: 500;
    font-size: 17.2px !important;
}
.form-floating>label {
    color: #000 !important;
    font-size: .75rem;}


.navbar-dark:not([class*=navbar-bg-]).fixed .btn {
    background: #ff4000 !important;
    border-color: #ff4000 !important;
    color: #fff;
}
.bg-navy{
    background: #000 !important;
}
.banner-icons {
    color: #ff3800 !important;
    font-size: 15.6px !important;
    padding: 5px;
    border-radius: 100%;
    background: #fff;
}

a:hover {
    color: #000;
}
.dropdown-item:hover{
 color: #ff4000 !important;
}
.nav-link:hover{
     color: #ff4000 !important;
}
.thumb-info .thumb-info-wrapper{
    border-radius: 12px !important;
}
.apply{
    border-radius: 10px;
    padding: 50px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border: 1px solid #dbdbdb;
}

.leading-circle{

    border-radius: 6px !important;
    width: 30px !important;
    height: 30px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #fef3e4;
}
}
.fs-18{
    color: #000 !important;
}
.fs-17{
    color: #000 !important;
}
.whychoose-slider {
    background: #061a2a;
    padding: 48px 0 0px 0;
    border-radius: 0px 0px 0px 222px;
    margin-bottom: 90px;
    height: auto;
    color: white;
}
.media-3{
    background: #E0FFE3 !important;
}
.media-4{
    background: #F6F6EB !important;
}
.media-5{
    background: #FEEFE8 !important;
}
.media-6{
    background: #FFFCDE !important;
}
.media-second{
    background: #F7F2FF !important;
}
.media-img{
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
.media-marketing-images-1{
    padding: 20px;
        width: 90px;
    height: 90px;
    display: inline-block;
    background: #edfaff;
    border-radius: 17px;
    transform: rotate(45deg);
    text-align: center;
    position: relative;
    margin-bottom: 15px;
}
.ios-card{
    text-align: center;

}
.tech-icons{
    margin-top: 20px;
}
.tech {
    padding: 6px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.shopping-menu{margin-top: 30px;}
.wp-content{
    height: 115px;
}
.wp-images{
    margin-top: 60px;
}
.bg-gradient-primary {
    background: linear-gradient(180deg,#fff8ef,rgba(255,255,255,0) 100%)!important;
}
.ph-Industries-box {
    text-align: center;
    box-shadow: 0 0 14px 0 RGB(11 42 86/8%);
  
    border-radius: 8px;
    height: 160px;
    background: var(--ph-white-color);
    /* border-bottom: 5px solid var(--ph-lightgray-color); */
}
.shadow-lg {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
}
.process-bar {
    padding: 15px;
    width: 100px;
    height: 100px;
    border: 2px dashed #505050;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}
.digital-img{
  animation: digital-img linear 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: digital-img linear 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: digital-img linear 4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: digital-img linear 4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: digital-img linear 4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes digital-img{
  0% {
    transform:  translate(1px,20px)  ;
  }
  24% {
    transform:  translate(1px,30px)  ;
  }
  50% {
    transform:  translate(1px,12px)  ;
  }
  74% {
    transform:  translate(1px,22px)  ;
  }
  100% {
    transform:  translate(1px,22px)  ;
  }
}

@-moz-keyframes digital-img{
  0% {
    -moz-transform:  translate(1px,20px)  ;
  }
  24% {
    -moz-transform:  translate(1px,30px)  ;
  }
  50% {
    -moz-transform:  translate(1px,12px)  ;
  }
  74% {
    -moz-transform:  translate(1px,22px)  ;
  }
  100% {
    -moz-transform:  translate(1px,22px)  ;
  }
}

@-webkit-keyframes digital-img {
  0% {
    -webkit-transform:  translate(1px,20px)  ;
  }
  24% {
    -webkit-transform:  translate(1px,30px)  ;
  }
  50% {
    -webkit-transform:  translate(1px,12px)  ;
  }
  74% {
    -webkit-transform:  translate(1px,22px)  ;
  }
  100% {
    -webkit-transform:  translate(1px,22px)  ;
  }
}

@-o-keyframes digital-img {
  0% {
    -o-transform:  translate(1px,20px)  ;
  }
  24% {
    -o-transform:  translate(1px,30px)  ;
  }
  50% {
    -o-transform:  translate(1px,12px)  ;
  }
  74% {
    -o-transform:  translate(1px,22px)  ;
  }
  100% {
    -o-transform:  translate(1px,22px)  ;
  }
}

@-ms-keyframes up-down {
  0% {
    -ms-transform:  translate(1px,20px)  ;
  }
  24% {
    -ms-transform:  translate(1px,30px)  ;
  }
  50% {
    -ms-transform:  translate(1px,12px)  ;
  }
  74% {
    -ms-transform:  translate(1px,22px)  ;
  }
  100% {
    -ms-transform:  translate(1px,22px)  ;
  }
}
.web-titles{
    color: #ef5e1f;
    font-size: 20px;
}
.accordion-wrapper .card-header button:before {
    color: #ef5e1f ;
}
.accordion-wrapper .card-header button:hover {
    color: #ef5e1f;
}
.progress-wrap:after {
    color: #ff4000;
}
.progress-wrap svg.progress-circle path {
    stroke: #ff4000;}
.product-back{
    margin-top: -40px;
}
.second-section{
    font-size: 22px;
}
.custom-thumb-info-4 {
    border: none;
    padding-bottom: 30px;
    overflow: visible;
}
.thumb-info {
    display: block;
    position: relative;
    text-decoration: none;
    max-width: 100%;
    background-color: var(--light);
    border-radius: var(--border-radius);
    overflow: hidden;
    backface-visibility: hidden;
    transform: translate3d(0,0,0);
}
.thumb-info .thumb-info-wrapper {
    backface-visibility: hidden;
    transform: translate3d(0,0,0);
    border-radius: var(--border-radius);
    margin: 0;
    overflow: hidden;
    display: block;
    position: relative;
}

.custom-thumb-info-4 .thumb-info-caption {
     

    position: relative;
    display: block;
    width: 100%;
    margin: -57px auto 0;
    padding: 5px;
    background: rgba(0,0,72,.6);;
    z-index: 1;
}

.file-caption{
       background: rgba(255, 255, 255, 0.2);
    border-bottom-right-radius: 14px;
    border-bottom-left-radius:16px;
    /* box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); */
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);

}
.custom-thumb-info-4 .thumb-info-caption .thumb-info-caption-text {
    padding: 0;
}
.custom-box-shadow{
    background: none !important;
}


.icon-list.bullet-soft-leaf.bullet-bg i {
    color: #fff;
    background-color: #75b94a;
}
.section-images{
    background-image: url(../images/cloud.jpg);
    height: 500px;
}
.fast-event{
    color: #fff !important;
    font-weight: bold;
}
.ph-bg-color {
    background: #F3F5F9;
    position: relative;
    z-index: 0;
}
.ph-all-answers ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px 40px;
    text-align: center;
}
.ph-all-answers ul li {
    list-style: none;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 15px;
    position: relative;
    transition: all 0.3s;
    margin-bottom: 20px;
}
.ph-all-answers ul li .ph-count-ans {
    width: 72px;
    height: 72px;
    margin: -25px auto auto;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-radius: 50px;
    margin-bottom: 20px;
    border: 6px solid #fff;
    background: #f04a2a;
    box-shadow: 0 0 14px 0 #0a204026;
}
.ph-all-answers ul li .ph-count-ans h2, .ph-all-answers ul li .ph-count-ans .h2 {
    margin-bottom: 0;
    color: #fff;
    font-weight: 700;
    line-height: 60px;
}
.form-required{
    color: #ff0000;

}
.form-control{
        box-shadow: 0 0 16px rgba(0,0,0,.02);
}

.btn-soft-primary {
    background-color: #fef3e4;
    color: #fab758;
}
.bg-dot.primary {
    background-image: radial-gradient(#ff5200 2px,transparent 2.5px);
}
.contact-detils{
        height: 384px;
    border: 1px solid #dbdbdb;
}
.contact-icons{
    color: #ff5200;
    font-size: 30px;
}
.about-text {
    background: #fff;
    margin: -65px auto 0;
    padding: 30px;
    width: 87%;
    border: 1px solid #eff6ff;
    border-radius: 10px;
    box-shadow: 0 0 16px rgba(0,0,0,.02);
}
.contact-hr{
    border: 1.5px solid #ef5e1f;
    width: 100px;
    margin: 0px;
}

.btn.btn-circles {
    background: #ff0000;
    border: 6px solid #fff3ee;
    padding: 0;
    border-radius: 25px !important;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.mobile-content {
    color: #222 !important;
    font-size: 19px;
    line-height: 30px;
    font-weight: 500;
}
.mobile-contents {
    color: #fff !important;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
}
.btn-primary {
    color: #fff;
    background-color: #ff5200;
    border-color: #ff4000;
}
.banner-btn {

    padding: 0px;
    width: 100px;
    height: 36px;
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {

    color: #ff4000 !important;
}
 .navbar-light .navbar-nav .nav-link:hover{color: #ff4000 !important ;}

.mobile-hr{width: 100px;
    border: 1.3px solid #fff;
    margin: 0px;}
.banner-first-title {
    font-size: 45px;
}
.ph-Industries-box {
    text-align: center;
    border: 1px solid #ececec;
    border-radius: 8px;
    background: var(--ph-white-color);}

.simple-effect {
    padding: 1em .4em;
    display: block;
    font-size: 1.8em;
}
.simple-effect span {
    color: #1e92ea;
}


/*-- global css --*/

.overlay,
.overlay-text,
.simple-text,
.overlay-sim-text-2,
.overlay-text-effect-3,
.zoom-effect-1 img,
.zoom-effect-2 img,
.opacity-effect img,
.blur-effect img,
.grayscale-effect img{
   transition: all .4s linear;
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
}
.card-con-nave {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.effect-image-1{
    position: relative;
    display: block;
}
.overlay-text p,
.overlay-sim-text-2 p,
.overlay-text-effect-3 p{
    text-align: center;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    padding: 20px 20px;
}
.overlay{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
    background: rgba(246,0,2,.7);
    opacity: 0;
    visibility: hidden;
}

/*-- simple overlay css --*/

    .simple-overlay{
        opacity: 0;
        visibility: hidden;
    }
    .effect-image-1:hover .simple-overlay{
        visibility: visible;
        opacity: 1;
    }

    /*-- left to right overlay --*/

    .simple-overlay-1{
        width: 0px;
        visibility: hidden;
    }
    .effect-image-1:hover .simple-overlay-1{
        visibility: visible;
        opacity: 1;
        width: 100%;
    }

    /*-- right to left overlay --*/

    .simple-overlay-2{
        width: 0px;
        right: 0;
        left:initial;
    }
    .effect-image-1:hover .simple-overlay-2{
        visibility: visible;
        opacity: 1;
        width: 100%;
    }

    /*-- right corner to left overlay --*/

    .simple-overlay-3{
        height: 0px;
        right: 0;
        left:initial;
        width: 0px;
    }
    .effect-image-1:hover .simple-overlay-3{
        visibility: visible;
        opacity: 1;
        width: 100%;
        height: 100%;
    }

    /*-- ovarlay text effect-1 --*/

    .overlay-text {
        position: absolute;
        left: 5px;
        top: 5px;
        width: 96%;
        height: 94%;
        background: rgba(246,0,2,.7);
    }

    .overlay-text-1{
        opacity: 0;
        visibility: hidden;
    }
    .effect-image-1:hover .overlay-text-1{
        opacity: 1;
        visibility: visible;
    }
    .overlay-text-2{
        opacity: 0;
        visibility: hidden;
        transform: scale(1.1);
    }
    .effect-image-1:hover .overlay-text-2{
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }

    /*-- overlay text effect 2 --*/

    .overlay-sim-text-2{
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background: rgba(246,0,2,.7);
        opacity: 0;
    }

    .simple-text {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        background: #1e92ea;
        color: #fff;
    }
    .simple-text p{
        margin-bottom: 0px;
        padding: 2px 8px;
    }

    .effect-image-1:hover .overlay-xs-1{
        opacity: 1;
        visibility: visible;
        display: block; 
    }
    .effect-image-1:hover .simple-text{
        visibility: hidden;
        opacity: 0;
    }

    /*-- overlay text effect 3 --*/

   .overlay-text-effect-3 {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: rgba(0,0,72,.6);
    position: absolute;
    outline: 5px solid rgba(0,0,72,.6);
    outline-offset: 3px;
}
.border-soft-yellow {
    border-color: #ff5200!important;
}
.btn.btn-circle {
    padding: 0;
    border-radius: 6px !important;
    width: 55px;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #fef3e4;
}
  
.btn.btn-circle .number{
    color: #fab758;
}
.section-card{
    border: 4px solid #ff5200;
}

/*!-- ovarlay radious effect --*/
    .radious-effect img{
        border-radius: 0%;
        width: 176px;
        height: 176px;
        margin: 0 auto;
        display: block;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
    }
    .radious-effect:hover img{
        border-radius: 100%;    
    }
    .radius-effct-next img{
        border-radius: 100%;
        transition: all .3s ease;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -o-transition: all .3s ease;
    }
    .radius-effct-next:hover img{
        border-radius: 0%;
    }
    

/*!-- ovarlay zoom in effect --*/

    .zoom-effect-1{
        overflow: hidden;
    }

    .zoom-effect-1 img{
        transform: scale(1);
        -webkit-transform: scale(1);
    }

    .zoom-effect-1:hover img{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }

/*!-- ovarlay zoom out effect --*/

    .zoom-effect-2{
        overflow: hidden;
    }

    .zoom-effect-2 img{
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
    }

    .zoom-effect-2:hover img{
        transform: scale(1);
        -webkit-transform: scale(1);
    }

/*--overlay opacity effect --*/

    .opacity-effect img{
        opacity: 1;
        width: 100%;
        overflow: hidden;
    }
    .opacity-effect:hover img{
        opacity: .5;
    }

/*-- overlay blur effect --*/

    .blur-effect img{
        filter: blur(2px);
        -webkit-fliter:blur(2px);
    }
    .blur-effect:hover img{
        filter: blur(0);
        -webkit-filter:blur(0);
    }

/*-- overlay grayscle effect --*/

    .grayscale-effect img{
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
    }
    .grayscale-effect:hover img{
        filter: grayscale(0);
        -webkit-filter: grayscale(0);
    }

    .search-engine-icon{
        width: 5%;
    }
    .corparate-images{
        width: 70%;
    }

.all-sec-images{
    width: 100%;
}
.second-section-1{
    font-size: 19.6px;
}
.open-sources-services{
    width: 200px;
}
.block-chain-title {
    background: linear-gradient(90deg,#b900fa,#7926ff);
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

@media (max-width: 767px){
    .banner-btn {
    margin-left: 4px !important;}
    
    .file-caption{
        margin: -46px auto 0 !important;
    padding: 0px !important;
    }
    .images {
    width: auto !important;}
    .registration-form {
    width: auto !important;}
    .price-details .noise-bg{
        padding: 2rem 1rem !important;
    }
    .line {
    width: 100% !important;
}
.card3 {
    padding-top: 0px !important; 
}
.card1 {
    padding-top: 1px !important;
}
.card2 {
    padding-top: 1px !important;
}

.max-size {
    width: 100% !important;
margin: 1px !important;}
    .second-section-1{
        font-size: 14px !important;
    }
    .social-marketing-images{
        width: 100%;
    }
    .ui-ux-design-sec{
        height: 205px !important;
    }
    .ph-Industries-box {
        height: 110px;
    }
    .navbar .navbar-collapse .dropdown-menu .dropdown-item {
        color: #000;
        font-size: 17px;
        font-weight: 500;
    }
    .logo-images{
        width: 200px;
    }
    .offcanvas-nav {background-color: #fff;}

    .second-section {
    font-size: 20px !important;
}
    .whychoose-slider{
        border-radius: 20px !important;
    }

    .product-thumb{
    margin-top: 15px;
}
.innovative-process-sec{
    padding-top: 0px!important;
}
.product-thumb1{
    margin-top: 15px;
}
    .custom-thumb-info-4 .mobile-caption{
    position: relative;
    display: block;
    width: 100%;
    margin: -234px auto 0;
    padding: 15px;
    background: rgba(0,0,72,.6);
    z-index: 1;
}
.thumb-info{
    border-radius: 13px !important;
}

    .call-to-action {
    font-size: 35px !important;
    line-height: 50px !important;
    color: #fff;
    font-weight: bold !important;
    margin-bottom: 24px !important;
}
.about-home-content{
    letter-spacing: normal;
    line-height: 26px;
    font-size: 16px !important;
    font-weight: 600;
}
    .effect-image-1{
        margin:30px 0px;
    }
    .about-con{
        overflow-x: scroll;
        padding-top: 50px;
    }
    .product-back{
    margin-top: 0px;
}
.ecommerce-img{
    margin-top: 20px;
}
.angular{display: none;}
.py-17 {
    padding-top: 4rem!important;
    padding-bottom: 0rem!important;
}
.banner-first-title {
    font-size: 39px;
}

}















/*banner-home*/
.banner-titles{
	color: #ef5e1f;
}
.banner-hr{margin: 0px !important;}
.btn-outline-primary {
    color: #ef5e1f !important;
    border-color: #ef5e1f !important;
}
.btn-expand.btn-primary {
    color: #ef5e1f;
}
.btn-expand.btn-primary:before {
	color: #fff !important;
    background-color: #ef5e1f !important;
}
.call-to-action{
	font-size: 54px;
    line-height: 70px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 30px;
}

/*btn annimation*/
.annimated-content{
	border: 3px solid rgba(255,255,255,.2);
	padding: 40px;
}

.dropdown-header {
    text-transform: none !important;
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 20.5px !important;
    color: #ef5e1f !important;
    white-space: nowrap;
}


.navbar-dark .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
    color: #ef5e1f !important;
    margin-left: 7px;
}
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow:before {
    position: relative;
    content: "\e900";
    font-size: 19px;
}
.navbar-dark .navbar-nav .nav-link {
    font-weight: 600;
    color: #000;
    font-size: 19px !important;
}
.navbar-light .navbar-nav .nav-link {
    font-weight: 600;
    color: #000;
    font-size: 19px !important;
}
.card-images {
    text-align: center;
    border-radius: 10px;
    padding: 17px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    height: 120px;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {color:#ef5e1f !important ;}
.dropdown-menu {border-bottom: 3px solid #ef5e1f;border-radius: 0px !important;
}
.navbar-nav>li>ul.mega-menu {
    margin-left: -5.25rem!important;
    margin-right: -5.25rem!important;

}
.dropdown-item {
    font-size: 17.6px;
    font-weight: 500;
    letter-spacing: -.01rem;
}
.alert{margin-bottom: 0px !important;}


/* (A) CONTAINER & SHARED */
.vtl, .vtl * {

  box-sizing: border-box;
}
.vtl {
  padding-left: 50px; /* "reserve space" for vertical line */
  max-width: 1000px;
  /* optional */
}
.vtl, .event { position: relative; } /* required for absolute position to work properly */
.vtl::before, .event::before, .event::after { position: absolute; }

/* (B) VERTICAL LINE */
.vtl::before {
  /* (B1) DRAW VERTICAL LINE */
  content: ""; width: 5px;
  background: #a9a9a9;

  /* (B2) POSITION TO THE LEFT */
  top: 0; bottom: 0; left: 11px;
}
.digital-seo{background: #f5f2f2;padding: 10px;border-radius: 10px;}
/* (C) EVENTS */
.event {
  padding: 20px; margin-bottom: 30px; border-radius: 5px;
  width: 1000px;
  border: 1px solid #dbdbdb;
  
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.event p {
    font-size: 18px;
  padding: 0; margin: 0;
  color: #000;
}
p.date { font-size: 25px; font-weight: 600; }


/* (D) CIRCLE ON VERTICAL LINE */
.event::after {
  /* (D1) DRAW CIRCLE */
  content: ""; width: 16px; height: 16px; border-radius: 50%;
  border: 4px solid #ff5200;
  background: #fff;

  /* (D2) POSITION ON VERTICAL LINE */
  top: 23%; left: -45px;
}

/* (E) EVENT "SPEECH BUBBLE CALLOUT" */
.event::before {
    content: "";
    border: 17px solid transparent;
    border-right-color: #ff5200;
    border-left: 0;
    top: 18%;
    left: -18px;
}

/* (X) DOES NOT MATTER */

#cbwrap {
  background: rgba(255, 255, 255, 0.9);
 padding: 20px;
  border-radius: 10px;
}
#cbtitle {
  margin-bottom: 40px;
text-align: center;
}
#cbinfo {
  padding: 10px; margin-top: 40px;
  font-weight: 700; text-align: center;
}
#cbinfo a {
  text-decoration: none; padding: 5px;
  color: #fff; background: #a91616;
}

/*process*/
.innovative-sec {
  padding: 60px 0 100px;
}

.innovative-sec {
  padding: 20px 0 50px;
}

.innovative-heading-title {
  margin-bottom: 40px;
  text-align: center;
}


.innovative-heading-title p{
  margin-bottom: 15px;
  color: #505050;
  line-height: 30px;
  font-size: 17px;
}

.innovative-heading-title h2{
    color: black;
}


.innovative-process-sec {
  padding-top: 70px;
}


.innovative-process-in {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
    grid-gap: 24px 50px;
}


.innovative-process-in .innovative-process-inner {
  position: relative;
}


.innovative-process-in {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  grid-gap: 24px 50px;
}

.innovative-process-in .innovative-process-inner:nth-child(1):before, .innovative-process-in .innovative-process-inner:nth-child(3):before, .innovative-process-in .innovative-process-inner:nth-child(5):before {
  content: '';
  background: url(../images/arrow1.svg) no-repeat right center;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100px;
  position: absolute;
  transform: translate(55%, -20%);
}

.innovative-process-in .innovative-process-inner:nth-child(2):before, .innovative-process-in .innovative-process-inner:nth-child(4):before, .innovative-process-in .innovative-process-inner:nth-child(6):before {
  content: '';
  background: url(../images/arrow2.svg) no-repeat right center;
  top: 0;
  bottom: 0;
  right: 0;
  width: 100px;
  position: absolute;
  transform: translate(65%, -10%);
}

.innovative-process-in .innovative-process-inner:nth-child(2), .innovative-process-in .innovative-process-inner:nth-child(4), .innovative-process-in .innovative-process-inner:nth-child(6) {
  margin-top: -100px;
}

.innovative-count-no {
  max-width: 25px;
  transform: translate(10px, 35px);
  position: relative;
  z-index: 10;
}

.innovative-count-no h3, .innovative-count-no .h3 {
  font-size: 48px;
  font-weight: 800;
  color: var(--innovative-black-color);
  opacity: 0.1;
  margin-bottom: 0;
}

.innovative-outer-in {
 
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  position: relative;
  z-index: 9;
}

.innovative-picon-box {
  max-width: 70px;
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
}

.innovative-process-inner h6, .innovative-process-inner .h6 {
    letter-spacing: normal;
    font-size: 17px;
    margin-top: 4px;
    font-weight: 500;
}















@media (max-width: 1450px){
.ph-infrastructure-content {
    padding: 20px;
}

@media (min-width: 1200px) {

  .innovative-process-in {
    grid-template-columns: repeat(7, 1fr);
}
}

@media (max-width: 1199px){
.innovative-process-in {
    grid-template-columns: repeat(4, 1fr);
}}

@media screen and (min-width: 575px) and (max-width: 991.5px){
.innovative-process-in {
    grid-template-columns: repeat(3, 1fr) !important;
}
.innovative-process-in .innovative-process-inner:nth-child(1):before,
.innovative-process-in .innovative-process-inner:nth-child(2):before,
.innovative-process-in .innovative-process-inner:nth-child(3):before,
 .innovative-process-in .innovative-process-inner:nth-child(4):before,
  .innovative-process-in .innovative-process-inner:nth-child(5):before,
  .innovative-process-in .innovative-process-inner:nth-child(6):before{
        display: none;
  }

  .innovative-process-in .innovative-process-inner:nth-child(2), .innovative-process-in .innovative-process-inner:nth-child(4), .innovative-process-in .innovative-process-inner:nth-child(6) {
    margin-top: 0;
  }
  .acc-card {
    padding: 20px;}
    .left-career h4 {
    display: none;
}

.details-decs {
    width: 100%;
}
.left-career .details-decs li {
    width: 100% !important;
}


  

}


@media screen and (max-width: 767.5px){
    .photos{margin-top: 20px !important;}
    .nav-tabs .tab-sec {
    padding: 15px !important;
}
.event{
    width: 100% !important;
}
p.date {
    font-size: 18px;
    font-weight: 600;
}
.event p {
    font-size: 17px;}
.event::before {
    top: 21%;
} 
.digital-seo{width: 17%;margin-right: 6px;}   
.navbar-nav>li>ul.mega-menu {
    margin-left: -1.25rem!important;
    margin-right: -1.25rem!important;
}
.dropdown-header {
    text-transform: none !important;
    
    font-size: 17.5px !important;}
    .dropdown-item {
    font-size: 15.6px;}
.project-dwnld {
    padding-top: 10px;
   
    padding-bottom: 43px;
    width: 100%;
}
.project-dwnld ul li {
    list-style: none;
    text-align: center;
    border-bottom: 1px solid #6fc047;
    width: 38%;
    padding: 2px;
  
}
.web-project{margin-top: 30px;}
  .ph-all-answers ul {
  
    grid-gap: 7px 8px;}
    .ph-all-answers ul li {
      width: 210px;
    background: #fff;
    padding: 0px 2px 24px;}
.innovative-process-in {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 50px;
}
.left-career .details-decs li {
    width: 100% !important;
}
.innovative-process-in .innovative-process-inner:nth-child(1):before,
.innovative-process-in .innovative-process-inner:nth-child(2):before,
.innovative-process-in .innovative-process-inner:nth-child(3):before,
 .innovative-process-in .innovative-process-inner:nth-child(4):before,
  .innovative-process-in .innovative-process-inner:nth-child(5):before,
  .innovative-process-in .innovative-process-inner:nth-child(6):before{
        display: none;
  }

  .innovative-process-in .innovative-process-inner:nth-child(2), .innovative-process-in .innovative-process-inner:nth-child(4), .innovative-process-in .innovative-process-inner:nth-child(6) {
    margin-top: 0;
  }






@media screen and (max-width: 991.5px){
.innovative-process-in {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 50px;
}




}

@media screen and (max-width: 350px){
  .innovative-count-no {
    max-width: 0;}
}
}