@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');

body{font-family: "Poppins", sans-serif; cursor:url('..images/right-arrow.svg'); overflow-x: hidden;}
ul{text-orientation: none; list-style-type: none; margin: 0; padding: 0;}

button {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: left;
    border: none;
    letter-spacing: 2px;
    font-size: 18px;
    background: linear-gradient(141deg, #7914d3 0%, #4344e4 100%);
    color: #fff;
    border-radius: 70px;
    /*padding: 0 55px 0 ;*/
    width: 250px;
    height: 70px;
    position: relative;
    padding: 0 40px;
    text-transform: uppercase;
    font-weight: 500;
    -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}

button img.btn-image{right: 30px; border-radius: 50%; width: 50px; color: #fff; height: 50px; padding: 10px;  -webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); transition: 0.4s cubic-bezier(0, 0, 0.3642, 1); position: absolute;}
button:hover .btn-image{width: 50px; height: 50px; right: 25px; transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);}
a{text-decoration: none;}
section{padding-top: 120px; padding-bottom: 120px; position: relative; display: block;}


.above-small-title{font-size: 30px; color: #fff; display: inline-block; position: relative; margin-bottom: 40px;  background-image: linear-gradient(45deg, #fb820f 0%, #fe3242 100%);
    color: transparent; font-family: "Satisfy", cursive; font-weight: 400; font-style: normal; background-clip: text;}

.above-small-title:after{content: ''; height: 1px; width: 40px; background-color: #fff; position: absolute; bottom: -10px; left: 30%;}
.section-title{font-size: 40px; color: #ffffff; font-weight: 500; margin-bottom: 40px;}
.section-title span{font-weight: 300;}
section .content{margin-bottom: 0; color: #999;}


/*custom navbar section start*/
.custom-navbar{display: block; padding-top: 0px; padding-bottom: 0px; background-color: #050f24!important;  top: 0; z-index: 9999; width: 100%; border-bottom: 1px solid #222;}
.custom-navbar.navbar-dark .navbar-brand{z-index: 9999; padding-top: 0; padding-bottom:0; }
.custom-navbar .navbar-brand img{width: 180px; height: auto; z-index: 9999;}
.custom-navbar .hm-bar .nav-item{text-align: center; padding: 30px 0;}
.custom-navbar .hm-bar .nav-item .nav-link{font-size: 19px; color: #fff; padding: 2px 19px; border: 2px solid transparent; font-weight: 300;}
.custom-navbar .hm-bar .nav-item.active .nav-link{border: 2px solid #fe3242; border-radius: 80px; left: 30%;}
.custom-navbar .container{position: relative;}
.custom-navbar  span{width: auto; height: 30px; display: block; position: fixed; right: 8%; z-index: 9999;}
.custom-navbar span img{width: 100%; height: 100%;}
.custom-navbar.navbar-expand-sm .navbar-collapse{display: ruby!important; text-align: right;}
.custom-navbar.navbar-expand-sm .main{display: none;}



.custom-navbar .dropdown-item:hover{background-color: lightsalmon; color: #fff;}
.custom-navbar .dropdown .dropdown-menu {display: none;}
.custom-navbar .dropdown:hover > .dropdown-menu,
.custom-navbar .dropend:hover > .dropdown-menu {display: block; margin-top: 0.125em; margin-left: 0.125em;}
.custom-navbar.navbar-expand-sm .navbar-nav .dropdown-menu{top: 94px; left: 19px; min-width: 12rem; background: linear-gradient(141deg, #7914d3 0%, #4344e4 100%); color: #fff; padding-top: 0; padding-bottom: 0;}
.custom-navbar.navbar-expand-sm .navbar-nav .dropdown-menu .dropdown-item{padding: 8px 1rem; color: #fff; border-bottom: 1px solid #5b19bf;}
.custom-navbar .dropdown-item:focus, .dropdown-item:hover{background-color: #1764e6!important;}
.custom-navbar .dropdown-menu {animation: 0.5s slideup;}

@keyframes slideup {
  from {
    transform: translateY(10%);
  }

  to {
    transform: translateY(0);
  }
}


/*banner section start*/
.banner_section{position: relative; display: block; background-color: #050f24; padding-top: 200px; width: 100%; color: #fff; overflow: hidden; border-bottom: 1px solid #222;} 
.banner_section .banner-line-back{ position: absolute; left: -100px; top: -207px; width: 300px; height: 1578px;  transform: rotateY(23deg) rotateX(-5deg) rotateZ(1deg); opacity: 0.4;}
.banner_section .banner-line-back img{width: auto; height: 100%;}
.banner_section .banner-inner .title{font-size: 85px; color: #fff; font-weight: 300; text-align: center;}
.banner_section .banner-inner .title span{font-weight: 600;}
.banner_section .banner-inner .content{font-weight: 333; color: #888; margin-top: 30px; padding-right: 35px;}
.banner_section .banner-inner button{margin-top: 25px;}
.banner_section .image-inner-slider{position: relative; display: block; text-align: right;}
.banner_section  img.value_img_bn{margin-top:-100px; filter: grayscale(0); width: 500px; height: auto; transition: all,0.5s;}
.banner_section .image-inner-slider .slider-text{z-index: 4; position: relative; background-color: #21223b;}
.banner_section .banner-inner{text-align: center;}
.banner_section .banner-inner .wc-tag{display: inline-block; margin-bottom: 20px; font-size: 24px; background: linear-gradient(45deg,  #fb820f 0%,#fe3242 100%); padding: 6px 20px; border-radius: 30px;}


.console-container{font-size:50px; text-align:center; height:90px; padding-top: 20px; display:block; color:#fff;  border-radius: 50px; margin: 0 auto; }
.console-underscore { display:inline-block; position:relative; top:-0.14em; left:10px;}


/*service icon section start*/
.service-icon-name{position: relative; display: block; background-color: #050f24; padding-top: 0; padding-bottom: 0;}
.service-icon-name .owl-carousel .item{display: inherit; text-align: center; color: #fff; background-color: transparent; box-shadow: none;     border: 1px solid #222; border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; padding: 12px;}
.service-icon-name .owl-carousel .item img{width: 60px; height: 60px; display: block; margin: 0 auto; text-align: center; }
.service-icon-name .owl-carousel .item .title-name{margin-top: 10px; font-size: 16px;}
.service-icon-name .owl-carousel .owl-nav,
.service-icon-name .owl-carousel .owl-dots{display: none;}


/*main sidebar section*/
.main-sidebar {height: 100%;width: 0;position: fixed; z-index: 9999;top: 0; right: 0; background: linear-gradient(139deg, #7914d3 18%, #131387 100%); overflow-x: hidden; transition: 0.5s; padding-top: 60px;}
.main-sidebar .sidebar-inner{margin-top: 30px;}
.main-sidebar .sidebar-inner li.active a{color: #fb7c13; transition: all,0.5s;}
.main-sidebar .sidebar-inner li a {padding: 8px 8px 8px 32px; text-decoration: none; font-size: 18px; color: #fff; display: block; transition: 0.3s;     border-bottom: 1px solid #280b7f;}
.main-sidebar .sidebar-inner li a:hover {color: #fb7c13; transition: all,0.5s;}
.main-sidebar .sidebar-inner li .collapse li a{color: #aaa!important; transition: inherit;}
.main-sidebar .closebtn {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; color:#fff;}
.openbtn {font-size: 20px; cursor: pointer; background-color: #111; color: white; padding: 10px 15px; border: none;}
.openbtn:hover {background-color: #444;}
#main {transition: margin-left .5s; padding: 16px;}



/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .main-sidebar {padding-top: 15px;}
  .main-sidebar a {font-size: 18px;}
}


/*about us section start*/
.about-us{position: relative; display: block; overflow-x: hidden; background-color: #050f24;}
.about-us .above-small-title:after{left: 0;}
.about-us .about-image{width: 100%; position: relative; height: 380px; border-radius: 20px; overflow: hidden; display: block; margin: 0 auto; z-index: 4;}
.about-us .about-image img{width: 100%; height: auto; opacity: 0.8;}

/*our services section start*/
section.our-service{background-color:#050f24; position: relative; overflow: hidden;}
section.section-black .container{z-index: 999; position: relative;}
section.section-black:after{position: absolute; position: absolute; content: '';  background-image: url(../images/back-pattern-service.png); width: 100%; height: 100%; top: 0; opacity: 0.2; background-size: contain;}
section.our-service .top-heading{text-align: center; width: 100%;}
section.our-service .top-heading .above-small-title:after{left: 40%;}

section.our-service .title-block{position: relative; display: block; text-align: center;}
section.our-service .title-block .title{font-size: 80px; color: #fff;}
section.our-service .title-block .title span{font-weight: 200;}
section.our-service .title-block .sub-title{font-size: 20px; color: #aaa;}
section.our-service .service-block{margin-top: 120px;}
section.our-service .service-block .service-box{border-top-left-radius:20px; border-top-right-radius:20px; margin-bottom: 20px;}

section.our-service .service-block .service-box .service-highlight{position: relative; text-decoration: none; color: #fff; transition: all,0.5s; display: block; padding: 60px 30px ; border-radius: 20px; height: 100%; background-color:#050f24; padding-bottom: 33px;}
section.our-service .service-block .service-box:nth-child(odd) .service-highlight{border: 1px solid #354ee4;}
section.our-service .service-block .service-box:nth-child(even) .service-highlight{border: 1px solid #8712e0;}

section.our-service .service-block .service-box .service-highlight .title{font-weight: 500; margin-top: 60px; font-size: 22px;}
section.our-service .service-block .service-box .service-highlight .service-icon{ position: absolute; display: block; top: 38px; left: 27px; width: 60px; height: 60px; overflow: hidden; color: #222;}
section.our-service .service-block .service-box .service-highlight .service-icon img{ transition: all,0.5s;}
section.our-service .service-block .service-box .service-highlight:hover .service-icon img{filter: grayscale(0%); opacity: 1; transition: all,0.5s;}
section.our-service .service-block .service-box .service-highlight .content{margin-top: 20px; color: #ccc;}
section.our-service .service-block .service-box .service-highlight .more{margin-top: 40px; transition: all, 0.5s; display: inline-block; border: 1px solid #fb7815; padding: 8px 20px; border-radius: 100px;}
section.our-service .service-block .service-box .service-highlight:hover .more{transition: all,0.5s; background-color:#fb7815; color: #fff;}

/*customer count section start*/
section.customer-count{position: relative; display: block; background: linear-gradient(158deg, #7914d3 40%, #4344e4 100%); padding: 50px 0;}
section.customer-count .client-details{position: relative; display: block; text-align: center; color: #fff;}
section.customer-count .client-details h3{font-size: 44px; font-weight: 700;}
section.customer-count .client-details p{margin-bottom: 0; text-transform: uppercase; font-size: 18px;}

/*pkg price section start*/
section.package-price-list{position: relative; display: block;}
section.our-service.package-price-list .service-block .service-box .service-highlight{border: 1px solid #555; text-align: center;}
section.our-service.package-price-list .service-block .service-box .service-highlight .title{font-weight: 300;  font-size: 35px; text-align: center; padding: 20px; margin-top: 0; border-top: 1px solid #555; border-bottom: 1px solid #555; text-transform: uppercase;}
section.our-service.package-price-list .service-block .service-box .service-highlight .content{text-align: center;}
section.our-service.package-price-list .service-block .service-box .service-highlight .price{font-size: 70px; font-weight: 700; background: -webkit-linear-gradient(#7914d3, #4344e4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;text-align: center;}

section.our-service.package-price-list .service-block{margin-top: 40px;}
section.our-service.package-price-list .service-block .service-box .service-highlight .service-listing{text-align: center; margin:0; padding: 0;}
section.our-service.package-price-list .service-block .service-box .service-highlight .service-listing li{width: 100%; text-align: center; margin-bottom: 10px;}  
section.our-service.package-price-list .service-block .service-box .service-highlight .service-listing li span img{width: 25px; height: 24px;}
section.our-service.package-price-list .service-block .service-box .service-highlight .service-listing li span{margin-right: 5px;}
section.our-service.package-price-list .service-block .service-box .service-highlight .more{display: inline-block; width: 200px;}
section.our-service.package-price-list .service-block .middle-pckg.service-box .service-highlight .service-listing li span img{filter: brightness(100);}
section.our-service.package-price-list .service-block .middle-pckg.service-box .service-highlight .more{display: inline-block; width: 200px; background-color:#fb7815; color: #fff;}
section.our-service.package-price-list .service-block .middle-pckg.service-box .service-highlight{background: linear-gradient(141deg, #7914d3 0%, #4344e4 100%); border-color: #fff;}
section.our-service.package-price-list .service-block .middle-pckg.service-box .service-highlight .title{border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
section.our-service.package-price-list .service-block .middle-pckg.service-box .service-highlight .price{color: #fff; -webkit-text-fill-color: inherit; }
section.our-service.package-price-list .nav-tabs{border-bottom: transparent; display: block; text-align: center; margin-top: 100px;}
section.our-service.package-price-list .nav-tabs li.nav-item{display: inline-block; margin: 0 20px; width: 300px;  border-radius: 25px;}
section.our-service.package-price-list .nav-tabs .nav-link{border: 1px solid #fb7815; border-radius: 80px; padding: 14px 0; color: #fff;} 
section.our-service.package-price-list .nav-tabs .nav-item.show .nav-link, 
section.our-service.package-price-list .nav-tabs .nav-link.active{border: 1px solid transparent; background: linear-gradient(45deg, #fb820f 0%, #fe3242 100%); color: #fff;}

/*testimonial section start*/
.testimonials{position: relative; display: block; background-color:#041332; overflow: hidden;}
.testimonials .above-small-title:after{left: 0;}
.testimonials:after{position: absolute; content: ''; left: -311px; top: -83px; background-image: url(../images/K_testi_round.svg); width: 800px; height: 800px; background-repeat: no-repeat; opacity: 0.4;}
.testimonials .quote-icon{position: absolute; right: 130px; top: 130px; width: 200px; height: 200px; opacity: 0.1;}

.custom-slider-testi .carousel-item {transition: transform 1s ease-in-out;}
.custom-slider-testi .carousel-inner .carousel-caption{color: #333;}
.custom-slider-testi .carousel-inner .carousel-item{height: 400px;}
.custom-slider-testi .carousel-caption{color: #333; bottom: 0;}
.custom-slider-testi .carousel-caption .name{font-weight: 600; text-transform: uppercase; color: #4344e4;}
.custom-slider-testi .carousel-caption .name span{display: block; font-weight: 400; font-size: 16px; color: #fff;}
.custom-slider-testi .carousel-caption .details{margin-top: 30px; color: #999;}
.custom-slider-testi .carousel-caption .star{width: 90px; height: auto;}
.custom-slider-testi .carousel-indicators{top: 50px; bottom: inherit;}
.custom-slider-testi .carousel-indicators [data-bs-target]{width: 15%; height: 15%; padding: 3px; overflow: hidden; border-radius: 50%; border:2px solid #888; transition: all,0.3s;}
.custom-slider-testi .carousel-indicators [data-bs-target].active{border:2px solid #fff; width: 20%; height: 20%; margin-top: -10px; transition: all,0.3s;}
.custom-slider-testi .carousel-indicators [data-bs-target] img{width: 100%; height: auto; border-radius: 50%;}
.custom-slider-testi .carousel-control-next,
.custom-slider-testi .carousel-control-prev{top: inherit; bottom: 22%;}

/*inner page banner*/
.full-banner-all{position: relative; display: block; height: 322px; background-image: url('../images/k_inner_cover.jpg'); background-repeat: no-repeat; background-size: cover; padding-top: 0; padding-bottom: 0; text-align: center;}
.full-banner-all .breadcrumb{position: relative; z-index: 1;}
.full-banner-all .section-title{position: relative; z-index: 1;}
.full-banner-all .overlay{position: absolute; width: 100%; height: 100%; background: linear-gradient(158deg, #222 0%, #4344e4 100%); left: 0; right: 0; opacity: 0.9;}


/*about us page start*/
.about-us-details{background-color: #050f24;}
.about-us-details .top-content{justify-content: center;}
.about-us-details .top-content .content{text-align: center; margin-top: 10px;}

footer{position: relative; display: block; background-color: #050f24; padding-top: 120px; padding-bottom: 120px; border-top: 1px solid #02205e;}
footer .footer-inner .footer-logo{    width: 210px; height: auto;  margin-top: -10px;}
footer .footer-inner .footer-logo img{width: 100%; height: auto;}
footer .footer-inner .social-media{margin: -5px 0 0 0; padding: 0; list-style: none; float: right;}
footer .footer-inner .social-media li{display: inline-block; position: relative;}
footer .footer-inner .social-media li+li{margin-left: 10px;}
footer .footer-inner .social-media li a{display: block;  width: 35px; height: 35px; line-height: 35px; font-size: 19px; background-color: #fff; color: #333; border-radius: 100%; transition: all, 0.5s; text-align: center;}
footer .footer-inner .footer-link{margin: 0 auto; padding: 0; list-style: none;}
footer .footer-inner .footer-link li{display: block; width: 100%;  position: relative;}
footer .footer-inner .footer-link li a{display: block; width: 100%; text-decoration: none; margin-bottom: 20px; font-size: 20px; color: #fff; transition: all,0.5s;}
footer .footer-inner .footer-link.privacy li a{color: #555;}
footer .footer-inner .footer-link li:hover a{color: #fb7815; transition: all,0.5s;}
footer .footer-inner p.loc-r{position: relative; display: block; font-size: 20px; color: #555;}
footer .footer-inner p.loc-r span.add-i{width: 35px; height: 35px; font-size: 17px; text-align: center; line-height: 35px; display: inline-block; background: linear-gradient(141deg, #7914d3 0%, #4344e4 100%); border-radius: 50%; color: #000; margin-right: 10px;}
footer .footer-inner p.loc-r span.location{display: inline-block; width: 80%; vertical-align: middle;}

footer .footer-inner .after-footer{margin-top: 20px; border-top: 1px solid #333; padding-top: 30px;}
footer .footer-inner .after-footer p{color: #555; margin-bottom: 0;}

footer .footer-inner .social-media li:hover a.facebook{background-color: #4267B2; transition: all,0.5s; color: #fff;}
footer .footer-inner .social-media li:hover a.linkedin{background-color: #007bb5; transition: all,0.5s; color: #fff;}
footer .footer-inner .social-media li:hover a.instagram{background-image: linear-gradient(#f9ce34,#ee2a7b,#6228d7); transition: all,0.5s; color: #fff;}
footer .footer-inner .social-media li:hover a.youtube{background-color: #bb0000; transition: all,0.5s; color: #fff;}
footer .footer-inner .social-media li:hover a.pinterest{background-color: #cb2027; transition: all,0.5s; color: #fff;}
footer .footer-inner .social-media li:hover a.dribbble{background-color: #ea4c89; transition: all,0.5s; color: #fff;}
footer .footer-inner .social-media li:hover a.whatsapp{background-color: #25d366; transition: all,0.5s; color: #fff;}



.about-us .ab-vector-im{position: absolute; right: -15%; top: -150px; width: 1200px; height: 600px; z-index: 3; opacity: 0.4;}
.about-us .ab-vector-im { /* shorthand animation property */ animation: ab-vector-im 5s ease-in-out 0.1s infinite alternate forwards;}
@keyframes ab-vector-im{
    0% {
        right: -15%;
    }
    100% {
        right: -25%;
    }
}



@media(min-width: 1400px){.custom-navbar .container{max-width: 1600px;}}



/*============ABOUT US PAGE START============*/
ol.breadcrumb{margin-bottom: 40px; display: inline-flex; margin-top: 60px;}
ol.breadcrumb li.breadcrumb-item a{color: #fff;}
ol.breadcrumb li.breadcrumb-item.active a{color: #fff; font-weight: 600; transition: all,0.5s;}
ol.breadcrumb li.breadcrumb-item.active a:hover{color: #42ad0b; transition: all,0.5s;}

.about-us-details img.image-about-inner{width: 100%;}
.about-us-details .content{margin-top: 40px;}
.about-us-details .founder-msg{position: relative; display: block; padding: 40px; width: 100%; border:1px solid rgba(33, 34, 59, 0.8); border-radius: 10px; margin: 50px auto; background-color: #fff; color: #333;}

.about-us-details .founder-msg .double-quote-img{position: absolute; text-align: center; display: block; width: 60px; height: 60px; border-radius: 100%; background-color: rgba(33, 34, 59, 0.9); top: -30px; line-height: 60px;}
.about-us-details .founder-msg .double-quote-img img{width: 60%; height: auto;}
.about-us-details .founder-msg:after{content: ''; position: absolute; width: 150px; height: 1px; background-color: rgba(33, 34, 59, 0.8); left: -134px; top: 91px;}
.about-us-details .our-mission-main{position: relative; display: inline-table; list-style: none; margin:100px auto; width: 100%;}
.about-us-details .chairman-main-box{margin-top: 50px; border: 1px solid #8712e0; border-radius: 20px; padding: 30px; position: relative; overflow: hidden; padding-top: 40px;}
.about-us-details .chairman-main-box:after{ position: absolute; position: absolute; content: ''; background-image: url(../images/back-pattern-service.png); width: 100%; height: 100%; top: 0; left: 0; opacity: 0.2; background-size: contain;}
.about-us-details .chairman-main-box .chr-img-main{background: linear-gradient(158deg, #7914d3 40%, #4344e4 100%); border-radius: 10px; height: 200px; position: relative; text-align: center; padding-top: 30px;} 
.about-us-details .chairman-main-box .chr-content{position: relative; display: block; margin-top: 119px; text-align: center; color: #999;}
.about-us-details .chairman-main-box .chr-content p{ display: block; width: 1000px;  margin: 0 auto;}
.about-us-details .chairman-main-box .chr-content .chairman-name{font-size: 20px; display: inline-block; text-align: center; padding: 12px; color: #fff;     background-image: linear-gradient(45deg, #fb820f 0%, #fe3242 100%); background-clip: text; color: transparent;}
.about-us-details .chairman-main-box .chr-content .chairman-name small{font-weight: 300; display: block; margin-top: 5px; font-size: 18px; color: #fff;}

.about-us-details .chairman-main-box .chr-img-main .title{font-size: 30px; color: #fff; margin-top: 10px;}
.about-us-details .chairman-img{width: 200px;  height: 200px; display: block; position: relative; bottom: -25px; border-radius: 20px; overflow: hidden; margin: 0 auto; z-index: 6;}
.about-us-details .chairman-img img{width: 100%; height: auto; border-radius: 20px; filter: grayscale(100%);}
.about-us-details .our-mission-main li{width: 100%; margin-bottom: 26px;}
.about-us-details .our-mission-main li .inner-main-content{position: relative; display: block; padding: 20px; border: 1px solid #5534de; width: 100%; height: auto; text-align: left; border-radius: 20px;}
.about-us-details .our-mission-main li .inner-main-content .content-icon{width: 60px;  height: 60px; border-radius: 100%; text-align: center; line-height: 4; margin: 0 auto; position: relative; background: linear-gradient(141deg, #7914d3 0%, #4344e4 100%); display: inline-block;}
.about-us-details .our-mission-main li .inner-main-content .content-icon img{width: 50%; height: auto;}
.about-us-details .our-mission-main li .inner-main-content .content-title{font-size: 26px; margin-top:10px; display: inline-block; margin-left: 15px; font-weight: 600; color: #fff;}
.about-us-details .our-mission-main li .inner-main-content .details{margin-left: 80px; color: #999; margin-bottom: 0;}
.about-us-details .mission-img{position: relative; display: block;  height: 918px;  background-color: #fff; margin-top: 104px; overflow: hidden;}
.about-us-details .mission-img img{width: 100%; height: 100%;}


/*============ABOUT US PAGE END============*/

/*============CONTACT US PAGE START============*/

.contact_us_container{background-color: #050f24;}
.contact_us_container .form-main-inner .form-control{padding: 18px; margin-bottom: 28px; background-color: transparent;  border: 1px solid #999;}
.contact_us_container .form-main-inner .submit{margin-top: 28px; justify-content:center; background-color: #42ad0b;}
.contact_us_container .address-container{position: relative; display: block;}
.contact_us_container .address-container .title{font-weight: 600; background: -webkit-linear-gradient(#7914d3, #4344e4); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 36px; line-height: 1;}
.contact_us_container .address-container label{margin-top: 40px; font-size: 20px; font-weight: 500; color: #fff;}
.contact_us_container .address-container .address{margin-top: 10px; color: #999;}
.contact_us_container .address-container .phone{margin-top: 30px; color: #999;}
.contact_us_container .address-container .email{margin-top: 12px; color: #999;}
.contact_us_container .address-container .call-icon{width: 20px; height: 20px; vertical-align: middle; margin-right: 3px;}
.contact_us_container .address-container .call-icon img{width: 30px;}

/*============CONTACT US PAGE END============*/


.blog-details{position: relative; display: block;}
.blog-details .blog-image-bg{position: relative; display: block; margin-bottom: 20px;}
.blog-details .blog-image-bg img{width: 100%; height: auto; border-radius: 20px; }
.blog-details .h-main{height: 100v; display: table;}
.blog-details .h-main .heading{display: table-cell; vertical-align: middle;}
.blog-details .h-main .heading h5{font-weight: 500; color: #888;}
.blog-details .h-main .heading h5 span{color: #000;}
.blog-details .content-block{margin: 10px 0 20px 0;}
.blog-details .content-block .details{margin-bottom: 0; text-align: justify; color: #999;}
.blog-details .content-block .title{font-size: 25px; font-weight: 600; margin-bottom: 24px; color: #4344e4;}



.privacy_policy{position: relative; display: block; background-color: #050f24;}
.privacy_policy .content{position: relative; display: block;}
.privacy_policy .content .data-e{background-image: linear-gradient(45deg, #fb820f 0%, #fe3242 100%); background-clip: text; color: transparent;}
.privacy_policy .content .details{margin-top: 10px;}
.privacy_policy .content b{font-weight: 600;}
.privacy_policy .position-inner .accordion-button{padding-left: 0; color: #0a1274; font-weight: 700; letter-spacing: 1px; font-size: 18px;}
.privacy_policy .position-inner .accordion-button:not(.collapsed){background-color: transparent;}
.privacy_policy .position-inner .accordion-button:focus{border-color: transparent; box-shadow: none;}
.privacy_policy .position-inner .accordion-body{padding-left: 0; padding-top: 0;}
.privacy_policy .position-inner .accordion-button:not(.collapsed){box-shadow: none;}
.privacy_policy .position-inner{margin-top: 20px; position: relative;}
.privacy_policy .position-inner .accordion-button:not(.collapsed)::after{filter: grayscale(1);}
.privacy_policy .position-inner .accordion .job-description{position: relative; margin-top: 15px;}
.privacy_policy .position-inner .accordion .job-description li{position: relative; padding-left: 32px;  margin-bottom: 10px;}
.privacy_policy .position-inner .accordion .job-description li:after{content: url("../images/next-button-icon.svg"); width: 23px; height: 23px; left: 0; top: -1px; position: absolute;}

.privacy_policy .position-inner .call-information{padding: 17px 30px; background: linear-gradient(-45deg, #070b34, #131848, #03072a, #070b34); background-size: 400% 400%; animation: gradient 15s ease infinite; margin-top: 60px; text-align: center; border-radius: 10px;}
.privacy_policy .position-inner .call-information p{color: #fff;}
.privacy_policy .position-inner .call-information p:last-child{margin-bottom: 0;}
.privacy_policy .position-inner .call-information p span{text-align: center; font-size: 20px; font-weight: 500; margin-top: 5px; color: #42ad0b;}
.privacy_policy .submit-form{margin-top: 20px}
.privacy_policy .submit-form .form-control{padding: 18px; margin-bottom: 20px;}
.privacy_policy .submit-form #formFile::before { content: "Resume"; position: absolute; z-index: 2; display: block; background-color: #eee; width: 80px;}

.privacy_policy .submit-form input[type="file"] {display: none;}
.privacy_policy .submit-form label{display: block; position: relative; background-color: #f1f1f1; color: #333; font-size: 1.12em; font-weight: 500; text-align: center; padding: 1.12em 0; margin: auto; border-radius: 0.31em; cursor: pointer;}
.privacy_policy .submit-form #num-of-files {font-weight: 400;  text-align: center; margin: 20px 0 0 0;}
.privacy_policy .submit-form button{justify-content: inherit; text-align: center; display: inline-block; background-color: #42ad0b;}


@media only screen and (max-width: 1799px) { 
  .testimonials:after{width: 500px; height: 500px; top: 30px; left: -211px;}
}
@media only screen and (max-width: 1599px) {      
    .testimonials .quote-icon{width: 150px; height: 150px;}
    .post-design-work .video-play-button .pl-icon-c{top: 47%; left: 47%;}
    .testimonials:after{width: 300px;  height: 300px;  top: 126px; left: -131px;}
}
@media only screen and (max-width: 1499px){
  section.our-service .hr{top: 210px; left: 130px;}
  .testimonials .quote-icon{width: 100px; height: 100px;}
}
@media only screen and (max-width: 1399px){  
  .about-us .about-image img{width: auto; height: 100%;}  
  .about-us-details .mission-img{height: 1015px;}
  section.our-service .hr{top:inherit; left: inherit; position: relative; margin: 0 auto; width: 0; font-size: 26px;}
  section.our-service .hr:after{width: 140px; height: 140px; left: -42px; top: -51px;}
  section.our-service .title-block .title{margin-top: 60px;}  
  .about-us-details .founder-msg:after{width: 100px; left: -81px; top: 106px;}  
  .social_view_in .so-v-img{width: 100%; height: auto;}
  footer .footer-inner p.loc-r,
  footer .footer-inner .footer-link li a{font-size: 18px;}  

}
@media only screen and (max-width: 1299px) {     
   .about-us .ab-vector-im{width: 700px; top: -159px;}
   .testimonials .quote-icon{width: 100px; height: 100px; right: 100px;}

}
@media only screen and (max-width: 1199px) { 
.banner_section .banner-inner .title{font-size: 50px;}
.banner_section .banner-inner .content{padding-right: 60px;}
.banner_section{padding-top: 180px;}
.about-us-details .col-md-6.ab-img-main{width: 100%; display: none;}
.about-us-details .col-md-6{width: 100%;}
.service-icon-name .owl-carousel .item{height: 140px;}
 section.our-service.package-price-list .nav-tabs li.nav-item{width: 28%;}
 section.our-service.package-price-list .service-block .service-box .service-highlight{padding: 60px 10px;}

.about-us .about-image{margin: 45px auto;}
.about-us .ab-vector-im{right: -10%; top: -180px; width: 700px;}
.about-us .chairman-message{text-align: center; display: block;}
.about-us .chairman-message .dir-content{width: 100%;}
.about-us .chairman-message .title{margin-top: 60px; text-align: left; font-size: 18px;}
.about-us .chairman-message .title .double-quote{left: -5px;}7
.testimonials .quote-icon{width: 80px; height: 80px; right: 90px;}
.blog-section .blog-box .blog-image img{width: auto; height: 100%;}

.about-us-details img.image-about-inner{margin-top: 60px;}
.about-us-details .founder-msg{margin: 35px auto;}
.about-us-details .founder-msg:after{width: 33px; left: -20px; top: 115px;}
.about-us-details .our-mission-main{margin-top: 100px; margin-bottom: 0;}
.about-us-details .our-mission-main li{width: 100%;}



.service-list .service-main .graphic-vector-container{width: 350px; height: 350px; margin-top: 50px;}
.about-us-details .our-mission-main li .inner-main-content{margin: 0 auto;}
.portfolio-page .port-service-main .port-service-container .port-image{width: auto; height: 400px;}
.blog-details .col-md-3.h-main{width: 100%;}
.blog-details.top-class .section-title{font-size: 35px;}
.blog-details .h-main .heading{margin-top: 30px; display: block;}

footer .footer-inner .ft-1,
footer .footer-inner .ft-2{width: 50%; margin-bottom: 30px;}
footer .footer-inner .ft-3{width: 50%;}
footer .footer-inner .ft-4{width: 50%;}
footer .footer-inner .social-media{float: left;}


.about-us-details.inner-service-page .service-content-sr .title-service{font-size: 38px;}
.portfolio-page .nav-portfolio-in .nav-item .nav-link{height: 78px;}
.portfolio-page .port-service-main .port-service-container .title-container .main-title{font-size: 21px;}
.about-us-details .chairman-main-box .chr-content p{width: inherit;}
}

@media only screen and (max-width: 1024px){ 
  .console-container{font-size: 29px; padding-top: 15px; height: 68px; width: 294px; top: -69px;}
  .banner_section img.value_img_bn{width: 400px; height: auto;}
  .post-design-work .video-play-button .pl-icon-c {top: 46%; left: 46%;}
}
@media only screen and (max-width: 991px) { 

.banner_section .banner-inner .content{margin-top: 12px; padding-right: 0;}

.banner_section .container,
.custom-navbar .container{max-width: 800px;}
.custom-navbar .hm-bar .nav-item .nav-link{font-size: 16px; padding: 2px 14px;}
.custom-navbar.navbar-expand-sm .navbar-nav .dropdown-menu{top: 90px; left: 14px;}

.about-us .ab-vector-im{right: -15%; top: -180px; width: 500px;}
.about-us .col-md-5, .about-us .col-md-7{width: 100%; text-align: center;}
.about-us .above-small-title:after{left: 30%;}
.about-us .about-image{width: 100%; height: auto; margin-bottom: 0;}
.about-us .about-image img{width: 100%; height: auto;}

section.our-service.package-price-list .nav-tabs li.nav-item{width: 25%;  vertical-align: top;}
section.our-service.package-price-list .nav-tabs .nav-link{border-radius: 10px; height: 85px;}
section.our-service .service-block{margin-top: 0;}
section.our-service .service-block .col-md-4{width: 50%;}
.scroll-container.our-service.package-price-list .service-block .col-md-4{width: 100%;}

.section-white.testimonials .col-md-4,
.section-white.testimonials .col-md-8{width: 100%;}
.section-white.testimonials .col-md-4 .section-title{text-align: center;}
.section-white.testimonials .col-md-8{margin-top: 60px;}
.testimonials .quote-icon{width: 150px; height: 150px;}

.about-us-details img.image-about-inner{margin-top: 130px;}
.about-us-details .founder-msg:after{top: 151px; left: -25px;}
.contact_us_container .address-container label{margin-top: 5px;}

.service-list .service-main .col-md-4{display: none;}
.service-list .service-main .top-mobile-hierarchy{display: block; margin-bottom: 150px;}
.service-list .service-main .top-mobile-hierarchy .hire-top-img{width: 100%;}
.service-list .service-main .col-md-8{width: 100%;}
.service-list .service-main .graphic-vector-container img.graphic-vector-img{margin-top: 48px;}

.about-us-details.inner-service-page .view_work{font-size: 18px;}
.testimonials:after{ width: 800px;  height: 500px;  top: 425px;  left: -206px;}
.testimonials .above-small-title:after{left: 30%;}
.testimonials{text-align: center;}
.about-us-details .top-content .col-md-8{width: 100%;}

footer .footer-inner .ft-1,
footer .footer-inner .ft-2,
footer .footer-inner .ft-3,
footer .footer-inner .ft-4{width: 100%; text-align: center;}
footer .footer-inner .ft-2{margin-top: 10px;}
footer .footer-inner .ft-4{margin-top: 20px;}
footer .footer-inner .social-media{float: inherit; margin-top: 15px;}
footer .footer-inner .after-footer .col-md-6{width: 100%; text-align: center;}
footer .footer-inner p.loc-r span.add-i{margin: 0 auto; margin-bottom: 5px; display: block;}

}



@media only screen and (max-width: 840px) {     
  .banner_section .row .col-md-7{ width: 100%;}
  .banner_section .row .col-md-7 .banner-inner{text-align: center; margin-top: 20px;}
  .banner_section img.value_img_bn{position: relative; top: inherit; right: inherit; width: 300px; height: 300px;}   
  .custom-navbar span{top: 70px;}   
  .testimonials .quote-icon{width: 120px; height: 120px;}
  .banner_section .image-inner-slider{margin-top: 80px;}
  .console-container{height: 60px; width: 240px; font-size: 24px; top: -96px; left: -124px;}  
}
@media only screen and (max-width: 767px) {  
  .banner_section .banner-inner .content{text-align: center;}
  .banner_section .banner-inner .title{font-size: 50px;}
  .banner_section .image-inner-slider{margin-top: 160px; text-align: center;}
  .banner_section img.value_img_bn{width: 300px; height: auto;}
  .banner_section:after{right: 450px; top: 227px;}

  .custom-navbar .hm-bar .nav-item .nav-link{padding: 2px 7px;}
  .custom-navbar.navbar-expand-sm .navbar-nav .dropdown-menu{top: 91px; left: -125px;}

  section.customer-count .client-details{margin-bottom: 50px;}
  section.customer-count .row .col-md-3:last-child .client-details{margin-bottom: 0;}
  section.our-service .title-block .title{font-size: 60px;}
  .testimonials .quote-icon{width: 70px; height: 70px; right: 40px;}
  .blog-section .col-md-6:nth-child(2){margin-top: 60px;}
  .about-us .section-title{text-align: center;}
  .console-container{left: -220px;}
  footer .footer-inner{text-align: center;}
  footer .footer-inner .row:nth-child(1) .col-md-3{margin-top: 30px;}
  .banner_section .banner-inner .title{font-size: 40px;}

.about-us-details img.image-about-inner{margin-top: 50px;}
.about-us-details .founder-msg{margin: 60px auto;}
.about-us-details .founder-msg:after{top: -62px; left: 50%; height: 62px; width: 1px;}

.contact_us_container .address-container{margin-top: 80px;}
.service-list .service-main .top-mobile-hierarchy{margin-bottom: 60px;}
.service-list .service-main .graphic-vector-container{margin: 50px auto;}

.service-list .service-container:after{top: -150px; height: 150px; width: 2px; left: 50%;}
.service-list .service-main .graphic-1.graphic-2 .service-container:before{bottom: -150px; top: inherit; height: 150px; width: 2px; left: 50%;}
.about-us-details.inner-service-page .view_more_box{margin-top: 30px;}
.about-us-details.inner-service-page .view_work{font-size: 22px;}

.about-us-details .our-mission-main li{width: 100%;}



.privacy_policy .apply-now{margin-top: 50px;}

.about-us-details.inner-service-page .main-sr .service-bx{width: 100%;}
.about-us-details.inner-service-page .main-sr .service-bx .ser-link{display: block; padding: 30px;}
.about-us-details.inner-service-page .main-sr .service-bx .ser-link .logo-mockup-ser{margin-top: 20px;}
.about-us-details.inner-service-page .main-sr .service-bx .ser-link .arrow{right: 30px; left: inherit;}
.about-us-details.inner-service-page .service-content-sr{padding:0px;}
.portfolio-page .nav-portfolio-in{display: none;}
.portfolio-page .nav-portfolio-in.mobile-nav-port{display: flex;}
.post-design-work .video-play-button .pl-icon-c{top: 46%; left: 46%}
}
@media only screen and (max-width: 680px){
  .custom-navbar.navbar-expand-sm .main{display: block;}
  .custom-navbar.navbar-expand-sm .navbar-collapse{display: none!important;}
  .custom-navbar.navbar-expand-sm{padding-top: 20px; padding-bottom: 20px;}
  .custom-navbar span{top: 38px;}
  .navbar-dark .navbar-toggler{display: none;}
  .full-banner-all .section-title{font-size: 28px;}

}
@media only screen and (max-width: 640px) {
  .banner_section{padding-top: 160px;}  
  footer .footer-inner .ft-2{margin-bottom: 10px;}
}
@media only screen and (max-width: 575px) {
  .navbar-dark .navbar-toggler{border-color: transparent;}
  .banner_section:after{right: 345px;}
  .section-title{font-size: 50px;}
  section.our-service .service-block .service-box{width: 100%;}
  section.our-service .service-block{padding: 10px 10px 0;}    
  section.our-service.package-price-list .nav-tabs li.nav-item{width: 100%; margin: 0; margin-bottom: 20px;}
  section.our-service.package-price-list .nav-tabs .nav-link{font-size: 26px; line-height: 50px;}
  .about-us-details .chairman-main-box{margin: 5px; margin-top: 60px;}
  
}
@media only screen and (max-width: 480px){  
  
  .about-us{padding-top: 80px; padding-bottom: 80px;}   
  
  .testimonials .quote-icon{right: 14px; top: 213px;}
  .banner_section .image-inner-slider{text-align: right;}
  .console-container{left: -134px;}
  .about-us-details .founder-msg .chairman-name{width: 320px; text-align: center; bottom: -36px;}    
  .about-us-details.inner-service-page .main-sr .service-bx .ser-link .arrow{right: inherit; left: 30px;}
  
  .blog-details.top-class .section-title{font-size: 28px; line-height: 32px;}
  .blog-details .h-main .heading h5{font-size: 15px;}
  .overlay .overlay-content .col-md-5 .main-menu{margin-top: 200px;}  
  .overlay .overlay-content .main-menu ul.left-list li:before{display: none;}
  .social_view_in .social-m-a{height: 50px; line-height: 48px;  width: 80%; margin: -144px auto 40px;}
  .about-us-details.inner-service-page .main-sr .service-bx .ser-link{padding: 30px 30px 90px 30px;}
  .about-us-details.inner-service-page .service-content-sr .title-service{font-size: 34px}
  .post-design-work .video-play-button .pl-icon-c{left: 47%; top: 47%;}
  .right-body-overlay{width: 80px;}
  .swiper-container.social-post-v{height: 225px; margin-bottom: 140px;}
  .social_view_in .so-v-img{padding: 15px;}
  .main-sidebar .sidebar-inner.sidebar-bottom{bottom: 300px;}
  .about-us-details .chairman-main-box{margin: 5px; margin-top: 60px; padding: 20px; padding-top: 30px;}
}
  

@media only screen and (max-width: 414px){
  .custom-navbar{padding-top: 20px;}
  .custom-navbar span{top: 26px; height: 25px;}
  .custom-navbar .navbar-brand img{width: 130px;}  
  .banner_section .banner-line-back{left: -180px;}
  
  .overlay a{font-size: 22px; padding-top: 0;}
  .section-title{font-size: 36px;}
  section.our-service.package-price-list .nav-tabs .nav-link{font-size: 24px;}
  .scroll-container.our-service.package-price-list .service-block{padding: 0;}
  
  section.our-service .title-block .title{font-size: 40px;}
  .overlay .overlay-content .col-md-5 .main-menu{margin-top: 200px;}
  .custom-slider-testi .carousel-indicators [data-bs-target]{width: 20%; height: 20%;}
  .custom-slider-testi .carousel-indicators [data-bs-target].active{width: 25%; height: 25%;}

  .about-us-details .content{margin-top: 50px;}
  .about-us-details .founder-msg .chairman-name{width: auto; left: 33px;}
  .about-us-details .founder-msg .chairman-name small{display: block;}
  .about-us-details .founder-msg{padding:40px 20px;}  
  
     .custom-navbar{padding-bottom: 0px;}


}
@media only screen and (max-width: 391px){  
  .banner_section .banner-inner .title{font-size: 32px;}
  .banner_section .banner-inner .content{font-size: 14px;}
  .banner_section .banner-inner button{font-size: 17px;}
  section.our-service.package-price-list .nav-tabs .nav-link{font-size: 20px;}
  
  .custom-slider-testi .carousel-indicators [data-bs-target]{width: 17%;}
  .custom-slider-testi .carousel-indicators [data-bs-target].active{width: 22%;}
  
  
  
  .privacy_policy .position-inner .call-information p span{font-size: 16px;}
  .privacy_policy .position-inner .call-information{padding: 17px 18px;}
  .about-us-details.inner-service-page .service-content-sr .title-service{font-size: 27px;}
  .about-us-details.inner-service-page .main-sr .service-bx .ser-link .logo-mockup-ser{width: 250px; height: 250px;}
  .about-us-details.inner-service-page .main-sr .service-bx .ser-link .logo-mockup-ser img{width: 250px; height: 250px;}
  .about-us-details.inner-service-page .main-sr .service-bx .ser-link{padding: 30px 30px 90px 30px}
  .full-banner-all .section-title{font-size: 24px;}
  .about-us-details .chairman-main-box{padding: 10px; padding-top: 16px;}
  .about-us-details .chairman-main-box .chr-img-main .title{font-size: 25px;}

  .about-us-details .our-mission-main li .inner-main-content .content-icon{display: block;}
  .about-us-details .our-mission-main li .inner-main-content .content-title{display: block; text-align: center; margin-top: 20px; margin-left: 0;}
  .about-us-details .our-mission-main li .inner-main-content .details{margin-left: 0; text-align: center;}
  

}
@media only screen and (max-width: 360px){
  .section-title{font-size: 36px; margin-bottom: 30px;}
  .banner_section .banner-inner .wc-tag{font-size: 20px;}  
  .about-us .ab-vector-im{width: 400px;}
  .testimonials .quote-icon{top: 180px;}
  .console-container{height: 55px; width: 200px;}  
  .overlay .overlay-content .col-md-7 .main-menu .portfolio-heading .title{font-size: 45px;}
  .portfolio-page .port-service-main .port-service-container .title-container .main-title{font-size: 20px;}

}
@media only screen and (max-width: 320px){
  .console-container{height: 50px; width: 175px; font-size: 16px;}
  .service-list .service-main .graphic-1 .graphic-vector-container{margin-bottom: 10px;}
  .about-us-details.inner-service-page .main-sr .service-bx .ser-link .logo-mockup-ser{width: 200px; height: 200px;}
  .about-us-details.inner-service-page .main-sr .service-bx .ser-link .logo-mockup-ser img{width: 200px; height: 200px;}
  .portfolio-page .nav-portfolio-in .nav-item{margin-right: 10px;}
  .post-design-work .video-play-button .pl-icon-c{left: 45%; top: 45%;}
}


@media only screen and (max-width: 391px){
    .swiper-horizontal>.swiper-pagination-bullets, 
  .swiper-pagination-bullets.swiper-pagination-horizontal,
  .swiper-pagination-custom, .swiper-pagination-fraction{width: 350px;}
}