.ttm-textcolor-white { 
    color: #fff; 
}

.lead {
  font-weight: normal;
  font-size: 16px;
  line-height: 30px;
}
/*
.z-index-0 {
  z-index: 0;
  position: relative;
}

.z-index-1 {
  z-index: 9;
  position: relative;
}
*/

/** Footer-nav-menu **/
.footer-nav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: rgba(255,255,255,0.06);
}
.footer-nav-menu li {
    display: inline-block;
    padding-left: 2px;
    padding-right: 16px;
    font-size: 16px;
    padding-bottom: 0;
}
.footer-nav-menu li:last-child { padding-right: 0; }
.footer-nav-menu li:first-child { padding-left: 0; }
ul.footer-nav-menu li:not(:last-child):after {
    position: absolute;
    content: "|";
    padding-left: 7px;
}
/*======================================================================*/
.responsive {
  width: 100%;
  height: 70px;
  object-fit: cover;
  object-position: bottom;
}

.video-area {
    top: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.video-area video {
    min-width: 100%;
    min-height: 100%;
}
.service-inn-box {
    padding: 72px 0 0;
}
.services-tab .nav-link {
    padding: 0.5rem 0;
    color: #222;
    font-size: 16px;
    text-transform: capitalize;
    margin: 1rem 0;
}
.services-tab .nav-link img {
    display: inline-block;
    margin-right: 15px;
}
.services-tab .nav-pills .nav-link.active,
.services-tab .nav-pills .show > .nav-link {
    color: #222;
    background-color: transparent;
    font-weight: 700;
}
.service-box-item {
    position: relative;
    color: #444;
}
.service-box-item h4 {
    font-weight: 700;
    font-size: 26px;
    text-transform: capitalize;
}
.service-box-item h5 {
    font-weight: 700;
    font-size: 16px;
    text-transform: capitalize;
    margin-top: 24px;
}
.service-box-item p {
    font-size: 15px;
    line-height: 26px;
}
.service-inner-content {
    position: absolute;
    top: 9px;
    right: 10px;
    max-width: 410px;
    padding: 40px;
    background-color: #fff;
    border-top: 6px solid #3d96f7;
    box-shadow: 0 0 8px 0px #575757;
    border-radius: 5px;
}
.service-inner-content .link-circle {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    position: absolute;
    left: -25px;
    top: 50%;
    margin-top: -25px;
    font-size: 36px;
    line-height: 51px;
    opacity: 1;
    background-color: #007bff;
}
.service-inner-content .link-circle:hover {
    opacity: 1;
}

@media only screen and (max-width : 767px) {
	.service-inn-box {
        padding: 0;
    }
    .services-tab .nav-link {
        padding: 0;
        margin: 0 0 30px;
    }
    .service-inner-content {
        position: initial;
        max-width: 100%;
        padding: 20px;
        margin-top: 20px;
    }
    .service-inner-content .link-circle {
        left: 0;
        top: 0;
        margin-top: -25px;
        font-size: 35px;
        opacity: 1;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .service-box-item h4 {
        font-size: 22px;
        margin-top: 15px;
    }
    .service-box-item h5 {
        margin-top: 30px;
    }
}

@media only screen and (min-width : 768px) and (max-width : 991px) {
	 .services-tab .nav-link {
        margin: 0 0 15px;
    }
    .our-services .tab-content {
        margin-top: 20px;
    }
    .service-inner-content .link-circle {
        left: 0;
        top: 0;
        margin-top: -25px;
        font-size: 35px;
        opacity: 1;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .service-inn-box {
        padding: 0;
        max-width: 300px;
        margin: auto;
    }
	
}
/*============================================================================*/

.about-area-with-bg-image{background-image:url(../img/about/about-bg-1.jpg);background-position:center center;background-size:cover;background-repeat:no-repeat;position:relative;z-index:1;overflow:hidden}

.about-area-with-bg-image::before{position:absolute;content:"";left:0;right:0;top:0;height:100%;width:100%;background-color:#032449;z-index:-1;opacity:.9}/* background-color:#212428 */
.about-image-wrap{position:relative;margin-left:50px;margin-right:50px}
.about-image-wrap::before{position:absolute;content:"";height:420px;width:635px;background-color:#1299eb;left:-50px;right:-50px;top:-205px;z-index:-1}
.about-image-wrap .since-text{font-size:48px;color:#fff;position:absolute;left:-150px;font-weight:700;bottom:138px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}
.about-content-wrap{margin-left:25px}
.about-content-wrap b{font-size:var(--font-size);color:#1299eb;display:inline-block;margin-bottom:15px;font-weight:400}
.about-content-wrap h3{font-size:45px;margin-bottom:15px;color:#fff;line-height:1.4}

.about-content-wrap h5{font-size:25px;margin-bottom:15px;color:#a6cdfa;line-height:1.4}
.about-content-wrap p{margin-bottom:0;color:#fff;}
.about-content-wrap .about-btn{margin-top:35px}
.about-content-wrap .about-btn .default-btn{background-color:#1299eb; color:#fff; !important}
.about-content-wrap .about-btn .default-btn::before{background-color:#1b98ba;}
.about-content-wrap .about-btn .default-btn:hover{color:#fff;!important}
.about-content-wrap .skill-bar{margin-top:25px}
.about-content-wrap .skill-bar .progress-title-holder{position:relative;margin-bottom:10px}
.about-content-wrap .skill-bar .progress-title{font-size:26px;font-weight:400;color:#fff;}
.about-content-wrap .skill-bar .progress-number-wrapper{width:100%;z-index:10;font-size:11px;line-height:25px;height:25px;letter-spacing:0;font-weight:400;font-style:normal;text-transform:none;color:var(--white-color)}.about-content-wrap .skill-bar .progress-number-mark{position:absolute;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:var(--font-size);color:var(--white-color);font-weight:400}.about-content-wrap .skill-bar .progress-content-outter{height:5px;background-color:var(--white-color);border-radius:5px}.about-content-wrap .skill-bar .progress-content{height:5px;background:var(--main-color);border-radius:5px;width:0%}.about-content-wrap.with-white-text h3{color:var(--black-color)}.about-content-wrap.with-white-text p{color:var(--paragraph-color)}.about-content-wrap.with-white-text .skill-bar .progress-title{color:var(--black-color)}.about-content-wrap.with-white-text .skill-bar .progress-number-wrapper{color:var(--black-color)}.about-content-wrap.with-white-text .skill-bar .progress-number-mark{color:var(--black-color)}.about-content-wrap.with-white-text .skill-bar .progress-content-outter{background-color:#ddd}

.about-image-with-shape{position:relative}
.about-image-with-shape .since-text{display:inline-block;background-color:#1299eb;padding:45px;font-size:45px;color:#fff;font-weight:700;text-align:center;border-radius:50%;position:absolute;left:0;bottom:-1px;-webkit-transition:var(--transition);transition:var(--transition)}.about-image-with-shape .since-text span{font-size:var(--font-size);color:var(--white-color);display:block;font-weight:400}
.about-image-with-shape .since-text:hover{background-color:#1b98ba;}.about-area-with-transparent{overflow:hidden}

.single-funfact-card{margin-bottom:25px;text-align:center}
.single-funfact-card h3{line-height:0;font-size:50px;color:#1299eb; margin-bottom:8px}
.single-funfact-card h3 .small-text{font-size:50px;position:relative;left:-5px}
.single-funfact-card .odometer{font-family:var(--main-font-family)}
.single-funfact-card p{color:#fff;}
.single-funfact-card.with-right-border{position:relative}
.single-funfact-card.with-right-border::before{content:"";position:absolute;top:0;right:-25px;width:1px;height:100%;background-color:#5f6367}
.fun-fact-inner-box{background-color:var(--white-color);-webkit-box-shadow:rgba(149,157,165,.2) 0 8px 24px;box-shadow:rgba(149,157,165,.2) 0 8px 24px;padding-top:100px;padding-bottom:75px;padding-left:50px;padding-right:50px;position:relative;z-index:1}
.fun-fact-inner-box .single-funfact-card p{color:#1299eb;}
.fun-fact-inner-box .single-funfact-card.with-right-border{position:relative}
.fun-fact-inner-box .single-funfact-card.with-right-border::before{content:"";position:absolute;top:0;right:-25px;width:1px;height:100%;background-color:#ddd}
.fun-fact-inner-box .fun-fact-shape-1{position:absolute;left:0;top:0;z-index:-1}
.fun-fact-inner-box .fun-fact-shape-2{position:absolute;right:0;bottom:0;z-index:-1}

@media only screen and (max-width:767px){
.about-image-wrap{margin-left:0;margin-right:0}
.about-image-wrap .since-text{display:none}.about-content-wrap{margin-left:0;margin-top:30px}
.about-content-wrap span{font-size:14px}.about-content-wrap h3{font-size:22px;margin-bottom:15px}
.about-image-with-shape .since-text{padding:20px;font-size:22px}
.about-image-with-shape .since-text span{font-size:14px}

.fun-fact-inner-box{padding-top:50px;padding-bottom:25px;padding-left:20px;padding-right:20px}.fun-fact-inner-box .fun-fact-shape-1{display:none}.fun-fact-inner-box .fun-fact-shape-2{display:none}.fun-fact-inner-box .single-funfact-card p{font-size:12px}.single-services-card{padding:20px}.single-services-card .icon i{font-size:65px}.single-services-card h3{font-size:18px}.case-studies-area{padding-bottom:50px}.case-studies-area::before{display:none}.case-studies-area::after{display:none}.single-case-studies-card .case-studies-content{padding:14px 60px 20px 20px}.single-case-studies-card .case-studies-content span{font-size:14px}.single-case-studies-card .case-studies-content h3{font-size:18px}.single-case-studies-card .case-studies-content .icon a i{height:30px;width:30px;line-height:30px;font-size:15px}.case-studies-shape-1{display:none}.case-studies-shape-2{display:none}.case-studies-shape-3{display:none}.case-studies-area-without-color .section-title{max-width:850px;margin:0 auto 35px}.video-area{padding-top:50px;margin-top:0}.video-view .view-content{padding:20px 15px}.video-view .view-content::before{top:38px}.video-view .view-content span{font-size:12px;margin-top:10px;margin-bottom:10px}.video-view .view-content h4{font-size:15px}.video-view .view-content .video-btn{width:50px;height:50px;line-height:50px;font-size:35px}.video-view .view-content .video-btn i{top:4px;left:2px}.video-view .view-content .video-btn::before{border:1px solid var(--main-color)}.view-content-wrap span{font-size:14px}.view-content-wrap h3{font-size:22px}.view-content-wrap .video-btn{width:50px;height:50px;line-height:50px;font-size:35px}.view-content-wrap .video-btn i{top:4px;left:2px}.view-content-wrap .video-btn::before{border:1px solid var(--main-color)}.choose-us-content span{font-size:14px}.choose-us-content h3{font-size:22px;margin-bottom:15px}.choose-us-inner-box{margin-top:25px}.choose-us-inner-box .choose-us-list{margin-top:25px}.choose-us-box{margin-left:0;margin-top:30px}.choose-us-box .single-choose-us-card{padding:20px 10px}.choose-us-box .single-choose-us-card .icon i{font-size:45px}.choose-us-box .single-choose-us-card .number{height:65px;width:65px;line-height:65px;font-size:30px;margin-bottom:15px}.choose-us-box .single-choose-us-card h3{font-size:var(--font-size)}.testimonials-shape-1{display:none}.testimonials-shape-2{display:none}.single-testimonials-card{padding:35px 25px 25px}.single-testimonials-card .info{padding-left:78px}.single-testimonials-card .info .icon i{height:65px;width:65px;line-height:75px;font-size:30px}.single-testimonials-card .info .image img{height:65px;width:65px}.single-testimonials-card .info h3{font-size:var(--font-size)}.single-testimonials-card .info span{font-size:12px}.single-testimonials-card p{margin-top:28px}.single-testimonials-box p{font-size:15px}.single-testimonials-box .info h3{font-size:18px}.single-testimonials-box .info span{font-size:14px}.testimonials-shape-3{display:none}.partner-content h3{font-size:22px;margin-bottom:15px}.partner-image-box{margin-left:0}.partner-image-box .single-partner-card{margin-top:25px}.partner-image-box .row .col-lg-3:nth-child(1) .single-partner-card{margin-bottom:0}.partner-image-box .row .col-lg-3:nth-child(2) .single-partner-card{margin-bottom:0}.partner-image-box .row .col-lg-3:nth-child(3) .single-partner-card{margin-bottom:0}.partner-image-box .row .col-lg-3:nth-child(4) .single-partner-card{margin-bottom:0}.single-team-card .team-content{padding:14px 60px 20px 20px}.single-team-card .team-content span{font-size:14px}.single-team-card .team-content h3{font-size:18px}.single-team-card .team-content .social-btn span{height:30px;width:30px;line-height:30px;font-size:15px}.single-team-card .team-content .social-btn ul li a{height:30px;width:30px;line-height:30px;font-size:15px}.talk-image{margin-top:0}.talk-image::before{display:none}.talk-image .talk-information{top:0;left:0;position:relative;background-color:var(--black-color);padding:30px 25px}.talk-image .talk-information .content{margin-bottom:20px}.talk-image .talk-information .content h3{font-size:22px}.talk-image .talk-information .list li{padding-left:0;font-size:14px}.talk-image .talk-information .list li span{font-size:15px;position:relative;display:block;margin-bottom:15px}.talk-form{padding:35px 20px;margin-left:0}.talk-form form .form-group .form-control{height:50px}.talk-area-with-bg-image{padding-top:50px;padding-bottom:50px}.talk-information-wrap{padding:30px}.talk-information-wrap .content{margin-bottom:20px}.talk-information-wrap .content h3{font-size:22px}.talk-information-wrap .list li{padding-left:0;font-size:14px}.talk-information-wrap .list li span{font-size:15px;position:relative;display:block;margin-bottom:15px}.talk-form-wrap{margin-left:0;margin-top:30px}.talk-form-wrap form .row .col-lg-6{padding-left:12px;padding-right:12px}.talk-form-wrap form .row .col-lg-12{padding-left:12px;padding-right:12px}.talk-form-wrap form .form-group .form-control{height:50px}.blog-area::before{display:none}.single-blog-card .blog-content{padding:15px}.single-blog-card .blog-content span{font-size:14px}.single-blog-card .blog-content h3{font-size:18px;margin-bottom:18px}.blog-shape-1{display:none}.overview-inner-box{padding:30px}.overview-inner-box .overview-content span{font-size:14px}.overview-inner-box .overview-content h3{font-size:22px}.overview-inner-box .text-end{text-align:left!important;margin-top:25px}.overview-inner-box .overview-shape-1{display:none}.portfolio-area .container-fluid{padding-right:var(--bs-gutter-x,0.75rem);padding-left:var(--bs-gutter-x,0.75rem)}.single-portfolio-card .portfolio-content h3{font-size:var(--font-size)}.pricing-area{overflow:hidden}.single-pricing-table{padding:25px}.single-pricing-table .price{font-size:30px}.single-pricing-table .price span{font-size:14px}.single-pricing-table .features-list li{font-size:14px}.faq-accordion .faq-content span{font-size:14px}.faq-accordion .faq-content h3{font-size:22px;margin-bottom:15px}.faq-image{margin-top:30px;text-align:center}.faq-shape-1{display:none}.page-banner-area{padding-top:130px;padding-bottom:70px;background-image:unset;background-color:#f4f7fc}.page-banner-content h2{font-size:30px;margin-bottom:15px}.page-banner-content ul{text-align:start}.page-banner-content ul li{color:var(--paragraph-color)}.page-banner-content ul li a{color:var(--paragraph-color)}.page-banner-content ul li::before{background-color:var(--main-color)}.page-banner-shape-1{display:none}.page-banner-shape-2{display:none}.project-analysis-content span{font-size:14px}.project-analysis-content h3{font-size:22px}.project-analysis-text{margin-top:20px}.project-story-image{margin-top:0;text-align:center}.project-story-content{padding:25px;margin-left:0}.project-story-content span{font-size:14px}.project-story-content h3{font-size:22px}.project-challenge-content span{font-size:14px}.project-challenge-content h3{font-size:22px}.project-challenge-image{text-align:center;margin-top:30px}.project-solution-image{text-align:center;margin-bottom:30px}.project-solution-content{margin-left:0}.project-solution-content span{font-size:14px}.project-solution-content h3{font-size:22px}.project-result-content span{font-size:14px}.project-result-content h3{font-size:22px}.project-result-text{margin-top:20px}.services-seo-content span{font-size:14px}.services-seo-content h3{font-size:22px}.services-seo-text{margin-top:20px}.services-overview-image{text-align:center}.services-overview-content{padding:25px;margin-left:0}.services-overview-content h3{font-size:22px;margin-bottom:15px}.portfolio-details-image{margin-bottom:30px}.portfolio-details-desc h3{margin-bottom:15px;font-size:22px}.portfolio-details-desc .features-text h4{font-size:var(--font-size)}.portfolio-details-desc h4{font-size:22px}.portfolio-details-information{padding:30px 25px;margin-top:30px}.portfolio-details-information ul li{font-size:14px}.portfolio-details-information ul li span{font-size:var(--font-size)}.portfolio-details-information ul li a{font-size:14px}.login-form{padding:25px}.login-form h2{font-size:22px}.login-form form .lost-your-password-wrap{text-align:left;margin-top:10px}.register-form{padding:25px}.register-form h2{font-size:22px}.terms-of-service-content h3{font-size:20px}.terms-of-service-content ul li{font-size:15px}.privacy-policy-content h3{font-size:20px}.privacy-policy-content ul li{font-size:15px}.error-content h3{font-size:22px}.coming-soon-area{padding-top:100px;padding-bottom:100px}.coming-soon-content{padding:30px 25px}.coming-soon-content #timer{margin-top:20px}.coming-soon-content #timer div{width:100px;height:105px;margin-left:5px;margin-right:5px;font-size:20px;margin-top:10px}.coming-soon-content h2{font-size:22px}.blog-details-desc .article-content span{font-size:14px;margin-bottom:15px}.blog-details-desc .article-content h3{font-size:22px;margin-bottom:15px}.blog-details-desc .article-content .blog-desc-quote b{font-size:15px}.blog-details-desc .article-tags{text-align:center}.blog-details-desc .article-tags ul li{font-size:14px}.blog-details-desc .article-tags ul li span{font-size:15px}.blog-details-desc .article-share{text-align:center}.blog-details-desc .article-share ul li{font-size:14px}.blog-details-desc .article-share ul li span{font-size:15px}.blog-details-desc .article-comments h3{font-size:22px}.blog-details-desc .article-comments .comments-list{padding-left:0}.blog-details-desc .article-comments .comments-list img{position:relative;margin-bottom:20px}.blog-details-desc .article-leave-comment h3{font-size:22px}.blog-details-desc .article-leave-comment form .form-group .form-control{font-size:14px}.widget-area{margin-left:0;margin-top:30px}}@media only screen and (min-width:576px) and (max-width:767px){.login-form form .lost-your-password-wrap{text-align:right;margin-top:0}}@media only screen and (min-width:768px) and (max-width:991px){.ptb-100{padding-top:50px;padding-bottom:50px}.pt-100{padding-top:50px}.pb-100{padding-bottom:50px}.pt-75{padding-top:50px}.pb-75{padding-bottom:25px}p{font-size:15px}.default-btn{padding:12px 25px;font-size:15px}.section-title{margin-bottom:35px}.section-title span{font-size:14px}.section-title h2{font-size:25px}.section-title .text-end{text-align:start!important;margin-top:25px}.main-banner-area{padding-top:120px;padding-bottom:50px}.main-banner-area::after{display:none}.main-banner-content h1{font-size:25px}.main-banner-item{margin-top:30px;padding-top:0}.main-banner-item .main-banner-item-content{padding:30px;margin-right:0}.main-banner-item .main-banner-item-content h2{font-size:22px;margin-bottom:15px}.main-banner-item .main-banner-item-content p{margin-bottom:15px}.main-banner-item .main-banner-item-image{top:0}.thumbs-wrap .owl-thumbs{position:relative;bottom:0;left:0;right:0;text-align:center;margin-top:20px}.main-banner-shape-1{display:none}.main-banner-shape-2{display:none}.main-banner-shape-3{display:none}.main-banner-shape-4{display:none}.main-banner-social-link{display:none}.main-banner-area-wrap{padding-top:135px;padding-bottom:50px}.main-banner-area-wrap .container-fluid{max-width:720px;padding-right:var(--bs-gutter-x,0.75rem);padding-left:var(--bs-gutter-x,0.75rem)}.main-banner-content-wrap{margin-top:0}.main-banner-content-wrap span{font-size:14px}.main-banner-content-wrap h1{font-size:25px;margin-bottom:20px}.main-banner-wrap-image{margin-top:30px}.main-banner-wrap-image .wrap-image-shape{display:none}.main-banner-area-with-shape{padding-top:135px;padding-bottom:50px;background-image:unset;border-bottom:1px solid #eee}.main-banner-area-with-shape .container-fluid{max-width:720px;padding-right:var(--bs-gutter-x,0.75rem);padding-left:var(--bs-gutter-x,0.75rem)}.main-banner-video-content{margin-right:0}.main-banner-video-content span{font-size:14px}.main-banner-video-content h1{font-size:25px;margin-bottom:15px}.main-banner-video-content .banner-btn{margin-top:25px}.main-banner-video-image{text-align:center;margin-top:30px}.main-banner-video-image::before{display:none}.main-banner-video-image .image-shape-1{display:none}.main-banner-video-image .image-shape-2{display:none}.main-banner-video-image .image-shape-3{display:none}.main-banner-video-image .image-shape-4{display:none}.single-process-card .icon i{font-size:55px}.single-process-card h3{font-size:18px}.single-process-box::before{display:none}.single-process-box .icon i{font-size:55px}.single-process-box h3{font-size:18px}.process-shape-2{display:none}.process-shape-3{display:none}.process-shape-4{display:none}.about-area{padding-top:50px}.about-area::after{display:none}.about-image{margin-top:0}.about-content{margin-left:0}.about-content span{font-size:14px}.about-content h3{font-size:22px;margin-bottom:15px}.single-funfact-card h3{font-size:25px}.single-funfact-card h3 .small-text{font-size:22px}.single-funfact-card p{font-size:14px}.single-funfact-card.with-right-border::before{display:none}
.about-image-wrap::before{width:695px}
.about-content-wrap{margin-left:0;margin-top:30px}
.about-content-wrap span{font-size:14px}
.about-content-wrap h3{font-size:22px;margin-bottom:15px}
.about-image-with-shape .since-text{font-size:22px;left:20px}
.about-image-with-shape .since-text span{font-size:14px}
}
/*============================================================================*/

.footer-img ul{margin:0;padding:0;list-style:none;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);grid-gap:10px}

.footer-img ul li{overflow:hidden;position:relative}

.footer-img ul li::before{content:'';width:0%;height:2px;background-color:#f9580e80;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}

.footer-img ul li::after{content:'';width:2px;height:0%;background-color:#f9580e80;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:0;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}

.footer-img ul li:hover img{-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}

.footer-img ul li:hover::before{width:90%}.footer-img ul li:hover::after{height:90%}

@media only screen and (max-width:767px){.footer-img,.footer-service-list{margin-top:30px}.useful-links{padding-top:30px;padding-left:0}.newsletter .input-group{margin-top:30px}.newsletter .input-group .btn{padding-left:12px;padding-right:12px}
.footer-links h3{font-size:22px}}

@media only screen and (min-width:576px) and (max-width:767px){.useful-links{padding-top:0;padding-left:0}}

@media only screen and (min-width:768px) and (max-width:991px){.footer-img,.footer-service-list{margin-top:30px}.useful-links{padding-left:0}}

@media only screen and (min-width:992px) and (max-width:1199px){.footer-img{margin-top:30px}}

/*=========================================================================================================================================== */
/** Footer-nav-menu **/
.footer-nav-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 16px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: rgba(255,255,255,0.06);
}
.footer-nav-menu li {
    display: inline-block;
    padding-left: 2px;
    padding-right: 16px;
    font-size: 16px;
    padding-bottom: 0;
}
.footer-nav-menu li:last-child { padding-right: 0; }
.footer-nav-menu li:first-child { padding-left: 0; }
ul.footer-nav-menu li:not(:last-child):after {
    position: absolute;
    content: "|";
    padding-left: 7px;
}

.footer.ttm-textcolor-white {
    color: #b6bbcc;
}

/** copyright **/
.copyright {
    padding-top: 18px;
    padding-bottom: 18px;
    font-size: 15px;
    line-height: 28px;
	color:#fff;
}
.copyright ul.list-inline{ margin: 0; }
/*=======================================================================================================================*/
/* ------------------------
    Background color
------------------------*/
.white-bg {
  background-color: #ffffff;
}

.dark-bg {
  background-color: #090f21;
}

.light-bg {
  background-color: #dafeff;
}

.theme-bg {
  background-color: #FFC300;
}

.theme-bg-2 {
  background-color: #2a275e;
}

.transparent-bg {
  background-color: inherit !important;
}

/*=======================================================================================================================*/

/* ------------------------
    Section Title
------------------------*/
.section-title { margin-bottom: 40px; position: relative; }
.section-title h2 span {color: #0049d0; font-weight: 900; text-decoration: underline;}
.section-title p { font-size: 16px; margin-bottom: 0;}
.title { position: relative; margin-bottom: 0; }
.dark-bg .title, .theme-bg .title,
.dark-bg .title span, .theme-bg .title span, .theme-bg .section-title h6 { color: #ffffff }
.section-title h6 {position: relative; display: inline-block; font-weight: 600; text-transform: uppercase; margin-bottom: 10px; color: #fb3b3c;}
.section-title h2 { margin-bottom: 15px; }

.dark-bg .title.text-black { color: #0d2c13 }
.dark-bg .title span.text-theme { color: #0049d0 }




/* ------------------------
    Box Shadow
------------------------*/
.box-shadow, .dropdown-menu, #header-wrap.fixed-header, .navbar-nav ul, .btn, .post:hover, .team-member:hover .team-description,
.cases-item, .cases-link, .cases-icon, .icon-link, .post, .media-holder .media, .featured-item:hover, .featured-item.active, .subscribe-form,
.price-table
 { -webkit-box-shadow: 0px 22px 57px 0px rgba(34,41,72,0.05); -moz-box-shadow: 0px 22px 57px 0px rgba(34,41,72,0.05); box-shadow: 0px 22px 57px 0px rgba(34,41,72,0.05); }

/*-------------------------------------------------------------------------------------------------*/

.copyright-area {
  background: #011a41;  /* #f2f2f2;011a41;*/
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .copyright-area {
    padding: 30px 0;
  }
}

.copyright-area.st-2 {
  border-top: 1px solid #343434;
  background: #040021;
  padding: 37px 0;
}

.copyright-logo {
  background: #6639ff;
  text-align: center;
  line-height: 100px;
}

.logo-shape {
  position: relative;
}
.logo-shape:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 45px;
  background: #6639ff;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  top: -45px;
  left: 0;
}
.logo-shape:after {
  position: absolute;
  content: "";
  width: 35px;
  height: 45px;
  background: #4628ab;
  clip-path: polygon(0 0, 100% 100%, 0 100%);
  top: -45px;
  right: -35px;
}

@media (max-width: 767px) {
  .copyright-text {
    text-align: center;
    margin-bottom: 20px;
  }
}
.copyright-text p {
  color: #040021;
}
.copyright-text p a:hover {
  color: #6639ff;
}

.copyright-text.st-2 p {
  color: #ffffff;
}
.copyright-text.st-2 p a:hover {
  color: #ffffff;
  opacity: 0.7;
}

@media (max-width: 767px) {
  .copyright-list {
    text-align: center;
    float: none;
  }
}
.copyright-list li {
  display: inline-block;
  line-height: 14px;
  border-left: 1px solid #bbbbbb;
  padding-left: 18px;
  margin-left: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .copyright-list li {
    padding-left: 13px;
    margin-left: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .copyright-list li {
    padding-left: 10px;
    margin-left: 6px;
  }
}
@media (max-width: 767px) {
  .copyright-list li {
    margin-bottom: 10px;
  }
}
.copyright-list li:first-child {
  padding-left: 0;
  margin-left: 0;
  border: 0;
}
.copyright-list li a {
  color: #040021;
}
.copyright-list li a:hover {
  color: #6639ff;
}

.copyright-list.st-2 li {
  border-left: 1px solid #313131;
}
.copyright-list.st-2 li:first-child {
  border-left: 0;
}
.copyright-list.st-2 li a {
  color: #ffffff;
}
.copyright-list.st-2 li a:hover {
  opacity: 0.7;
}

/*=====================================================================*/
/*==============================index04.html ====================================*/
.home1-orange-button {
  background: #1dacf4;
  color: #ffffff;
  padding: 12px 30px;
  border: none;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.5s;
}

.nevy-blue-button {
  background: #002155;
  color: #ffffff;
  padding: 12px 30px;
  border: #002155;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.5s;
}

.orange-transparent-button {
  background: transparent;
  border: 2px solid #1dacf4; /* #1dacf4; */
  padding: 12px 25px;
  color: #1dacf4;  /* #1dacf4; */
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  transition: all 0.5s;
}

.orange-transparent-button a {
  margin-top: 15px;
}

.home1-top-portion {
  text-align: center;
}

/*================================================
Home Page-1 CSS
=================================================*/
.home1-header .r-ban {
  position: relative;
}

.home1-header .banner-section .text-content {
  max-width: 700px;
}

.home1-header .banner-section .top-orange-p {
  font-size: 20px;
  color: #1dacf4;  /* #1dacf4; */
  font-weight: 400;
  margin-bottom: 10px;
}

.home1-header .banner-section h1 {
  font-size: 60px;
  font-weight: 900;
  color: #002155;
  margin-bottom: 20px;
  line-height: 60px;
  word-spacing: 15px;
}

.home1-header .banner-section h1 span {
  font-weight: 700;
  font-size: 50px;
}

.home1-header .banner-section .banner-p {
  font-size: 18px;
  font-weight: 400;
  max-width: 540px;
  margin-bottom: 40px;
}

.home1-header .banner-section .orange-transparent-button {
  margin-right: 30px;
}

.home1-header .banner-section .orange-transparent-button:hover {
  transition: all 0.6s;
  background: #1dacf4;
  color: #ffffff;
}

/*================================================
Home Page-2 CSS
=================================================*/
.home2-header .banner-section .banner-left-col {
  padding-left: 0;
  border-radius: 20px;
  background: url(../img/banner/home2-banner1.jpg) center center no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 930px;
}

.home2-header .banner-section .box {
  background: #1dacf4;   /*#ff631b;*/
  max-width: 175px;
  border-radius: 20px;
  padding: 18px 25px 20px;
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.home2-header .banner-section .box h3, .home2-header .banner-section .box p {
  color: #ffffff;
}

.home2-header .banner-section .box h3 {
  font-size: 56px;
}

.home2-header .banner-section .banner-right-col {
  padding-left: 0;
  padding-right: 0;
}

.home2-header .banner-section .home2-slide-1 {
  background: linear-gradient(90deg, rgba(0, 33, 85, 0.8) 15%, rgba(0, 174, 239, 0.5) 67%), url(../img/banner/home2-banner2.jpg) center center no-repeat;
  padding-top: 260px;
  padding-bottom: 170px;
  background-size: cover;
}

.home2-header .banner-section .home2-slide-2 {
  background: linear-gradient(90deg, rgba(0, 33, 85, 0.8) 15%, rgba(0, 174, 239, 0.5) 67%), url(../img/banner/home2-banner3.jpg) center center no-repeat;
  padding-top: 260px;
  padding-bottom: 170px;
  background-size: cover;
}

.home2-header .banner-section .home2-slide-3 {
  background: linear-gradient(90deg, rgba(0, 33, 85, 0.8) 15%, rgba(0, 174, 239, 0.5) 67%), url(../img/banner/home2-banner4.jpg) center center no-repeat;
  padding-top: 260px;
  padding-bottom: 170px;
  background-size: cover;
}

.home2-header .banner-section .home2-banner-p, .home2-header .banner-section .home2-title {
  color: #ffffff;
}

.home2-header .banner-section .right-col {
  padding-left: 60px;
}

.home2-header .banner-section .home2-slide-content {
  max-width: 630px;
  margin-left: 50px;
}

.home2-header .banner-section .home2-banner-buttons {
  display: flex;
}

.home2-header .owl-dots {
  bottom: -11%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.home2-header .owl-carousel button.owl-dot {
  height: 20px;
  width: 20px;
  margin-right: 13px;
  background: #002155;
  outline: none;
  padding: 2px;
  margin: 10px 0px 10px 10px;
  border-radius: 50%;
}

.home2-header .owl-carousel button.owl-dot.active {
  background: #1dacf4; /* #1dacf4; */
}


.home2-blue-box {
  max-width: 100%;
}

.home2-blue-box .title {
  position: relative;
}

.home2-blue-box .title img {
  position: absolute;
  left: 0;
  bottom: 0px;
}

.home2-blue-box .title h6 {
  margin-left: 60px;
  text-align: left;
}

.home2-after-banner-section {
  background: linear-gradient(90deg, rgba(0, 33, 85, 0.9) 15%, rgba(0, 33, 85, 0.9) 67%), url(../img/after-banner-bg-2.jpg) center center no-repeat;
  background-size: cover;
}

.home2-after-banner-section .custom-card {
  background: transparent;
  border-radius: 0;
  transition: all 1s !important;
}

.home2-after-banner-section .custom-card a, .home2-after-banner-section .custom-card p {
  color: #ffffff;
}

.home2-after-banner-section .custom-card i::before {
  font-size: 84px;
  color: #ffffff !important;
}

.home2-after-banner-section .custom-card .orange-transparent-button {
  border: 2px solid #ffffff;
  color: #ffffff;
}

.home2-after-banner-section .custom-card .orange-transparent-button:hover {
  background: #1dacf4;
  transition: all 0.4s;
  color: #ffffff;
}

.home2-after-banner-section .custom-card:hover {
  background: #e8ebf0;
  box-shadow: none !important;
}

.home2-after-banner-section .custom-card:hover a, .home2-after-banner-section .custom-card:hover p {
  transition: all 0.6s !important;
  color: #002155;
}

.home2-after-banner-section .custom-card:hover i::before {
  transition: all 1s !important;
  color: #ff631b !important;
}

.home2-after-banner-section .custom-card:hover .orange-transparent-button {
  border: 2px solid #1dacf4;
  color: #1dacf4;
}

.home2-after-banner-section .custom-card:hover .orange-transparent-button:hover {
  transition: all 0.5s;
  background: #1dacf4;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .home1-orange-button {
    padding: 10px 20px;
    font-size: 15px;
  }
  .orange-transparent-button {
    padding: 10px 20px;
  }
  
  .home2-header .banner-section .owl-carousel button.owl-dot {
    height: 15px;
    width: 15px;
  }
  .home1-header .banner-section .home1-slide {
    padding: 70px 0 90px;
  }
   .home1-header {
    text-align: center;
  }
  .home1-header .banner-section .text-content {
    max-width: 420px;
    margin-right: auto;
    margin-left: auto;
  }
  .home1-header .banner-section h1 {
    font-size: 36px;
    line-height: 35px;
    margin-bottom: 10px;
    word-spacing: 5px;
  }
  .home1-header .banner-section h1 span {
    font-size: 22px;
    word-spacing: 5px;
  }
  .home1-header .banner-section .banner-p {
    font-size: 15px;
    margin-bottom: 20px;
  }
  .home1-header .banner-section .top-orange-p {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .home1-header .banner-section .orange-transparent-button {
    margin-right: 0px;
    padding: 8px 12px;
  }
  .home1-header .banner-section .orange-transparent-button:first-child {
    margin-right: 5px;
  }
  .home1-header .banner-section .buttons {
    justify-content: center;
  }
  .home1-owl .owl-carousel button.owl-dot {
    height: 10px;
    width: 35px;
    margin-right: 3px;
    margin: 0px 5px;
  }
  .blue-box {
    padding: 30px 0 40px;
    text-align: center;
  }
  .blue-box h6 {
    font-size: 18px;
  }
  .blue-box .blue-box-orange-btn {
    text-align: center;
    margin-top: 30px;
  }
  .after-banner-section {
    padding: 30px 0 50px;
  }
  .after-banner-section .per-col .custom-card .home1-card-title {
    margin: 20px 0 15px;
  }
  .after-banner-section .per-col .custom-card .orange-transparent-button {
    margin-top: 0px;
  }
  .home2-after-banner-section {
    padding: 70px 0 10px !important;
  }
  .home2-after-banner-section .per-col .custom-card {
    padding: 0px 12px 30px;
  }
  .home2-after-banner-section .per-col .custom-card:hover {
    padding-top: 20px;
  }
  
  .home2-header .banner-section .banner-right-col {
    order: 1;
  }
  .home2-header .banner-section .banner-left-col {
    order: 2;
  }
  .home2-header .banner-section .home2-slide-1 {
    background: linear-gradient(90deg, rgba(0, 33, 85, 0.8) 15%, rgba(0, 33, 85, 0.8) 67%), url(../img/banner/home2-banner2.jpg) center center no-repeat !important;
    padding-top: 250px;
    padding-bottom: 30px;
  }
  .home2-header .banner-section .home2-slide-3 {
    background: linear-gradient(90deg, rgba(0, 33, 85, 0.8) 15%, rgba(0, 33, 85, 0.8) 67%), url(../img/banner/home2-banner3.jpg) center center no-repeat !important;
    padding-top: 250px;
    padding-bottom: 30px;
  }
  .home2-header .banner-section .home2-slide-2 {
    background: linear-gradient(90deg, rgba(0, 33, 85, 0.8) 15%, rgba(0, 33, 85, 0.8) 67%), url(../img/banner/home2-banner4.jpg) center center no-repeat !important;
    padding-top: 250px;
    padding-bottom: 30px;
  }
  .home2-header .banner-section .home2-banner-buttons {
    justify-content: center;
  }
  .home2-header .banner-section .home2-slide-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 420px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .home2-header .owl-dots {
    bottom: 4%;
  }
  .home2-header .banner-section .box {
    background: #1dacf4; /* #ff631b; */
    max-width: 100px;
    border-radius: 20px;
    padding: 10px 10px 10px;
    position: absolute;
    right: 15px;
    bottom: 15px;
  }
  .home2-header .banner-section .box h3 {
    font-size: 27px;
  }
  .home2-header .owl-dots {
    bottom: 8% !important;
  }
  .home2-header .banner-left-col {
    padding-top: 460px !important; /*   260px !important;                */
  }
  .home2-header .owl-carousel button.owl-dot {
    background: #fff;
  }
  .nevy-blue-button {
    padding: 10px 15px;
    font-size: 15px;
  }
  
   
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home1-card-title a {
    font-size: 20px;
  }
  .section-title {
    margin-bottom: 20px;
  }
  .home1-header .banner-section {
    text-align: center;
  }
  .home1-header .banner-section .banner-p {
    font-size: 16px !important;
    font-weight: 400 !important;
  }
 
  
  .home2-header .banner-right-col {
    order: 1;
  }
  .home2-header .banner-left-col {
    order: 2;
  }
  .home2-header .home2-slide-content {
    width: 70%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .home2-header .banner-section .home2-slide-1 {
    background: linear-gradient(90deg, rgba(0, 33, 85, 0.8) 15%, rgba(0, 33, 85, 0.8) 67%), url(../img/banner/home2-banner2.jpg) center center no-repeat !important;
  }
  .home2-header .banner-section .home2-slide-2 {
    background: linear-gradient(90deg, rgba(0, 33, 85, 0.8) 15%, rgba(0, 33, 85, 0.8) 67%), url(../img/banner/home2-banner3.jpg) center center no-repeat !important;
  }
  .home2-header .banner-section .home2-slide-3 {
    background: linear-gradient(90deg, rgba(0, 33, 85, 0.8) 15%, rgba(0, 33, 85, 0.8) 67%), url(../img/banner/home2-banner4.jpg) center center no-repeat !important;
  }
  .home2-header .home2-banner-buttons {
    justify-content: center !important;
  }
  .home2-header .owl-dots {
    bottom: 8% !important;
  }
  .home2-header .owl-carousel button.owl-dot {
    background: #fff;
  }
  .home2-header .banner-left-col {
    padding-top: 260px !important;
  }
  .home2-about-section .image .about-img5 {
    left: 340px;
    bottom: 80px;
  }
  .home2-blue-box {
    text-align: center;
  }
  .home2-blue-box h6 {
    margin-left: 0 !important;
    text-align: center !important;
  }
  
}