/*html, body{overflow-x:hidden; font-family:'Poppins';}*/


.country_flag{
    width: 30px;
}

/*.n1 {
    text-decoration: none;
    color: black;
}*/
 
p{font-size:14px;}
/*Banner*/
.banner_sec{
    border: 0px solid black;
    width: 100%;
    height: 550px;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(to left, rgba(76,150,200,0.7),rgba(255,255,255,0.7));

}
.banner_sec .banner_1{
    width: 100%;
    border: 0px solid black;
    height: 550px;
/*            padding: 50px 50px;*/
/*            background-image: linear-gradient(rgba(20,41,98,0.8),rgba(20,41,98,0.8)),url("images/aim-team.jpg");*/
/*            background-size: 100% auto;*/
/*            background-position: center;*/
}
.banner_sec .banner_1 .col-lg-7{
    padding: 100px 50px;
}
.banner_sec .banner_1 .col-lg-5{
    padding: 50px 50px;
}
.banner_sec .banner_1 .col-lg-5 img{
    width: 90%;
}
.bounce-only {
  max-width: 400px;
  width: 100%;
  height: auto;
  display: inline-block;
  transform-origin: center;
  animation: bounce-only 2s infinite cubic-bezier(0.5, 0.05, 1, 0.5);
}

@keyframes bounce-only {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-40px);
  }
}

.banner_sec .banner_1 .head_ing{
    font-size: 50pt;
    margin-top: 40px;
    color:#002458;
}
.banner_sec .banner_1 .sub_heading{
    font-size: 15pt;
}
.banner_sec .banner_1 .quote_box{
    padding: 10px 30px;
}

.box {
    position: absolute;
    top: 0;
    transform: rotate(80deg);
    left: 0;
    z-index: -1;
}

.wave {
    position: fixed;
    top: 0;
    left: 0;
  opacity: .4;
  position: absolute;
  top: 3%;
  left: 10%;
  background: #0af;
  width: 2000px;
  height: 1300px;
  margin-left: -150px;
  margin-top: -250px;
  transform-origin: 50% 48%;
  border-radius: 43%;
  animation: drift 9000ms infinite linear;
}

.wave.-three {
  animation: drift 9500ms infinite linear;
    position: fixed;
    background-color: #77daff;
}

.wave.-two {
  animation: drift 5000ms infinite linear;
  opacity: .1;
  background: black;
    position: fixed;
}

.box:after {
  content: '';
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  transform: translate3d(0, 0, 0);
}

@keyframes drift {
  from { transform: rotate(0deg); }
  from { transform: rotate(360deg); }
}

/*LOADING SPACE*/

.contain {
    animation-delay: 4s;
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;

  background: #25a7d7;
  background: -webkit-linear-gradient(#25a7d7, #2962FF);
  background: linear-gradient(#25a7d7, #25a7d7);
}

.icon {
  width: 100px;
  height: 100px;
  margin: 0 5px;
}

/*Animation*/
.icon:nth-child(2) img {-webkit-animation-delay: 0.2s;animation-delay: 0.2s}
.icon:nth-child(3) img {-webkit-animation-delay: 0.3s;animation-delay: 0.3s}
.icon:nth-child(4) img {-webkit-animation-delay: 0.4s;animation-delay: 0.4s}

.icon img {
  -webkit-animation: anim 2s ease infinite;
  animation: anim 2s ease infinite;
  -webkit-transform: scale(0,0) rotateZ(180deg);
  transform: scale(0,0) rotateZ(180deg);
}

@-webkit-keyframes anim{
  0% {
    -webkit-transform: scale(0,0) rotateZ(-90deg);
    transform: scale(0,0) rotateZ(-90deg);opacity:0
  }
  30% {
    -webkit-transform: scale(1,1) rotateZ(0deg);
    transform: scale(1,1) rotateZ(0deg);opacity:1
  }
  50% {
    -webkit-transform: scale(1,1) rotateZ(0deg);
    transform: scale(1,1) rotateZ(0deg);opacity:1
  }
  80% {
    -webkit-transform: scale(0,0) rotateZ(90deg);
    transform: scale(0,0) rotateZ(90deg);opacity:0
  }
}

@keyframes anim{
  0% {
    -webkit-transform: scale(0,0) rotateZ(-90deg);
    transform: scale(0,0) rotateZ(-90deg);opacity:0
  }
  30% {
    -webkit-transform: scale(1,1) rotateZ(0deg);transform: scale(1,1) rotateZ(0deg);opacity:1
  }
  50% {
    -webkit-transform: scale(1,1) rotateZ(0deg);
    transform: scale(1,1) rotateZ(0deg);opacity:1
  }
  80% {
    -webkit-transform: scale(0,0) rotateZ(90deg);
    transform: scale(0,0) rotateZ(90deg);opacity:0
  }
}
/*     End   */
 .video_section {
            border: 0px solid black;
            width: 100%;
            height: 95vh;
            background: transparent;
            overflow: hidden !important;
/*            background-image: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));*/
            margin-top: 0px !important;
        }
        #myVideo {
            position: absolute;
            width: 100%;
            height: 95vh;
            object-fit: cover;
            z-index: -1;
        }
        .video_content{
            margin-top: 200px;
        }
        .video_content {
            position: relative;
        }

        .video_content h2 {
            font-family: 'Ubuntu', sans-serif;
            color: #fff;
            font-size: 5em;
            position: absolute;
            transform: translate(80%, 10%);
            text-shadow: 3px 3px 4px black;
            line-height: 1.3;
        }

        .video_content h2:nth-child(1) {
            color: #fff;
            -webkit-text-stroke: 2px #fff;
        }

        .video_content h2:nth-child(2) {
            color: #d42730;
            animation: animate 4s ease-in-out infinite;
        }

        @keyframes animate {
            0%,
            100% {
                clip-path: polygon(
                    0% 45%,
                    16% 44%,
                    33% 50%,
                    54% 60%,
                    70% 61%,
                    84% 59%,
                    100% 52%,
                    100% 100%,
                    0% 100%
                );
            }

            50% {
                clip-path: polygon(
                    0% 60%,
                    15% 65%,
                    34% 66%,
                    51% 62%,
                    67% 50%,
                    84% 45%,
                    100% 46%,
                    100% 100%,
                    0% 100%
                );
            }
        }
        /*
        .video_content h1{
            font-size: 50pt;
            font-family: 'Ubuntu', sans-serif;
            text-shadow: 3px 3px black;
        }
        .video_content h1 span{
            color: #D42730;
        }
        */
        .video_para{
            padding-top: 130px;
        }
        .video_content p{
            font-size: 15pt;
        }
        .video_content .link_btn{
            padding: 10px 20px; 
            background: #D42730; 
            border-radius: 5px; 
            text-decoration: none; 
            color: #fff;
            font-family: 'Ubuntu', sans-serif;
        }
        /*.video_content .link_btn:hover{
            transition: 0.2s;
            background: #fff;
            border: 3px solid #D42730;
            color: #000;
        }*/
        .custom-btn {
          width: 150px;
          height: 40px;
          color: #fff;
          border-radius: 5px;
          padding: 10px 25px;
          font-family: 'Lato', sans-serif;
          font-weight: 500;
          background: transparent;
          cursor: pointer;
          transition: all 0.3s ease;
          position: relative;
          display: inline-block;
           box-shadow:inset 2px 2px 2px 0px rgba(255,255,255,.5),
           7px 7px 20px 0px rgba(0,0,0,.1),
           4px 4px 5px 0px rgba(0,0,0,.1);
          outline: none;
        }
        .btn-7 {
          background: linear-gradient(0deg, rgb(212 39 48) 0%, rgba(251,75,2,1) 100%);
          line-height: 42px;
          padding: 0;
          border: none;
        }
        .btn-7 span {
          position: relative;
          display: block;
          width: 100%;
          height: 100%;
        }
        .btn-7:before,
        .btn-7:after {
          position: absolute;
          content: "";
          right: 0;
          bottom: 0;
          background: rgba(251,75,2,1);
          box-shadow:
           -7px -7px 20px 0px rgba(255,255,255,.9),
           -4px -4px 5px 0px rgba(255,255,255,.9),
           7px 7px 20px 0px rgba(0,0,0,.2),
           4px 4px 5px 0px rgba(0,0,0,.3);
          transition: all 0.3s ease;
        }
        .btn-7:before{
           height: 0%;
           width: 2px;
        }
        .btn-7:after {
          width: 0%;
          height: 2px;
        }
        .btn-7:hover{
          color: rgba(251,75,2,1);
          background: #fff;
        }
        .btn-7:hover:before {
          height: 100%;
        }
        .btn-7:hover:after {
          width: 100%;
        }
        .btn-7 span:before,
        .btn-7 span:after {
          position: absolute;
          content: "";
          left: 0;
          top: 0;
          background: rgba(251,75,2,1);
          box-shadow:
           -7px -7px 20px 0px rgba(255,255,255,.9),
           -4px -4px 5px 0px rgba(255,255,255,.9),
           7px 7px 20px 0px rgba(0,0,0,.2),
           4px 4px 5px 0px rgba(0,0,0,.3);
          transition: all 0.3s ease;
        }
        .btn-7 span:before {
          width: 2px;
          height: 0%;
        }
        .btn-7 span:after {
          height: 2px;
          width: 0%;
        }
        .btn-7 span:hover:before {
          height: 100%;
        }
        .btn-7 span:hover:after {
          width: 100%;
        }

/*
.header_area{z-index:2;background: #fff; padding:5px 0;transition:all 0.5s;position: relative;top: 0;left: 0;width: 100%;border-bottom: 2px solid #c53421; transition:all 0.5s;}
.sticky_menu{position:fixed; left:0; top:0;width:100%;height: 65px;transition:all 0.5s;box-shadow:0 0 15px rgb(0 0 0 / 50%);background:#fff; transition:all 0.5s;}
.sticky_menu .logo_box img{width:48px;}
.sticky_menu .info_area {padding: 4px 0;}
.sticky_menu .menuIconToggle{top: 22px !important;}
.whatspp_icon{background: #25D366;width: 35px;height: 35px;line-height: 35px !important;border-radius: 5px;color: #fff;}
.logo_box img{width:62px;}
.info_box{color:#000; font-size:20px; font-weight:bold; text-decoration:none; transition: all 0.3s;}
.info_area{padding:11px 0;text-align:center;}
.info_area a{margin:0 10px;}
.info_box i{font-size:30px; margin-right:10px;position: relative;top: 4px;line-height: 0;}
.info_box:hover{color:#c53421;}
.quote_modal form input, .quote_modal form select{margin:10px 0; border-radius:0;}
.quote_modal form textarea{border-radius:0;}
.quote_modal form button{background-color: #002458;border: none;font-size: 16px;padding: 10px 25px;transition: all 0.5s;color: #fff;font-weight: 600;display: block;margin: 20px auto 0;border-radius: 100px;}
.quote_modal form button:hover {background: #c53421;}
.quote_modal .btn-close{background: #fff; opacity: 1; position: absolute;right: -5px;top: -5px; padding: 0;}
.quote_modal .btn-close i{font-size: 24px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.quote_box{display: inline-block;text-decoration: none;cursor: pointer;padding: 8px 25px;border: 2px solid #fff;background: #002458;color: #fff;text-transform: uppercase;font-weight: bold;transition: ease-in-out 0.3s;border-radius: 100px;}
.quote_box:hover{background:#fff;border: 2px solid #002458; color:#002458;}
.mail_sent{position: fixed;top: 0;z-index: 1000;background: #fff;width: 100%;transition: ease-in-out 0.3s;text-align: center;padding: 10px 0;font-weight: 600;font-size: 18px;box-shadow: 0 0 10px rgb(0 0 0 / 50%);}
.mail_sent:after{content:"\f00d";position:absolute;right:0;top:0;cursor:pointer;font-family: 'Font Awesome 6 Free'; background: #453568;color: #fff;padding: 10px 20px;}

.header_area nav {height: 100%;position: fixed;right: 0;width: 320px;transform: translateX(320px);transition: transform 260ms ease-in-out;background-color: #002458;top: 0;}
.header_area nav ul {margin:0;padding:0;flex-direction: column !important; width:100%; position:absolute;top:40px; left:0;}
.header_area nav ul>li {list-style: none;color: #fff;text-transform: uppercase;font-weight: bold;cursor: pointer;border-bottom: 1px solid #3c5a87;transition: .25s}
.header_area nav ul>li span {display: block;font-size: 14px;color: #353535;}
.header_area nav ul>li a {color: #fff;text-transform: uppercase;font-weight: 600;cursor: pointer;text-decoration: none; font-size: 14px;display: block;padding: 15px;}
.header_area nav .dropdown-menu{background: #071428;border: none;position: absolute !important;left: -320px;top: 0; border-radius: 0;}
.header_area nav .dropdown-menu a{background:transparent; padding:15px 15px 15px 30px;}
.header_area nav .dropdown-menu a:hover{color:#fff;}
.header_area nav ul>li:hover {background-color: #224b89;}
.header_area nav li#nav-signup {list-style: none;background-color: #00B2D3;}
.header_area nav ul>li#nav-signup span {color: #00B2D3;}
.header_area nav ul>li#nav-signup a {color: #ffffff;}
.header_area nav ul>li#nav-signup:hover {background-color: #006375;}
.header_area input[type="checkbox"]:checked ~ nav {transform: translateX(0);z-index: 40;}
.header_area input[type=checkbox] {box-sizing: border-box;display: none;transition: all 0.25s;}
.header_area .menuIconToggle {box-sizing: border-box;cursor: pointer;position: absolute;z-index: 48;height: 100%;width: 100%;top: 30px;right: 30px;height: 22px;width: 22px;transition: all 0.3s;}
.header_area input[type=checkbox]:checked ~ .menuIconToggle{top:15px;}
.header_area .hamb-line {box-sizing: border-box;position: absolute;height: 3px;width: 100%;background-color: #000;transition: all 0.25s;}
.header_area .hor {transition: all 0.3s;box-sizing: border-box;position: relative;float: left;margin-top: 3px;}
.header_area .dia.part-1 {position: relative;box-sizing: border-box;float: left;transition: all .25s;}
.header_area .dia.part-2 {box-sizing: border-box;position: relative;float: left;margin-top: 3px;transition: all .25s;}
.header_area input[type=checkbox]:checked ~ .menuIconToggle > .hor {box-sizing: border-box;opacity: 0;transition: all .25s;}
.header_area input[type=checkbox]:checked ~ .menuIconToggle > .dia.part-1 {box-sizing: border-box;transform: rotate(135deg);margin-top: 8px;transition: all .25s; background-color: #fff}
.header_area input[type=checkbox]:checked ~ .menuIconToggle > .dia.part-2 {box-sizing: border-box;transform: rotate(-135deg);margin-top: -9px;transition: all .25s; background-color: #fff}
*/

.top_head{background:#002458;padding: 8px 0;}
.cont_area a{color:#fff;font-size: 14px; line-height: 24px;text-decoration:none;}
.cont_area p{margin: 0; display: inline-block;margin-right: 30px;color:#fff;}
.social_top{text-align: right;}
.social_top a{color: black;display: inline-block;margin-left: 10px;text-align: center;width:30px;height:30px; padding-top:4px;background: #fff;border-radius: 2px;}

.head_nav .navbar-brand img{width:60px;}
.head_nav{padding:0; background:#fff; position: relative; left: 0; width: 100%;transition:ease-in-out 0.3s;z-index: 10;padding: 8px 0;}
.head_nav nav{padding:0;}
.head_nav .navbar-brand{padding:0;}
.head_nav ul{margin:0 0 0 auto;}
.head_nav ul li a{color:#000; font-size:13px; line-height:48px; position:relative;font-weight: 600;}
.head_nav .navbar-nav .nav-link{padding:0 15px;}
.head_nav .dropdown-menu li a{font-size:14px;line-height:20px !important;white-space:normal;padding: 10px 10px !important;color:#212529;font-weight: 400;border-bottom: 1px solid #7e7e7e;}
.head_nav ul li a::before {color: transparent;content: "";left: 50%;pointer-events: none;position: absolute;bottom:10px;transform: translateX(-50%);width: 0; height: 2px;background: #002555; transition: all 0.5s;}
.head_nav ul li a:hover{color:#000;}
.head_nav ul li a:hover::before{width:50px;}
.head_nav ul li a.active{color:#000;}
.etimate_btn a{background: linear-gradient(to bottom, #33b6ec, #2187b1); border-radius: 100px; width: 196px; height: 48px; color: #fff !important; text-align: center;box-shadow: 0 10px 15px rgba(0,0,0,0.2);position: relative;overflow: hidden;z-index: 1;transition: all 0.5s;}
.etimate_btn a::before{display: none;}
.etimate_btn a:after{content: "";background: linear-gradient(to top, #33b6ec, #2187b1); position: absolute; left: 0; top: 0; width: 100%; height: 0; z-index: -1;transition: all 0.5s;}
.etimate_btn a:hover:after{height: 100%;}
.etimate_btn a:hover{letter-spacing: 1px;}
.hamburger {display: none;}

.sticky_menu{position:fixed; top:0; left:0; width:100%;z-index:12;}
.sticky_menu.head_nav ul li a{line-height:50px;}
.sticky_menu.head_nav{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.head_nav .dropdown-menu li a{line-height: 40px;}
.head_nav .dropdown-menu li a:hover{background: #454b4e; color:#fff;}
.head_nav .dropdown-menu li a::before{display: none;}
.head_nav .dropdown-menu{width: 600px;border-radius: 5px;background:#fff;border: 0px solid #fff;box-shadow: 0px 0px 10px 0px grey;left: -100px;padding: 0;overflow: hidden;}
.sticky_menu.head_nav .navbar-brand img{width: 50px;transition: all 0.5s;}
.mega_dropdown_left{border-right: 1px solid #7e7e7e;}
.mega_dropdown_right{margin:auto 0;}
.mega_dropdown_right img{width:100%;}

.quote_modal form input, .quote_modal form select{margin:10px 0; border-radius:0;}
.quote_modal form textarea{border-radius:0;}
.quote_modal form button{background-color: #002458;border: none;fognt-size: 16px;padding: 10px 25px;transition: all 0.5s;color: #fff;font-weight: 600;display: block;margin: 20px auto 0;border-radius: 100px;}
.quote_modal form button:hover {background: #c53421;}
.quote_modal .btn-close{background: #fff; opacity: 1; position: absolute;right: -5px;top: -5px; padding: 0;}
.quote_modal .btn-close i{font-size: 24px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.quote_box{display: inline-block;text-decoration: none;cursor: pointer;padding: 0 25px;background: #002458;color: #fff !important;transition: ease-in-out 0.3s;border-radius: 100px;}
.quote_box:hover{background:#c53421;}
.quote_box:before{display:none;}
.mail_sent{position: fixed;top: 0;z-index: 1000;background: #fff;width: 100%;transition: ease-in-out 0.3s;text-align: center;padding: 10px 0;font-weight: 600;font-size: 18px;box-shadow: 0 0 10px rgb(0 0 0 / 50%);}
.mail_sent:after{content:"\f00d";position:absolute;right:0;top:0;cursor:pointer;font-family: 'Font Awesome 6 Free'; background: #453568;color: #fff;padding: 10px 20px;}

.partnet_btn {transition: all 0.3s;position: fixed;top: 50%;z-index: 1000;opacity: 1 !important;transform: translateY(-50%) rotate(90deg);right: -72px; overflow: hidden;}
.partnet_btn a{border-radius: 0px 1px 20px 20px;margin: 0;font-size: 16px;height: 50px;line-height: 45px;width: 190px;background: #002458;color: #fff;text-align: center;border: 2px solid #fff;font-weight: bold;display: block;text-decoration:none;transition:all 0.3s;}
.partnet_btn a:hover {background: #c53421;}
.partnet_btn:after {animation: shine 5s ease-in-out  infinite;animation-fill-mode: forwards;content: "";position: absolute;top: -110%;left: -210%;width: 300%;height: 40%;opacity: 0;transform: rotate(30deg);background: rgba(255, 255, 255, 1);}
@keyframes shine{
  10% {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 0.3s, 0.3s, 0.3s;
    transition-timing-function: ease;
  }
  100% {
    opacity: 0;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
  }
}

.slide {position: relative; height:700px !important;z-index:-1;}
.slide:before{content:"";background: linear-gradient(to right, rgba(0,0,0,1) , rgba(0,0,0,0.0));position:absolute;left:0;top:0;z-index: 1;width: 65%;height: 100%;}
.slide2:before{display:none;}
.slide2 .cont_center{width:40%;}
.slide h2{font-family:"Open Sans"; font-weight:300;font-size: 44px;margin: 0;line-height: 60px;color:#fff;}
.slide h2 strong{font-weight:bold; text-transform:uppercase;}
.slide h2 span{font-weight:bold;color:#c53421;}
.slide h3{font-size:28px;font-weight:600; color:#fff;position:relative;}
.slide h3:before{content:"";position:absolute; width:10px; height:100%; left:-35px; top:0;background:#da452f;}
.slide ul{padding:0; margin:0;}
.slide ul li{list-style:none; color:#fff;line-height: 32px; position: relative; padding-left: 20px;}
.slide ul li:after{content:"";position:absolute;width: 10px;height: 10px;background:#da452f;left:0;top: 10px;}
.slide .slide__img {width: 100%;height: 100%;overflow: hidden; position: absolute;top: 0;left: 0;background: #000;}
.slide p{font-size:24px;margin-top:20px;color:#fff;}
.slide a{display: inline-block;text-decoration: none;cursor: pointer;padding: 10px 20px;border: 2px solid #fff;background: #002458;color: #fff;text-transform: uppercase;font-weight: bold;transition: ease-in-out 0.3s;margin-top: 20px; border-radius:100px;}
.slide a:hover{background:#c53421;}
.slide .slide__img img {max-width: 100%;height: 100%;opacity: 1 !important;-webkit-animation-duration: 3s;animation-duration: 3s;transition: all 1s ease; width:100%;object-fit:cover;}
.slide .cont_center{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 45%;padding-left: 90px;z-index:1;}
.slide .slide__content--headings {color: #000;}
.slide .slide__content--headings .animated {transition: all 0.5s ease;}
.slider [data-animation-in] {opacity: 0;-webkit-animation-duration: 1.5s;animation-duration: 1.5s;transition: opacity 0.5s ease 0.3s;}
.slider .slick-arrow{border: none;background: #002555;color: #fff;position: absolute;top: 50%;left: 0;padding: 14px;width:45px; z-index:1;transition:all 0.3s;}
.slider .slick-arrow.slick-next{right: 0;left: auto;transition:ease-in-out 0.3s;z-index: 0;}
.slider .slick-arrow i{font-size:35px; transition:all 0.3s;}
.slider .slick-arrow:hover{background:#c53421;}
/*
@-webkit-keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
@keyframes zoomInImage {
  from {
    transform: scale3d(1, 1, 1);
  }
  to {
    transform: scale3d(1.1, 1.1, 1.1);
  }
}
.zoomInImage {-webkit-animation-name: zoomInImage;animation-name: zoomInImage;}
@-webkit-keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes zoomOutImage {
  from {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.zoomOutImage {-webkit-animation-name: zoomOutImage;animation-name: zoomOutImage;}*/

.bnr_btm_logo{padding:40px 0;}
.bnr_btm_logo img{margin:auto;}

.home_popup {padding:0 !important; overflow: unset !important;}
.home_popup .modal-content{position: absolute; top: 50%; border-radius: 0; left:50%; transform:translate(-50%,-50%);width:600px;}
.home_popup .modal-body{padding:0;}
.notice_box img{width:100%;}
.home_popup .btn_area{position: absolute;right: -12px;top: -12px;width: 24px;height: 24px;}
.home_popup .btn_area a i{font-size:24px; color:#002458;background: #fff;border-radius: 100%;border: 1px solid #fff;}

.bnnr_btm_slider img{width:100%;}
.bnnr_btm_slider .item{padding:20px;}
.bnnr_btm_slider .slick-list{margin:0 20px;}
.bnnr_btm_box{box-shadow: 0 0 20px rgba(0,0,0,0.2); background: #fff;}

.why_area{padding:70px 0;}
.why_left {position: relative;display: block;margin-right: 50px;}
.why_img {position: relative;display: block;background-color: var(--qutiiz-black);}
.why_img_hover{overflow:hidden;border-top-right-radius: 8px;border-bottom-right-radius: 8px;border-left: 5px solid #002458;}
.why_img:before {position: absolute;top: -140px;left: -1000000px;right: 280px;content: "";bottom: -120px;background-color: #f6f4f9;border-bottom-right-radius: var(--qutiiz-bdr-radius);z-index: -1;}
.why_img img {width: 100%;mix-blend-mode: luminosity; transition:all 0.3s;}
.why_img:hover img{mix-blend-mode:normal;transition:all 0.3s;transform: scale(1.1);}
.why_img:after {position: absolute;bottom: -120px;right: 242px;content: "";background-color: #002458;width: 18px;height: 100px;border-radius: 100px; z-index: -1;}
.work_detail{margin:auto;}
.work_detail h2{font-size:32px; font-weight:500;color:#002458; text-transform:uppercase;margin-bottom:20px; position:relative;}
.work_detail h2 span{color:#c53421;}
.work_detail h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 0;bottom: -5px;}
.work_detail p{line-height:24px;color:#545454;text-align:justify;}
.dis_flex{display:flex;}
.work_detail a{display: inline-block;text-decoration: none;cursor: pointer;padding: 10px 20px;background: #002458;color: #fff;text-transform: uppercase;font-weight: bold;transition: ease-in-out 0.3s;margin-top: 20px;border-radius:100px;}
.work_detail a:hover{background:#c53421;}
.box-srtbanner{padding-top:70px;}
.srt-banner{padding: 10px 0 30px;}
.srt-banner img, .long-banner img{ 
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 0 20px 2px rgba(0,0,0,0.2);}
.about-box{padding-top:70px;}
.long-banner{padding-bottom:20px;}
.long-banner p{color: #fff;padding-top: 10px;text-align: justify;}
.long-banner a{color: #002458 !important;cursor: pointer;}

.abt_area{padding:70px 0;background:#edf6ff;}
.abt_area h2{font-size:32px; font-weight:500;color:#c53421;text-align:left; text-transform:uppercase;margin-bottom:0px; position:relative;}
.abt_area h2 span{color:#002458;}
.abt_area h2:after{content:"";width: 100px;height: 2px;background: #002458;    position: absolute;left: 50%;transform: translateX(-50%);bottom: -5px;}
.abt_img{position: relative;width: 120%;}
.abt_img img{width: 530px; height: 550px; object-fit: cover;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2); }
/*.abt_img:before{content: "";background: url(../images/abt-img-2.jpg) no-repeat 0 0;position: absolute;left: -98px;bottom: -31px;width: 401px;height: 270px;z-index: 1;border: 10px solid #fff;box-shadow: 0 0 10px rgba(0,0,0,0.3);}*/
.abt_img:after{content: "";background: url(../images/abt-back2.webp) no-repeat 0 0;/* border: 10px solid #fff; */position: absolute;right: -20px;bottom: -18px;width: 400px;height: 380px;z-index: -1;}
.abt_right{width: 100%;background: #f8fbff;border-radius: 30px;padding: 15px 30px;margin: 0 20px;box-shadow: 0 0 7px rgba(0,0,0,0.1);/*border: 1px solid #002458;box-shadow: 0 0 10px rgba(0,0,0,0.4);*/}
.abt_right p{color: #545454;line-height: 24px;position:relative;top:15px;margin:0 0 15px;transition:all 0.5s;text-align:justify;}
.abt_area .btn_area{margin-top: 40px;}
.abt_area .btn_area a{margin-right: 20px;}
.abt_right .btn_area a{display: inline-block;text-decoration: none;cursor: pointer;padding: 10px 20px;border: 2px solid #fff;background: #002458;color: #fff;text-transform: uppercase;font-weight: bold;transition: ease-in-out 0.3s;margin-top: 20px; border-radius:100px;}
.abt_right .btn_area a:hover{background:#c53421;}

/*
.service_area {background:url(../images/service_back.png) no-repeat 0 0 #163c71; padding:40px 0 10px; background-size:100%;}
.service_area h2{font-size:32px; font-weight:500;color:#fff;text-align:center; text-transform:uppercase;margin-bottom:60px; position:relative;}
.service_area h2:after{content:"";width: 100px;height: 2px;background: #fff;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.gallery-slider {width: 100%;height: auto;}
.gallery-slider .swiper-slide {background:url(../images/white-pattern.jpg) #fff 0 0 repeat;margin-bottom:-1px;height: auto;}
.gallery-slider .swiper-slide .row{height:100%;}
.gallery-slider .swiper-slide img {display:block;width: 100%; -webkit-clip-path: polygon(0 0,90% 0,100% 100%,0 100%);clip-path: polygon(0 0,90% 0,100% 100%,0 100%);height: 100%;object-fit: cover;}
.gallery-thumbs {width: 100%;padding: 0;overflow: hidden;}
.gallery-thumbs .swiper-slide {width: 25%;height: 100px;text-align: center;overflow: hidden;opacity: 0.3;display: flex;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}
.gallery-thumbs .swiper-slide img {width: 36px;height: 100%;filter: brightness(0) invert(1);float: left;}
.serv_right{padding:20px;position:relative;z-index:1; margin: auto;}
.serv_right h3{font-weight:bold;font-size:24px; color:#000;}
.serv_right p{font-size: 14px;line-height: 24px;color: #545454;text-align:justify;margin:0;}
.gallery-thumbs h4{text-align:left; cursor:pointer;margin:auto;}
.gallery-thumbs h4 span{font-family: "Open Sans";font-weight:bold;font-size:16px; color:#fff;margin-left: 15px;float: left;}
.swiper-button-prev, .swiper-button-next{color:#fff !important;}
*/

.key_area{padding:70px 0;}
.key_img_area{overflow:hidden;border-radius:0 60px 0 60px; height:100%;box-shadow: -10px 10px 0 #002458;}
.key_img_area img{width:100%;height:100%;object-fit:cover;}
.key_area h2{font-size:32px; font-weight:500;color:#002458;text-align:center; text-transform:uppercase;margin-bottom:60px; position:relative;}
.key_area h2 span{color:#c53421;}
.key_area h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.tabbed-content .tabs {display: none;}
.tabbed-content .item {min-height: auto;overflow:hidden;}
.tabbed-content .item::before {content: attr(data-title);display: block;color: #002458;text-decoration: none;font-weight: bold;font-size: 16px;text-transform: uppercase;line-height: 20px;padding: 20px 15px 20px 45px;background: #f7f7f7;border-radius: 10px;width: 100%;transition: all 0.3s;text-align: center;}
.tabbed-content .item .item-content {opacity: 0;visibility: hidden;height: 0;margin:0;}
.tabbed-content .item.active .item-content {opacity: 1;visibility: visible;height: auto;}
.dsign_box{box-shadow: 0 0 38px rgb(0 0 0 / 11%);border-radius: 20px; padding:20px; text-align:center;background:#fff;flex: 1;margin:15px 0;border: 3px solid #002555;}
.dsign_icon {position: relative;display: flex;align-items: center;justify-content: center;height: 120px;width: 120px;background-color:#fff;border-radius: 50%;margin: 0 auto 10px;z-index: 1;overflow:hidden;border:1px solid #d3d3d3;}
.dsign_icon img{width:100%;transition:all 0.3s;}
.dsign_box a{font-size: 14px;font-weight: 700;color: #000;text-transform: uppercase;position: relative;text-decoration:none;display: block;line-height: 18px;transition:all 0.5s;}
.dsign_box a:hover{color:#c53421;}

.special_area{padding:70px 0; background: #edf6ff;background: linear-gradient(45deg, #89c3ff, #0093bf, #0e3b81, #004cc3);;position:relative;background-size: 400% 400%;animation: gradient 15s ease infinite;}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  25% {
    background-position: 0% 25%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.special_area h2{font-size:32px; font-weight:500; color:#fff;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;}

.special_area h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.special_col{display:flex;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;transition:all 0.5s;position:relative;}
.special_col:nth-child(4), .special_col:nth-child(8), .special_col:nth-child(10){border-right:none;}
.special_col:nth-child(9), .special_col:nth-child(10){border-bottom:none;}
.special_box{width:100%;margin:15px 0;padding:20px;color:#ededed;}
.special_img{width:60px;margin:0 10px 10px 0;transition:all 0.5s;filter: brightness(100) invert(1);}
.special_box p{color: #545454;line-height: 24px;position:relative;top:15px;margin:0;transition:all 0.5s;color:#fff;}
.special_box h3{font-size: 16px;font-weight: bold;display: flex;margin:0;transition:all 0.5s;}
.special_box h3 span{display:block; margin:auto 0;color:#fff;}
.special_col:hover p{top:0;color:#fff;}
.special_col:hover h3{color:#fff;}
.special_col:hover{background: #000f4a;}
.special_col:hover .special_img{filter: brightness(100) invert(1);}
.special_img_back{position:absolute; left:0; top:0;opacity:0;width:100px;transition:all 0.5s;filter: brightness(100) invert(1);}
.special_col:hover .special_img_back{opacity:.2; left: calc(100% - 100px);top: calc(100% - 100px);}


/*
.testimonial_area{background:#091830; padding:70px 0;position:relative;overflow: hidden;}
.testimonial_area h2{font-size:32px; font-weight:500; color:#fff;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;z-index: 1;}
.testimonial_area h2:after{content:"";width: 100px;height: 2px;background: #fff;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.test_img{margin: auto;width: 170px;background: rgba(255,255,255,0.2);border-radius: 10px;}
.testimonial_area p{text-align:center;font-size: 18px;line-height: 30px;color: #fff; margin-top:20px;}
.testimonial_area .owl-nav button{height: 60px;width: 60px;border-radius: 50% !important;font-size:36px !important;text-align: center;transition: all 500ms ease;background: #fff !important;box-shadow: 0 0 40px rgb(0 0 0 / 10%);}
.testimonial_area .owl-nav button span{position: relative; top: -15px;font-size: 50px;}
.testimonial_area .owl-nav button:hover{background:#c53421 !important;}
.testimonial_area .item h3{color:#fff;font-size: 16px;text-align: center;padding: 10px 0;margin: 0;}
.bg_video{position: absolute;width: 100%;left: 0;bottom: 0;z-index: 0;background-size: cover;}
.bg_video:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;background-color: rgba(11,28,54,.5);}
.bg_video video{display:block;object-fit: cover;width: 100%;height: 100%;}
.bg_video video:after{content: '';position: absolute;top: 0;left: 0;width: 100%;background-image: -webkit-gradient(linear,left top,left bottom,from(#08172e),color-stop(10%,#08172e),color-stop(39%,#0b1c36),color-stop(95%,rgba(13,29,55,0)));background-image: linear-gradient(to bottom,#08172e 0%,#08172e 10%,#0b1c36 39%,rgba(13,29,55,0) 95%);height: 250px;z-index: 0;}
*/
.clients_area{padding:70px 0;}
.clients_area h2{font-size:32px; font-weight:500; color:#002458;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;}
.clients_area h2 span{color:#c53421;}
.clients_area h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.clients_area ul{margin:0; padding:0;text-align:center;}
.clients_area ul li{width: 130px;height: 130px;border-radius:3px;overflow:hidden;/*border: 1px solid #bfbfbf;box-shadow: 0 0 15px rgb(0 0 0 / 10%);*/display:inline-block;margin: 10px;padding: 5px;}
.clients_area ul li img{width:100%;}

/*{sreya-css}*/
.marketing-cont{background: #fff;}
.digi-cont{background:#d0e5f9;}
.get_area.get-cont{padding-top:70px;}
.btn_sec{text-align:center; margin-bottom: 20px;}
.btn_sec a{color: #000;font-size: 16px;    padding: 10px 30px;position: relative;}
/*.btn_sec a{display: inline-block;overflow: hidden;transform: perspective(0) translateZ(0);background: linear-gradient(195deg, #44c700 0%, #c7df69 100%);box-shadow: 0 0 1px rgba(0, 0, 0, 0); border-color: transparent;color: #ffffff;border-radius: 25px;font-size: 14px;font-family: "Barlow", sans-serif;font-weight: 600;height: 36px;line-height: 36px;padding: 0px 20px;border: 0;border-style: solid;box-shadow: none;transition: all 0.5s ease 0s;cursor: pointer;z-index: 1;position: relative;text-decoration: none;margin-bottom: 20px;letter-spacing: 1px;}
.btn_sec a:hover::before {width: 100%;right: 0; left: auto;}
.btn_sec a:hover::after {width: 100%;right: auto;left: 0;}
.btn_sec a:before {content: "";background: #0e0e0e;height: 50%;width: 0;position: absolute;top: 0;left: 0;right: auto;transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);z-index: -1;}
.btn_sec a:after{content: "";background: #0e0e0e;height: 50%;width: 0;position: absolute;bottom: 0;right: 0;left: auto;transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);z-index: -1;}*/
.aim-sec {background-image: linear-gradient(to right, #4bc5ff, #005593);padding: 15px 30px;border-radius: 30px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}
.long-banner h3{text-align: center;color: #002458;}
.erp-sec{padding-bottom:70px;}
.long-banner .red-sec{color: #f72e38;text-shadow: 2px 2px 5px #1a1a1a;font-weight: bold;}
.sec-color{color:#fff !important;display: none;}
.box-txt{color:#fff;text-decoration:none;display: block;text-align: center;padding-top:5px;}
.aim-sec .slick-slider{margin-bottom:10px;}
.red-text span{color:#002458;}
.aim-sec .slick-slider {margin-bottom:10px;}
.btn_box{background: #fff;padding: 10px 20px;text-align: center;text-decoration: none;margin-top: 20px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);border-radius: 20px;}
.btn_box a{text-decoration: none;color: #c50206;font-weight: bold;}
.port-sec{float: right;position: absolute;display: inline-block;width: 230px;top: 0;right: 60px;}
.sec-box{padding:70px 0;}
/*{sreya-css-end}*/

.get_area{padding:0 0 70px;}
.get_box{     background-image: linear-gradient(to right, #ffffff, #a6c6f5);box-shadow: 0 14px 30px rgba(0,0,0,0.2);}
.get_left{width: 100%;background: url(../images/banner4.jpg) no-repeat center; background-size: cover;display: flex;}
.get_right{padding: 40px 0;width: 100%;}
.get_right h2{font-size:32px; font-weight:500;color:#c53421;text-align:left; text-transform:uppercase;margin-bottom:20px; position:relative;}
.get_right h2 span{color:#002458;}
.get_right h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%;transform: translateX(-50%);bottom: -5px;}
.get_form{padding-right: 24px;}
.get_form form input{background: #fff; border-radius: 0; border: 1px solid #989898;height: 30px;margin-bottom: 15px;font-size: 14px; font-weight: 400; color: #000;}
.get_form form textarea{background: #fff; border-radius: 0; border: 1px solid #989898;height: 60px;margin-bottom: 10px;font-size: 16px; font-weight: 400; color: #000;}
.get_form form button{background-color: #002458;border: none;font-size: 16px;padding: 10px 25px;transition: all 0.5s;color: #fff;font-weight: 600;display: block;margin: 20px auto 0;border-radius: 100px;}
.get_form form button:hover {background: #c53421;}

.footer_area{ background:#002458;border-top: 2px solid #c53421;position:relative;padding: 20px;z-index: 1;height: auto;min-height: 100px;}
.footer_area:before{content:""; background:url(../images/foot-back.png) no-repeat 0 0;width:100%; position:absolute;left:135px; top:0;height:100%;z-index: -1; background-size: cover;background-size:contain;opacity: 0.1;}
/* Mobile responsive styling */
@media (max-width: 768px) {
  .footer_area {
    padding: 80px 0 0;  /* Reduce padding on smaller screens */
    min-height: 300px;  /* Reduce height if necessary */
  }

  .footer_area:before {
    background-size: 100% auto; /* Make image width fit to container, auto for height */
    background-position: center; /* Center the image */
    height: auto; /* Let height adjust automatically */
  }
}

@media (max-width: 480px) {
  .footer_area {
    padding: 50px 0 0;  /* Further reduce padding for very small screens */
    min-height: 250px;  /* Adjust footer height */
  }

  .footer_area:before {
    background-size: 100% auto; /* Fit the image to the width, maintaining aspect ratio */
    background-position: center; /* Center the image */
    height: auto; /* Adjust height dynamically */
  }
}
.footer_area h4{color:#fff; text-transform:uppercase;position:relative;font-weight:bold;margin-bottom:20px;}
.footer_area h4:after{content:""; width:60px;height:2px; background:#c53421;position:absolute; left:0; bottom:-5px;}
.footer_area ul{padding:0;}
.footer_area ul li{color:#c7c7c7;font-size:14px;margin:10px 0;list-style: none;}
.footer_area ul li a{display:block;color:#c7c7c7; text-decoration:none;transition:all 0.3s;position:relative; left:0;}
.footer_area span{display:block;}
.quick_area ul li i{color:#c53421;}
.quick_area ul li a:hover{color:#fff; left:5px;}
.social_area ul li a i{width: 30px;height: 30px;background:#9b0008;line-height: 30px;text-align: center;color: #fff;border-radius: 3px;margin-right: 10px;}
.social_area ul li a:hover{color:#fff; left:5px;}
.log_collap ul{padding-left:20px;}
.log_collap ul li i{font-size: 8px;position: relative;top: -2px;}

.footer_bottom {padding: 25px 0;margin-top: 40px; border-top: 1px solid #4c4c4c;}
.footer_bottom p{color:#fff; font-size:14px; text-align:center; margin:0;}
.footer_bottom p a{color:#e16625;text-decoration:none;}

.login_btn{cursor:pointer;}
.logModal .btn-close{background: #fff; opacity: 1; position: absolute;right: -5px;top: -5px; padding: 0;}
.logModal .btn-close i{font-size: 24px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.logModal ul{display:flex; border:none !important;}
.logModal ul li{width:50%;}
.logModal ul li button{width:100%;border:none !important;border-radius:0 !important;background:#edf6ff !important; color:#000;transition:all 0.5s;}
.logModal ul li button:hover{background:#da452f !important; color:#fff;}
.logModal ul li button.active{background: #002458 !important;color: #fff !important;}
.logModal form input{margin:10px 0; border-radius:0;}
.logModal form button{background-color: #453568;border: none;font-size: 16px;padding: 10px 18px;transition: all 0.5s;color: #fff;font-weight: 600; display: block;margin: 20px auto 0;}
.logModal form button:hover {background: #c53421;}
.logModal form a{color: #000;text-decoration: none;font-size:14px;}
.logModal form p{text-align:center; margin:10px 0;}

.refModal .btn-close{background: #fff; opacity: 1; position: absolute;right: -5px;top: -5px; padding: 0; z-index: 10;}
.refModal .btn-close i{font-size: 24px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.refModal .modal-dialog{max-width: 50%;box-shadow: 0 14px 30px rgba(0,0,0,0.2);}
.refModal .modal-content{border-radius:0;background: #fff;}
.refModal .modal-body{background:url(../images/ref-back.jpg) no-repeat center; background-size:cover;position:relative;z-index:1;}
.refModal .modal-body:after{content:""; background:rgba(255,255,255,0.8);position:absolute; left:0; top:0; width:100%; height:100%;z-index:-1;}
.ref_right h3{font-size:16px; font-weight:bold;margin:45px 0 0;}
.ref_right p{color: #545454;line-height: 22px;margin:5px 0 10px;transition:all 0.5s;text-align:justify;}
.ref_right ul{margin:0; padding:0;}
.ref_right ul li{position:relative;color: #545454;line-height: 22px;margin:2px;padding-left:20px;list-style:none;font-size:14px;}
.ref_right ul li:before{content: "\f101"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; left: 0;color: #c53421;}
.ref_left{width: 100%;background: url(../images/ref-back.jpg) no-repeat center; background-size: cover;display: flex;}
.ref_left2{background: url(../images/ref-log-back.jpg) no-repeat center; background-size: cover;}
.ref_right{width: 100%;}
.ref_right h2{font-size:32px; font-weight:500;color:#002458;text-align:left; text-transform:uppercase;margin-bottom:20px; position:relative;}
.ref_right h2 span{color:#c53421;}
.ref_right h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 0; bottom: -5px;}
.ref_form form input, .ref_form form select{background: rgba(255,255,255,0.5); border-radius: 0; border: 1px solid #989898;height: 30px;margin-bottom: 10px;font-size: 14px; font-weight: 400; color: #000;appearance: auto;}
.ref_form h3{margin:20px 0 10px;}
.ref_form form label{font-size:14px;}
.file_input{border-radius:10px !important;}
.ref_form form input::placeholder, .ref_form form select::placeholder{color:#000;font-size: 14px;}
.ref_form form button{background-color: #002458;border: none;font-size: 16px;padding: 10px 25px;transition: all 0.5s;color: #fff;font-weight: 600;display: block;margin: 0 auto 0;border-radius: 100px;}
.ref_form form button:hover {background: #c53421;}
.refModal form a{color: #000;text-decoration: none;font-size:14px;}
.refModal h5{width: auto;border:none;transition:all 0.5s;border-radius: 100px;padding: 5px 20px;font-size:14px;margin-bottom:20px;position: absolute;right: 20px;z-index: 1;top: 50px;background: #002458;color: #fff;cursor:pointer;}
.refModal h5:hover{background:#da452f; color:#fff;}
.inputfile {width: 0.1px;eight: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.inputfile + label {background: rgba(255,255,255,0.5);border-radius: 0;border: 1px solid #989898;height: 30px;margin-bottom: 10px;font-size: 14px;font-weight: 400;appearance: auto;color:#000;display:block;padding: 0.275rem 0.75rem; cursor:pointer;}
.inputfile + label * {pointer-events: none;}
.inputfile + label span{width: 180px;white-space: nowrap;overflow: hidden !important;text-overflow: ellipsis;display: block;}
.check_box input{margin: 0 !important;height: 15px !important;width: 15px;position: relative;top: 2px;}
.check_box label{font-size:14px;}
.check_box label a{color:blue;}
.ref_form_login{margin-top:50px;}
.forum_head{font-weight:bold;margin-top: 17px;display: inline-block !important;border-bottom: 2px solid #da452f;padding-bottom: 1px;}
.ref_form_login form{width:60%;margin: auto;}
.up_agree{color: blue !important;cursor:pointer;display: block;text-align: center;margin: 10px 0 0;}
.thank_area{position:relative;}
.thank_area a{background-color: #c53421;border: none;padding: 10px 25px;color: #fff;display: block;margin: 0;border-radius: 100px;transition:all 0.5s;width: auto;position: absolute;right: 0;bottom: 0;font-size: 14px;text-decoration: none;}
.thank_area a:hover {background: #002458;}
.thank_area ul li span{font-weight:bold;}
.thank_area ul li a{color: blue !important;cursor:pointer;text-decoration:none;}

.partner_drop:hover>.part_dropdown-menu {
  display: block;
}

/*================== About Starts ===================*/
.inner_banner{background:url(../images/inner-bnr.jpg) no-repeat 0 0; background-size:cover; padding:70px 0;position:relative;z-index:1;}
.inner_banner:after{content:""; background:rgba(20, 19, 59, 0.85);position:absolute; top:0; left:0; width:100%; height:100%;z-index:-1;}
.inner_banner h1{font-size:32px; font-weight:600; color:#fff;text-align:center; text-transform:uppercase;margin-bottom:20px;position:relative;margin:0;}
.inner_banner h1:after{content:"";width: 100px;height: 2px;background: #fff;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}

.banner_area{background:#edf6ff; padding:15px 0 20px;box-shadow: 0 1px 1px 0 rgba(0,0,0,.16);position:relative;}
.banner_area h1{font-size:22px; font-weight:600; color:#000;text-align:center; text-transform:uppercase;margin:0;position:relative;}
.banner_area h1:after{content:"";width: 100px;height: 2px;background: #000;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
/*.banner_area ul{text-align:center;padding:0;}
.banner_area ul li{display:inline-block; color:#000;padding:0 10px; font-size:16px;}
.banner_area ul li i{position:relative; top:2px;}
.banner_area ul li a{ color:#000;text-decoration:none; transition:ease-in-out 0.3s;}
.banner_area ul li a:hover{color:#c53421;}*/
.breadcrumb_area{text-align:center;padding:0;margin: 0;margin-top: -40px;}
.breadcrumb_area li{display:inline-block; color:#000;padding:0 10px; font-size:16px;}
.breadcrumb_area li i{position:relative; top:2px;}
.breadcrumb_area li a{ color:#c53421;text-decoration:none; transition:ease-in-out 0.3s;}

.about_wrapper{padding:50px 0 70px;}
.about_us_para p{color:#545454;line-height:24px; text-align:justify;}
.about_us_para h2{font-size:32px; font-weight:500;color:#002458;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;z-index: 1;}
.about_us_para h2 span{color:#c53421;}
.about_us_para h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}

.mission_area{padding:70px 0;background:#edf6ff;}
.mission_area h2{font-size:32px; font-weight:500;color:#c53421;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;}
.mission_area h2 span{color:#002458;}
.mission_area h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.msn_left{width:20%; border-right:1px dashed #000;padding-right:20px;}
.msn_left img{width:100%;}
.msn_right{width:80%;padding-left:20px;}
.msn_right h3{font-weight:bold; font-size:16px; color:#000;}
.msn_right p{color: #545454;line-height: 24px;text-align: justify;margin:0;}
.marketing-p{text-align:justify;}
.team_area{padding:70px 0;position:relative;overflow:hidden;margin-bottom:70px;}
.team_area h2{font-size:32px; font-weight:500; color:#fff;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;z-index: 1;}
.team_area h2:after{content:"";width: 100px;height: 2px;background: #fff;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.bg_about{position: absolute;width: 100%;left: 0;bottom: 0;z-index: -1;background-size: cover;}
.bg_about:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;background-color: rgba(11,28,54,.5);}
.bg_about video{display:block;object-fit: cover;width: 100%;height: 100%;}
.bg_about video:after{content: '';position: absolute;top: 0;left: 0;width: 100%;background-image: -webkit-gradient(linear,left top,left bottom,from(#08172e),color-stop(10%,#08172e),color-stop(39%,#0b1c36),color-stop(95%,rgba(13,29,55,0)));background-image: linear-gradient(to bottom,#08172e 0%,#08172e 10%,#0b1c36 39%,rgba(13,29,55,0) 95%);height: 250px;z-index: 0;}
.team_box{border-radius: 100%;overflow:hidden;height: 120px;width: 120px;margin: 0 auto;}
.team_box img{width:100%; height:100%; object-fit:cover;}
.team_col{position:relative;margin:15px 0;}
.team_cont{position: relative;bottom: -15px;left:50%;transform:translateX(-50%);width: 80%;background: #fff;box-shadow: 0 0 38px rgb(0 0 0 / 11%);border-radius: 5px;text-align: center;padding:5px;}
.team_cont h3{font-size: 16px;font-weight: 600;color: #002458; text-transform: uppercase;margin: 0;position: relative;}
.team_cont p{font-size: 14px;color: #c53421;margin:0;}
/*================== About Ends ===================*/


/*================== Contact Starts ===================*/
.inner_banner2{background:url(../images/banner-contact.jpg) no-repeat 0 75%; background-size:cover;}
.contact_area{background:url(../images/map-pattern.png) no-repeat 0 0; background-size:cover; padding:50px 0 70px;}
.cont_box{border-radius: 10px; padding:20px; text-align:center;background:#f6f4f9;flex: 1;border: 1px solid transparent; transition:all 0.3s;}
.contact_info_icon {position: relative;display: flex;align-items: center;justify-content: center;height: 120px;width: 120px;background-color:#002458;border-radius: 50%;margin: 0 auto;z-index: 1;}
.contact_info_icon i{color:#fff;transition: all 500ms linear; font-size:48px;}
.cont_box:hover .contact_info_icon i {transform: scale(0.9);}
.contact_info_icon:before {position: absolute;top: 0;left: 0;right: 0;bottom: 0;content: "";background-color: #c53421;border-radius: 50%;transform: scale(0);transform-origin: center;transform-style: preserve-3d;transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52);z-index: -1;}
.cont_box:hover .contact_info_icon:before {transform: scaleX(1);}
.cont_box:hover{background-color: white; box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%); border: 1px solid #e2e0e5;}
.cont_box h3{font-size: 24px;font-weight: 600;color: #c53421; text-transform: uppercase;margin: 0;position: relative; margin:10px 0;}
.cont_box p{font-size: 16px;color: #000;margin:5px 0;}
.cont_box p a{color:#000; text-decoration:none;}

.cont_form_area{margin-top:70px;}
.cont_form_area form input, .cont_form_area form select{margin-bottom:15px;height:45px; border-radius:0; background:transparent; background: #f6f4f9;}
.cont_form_area form input:focus, .cont_form_area form select:focus{background:#fff;}
.cont_form_area form textarea{margin-bottom:15px;height:110px; border-radius:0; background:transparent;background: #f6f4f9;}
.cont_form_area form textarea:focus{background:#fff;}
.cont_btn{display: inline-block;text-decoration: none;cursor: pointer;padding: 10px 40px;background: #002458;color: #fff;text-transform: uppercase;font-weight: bold;transition: ease-in-out 0.3s;margin: 20px auto 0;border: none; display: block;}
.cont_btn:hover{background:#c53421;}
.map_area{margin-top:70px;}
.map_area iframe{width:100%; height:500px;margin-bottom:-7px;}
/*================== Contact Ends ===================*/


/*================== Career Starts ===================*/
.inner_banner3{background:url(../images/banner-career.jpg) no-repeat 0 0; background-size:cover;}
.career_area{padding:50px 0;}
.career_area h2{font-size:32px; font-weight:500;color:#002458;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;z-index: 1;}
.career_area h2 span{color:#c53421;}
.career_area h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.career_area p{font-size: 14px;line-height: 24px;color: #545454; text-align:justify;margin:0;}

.career_box{border-radius: 10px; padding:20px 20px 70px; text-align:center;background:#f6f4f9;flex: 1;margin:15px 0; transition:all 0.3s;border: 1px solid transparent; position:relative; overflow:hidden;}
.career_box h3{font-size: 16px;font-weight: 800;color: #002458; text-transform: uppercase;margin: 10px 0;position: relative;}
.career_box ul{padding:0; margin:0;}
.career_box ul li{list-style:none;font-size: 16px;line-height: normal;color: #000; text-align:justify; margin:5px 0;text-align:center;padding: 5px;}
.career_box ul li:nth-child(even){background:#dcf2f0;}
.career_box2 ul li:nth-child(even){background:#f4e8f6;}
.career_box3 ul li:nth-child(even){background:#f7d9e1;}
.career_box4 ul li:nth-child(even){background:#fde8de;}
.career_box5 ul li:nth-child(even){background:#d9eaf5;}
.career_box6 ul li:nth-child(even){background:#cdf1d9;}
.career_box:hover{background-color: white; box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%); border: 1px solid #e2e0e5;}
.career_box:hover:before{transform: scale(1.5);}
.career_box:before{position: absolute; bottom: -20px;right: -20px; border-radius: 50%; background-color: #002458; opacity: 0.1; width: 100px; height: 100px;
    content: "";transition: all 500ms ease;}

.career_box a{display: inline-block;text-decoration: none;cursor: pointer;padding: 5px 30px;background: #002458;color: #fff;text-transform: uppercase;font-weight: bold;transition: ease-in-out 0.3s;position: absolute;bottom: 25px;left: 50%;transform: translateX(-50%);}
.career_box a:hover{background:#c53421;}
.career_modal {pointer-events: none;}
.career_modal form input, .career_modal form select{margin:10px 0; border-radius:0;}
.career_modal form label{position:relative; top:5px;}
.career_modal form textarea{border-radius:0;}
.career_modal form button{background-color: #453568;border: none;font-size: 16px;padding: 10px 18px;transition: all 0.5s;color: #fff;font-weight: 600; display: block;margin: 20px auto 0;}
.career_modal form button:hover {background: #c53421;}
.career_modal .btn-close{background: #fff; opacity: 1; position: absolute;right: -5px;top: -5px; padding: 0;z-index: 1;}
.career_modal .btn-close i{font-size: 24px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
/*================== Career Ends ===================*/

/*================== Web development Starts ===================*/
.inner_banner4{background:url(../images/banner-web.jpg) no-repeat 0 0; background-size:cover;}
.inner_banner5{background:url(../images/banner-d-marketing.jpg) no-repeat 0 0; background-size:cover;}
.inner_banner6{background:url(../images/banner-d-signature.jpg) no-repeat 0 0; background-size:cover;}
.inner_banner7{background:url(../images/banner-cctv.jpg) no-repeat 0 0; background-size:cover;}
.inner_banner8{background:url(../images/banner-biometric.jpg) no-repeat 0 0; background-size:cover;}
.inner_banner9{background:url(../images/banner-software.jpg) no-repeat 0 0; background-size:cover;}
.inner_banner10{background:url(../images/banner-portfolio.jpg) no-repeat 0 0; background-size:cover;}
.inner_banner11{background:url(../images/banner-import.jpg) no-repeat 0 0; background-size:cover;}
.web_box{border-radius: 10px; padding:20px; text-align:center;background:#f6f4f9;flex: 1;margin:15px 0; transition:all 0.3s;border: 1px solid transparent; position:relative; overflow:hidden;}
.web_box h3{font-size: 16px;font-weight: 700;color: #002458; text-transform: uppercase;margin: 10px 0;position: relative;}
.web_box h3 a{color: #002458; text-decoration:none;}
.web_box p{font-size: 14px; line-height: 24px; color: #545454;margin: 0;}
.software_box p{font-size: 13px; line-height: 20px; color: #545454;margin: 0;}
.web_box ul{margin:5px 0 10px; padding:0;}
.web_box ul li{list-style:none; text-align:left;font-size: 14px;line-height: 24px;color: #545454;position:relative;padding-left: 30px;}
.software_box ul li{font-size: 13px;line-height: 20px;padding-left: 20px;}
.web_box ul li i{color:#c53421;position:absolute; left:0;top: 4px;}
.web_info_icon {position: relative;display: flex;align-items: center;justify-content: center;height: 130px;width: 130px;background-color:  #002458;border-radius: 50%;margin: 0 auto;z-index: 1;border: 4px solid transparent; transition:all 0.3s; overflow: hidden;}
.web_info_icon img{width: 100%;height: 100%;object-fit: cover;transition:all 0.3s;}
.web_box:hover .web_info_icon{border: 4px solid #c53421;}
.web_box:hover{background-color: white; box-shadow: 0px 10px 60px 0px rgb(0 0 0 / 7%); border: 1px solid #e2e0e5;}
.web_box:hover img{transform: scale(1.1) rotate(-10deg);}
.web_box:hover:before{transform: scale(1.5);}
.web_box:before{position: absolute; bottom: -20px;right: -20px; border-radius: 50%; background-color: #002458; opacity: 0.05; width: 100px; height: 100px;content: "";transition: all 500ms ease;}
.bio_area{margin-top:40px;}
.soft_btn{display: inline-block;text-decoration: none;cursor: pointer;padding: 10px 20px;border: 2px solid #fff;background: #002458;color: #fff;text-transform: uppercase;font-weight: bold;transition: ease-in-out 0.3s;border-radius:100px;}
.soft_btn:hover{background:#c53421; color:#fff;}

.get_back{background:#c53421;padding:20px 0;}
.get_back p{font-size: 24px;color: #fff;margin:0; font-weight:bold; margin:auto 0;}
.get_back a{display: inline-block;text-decoration: none;cursor: pointer;padding: 10px 20px;border: 2px solid #fff;background: #c53421;color: #fff;text-transform: uppercase;font-weight: bold;transition: ease-in-out 0.3s;margin: auto 0 auto auto;}
.get_back a:hover{background:#002458; color:#fff;}

.web_top_head{background:url(../images/web-top-head.jpg) no-repeat center;padding:30px 0;position:relative; color:#fff; text-align:center; margin:0 0 20px;font-size:40px;z-index:1;font-family: "Bebas Neue";}
.web_top_head2{background:url(../images/web-top-head2.jpg) no-repeat center;}
.web_top_head:after{background:rgba(0,36,88,0.7);content:"";position:absolute; left:0; top:0; width:100%; height:100%;z-index:-1;}
.web_wrapper{padding:50px 0 70px;}
.web_wrapper ul{justify-content:center;border:none !important;margin-bottom:20px;}
.web_wrapper ul button{border:none !important;padding: 15px 30px;font-size: 18px;font-weight: 600; color:#000;border-bottom: 2px solid #bdbdbd !important;}
.web_wrapper ul button h3{font-size: 18px;font-weight: 600;margin:0;}
.web_wrapper ul button span{display: block;width: 50px;height: 50px;background: #000;color: #fff;border-radius: 100%;line-height: 50px;margin: 0 auto 5px;transition:all 0.5s;}
.web_wrapper ul button.active, .web_wrapper ul button:hover{color:#c53421 !important;border-bottom: 2px solid #c53421 !important;}
.web_wrapper ul button.active span, .web_wrapper ul button:hover span{background:#c53421;}

.tabbed-content {padding-top:30px;}

.web_ad_bnr{background:url(../images/web-ad-bnr.jpg) no-repeat center;padding:30px 0;position:relative; color:#fff; text-align:center; margin:0 0 30px;font-size:40px;z-index:1; text-transform:uppercase;font-family: "Bebas Neue";}
.web_ad_bnr:after{background:rgba(0,36,88,0.7);content:"";position:absolute; left:0; top:0; width:100%; height:100%;z-index:-1;}

.web_point_box{background: #edf6ff;border: 2px solid #d9e8f3;padding:0 25px 40px;border-radius: 15px;-o-transition: all 0.4s ease;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;width:100%;margin:15px 0;position:relative;overflow:hidden;z-index: 1;}
.web_point_box:after{position:absolute; content:""; left:0; top:0; width:0; height:100%;background:#002555;transition:all 0.5s;opacity: 0;visibility: hidden;display: block;z-index: -1;}
.web_point_box:hover:after{left: auto;opacity: 1;visibility: visible;right: 0;width:100%;}
.web_point_box p{margin:0;text-align:left;transition: all 0.4s ease;color:#545454;line-height: 24px;}
.web_head{display: flex;}
.web_head h4{margin:auto 0;font-size: 18px; font-weight: bold; color: #002555; padding-left: 5px;transition: all 0.4s ease;text-transform:uppercase;}
.web_point_box:hover p, .web_point_box:hover span, .web_point_box:hover h4{color:#fff;}
.web_point_box span{font-size:60px;font-weight: bold;opacity: .3;line-height: 75px;color: #002555;transition: all 0.4s ease;}
.web_ad_area {background:#171830; border-radius:15px; overflow:hidden; padding:30px;position:relative;z-index:1;}
.web_ad_area2{background: #d42730;}
.web_ad_area:after{content:""; background:url(../images/ad-back.jpg) no-repeat center #171830; background-size:cover;position:absolute; left:0; top:0; width:100%; height:100%;opacity: 0.6;z-index:-1;}
.ad_text span{font-family:"Bebas Neue"; color:#fff; text-align:center;display:block;}
.ad_text span:nth-child(1){font-size:70px;}
.ad_text span:nth-child(2){font-size: 58px;margin-top: -35px;}
.ad_text span:nth-child(3){font-size: 52px;margin-top: -28px;}
.ad_img img{width:100%;margin-top:20px;}
.ad_cont p{color: #fff;font-size: 18px;font-weight: bold;text-align: center;line-height: 24px;}
.ad_cont a{display: block; text-align: center; color: #fff; text-decoration: none; font-weight: 600; font-size: 18px;}
.ad_cont a span{display: block;background: #ff9c00;color: #000;padding: 5px;width: 150px;border-radius: 100px;margin: 0 auto 5px;}

.web_back{background:url(../images/web-back.jpg) no-repeat center; background-size:cover; padding:70px 0; background-attachment:fixed;position:relative;z-index:1;}
.web_back:after{content:""; background:rgba(20, 19, 59, 0.85);position:absolute; top:0; left:0; width:100%; height:100%;z-index:-1;}
.cust_left h2{font-size:32px; font-weight:500;color:#fff; text-transform:uppercase;margin-bottom:20px; position:relative;}
.cust_left h2 span{color:#c53421;}
.cust_left h2:after{content:"";width: 100px;height: 2px;background: #c53421;position: absolute;left: 0;bottom: -5px;}
.cust_left ul {margin:0;padding:0;}
.cust_left ul li{list-style:none; margin:8px 0;font-size: 14px;line-height: 22px;color: #fff; position:relative;padding-left: 30px;}
.cust_left ul li i{color:#c53421;position:absolute; left:0;top: 4px;}
.cust_right{height:400px;overflow:hidden;border-radius:5px 25px 5px 25px;}
.cust_right img{width:100%; height:100%; object-fit:cover;}

.website_area{padding:70px 0;}
.website_area h2{font-size:32px; font-weight:500;color:#002458;text-align:center; text-transform:uppercase;margin-bottom:60px; position:relative;}
.website_area h2 span{color:#c53421;}
.website_area h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.website_box{padding:30px 20px 20px;box-shadow: 0 0 38px rgb(0 0 0 / 10%);border-radius:10px; text-align:justify;position:relative;text-align-last: center;width:100%;}
.website_box p{color:#545454;line-height: 24px; margin:0;}
.website_box h3{font-size: 18px;font-weight: 600;position: absolute;top: -20px;left: 50%;transform: translateX(-50%);color: #fff;background: #002555;margin: 0;padding: 8px;border-radius: 100px;width: 250px;text-align:center;}

.mobile_area{padding:70px 0; background: #edf6ff;}
.mobile_area h2{font-size:32px; font-weight:500;color:#002458;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;}
.mobile_area h2 span{color:#c53421;}
.mobile_area h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.feature_block{position: relative;overflow: hidden;border-radius: 10px;}
.feature_block_img{height:250px;}
.feature_block_img img{width: 100%;}
.feature_block_cont{position: absolute;bottom: 0;left: 0;padding: 0px 40px 20px;transform: translateY(150px);transition: all 0.4s ease;}
.feature_block_cont::before {position: absolute;content: "";width: 673px;height: 180px;left: 50%;transform: translateX(-47%);bottom: 30px;background: #000000;filter: blur(60.7px);opacity: 0.75;transition: height 0.4s;}
.feature_block_cont h3{color:#fff; font-size:22px; font-weight:600; text-transform:uppercase;transform: translateY(-15px); transition: all 0.4s ease;margin-bottom: 0;}
.feature_block_cont p{color: #ffffff;transform: translateY(15px);opacity: 0;visibility: hidden;transition: all 0.4s ease;text-align:justify;height: 140px;margin: 0;}
.feature_block:hover .feature_block_cont {transform: translateY(0px);transition: all 0.4s ease;}
.feature_block2:hover .feature_block_cont {transform: translateY(-50px);transition: all 0.4s ease;}
.feature_block:hover .feature_block_cont::before {width: 835px;height: 355px;left: 50%;transform: translateX(-50%);bottom: -160px;background: #0051bb;filter: blur(60.7px);opacity: 1;transition: height 0.4s;}
.feature_block:hover .feature_block_cont h2 {transform: translateY(0px);transition-delay: 0.2s;}
.feature_block:hover .feature_block_cont p {transform: translateY(0px);opacity: 1;visibility: visible;transition-delay: 0.4s;line-height: 24px;}


/* work area */
.work_area {
    padding: 70px 0;
    background: #f9f9f9;
}

.work_area h2 {
    font-size: 32px;
    font-weight: 500;
    color: #002458;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative;
}

.work_area h2 span {
    color: #c53421;
}

.work_area h2:after {
    content: "";
    width: 100px;
    height: 2px;
    background: #002458;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -5px;
}

.work_slider {
    margin: 0 -15px;
}

.work_box {
    padding: 0 15px;
}

.work_box a {
    position: relative;
    display: block;
    overflow: hidden;
    height: 350px;
    border-radius: 10px;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.15s ease;
}

.work_box a:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.work_box a img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    transition: all 0.3s;
}

.work_box a:hover img {
    transform: scale(1.1); /* Slightly scale the image */
}

.work_box a .overlay {
    background: url(../images/gallery-zoom.png) no-repeat center rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: all 0.5s ease;
    transform: scale(0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c53421;
    font-size: 36px; /* Increased font size */
    font-weight: 900; /* Made text bolder */
    text-transform: uppercase;
    letter-spacing: 2px; /* Spacing between letters for better clarity */
    text-align: center; /* Centered the text */
    padding: 10px 20px;
    text-shadow: 0 4px 6px rgba(0, 0, 0, 0.5); /* Subtle shadow for better contrast */
    opacity: 0; /* Initially hidden */
    transform: scale(0.5); /* Start smaller */
}

.work_box a:hover .overlay {
    opacity: 1;
    transform: scale(1);
}

/*.work_box a .overlay p {*/
/*    font-size: 16px;*/
/*    font-weight: 600;*/
/*    transition: opacity 0.3s ease;*/
/*    opacity: 0;*/
/*}*/

/* Icon Styling (Optional: If you want an icon to appear in the overlay) */
.work_box a .overlay .icon-wrapper {
    font-size: 30px;
    color: #fff;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* Make icon visible on hover */
.work_box a:hover .overlay .icon-wrapper {
    opacity: 1;
}

.work_box a:hover img {
    transform: scale(1.15);
}

/* Slick Carousel Custom Styles */
.slick-prev,
.slick-next {
    width: 40px;
    height: 40px;
    background: rgba(0, 36, 88, 0.8);
    border-radius: 50%;
    z-index: 1;
    transition: background 0.3s ease;
}

.slick-prev:hover,
.slick-next:hover {
    background: #002458;
}

.slick-prev {
    left: -50px;
}

.slick-next {
    right: -50px;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    color: #fff;
    opacity: 1;
}

.slick-prev:before {
    content: '←';
}

.slick-next:before {
    content: '→';
}

.slick-dots {
    bottom: -40px;
}

.slick-dots li button:before {
    font-size: 12px;
    color: #002458;
}

.slick-dots li.slick-active button:before {
    color: #c53421;
}



.web_digi{padding:70px 0;}
.web_digi h2{font-size:32px; font-weight:500;color:#002458; text-transform:uppercase;margin-bottom:20px; position:relative;}
.web_digi h2 span{color:#c53421;}
.web_digi h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 0;bottom: -5px;}
.web_digi ul{margin:0; padding:0;}
.web_digi ul li{list-style:none; margin:15px 0;font-size: 18px;line-height: 25px;color: #000; font-style:italic;position:relative;padding-left: 30px;}
.web_digi ul li i{color:#002458;position:absolute; left:0;top: 4px;}
/*================== Web development Ends ===================*/

/*================== Digital Signature Starts ===================*/
.signature_left{height:400px;border-radius:10px 25px 10px 25px;overflow:hidden;}
.signature_left img{width:100%; height:100%; object-fit:cover;}
.signature_right h2{ font-size:16px; font-weight:bold; margin:0 0 20px;}
.signature_table table thead{background:#002458; color:#fff;}
.signature_table table td{font-size:14px;white-space: nowrap;}
.signature_table table tbody td{color:#545454;}
.InputGroup {display: -webkit-box;display: flex;height: 35px;float: left;margin: 0 5px 5px 0;}
.InputGroup input[type="radio"] {visibility: hidden; /* 1 */height: 0; /* 2 */width: 0; /* 2 */}
.InputGroup label {display: -webkit-box !important;display: flex !important;-webkit-box-flex: 1;flex: auto;vertical-align: middle;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;text-align: center;cursor: pointer;background:#fff;color: #545454;padding: 0 10px;border-radius: 100px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-weight: normal !important;border:1px solid #ced4da;}
.InputGroup input[type="radio"]:checked + label {background-color:#002458;color: #fff;}
.InputGroup input[type="radio"]:hover:not(:checked) + label {background: #002458;color: #fff;}

.checksignature {display: block;position: relative;padding-left: 30px;margin-bottom: 12px;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.checksignature input {position: absolute;opacity: 0;cursor: pointer;}
.checksignature input:checked ~ .checkbtn {background-color: #002458;}
.checkbtn {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #eee;border-radius: 50%;}
.checksignature input:checked ~ .checkbtn:after {display: block;}
.checksignature .checkbtn:after {top: 6px;left: 6px;width: 8px;height: 8px;border-radius: 50%;background: white;}
.checkbtn:after {content: "";position: absolute;display: none;}
.checkarea{border-right: 1px dashed #a1a1a1;}
.checkarea p{margin:0;}
.checkarea a{display: inline-block;text-decoration: none;cursor: pointer;padding: 8px 25px;border: 2px solid #fff;background: #002458;color: #fff;text-transform: uppercase;font-weight: bold;transition: ease-in-out 0.3s;border-radius: 100px; margin-top:20px;}
.checkarea a:hover{background:#fff;border: 2px solid #002458; color:#002458;}
.emudra_area p{color:#000;margin:0;}
.emudra_area p span{font-weight:bold; font-size:16px; color:#c53421;}
.emudra_area img{width:220px; margin-top:30px;}
.aadhar_area{border-radius:10px; padding:10px 15px;background:linear-gradient( -35deg,rgb(0 37 85) 0%,rgb(24 78 149) 100% );margin-top:30px;display: flex;}
.aadhar_area p{color:#fff;margin: auto 0 auto 20px;font-size:18px;}
.aadhar_area p span{display:block;font-weight:bold; color:#fff;font-size:22px;}
.aadhar_area img{width:100px;}

.process_area{background:#edf6ff; padding:70px 0 0;}
.process_area h2{font-size:32px; font-weight:500;color:#002458;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;}
.process_area h2 span{color:#c53421;}
.process_area h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.process_back{background:url(../images/process-back.png) no-repeat center; background-size:100%;padding: 70px 0;}
.process_box{position:relative;text-align:center;}
.icon_area{padding:10px;width: 120px;height: 120px; margin:0 auto;border-radius: 100%;text-align: center;position:relative}
.process_box i{color: #fff;line-height: 100px;font-size: 40px;width: 100px;height: 100px;background: #c53421;border-radius: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.icon_area:after {position: absolute;width: 100%;height: 100%;content: '';left: 0;top: 0;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;border-radius: 50%;-webkit-transform: scale(0);-ms-transform: scale(0);transform: scale(0);border: 2px dashed #c53421;opacity:0;}
.process_box:hover .icon_area:after {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-animation: rotated_circle 5s linear infinite;animation: rotated_circle 5s linear infinite;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;opacity:1;}
@keyframes rotated_circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); }
}
.process_box span{opacity: 0.15;line-height: 1;font-size: 85px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;font-weight: 700;position: absolute;color: transparent;-webkit-text-stroke: 1px;-webkit-text-stroke-color: #293043;-webkit-transform: translate(-70%, -60%) rotate(-50deg);-ms-transform: translate(-70%, -60%) rotate(-50deg);transform: translate(-70%, -60%) rotate(-50deg);}
.process_box h3{margin: 10px 0 0;font-size: 16px;font-weight: bold;}

.competitor_area{padding:70px 0 0;}
.competitor_area h2{font-size:32px; font-weight:500; color:#002458;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;}
.competitor_area h2 span{color:#c53421;}
.competitor_area h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.compe_box{width:100%;margin:15px 0;padding:20px;}
.compe_img{width:60px;margin:0 10px 10px 0;transition:all 0.5s;}
.compe_box p{color: #545454;line-height: 24px;position:relative;top:15px;margin:0;transition:all 0.5s;}
.compe_box h3{font-size: 16px;font-weight: bold;display: flex;margin:0;transition:all 0.5s;}
.compe_box h3 span{display:block; margin:auto 0;}
.compe_col{display:flex;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;transition:all 0.5s;position:relative;}
.compe_col:nth-child(3), .compe_col:nth-child(5){border-right:none;}
.compe_col:nth-child(4), .compe_col:nth-child(5){border-bottom:none;}
.compe_col:hover p{top:0;color:#fff;}
.compe_col:hover h3{color:#fff;}
.compe_col:hover{background:#c53421;}
.compe_col:hover .compe_img{filter: brightness(100) invert(1);}
.compe_img_back{position:absolute; left:0; top:0;opacity:0;width:100px;transition:all 0.5s;filter: brightness(100) invert(1);}
.compe_col:hover .compe_img_back{opacity:.2; left: calc(100% - 100px);top: calc(100% - 100px);}

.d_area{text-align:center !important;}

.page_dsign_box{position:relative; overflow:hidden;flex: 1;}
.sale {width: 200px;position: absolute;top: 18px;left: -68px;transform: rotate(-45deg);z-index: 1;font-size: 14px;padding: 1px 0 3px 0;background: #002458;color: #fff;font-weight: bold;}
.page_dsign_box p{text-align:center; font-size:14px;margin: 0;line-height:normal;}
.rating_area{margin:10px 0;}
.rating_area i{color: #ffb425;}
.page_dsign_box h4{font-size: 18px;font-weight: 900;}
.download_btn {display: inline-block;text-decoration: none;cursor: pointer;padding: 8px 15px;background: #002458;color: #fff;text-transform: uppercase;font-weight: bold;transition: ease-in-out 0.3s;margin-top: 0;font-size: 13px;position: relative; z-index: 1;}
.download_btn:hover{background:#c53421;color:#fff;}

.d_sign_para p{color:#545454;margin:5px 0;text-align:justify;}
.d_sign_para ul{margin:0; padding:0;}
.d_sign_para ul li{color:#545454; list-style:none; display:inline-block;margin-right:10px;position:relative;padding-left: 22px;font-size:14px;}
.d_sign_para ul li:before{content:"\f0a4";font-family:"Font Awesome 6 Free";position:absolute;left: 0;top: 0;font-weight: bold;color:#c53421;}

.d_sign_online{padding-bottom:70px;}
.d_sign_online h2{font-size:32px; font-weight:500; color:#002458;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;z-index: 1;}
.d_sign_online h2 span{color:#c53421;}
.d_sign_online h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.d_sign_online h3{font-size:20px; font-weight:600; color:#002458;text-align:center;margin-bottom:10px;}
.d_sign_table{margin-top:20px;}
.d_sign_table table th, .d_sign_table table td{padding:7px 10px;font-size: 14px;line-height: 24px;color: #545454;}
.d_sign_table table th{color:#fff; background:#002458;}
/*================== Digital Signature Ends ===================*/

/*================== Digital Marketing Starts ===================*/
.digital_wrapper{padding:50px 0 70px;}
.digital_wrapper.margin{padding-bottom:0;}
.digital_tab .item-content img{width:100%;}
.digital_tab .item-content p{color:#545454;line-height:24px; text-align:justify;margin:15px 0 0;}

.digi_success{padding:70px 0;}
.digi_success h2{font-size:32px; font-weight:500;color:#002458;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;}
.digi_success h2 span,marketing-sec h2 span{color:#c53421;}
.digi_success h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.digi_success .nav-tabs {justify-content:center;border: none;margin:0 -10px;}
.digi_success .nav-tabs li{width:16.6666%;padding: 0 10px;}
.digi_success .nav-tabs li button{border: none;border-radius: 5px;height:100%;padding: 30px 15px;background-color: #edf6ff; color:#000;width:100%;font-size:14px;}
.digi_success .nav-tabs li button i{display:block; font-size:30px;margin-bottom:10px;}
.digi_success .nav-tabs li button.active{color:#fff; position:relative; background: linear-gradient( -35deg,rgb(0 37 85) 0%,rgb(24 78 149) 100% );}
.digi_success .nav-tabs li button.active::before {position: absolute;content: "";bottom: -40px;left: 50%;transform: translateX(-50%);height: 40px;width: 40px;border-top: solid #fff;border-left: solid transparent;border-right: solid transparent;border-width: 20px;-webkit-filter: drop-shadow(0 5px 3px rgba(3,27,78,0.08));filter: drop-shadow(0 5px 3px rgba(3,27,78,0.08));-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease; border-top-color: #002458;}
.success_cont{padding: 30px;margin:30px 0 0;box-shadow: 0 0 30px rgb(0 36 88 / 10%);border-radius: 20px;}
.success_info{width:100%; margin:auto 0;}
.success_info p{color: #545454;line-height: 24px;text-align: justify; margin:0;}
.success_info h3{font-size:18px; font-weight:bold;}
.success_cont img{width:100%; height:300px; object-fit:cover; border-radius:5px 20px 5px 20px;}

.success_box{padding:20px; border:1px solid #fff;border-radius:10px;position:relative; margin:30px 0; width:100%;}
.success_box i{position: absolute;left: 50%;transform: translateX(-50%);top: -35px;background: #fff;width: 70px;height: 70px;border-radius: 100%;text-align: center;line-height: 70px;font-size: 26px;color: #f80035;border: 2px solid #1b333b;}
.success_box h3{font-size:18px; text-align:center;color:#fff;margin:20px 0 10px;}
.success_box p{color:#fff;line-height: 24px; margin:0; text-align:justify;text-align-last: center;}

/* Our area of work  */
/*.digiwork_area{padding:70px 0;background:#edf6ff;}*/
/*.digiwork_area h2{font-size:32px; font-weight:500;color:#002458;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;}*/
/*.digiwork_area h2 span{color:#c53421;}*/
/*.digiwork_area h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}*/
/*.digiwork_back{background:url(../images/digi-work-back.png) no-repeat center; background-size:100%;padding: 70px 0;}*/
/*.cust_col_5{flex: 0 0 auto; width: 20%;padding:0 12px;}*/
/*.digiwork_point{text-align:center; position:relative; cursor:pointer;}*/
/*.digiwork_point:hover {*/
/*    transform: scale(1.05);*/
/*    transition: transform 0.3s ease;*/
/*}*/
/*.digiwork_point:hover h3 {*/
/*    color: #c53421;*/
/*}*/
/*.digiwork_point1{top:-70px;}*/
/*.digiwork_point2{top:95px;}*/
/*.digiwork_point3{top:-35px;}*/
/*.digiwork_point4{top:80px;}*/
/*.digiwork_point5{top:-70px;}*/
/*.digiwork_point i{width: 70px;height: 70px;border-radius: 100%;border: 2px solid #d42527;background: #fff;text-align: center;line-height: 70px;color: #000;font-size: 24px;margin-bottom: 10px;}*/
/*.digiwork_point h3{font-size:18px; font-weight:bold;margin:0;}*/
/*.digital_overlay p{margin: 60px 0 0;background: #d42527;color: #fff;padding: 8px 10px;text-align: center;position: absolute;width: 100%;top: 50%;transform: translateY(-50%);}*/
/* Our area of work  */
.digiwork_area {
    padding: 70px 0;
    background: linear-gradient(135deg, #edf6ff, #ffffff);
    overflow: hidden;
}

.digiwork_area h2 {
    font-size: 32px;
    font-weight: 500;
    color: #002458;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative;
}

.digiwork_area h2 span {
    color: #c53421;
}

.digiwork_area h2:after {
    content: "";
    width: 120px;
    height: 3px;
    background: #c53421;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -15px;
}

.digiwork_back {
    background: url(../images/digi-work-back.png) no-repeat center;
    background-size: cover;
    padding: 100px 0;
    position: relative;
}

.cust_col_5 {
    flex: 0 0 auto;
    width: 20%;
    padding: 0 15px;
}

.digiwork_point {
    text-align: center;
    position: relative;
    cursor: pointer;
    padding: 30px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.4s ease;
}

.digiwork_point:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

.digiwork_point:hover h3 {
    color: #c53421;
}

.digiwork_point .icon-wrapper {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    border: 2px solid #d42527;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    overflow: hidden; /* Ensure the image is clipped to the rounded shape */
    transition: all 0.4s ease;
}
.digiwork_point .icon-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image covers the whole container without distortion */
}

.digiwork_point:hover .icon-wrapper {
    background: #d17a6e;
    border-color: #d17a6e;
}

.digiwork_point i {
    font-size: 32px;
    color: #002458;
    transition: all 0.4s ease;
}

.digiwork_point:hover i {
    color: #fff;
}

.digiwork_point h3 {
    font-size: 20px;
    font-weight: 700;
    color: #002458;
    margin: 0 0 10px;
    transition: all 0.4s ease;
}

.digiwork_point .hover-description {
    font-size: 14px;
    color: #666;
    margin: 0;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.4s ease;
}

.digiwork_point:hover .hover-description {
    opacity: 1;
    transform: translateY(0);
}

/* Positioning Adjustments */
.digiwork_point1 { top: -70px; }
.digiwork_point2 { top: 95px; }
.digiwork_point3 { top: -35px; }
.digiwork_point4 { top: 80px; }
.digiwork_point5 { top: -70px; }





.area_modal .btn-close{background: #fff; opacity: 1; position: absolute;right: -5px;top: -5px; padding: 0;}
.area_modal .btn-close i{font-size: 24px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.area_modal .modal-dialog{max-width:80%;margin: 20px auto;}
.area_modal h4{text-align:center;margin:0; font-weight:bold; font-size:20px;}
.modal_img_box{height:300px; overflow:hidden;border-radius:10px;margin:15px 0;}
.modal_img_box img{width:100%; height:100%; object-fit:cover;}
.area_modal p{color: #545454;line-height: 24px;text-align: justify;margin:0;}
.lightgallery2 a{background:#f9f9f9;}
.lightgallery2 img{object-fit: contain !important;}
/*================== Digital Marketing Ends ===================*/

/*================== Portfolio Starts ===================*/
.portfolio_area{padding:50px 0 70px;position:relative;}
#lightgallery img{width:100%; transition:ease-in-out 0.3s;}
.lightgallery2 img{width:100%; transition:ease-in-out 0.3s;height: 100%;object-fit: cover;}
.lightimg_box{margin:15px 0;position: relative;}
.lightimg_box a{position:relative; display:block;overflow:hidden;height: 300px;border-radius: 10px;border: 1px solid #002458;}
.business a{height:auto;}
.lightimg_box a .overlay{background: url(../images/gallery-zoom.png) no-repeat center rgba(0, 0, 0, 0.6);position:absolute; top: 0;left: 0;right: 0;bottom: 0;height: 100%;width: 100%;opacity: 0;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;-moz-transform: scale(0.5);-ms-transform: scale(0.5);-o-transform: scale(0.5);-webkit-transform: scale(0.5);transform: scale(0.5);}
.lightimg_box a:hover .overlay{display: block;opacity: 1;-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.lightimg_box a:hover img{transform: scale(1.15);}
.lightimg_box h4{position: absolute;width: 100%;bottom: 0;left: 0;padding: 0 12px;margin: 0;}
.lightimg_box h4 button{height: 50px;border-radius: 0; background: #002458;color: #fff;text-align: center;line-height: 50px;font-size: 18px;font-weight: bold;text-decoration:none;width:100%; border:none;transition:all 0.3s;}
.lightimg_box h4 button:hover {background: #c53421;}
.portfolio_area h2{font-size:32px; font-weight:500;color:#002458;text-align:center; text-transform:uppercase;margin-bottom:20px; position:relative;}
.portfolio_area h2 span{color:#c53421;}
.portfolio_area h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}

.lightimg_box2 a{background:#e8e8e8;}
.lightimg_box2 a img{width: auto; height: 100%; display: block; margin: auto; transition: all 0.5s;}

.portfolio_area .nav-tabs{justify-content: center;border: none;}
.portfolio_area .nav-tabs li{display:inline-block;border-radius: 100px;padding: 0;cursor:pointer;position:relative;margin:0 15px;}
.portfolio_area .nav-tabs li button:before{content:"";width:20px;height:20px;border-radius:100%;border:2px solid #002458;position: absolute;left: 0;top: 2px;}
.portfolio_area .nav-tabs li button.active:before{background:#002458;}
.portfolio_area .nav-tabs li button{border: none;background: transparent;padding: 0 0 0 30px;color:#000;}

.filtermenu{text-align:center;padding: 0;margin: 20px 0;}
.filtermenu li{list-style:none;display:inline-block;border: 1px solid #002458;margin: 5px 0;padding: 3px 20px;border-radius: 100px;cursor:pointer;}
.filtermenu li.active{background: #d42730;color: #fff;}

/*
.video_box{position: relative;margin: 15px 0;border-radius: 10px;border: 1px solid #002458;overflow: hidden;}
.video_box video{width:100%; height:300px;object-fit: cover;}
*/
.video_box h3{background: #002458;color: #fff;text-align: center;line-height: 50px;font-size: 18px;font-weight: bold;margin:0;}
.filtermenu2{text-align:center;padding: 0;margin: 20px 0;}
.filtermenu2 li{list-style:none;display:inline-block;border: 1px solid #002458;margin: 5px 0;padding: 3px 20px;border-radius: 100px;cursor:pointer;}
.filtermenu2 li.active2{background: #d42730;color: #fff;}
.video_box{background:#e8e8e8;}
.video_box img{width:100%; transition:ease-in-out 0.3s;height: 100%;object-fit: contain;}
.video_box a{border-radius:10px 10px 0 0;}
.demo-gallery2 .lg-thumb-outer{display:none;}
/*================== Portfolio Ends ===================*/

/*================== Coding Classes Starts ===================*/
.code_left {width:100%; margin:auto 0;}
.code_left h3{font-weight:bold;font-size:18px; color:#000;}
.code_left h2{color:#000; font-size:42px; font-weight:500;}
.code_left h2 h6{margin:0; font-size:42px;}
.code_left h2 span{display:block; font-weight:bold;}
.code_left p{font-size: 14px;line-height: 24px;color: #545454;text-align:justify;margin:0;}
.code_left p span{font-weight:bold; color:#c53421;}
.code_btn{margin-top:20px;}
.code_btn a{display: inline-block;text-decoration: none;cursor: pointer;padding: 10px 15px;border: 2px solid #fff;background: #002458;color: #fff;text-transform: uppercase;font-weight: bold;transition: ease-in-out 0.3s;margin-top: 10px;border-radius:100px;font-size:14px;}
.code_btn a:hover{background:#c53421;}

.code_right{width:100%;margin:auto 0;padding-left: 50px;}
.code_right img{width:100%; height:100%; object-fit:cover;border-radius:10px;}

.learn_area{padding:70px 0;background: #edf6ff;}
.learn_area h2{font-size:32px; font-weight:500;color:#002458;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;}
.learn_area h2 span{color:#c53421;}
.learn_area h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.nav_main_tab{border-bottom:2px solid #002458;}
.nav_main_tab li{width:25%;}
.nav_main_tab li .tab_btn{text-align: center;margin: 0 auto;border: none;color: #000;border-radius:0; padding: 0 0 15px;}
.nav_main_tab li .tab_btn.active{background:transparent;color:#c53421;position:relative;}
.nav_main_tab li .tab_btn.active:after{content:""; height:5px; width:100px; background:#c53421; position:absolute; left:50%; transform:translateX(-50%);bottom:-3px;}

.tab_cont{box-shadow: 0 0 38px rgb(0 0 0 / 11%);border-radius: 20px; padding:20px 30px; background:#fff;margin:20px 0 0;}
.learn_cont h3{font-size:18px; font-weight:bold; color:#000; margin:0; text-transform:uppercase;}
.nav_sub_tab{border:none;margin:15px 0;}
.nav_sub_tab li .tab_sub_btn{text-align: center;margin: 0 auto;color: #000;padding: 6px 25px;border: 1px solid #002458 !important;margin-right: 10px;border-radius: 100px;font-size: 14px;}
.nav_sub_tab li .tab_sub_btn.active{color: #fff;position:relative;background: #c53421;border: 1px solid #c53421 !important;}
.tab_sub_cont p{font-size: 14px;line-height: 24px;color: #545454;text-align:justify;margin:0;}
.tab_sub_cont h4{font-size:16px; font-weight:600; color:#000; margin:10px 0; position:relative;z-index: 1;}
.tab_sub_cont h4:before{content:"";background: #d9d9d9;width: 100%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);height: 1px;z-index:-1;}
.tab_sub_cont h4 span{background:#fff;z-index: 1;padding: 0 10px 0 0;}
.tab_sub_cont h5{font-weight:bold; color:#c53421;margin:10px 0; font-size:16px;}
.tab_sub_cont ul {margin:0; padding:0;}
.tab_sub_cont ul li{color: #545454; position: relative; padding-left: 22px;list-style: none;font-size: 14px;line-height: 24px; text-align: justify;}
.tab_sub_cont ul li:before{content: "\f058"; font-family: "Font Awesome 6 Free"; position: absolute; left: 0;top: 0; color: #002458; font-weight: bold;}
.learn_apply{display: inline-block;text-decoration: none;cursor: pointer;padding: 10px 25px;border: 2px solid #fff;background: #002458;color: #fff;text-transform: uppercase;font-weight: bold;transition: ease-in-out 0.3s;border-radius:100px;font-size:14px;margin: 20px 0 0;position: relative;left: 50%;transform: translateX(-50%);}
.learn_apply:hover{background:#c53421; color:#fff;}

.tools_area{padding:70px 0;}
.tools_area h2{font-size:32px; font-weight:500;color:#002458;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;}
.tools_area h2 span{color:#c53421;}
.tools_area h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.tools_box{box-shadow: 0 0 30px rgb(0 0 0 / 10%);border-radius: 20px; padding:20px; text-align:center;background:#fff;}
.tools_area .owl-three .item{padding:20px;}
.tools_box p{font-size: 14px;font-weight: 700;color: #000;text-transform: uppercase;margin:0;}
.tools_box img{width: 100px !important;margin: 0 auto 10px;}
.tools_area .owl-nav button{position: absolute;top: 50%;transform: translateY(-50%);background: #002458 !important;color: #fff !important;margin: 0 !important;width: 30px;height: 30px;font-size: 22px !important;line-height: 30px !important;transition:all 0.5s;}
.tools_area .owl-nav .owl-prev{left:0;}
.tools_area .owl-nav .owl-next{right:0;}
.tools_area .owl-nav button:hover{background:#c53421 !important;}

.applyModal .btn-close{background: #fff; opacity: 1; position: absolute;right: -5px;top: -5px; padding: 0;}
.applyModal .btn-close i{font-size: 24px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.applyModal .modal-dialog{max-width:60%;}
.applyModal .modal-content{background:transparent;border: none;}
.apply_tab_cont{box-shadow: 0 0 40px rgb(0 0 0 / 10%);border-radius: 20px; background:#fff;overflow: hidden;}
.apply_left{background: #c53421;padding: 50px 30px;background-size: 180px;width: 100%;}
.apply_left h3{color: #fff; font-weight: bold; font-size: 22px; text-transform: uppercase;margin: 0;}
.apply_left p{color: #fff;margin: 20px 0;}

.apply_right{padding: 50px 30px; width: 100%;}
.applyinput_box input, .applyinput_box select{margin:10px 0; border-radius:0;appearance: auto;}
.applyinput_box textarea{border-radius:0;}
.applyinput_box img{width: 120px; display: block; margin: 0 auto 20px;}
.applyinput_box h3{font-size:16px; text-align:center; font-weight:bold; color:#000; margin:0 0 10px;}
.accept_area h3{font-size:16px; text-align:center; font-weight:bold; color:#000; margin:0 0 10px;}
.accept_area img{width:100%;}
.apply_btn{text-align:center;}
.apply_btn button{background-color: #002458;border: none;font-size: 16px;padding: 10px 25px;transition: all 0.5s;color: #fff;font-weight: 600;display: inline-block;margin: 20px auto 0;border-radius: 100px;}
.apply_btn button:hover {background: #c53421; color:#fff;}

.promo_head{font-size: 16px;font-weight: bold;display: flex;margin:0;transition:all 0.5s; text-align:center;}
.offer_modal{position: fixed;z-index: 10000;width: 100%;height: 100%;}
.offer_modal:before{content:""; background:linear-gradient(to left, #0277f8, #10efc0); position:absolute; left:0; top:0; width:100%; height:100%;z-index:-1;opacity:0.9;}
.offer_modal .modal-dialog{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) !important;margin: 0; max-width: 100%; width: 60%;}
.offer_modal .modal-content{border-radius:0;}
.offer_modal .modal-body{padding:0;}
.offer_modal_left{background:url(../images/banner4.jpg) no-repeat center; background-size:cover;position:relative;z-index:1;}
.offer_modal_left:after{content:"";background: #003b78;position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;opacity: 0.8;}
.offer_modal_left h4{color:#fff; font-size:36px; text-align:center;font-weight:bold; text-transform:uppercase;margin:0;}
.offer_modal_left h4:before{content:"";width:50px;height:2px;background:#fff;display:inline-block;position: relative;top: -12px;left: -5px;}
.offer_modal_left h4:after{content:"";width:50px;height:2px;background:#fff;display:inline-block;position: relative;top: -12px;right: -5px;}
.offer_modal_cont p{color:#fff; text-align:center; font-size:18px; margin:0;}
.offer_modal_cont{width:100%;margin:auto 0;border: 10px solid rgba(2,122,245,0.5);padding: 50px 0;}

.offer_modal form{padding:50px 20px; width:100%;}
.offer_modal form input, .offer_modal form select{margin:10px 0; border-radius:0;}
.offer_modal form textarea{border-radius:0;}
.offer_modal form button{background-color: #002458;border: none;font-size: 16px;padding: 10px 25px;transition: all 0.5s;color: #fff;font-weight: 600;display: block;margin: 20px auto 0;border-radius: 100px;}
.offer_modal form button:hover {background: #c53421;}
.offer_modal .btn-close{background: #fff; opacity: 1; position: absolute;right: -5px;top: -5px; padding: 0;}
.offer_modal .btn-close i{font-size: 24px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
/*================== Coding Classes Ends ===================*/

/*================== Graphics & UI-UX Design Details Starts ===================*/
/*
.web_ad_area3 .ad_text span:nth-child(1){font-size:60px;}
.web_ad_area3 .ad_text span:nth-child(2) {font-size: 90px;margin-top: -40px;}
.web_ad_area3 .ad_text span:nth-child(3) {font-size: 68px;margin-top: -50px;}

.graphics_back{background:url(../images/web_back.jpg) no-repeat center; background-size:cover; padding:70px 0; background-attachment:fixed;position:relative;z-index:1;}
.graphics_back:after{content:""; background:rgba(20, 19, 59, 0.85);position:absolute; top:0; left:0; width:100%; height:100%;z-index:-1;}
.graph_left{width:100%;}
.graph_left h2{font-size:32px; font-weight:500;color:#fff; text-transform:uppercase;margin-bottom:20px; position:relative;}
.graph_left h2 span{color:#c53421;}
.graph_left h2:after{content:"";width: 100px;height: 2px;background: #c53421;position: absolute;left: 0;bottom: -5px;}
.choose_box{margin: 20px 0; display: flex;}
.choose_img{width:100%;max-width:60px;height:60px;border: 1px solid #c53421;border-radius: 100%;text-align: center;}
.choose_img i{color:#fff;font-size: 28px;line-height: 58px;}
.choose_cont{padding-left: 10px;}
.choose_cont h3{font-weight: 600; color: #fff; font-size: 16px;margin: 0 0 5px;}
.choose_cont p{margin: 0;color:#fff;}
.graph_right{overflow:hidden;border-radius:5px 25px 5px 25px;width:100%;}
.graph_right img{width:100%; height:100%; object-fit:cover;}
*/

.graphice_area{padding:12px 0;background:#f1f3f6;}
.nav_main_tab2 li{width:auto;padding-right:60px;}
.graphtab_cont{margin:20px 0 0;}

.flickity-enabled {position: relative;}
.flickity-enabled:focus { outline: none; }
.flickity-viewport {overflow: hidden;position: relative;height: 100%;}
.flickity-slider {position: absolute;width: 100%;height: 100%;}
.flickity-enabled.is-draggable {-webkit-tap-highlight-color: transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.flickity-enabled.is-draggable .flickity-viewport {cursor: move;cursor: -webkit-grab;cursor: grab;}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {cursor: -webkit-grabbing;cursor: grabbing;}
.flickity-prev-next-button {position: absolute;top: 50%;width: 44px;height: 44px;border: none;border-radius: 50%;background: white;background: hsla(0, 0%, 100%, 0.75);cursor: pointer;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.flickity-prev-next-button:hover { background: white; }
.flickity-prev-next-button:focus {outline: none;box-shadow: 0 0 0 5px #09F;}
.flickity-prev-next-button:active {opacity: 0.6;}
.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
.flickity-prev-next-button:disabled {opacity: 0.3;cursor: auto;}
.flickity-prev-next-button svg {position: absolute;left: 20%;top: 20%;width: 60%;height: 60%;}
.flickity-prev-next-button .arrow {fill: #333;}
.carousel-cell {width: 100%;height: 440px;margin-right: 8px;overflow:hidden;}
.carousel-nav .carousel-cell {height: auto;width: 200px;margin:0;padding:0 20px;}
.carousel-main img {display: block;width:100%;height: 100%; object-fit: cover;}
.slide_nav{padding: 0 50px;position:relative;height:160px;}
.slide_nav .is-selected{background:#ecf2f5;}
.flickity-prev-next-button.previous, .flickity-prev-next-button.next{background:transparent;}
.slide_nav .flickity-viewport{height:160px !important;}
.slide_nav .flickity-viewport img{padding:46px 0;width: 100%;}

.graph_form_area form input, .graph_form_area form select{margin:5px 0; border-radius:0;font-size:14px;}
.graph_form_area form textarea{border-radius:0;font-size:14px;}
.graph_form_area form button{background: linear-gradient(to top, #0054cd, #002458);border: none;font-size: 16px;padding: 10px 25px;transition: all 0.5s;color: #fff;font-weight: 600;display: block;margin: 20px auto 0;border-radius: 8px;width:100%;}
.graph_form_area form button:hover {background: linear-gradient(to top, #c53421, #74170b);}
.customer_records, .remove{position:relative;}
.extra-fields-customer, .btn-remove-customer{position:absolute;right: 0;top: 0;width: 38px;height: 100%;background: #002555;color: #fff !important;text-align: center;line-height: 38px;font-size: 18px;cursor:pointer;}
.btn-remove-customer{background:#c53421;}

.graphfile {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.graphfile + label {cursor: pointer;display: block;padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;margin-top: 10px;}
.graphfile:focus + label {outline: 1px solid #ced4da;;outline: -webkit-focus-ring-color auto 5px;}
.graphfile + label * {pointer-events: none;}

.sideInputGroup {display: -webkit-box;height: 38px;width:100%;margin:10px 0;}
.sideInputGroup input[type="radio"] {visibility: hidden; /* 1 */height: 0; /* 2 */width: 0; /* 2 */}
.sideInputGroup label {display: -webkit-box !important;display: flex !important;-webkit-box-flex: 1;flex: auto;vertical-align: middle;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;text-align: center;cursor: pointer;background:#e1e1e1;color: #687188 ;padding: 5px 10px;border-radius:0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;font-weight: normal !important;border:1px solid #ced4da;line-height: 16px;font-size: 14px;}
.sideInputGroup input[type="radio"]:checked + label {background-color:#002555;color: #fff;}
.sideInputGroup input[type="radio"]:hover:not(:checked) + label {background: #002555;color: #fff;}

.rel_product{padding:40px 0;}
.rel_product h2{font-size:32px; font-weight:500;color:#002458;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;z-index: 1;}
.rel_product h2 span{color:#c53421;}
.rel_product h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.rel_product_box a{display:block; margin:12px 0;border-radius:8px; border:1px solid rgba(0,0,0,0.3);overflow:hidden;}
.rel_product_box a img{width:100%;}
.rel_product_slider .slick-arrow{border: none;background: #002555;color: #fff;position: absolute;top: 50%;left: 0;padding: 10px 0 5px;width: 35px;z-index:1;transition:all 0.3s;margin-top: -20px;}
.rel_product_slider .slick-arrow.next-arrow{right: 0;left: auto;transition:ease-in-out 0.3s;z-index: 0;}
.rel_product_slider .slick-arrow i{font-size: 22px;transition:all 0.3s;}
.rel_product_slider .slick-arrow:hover{background:#c53421;}
.rel_product_slider .item{padding:0 15px;}
.rel_product_slider .slick-list{margin:0 -15px;}

.preview_modal .btn-close{background: #fff; opacity: 1; position: absolute;right: -5px;top: -5px; padding: 0;}
.preview_modal .btn-close i{font-size: 24px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;}
.preview_modal h3{font-weight:bold; font-size:16px; color:#000;}
.preview_box {height:300px;border:1px solid #333; background:#fff;border-radius:10px; box-shadow:0 0 30px rgba(0,0,0,0.2);overflow:hidden;}
.preview_box img{width:100%; height:100%;object-fit: contain;}
.lg-outer{z-index:10000 !important;}
.preview_modal .nav-tabs{margin-top:20px; border:none;justify-content:center;}
.preview_modal .nav-tabs li{margin:0 10px;}
.preview_modal .nav-tabs li button{padding: 10px 20px;font-size: 14px;border: none !important;border-radius: 10px !important;background: #e3e3e3 !important;color: #000 !important;}
.preview_modal .nav-tabs li button.active{background:#002458 !important; color:#fff !important;}
.preview_modal form{margin-top:20px;}
.preview_modal h4{font-weight:bold; font-size:16px; color:#000;margin:20px 0 5px;}
.order_ul{margin:0; padding:0;}
.order_ul li{list-style:none;}
.order_ul li p{margin:0;}
.order_ul li p span{color:#8D9199;}
.price_span{float: right;font-weight: bold;color: #000 !important;}
.include_span{float: right;}
.proceed_btn{background: linear-gradient(to top, #0054cd, #002458);border: none;font-size: 16px;padding: 10px 25px;transition: all 0.5s;color: #fff !important;font-weight: 600;display: block;margin: 40px auto 0;border-radius: 8px;width:100%;text-align: center;text-decoration: none;}
.proceed_btn:hover {background: linear-gradient(to top, #c53421, #74170b);}
.graph_nav_button{display:none;}
.graph_primary_back{background: #fff;box-shadow: 0 1px 8px 0 rgba(0,0,0,.06);padding:10px; border-radius:5px;}
.graph_primary_back span{display:block;}
.long-banner a{color:#fff !important;}
.back-clr{background: #bad4f7;padding:50px 0;}
.back-clr h2{font-size: 32px;font-weight: 500;color: #002458;text-align: center;;text-transform: uppercase;margin-bottom: 20px;position:relative;}
.back-clr span{color: #c53421;} 
.back-clr h2:before{content: "";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%;transform: translateX(-50%);bottom: -5px;}
.box-srtbanner h2{font-size: 32px;font-weight: 500;color: #d42730;text-align: center;;text-transform: uppercase;margin-bottom: 20px;position:relative;}
.box-srtbanner h2:before{content: "";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%;transform: translateX(-50%);bottom: -5px;}
.box-srtbanner .erp-color{    color: #d42730;text-shadow: 2px 2px #303030;font-weight: bold;}
.branch-sec{padding:70px 0;}
.pad-sec{padding-top:0;}

.text-sec{  padding:70px 0;} 
.text-sec h2{font-size:32px; font-weight:500;color:#002458;text-align:center; text-transform:uppercase;margin-bottom:30px; position:relative;}
.text-sec h2 span{color:#c53421;}
.text-sec h2:after{content:"";width: 100px;height: 2px;background: #002458;position: absolute;left: 50%; transform:translateX(-50%); bottom: -5px;}
.box-sec ul{list-style:none;padding-left:0;}
.box-sec ul li{padding-bottom:10px;}
.box-sec i{padding-right:10px;}
.box-sec ul li a:hover{color:#d42730 !important;transition:all 0.3s;}
.box-sec ul li a{color: #000;text-decoration: none;}
.text-sec .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.section-subtitle {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
}
.location-box {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s, box-shadow 0.3s;
    height: 100%;
    display: flex; 
    flex-direction: column; 
    justify-content: space-between;
}

.location-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
}

.location-box ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.location-box ul li {
    margin-bottom: 10px;
    font-size: 16px;
}

.location-box ul li i {
    color: #d42730;
    margin-right: 8px;
}

.location-box ul li a {
    color: #333;
    text-decoration: none;
    transition: color 0.3s;
    font-size:13px;
}

.location-box ul li a:hover {
    color: #d42730;
}
.form_submit span{color:#fff;}
.acordian-sec{padding-bottom:50px;}

/*================== Graphics & UI-UX Design Details Ends ===================*/

/*================== Graphics & UI-UX Design Starts ===================*/
.graph_ad {border-radius:15px;overflow:hidden;padding:30px;position:relative;z-index:1;margin-top:12px;}
.graph_ad:after{content:""; background:url(../images/ad-back.jpg) no-repeat center #171830; background-size:cover;position:absolute; left:0; top:0; width:100%; height:100%;z-index:-1;}
.graph_ad_text span{font-family:"Bebas Neue"; color:#fff; text-align:center;display:block;font-size:56px; line-height:56px;}
.graph_ad_img img{width:100%;margin-top:20px;}
.graph_ad_cont p{color: #fff;font-size: 18px;font-weight: bold;text-align: center;line-height: 24px;}
.graph_ad_cont a{display: block; text-align: center; color: #fff; text-decoration: none; font-weight: 600; font-size: 18px;}
.graph_ad_cont a span{display: block;background: #ff9c00;color: #000;padding: 5px;width: 150px;border-radius: 100px;margin: 0 auto 5px;}

.graph_content .item-content h3{text-align:center;margin: 0 0 20px;font-size: 18px;font-weight: 400;}
.graph_content .item-content h3 span{font-weight:bold;}
.graph_content .item-content .list-wrapper{margin:15px 0; padding:0;}
.graph_content .item-content .list-wrapper .list-item img{width:100%;}
.graph_content .item-content .list-wrapper .list-item a{display:block; margin:12px 0;border-radius:8px; border:1px solid rgba(0,0,0,0.3);overflow:hidden;}
.graph_content #pagination-container ul{margin:0; padding:0;text-align:center;}
.graph_content #pagination-container ul li{list-style:none; display:inline-block;margin:0 3px;}
.graph_content #pagination-container ul li span, .graph_content #pagination-container ul li a{padding: 0;border: 1px solid #dee2e6;width:35px;height:35px;display: inline-block;line-height: 35px;text-align: center;}
.graph_content #pagination-container ul li.active{background:#002458; color:#fff;}
.graph_content #pagination-container ul li a{background:#e3e3e3;color:#000;}
/*================== Graphics & UI-UX Design Ends ===================*/

/*================== Responsive Starts ===================*/
@media all and (min-width: 800px) {
    .tabbed-content{position:relative;margin:auto;}
    .tabbed-content .tabs {display: block; position:absolute; left:-100px; top: 50%; transform: translateY(-50%);}
    .tabbed-content .tabs ul{padding:0;margin:0;}
    .tabbed-content .tabs li {display:block;margin:15px 0;box-shadow: 0 0 38px rgb(0 0 0 / 11%);position:relative;}
    .tabbed-content .tabs li span{width:60px; height:60px; background:#fde7e9; border-radius:0 10px 0 10px;display:flex;position: absolute;left: -30px; top:50%; transform:translateY(-50%);text-align:center;justify-content: center;padding: 10px;z-index: 1;}
    .tabbed-content .tabs li:nth-child(2) span{background:#d7f8ff;}
    .tabbed-content .tabs li:nth-child(3) span{background:#fff1d7;}
    .tabbed-content .tabs li:nth-child(4) span{background:#d7dcff;}
    .tabbed-content .tabs li:nth-child(5) span{background:#dfffe0;}
    .tabbed-content .tabs li span img{flex:l;}
    .tabbed-content .tabs li a {display: block;color: #002458;text-decoration: none;font-weight: bold;font-size: 14px;text-transform: uppercase;line-height: 18px;padding: 20px 15px 20px 38px;background: #fff;border-radius: 10px;width: 200px;transition:all 0.3s;position:relative;}
    .tabbed-content .tabs li a:hover{transform: scale(1.1); background:#002458; color:#fff;}
    .tabbed-content .tabs li a.active{transform: scale(1.1); background:#002458; color:#fff;}
    .tabbed-content .item {min-height: 0;padding-left: 150px;}
    .tabbed-content .item::before {display: none;}
    .tabbed-content.tabs-side .tabs {width: 150px;float: left;}
    .tabbed-content.tabs-side .tabs li {display: block;}
    .tabbed-content.tabs-side .item {margin-left: 150px;}
    
    .digital_tab .tabs{position: inherit;top: inherit;transform: inherit;left: inherit;}
    .digital_tab .tabs li a:hover, .digital_tab .tabs li a.active{transform:inherit;}
    .digital_tab .tabs li a:hover i, .digital_tab .tabs li a.active i{background:#edf6ff; color:#000;}
    .digital_tab .tabs li{margin:0 0 15px;}
    .digital_tab .tabs li a{width:100%;border-radius:100px;background:#edf6ff;border: 2px solid #d9e8f3;padding: 15px 5px 15px 52px;line-height: 20px;text-transform: capitalize;position:relative;}
    .digital_tab .tabs li a i{width: 40px;height: 40px;background: #0f3cc9;position: absolute;left: 5px;border-radius: 100%;color: #fff;line-height: 40px;text-align: center;top: 50%; transform: translateY(-50%);font-size: 18px;transition:all 0.3s;font-style: normal;}
    .digital_tab .tabs li{box-shadow:none;}
    .digital_tab .item{padding-left:0;}
    
    .graph_tab .tabs{position: inherit;top: inherit;transform: inherit;left: inherit; height: 100%;}
    .graph_tab .tabs ul p{font-weight:bold; margin:0 0 5px;text-transform: uppercase;border-bottom: 1px solid #878787;}
    .graph_tab .tabs ul p span{display:block;font-weight: 400;}
    .graph_tab .tabs li{margin:5px 0;display:block;}
    .graph_tab .tabs li a{width:100%;border-radius:5px;background: transparent;border: none;padding: 0;text-transform: capitalize;position:relative;font-size: 13px;font-weight: 500;color: #878787;transform:inherit !important;}
    .graph_tab .tabs li a:hover, .graph_tab .tabs li a.active{;background: transparent;color: #000;}
    .graph_tab .tabs li a:after{content:"\f105";font-family:"Font Awesome 6 Free";font-weight:bold;position: relative; top: 1px;left: 5px;transform:inherit;}
    .graph_tab .tabs li{box-shadow:none;}
    .graph_tab .item{padding:0;}
    .graph_cont_box{background: #fff;box-shadow: 0 1px 8px 0 rgba(0,0,0,.06);padding: 10px;border-radius: 5px;}
}
@media (min-width:981px) and (max-width:1366px){
    .head_nav .navbar-nav .nav-link{font-size:14px; padding:0 10px;}
    
    .feature_block_cont p{height:190px;}
    .web_wrapper ul button{padding:15px;}
    .work_box a{height:230px;}
    .ad_text span:nth-child(1){font-size:42px;}
    .ad_text span:nth-child(2){font-size: 34px;margin-top: -22px;}
    .ad_text span:nth-child(3){font-size: 30px;margin-top: -18px;}
    .area_modal .modal-dialog{max-width:100%;}
    .home_popup .modal-content{width:500px;}
    .info_box {font-size:16px;}
    
    .abt_right{padding: 20px 25px;}
    .video_box video{height:230px;}
    .abt_img:before{content:"";left: -70px !important;width: 370px;height: 260px;}
}
@media (min-width:768px) and (max-width:980px){
    .head_nav ul li a::before{display:none;}
    .head_nav .navbar-nav .nav-link{padding:0; line-height:36px;}
    .head_nav .dropdown-menu{width:100%; padding:10px;}
    
    .hamburger{background: #002555;padding: 10px;border: none; display: block;}
    .hamburger .line {width: 30px;height: 3px;background-color: #fff;display: block;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    #hamburger-1.is-active .line:nth-child(1) {-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg);}
    #hamburger-1.is-active .line:nth-child(3) {-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
    #hamburger-1.is-active .line:nth-child(2) {opacity: 0;}
    
    .gallery-thumbs h4 span{font-size:18px;}
    .gallery-thumbs .swiper-slide img{width:40px;}
    .gallery-thumbs .swiper-slide{width:33.3333%;}
    .gallery-slider .swiper-slide img{height: 100%; object-fit: cover;}
    .slide .cont_center{padding-left:60px;}
    .slide .slide__content--headings h2 {font-size: 30px;line-height: 30px;}
    .home_popup .modal-content{width:300px;}
    
    .abt_right{padding:0;padding: 20px 25px;margin-top: 60px;border-radius: 20px;}
    
    .bnnr_btm_slider .item{padding:12px;}
    .bnnr_btm_slider .slick-list{margin:0 12px;}
    .bnnr_btm_box{box-shadow: 0 0 12px rgba(0,0,0,0.2);}
    
    .bg_about{height:100%;}
    .contact_info_icon{width:80px;height:80px;}
    .contact_info_icon i{font-size:24px;}
    .d_sign_table{overflow-X:hidden;}
    .d_sign_table table{display:block;}
    .key_img_area{height:500px;}
    
    .special_box{padding:20px 0;}
    .special_col:nth-child(4), .special_col:nth-child(8), .special_col:nth-child(9){border-right: 1px solid #d1d1d1;}
    .special_col:nth-child(3), .special_col:nth-child(6), .special_col:nth-child(9), .special_col:nth-child(10){border-right: none;}
    .special_col:nth-child(9){border-bottom: 1px solid #d1d1d1;}
    
    .web_wrapper ul button{padding: 5px 10px;font-size:13px;}
    .web_point_box{padding: 0 10px 20px;}
    .website_box h3{width:190px; font-size:16px;}
    
    .feature_block{height:350px;}
    .feature_block_img img{height:100%; object-fit:cover;}
    .feature_block_img{height:100%;}
    .feature_block_cont{padding:0 10px 10px;}
    .feature_block_cont p{height:250px;}
    .work_box a{height:200px;}
    
    .ad_text span:nth-child(1){font-size:42px;}
    .ad_text span:nth-child(2){font-size: 34px;margin-top: -22px;}
    .ad_text span:nth-child(3){font-size: 30px;margin-top: -18px;}
    .web_top_head{font-size:28px;padding: 15px 0;}
    .web_wrapper ul button h3{font-size:12px;}
    .refModal .modal-dialog{max-width:95%;}
    
    .clients_area ul li{width:110px;height:110px;margin: 5px;padding: 5px;}
    
    .digital_tab .item::before{padding:10px 5px;margin:10px 0;font-size:14px;text-transform:capitalize;}
    .tabbed-content .item.active:before{background:#002458; color:#fff;}
    .modal_img_box{height:200px;}
    .digi_success .nav-tabs li{width:33.3333%;margin-bottom: 30px;}
    .success_cont{margin:0;}
    
    .banner_area h1{font-size:18px;}
    .banner_area ul li{padding: 0 2px;font-size:14px;}
    
    .applyModal .modal-dialog{max-width:90%;}
    .offer_modal .modal-dialog{width:80%;}
    
    .graph_nav_button{display:block;width: 100%;background:#002555;padding: 10px 0;border: none;
    color: #fff;}
    .graph_tab.tabbed-content .tabs{display:block;}
    .graph_tab.tabbed-content .item::before{display:none;}
    #graph_mobile_nav {display: none;z-index: 100;width: 100%;}
    .graph_tab.tabbed-content{margin:0;}
    .graph_content .item-content h3{font-size:14px; margin:10px 0 0;}
    .graph_primary_nav{margin-top:20px;}
    .graph_primary_nav ul{padding:0; margin:0;}
    .graph_tab .tabs li{margin:5px 0;display:block;}
    .graph_tab .tabs li a{width:100%;border-radius:5px;background: transparent;border: none;padding: 0;text-transform: capitalize;position:relative;font-size: 13px;font-weight: 500;color: #878787;text-decoration:none;}
    .graph_tab .tabs li a:hover, .graph_tab .tabs li a.active{;background: transparent;color: #000;}
    .graph_tab .tabs li a:after{content:"\f105";font-family:"Font Awesome 6 Free";font-weight:bold;position: relative; top: 1px;left: 5px;transform:inherit;}
    .video_box video{height:210px;}
    .port-sec{width: 200px !important;top: -9px !important;} 
    .btn_box {padding: 6px 20px !important;}
}
@media (max-width:767px){
    .cont_area{text-align:center;}
    .cont_area p{margin:0 2px;}
    .social_top{text-align:center;}
    .social_top a{margin:0 4px;}
    .head_nav ul li a::before{display:none;}
    .head_nav .navbar-nav .nav-link{padding:0; line-height:36px;}
    .head_nav .dropdown-menu{width:100%; padding:10px;}
    
    .hamburger{background: #002555;padding: 10px;border: none; display: block;}
    .hamburger .line {width: 30px;height: 3px;background-color: #fff;display: block;margin: 5px auto;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
    #hamburger-1.is-active .line:nth-child(1) {-webkit-transform: translateY(8px) rotate(45deg);-ms-transform: translateY(8px) rotate(45deg);-o-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg);}
    #hamburger-1.is-active .line:nth-child(3) {-webkit-transform: translateY(-8px) rotate(-45deg);-ms-transform: translateY(-8px) rotate(-45deg);-o-transform: translateY(-8px) rotate(-45deg);transform: translateY(-8px) rotate(-45deg);}
    #hamburger-1.is-active .line:nth-child(2) {opacity: 0;}
    
    .info_area{text-align: center;position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
    .info_box{font-size:14px;}
    .info_area a{display:block}
    .info_box i{font-size:14px;margin-right: 3px;top: 1px;}
    .whatspp_icon{width: 20px;height: 20px;line-height: 20px !important;}
    .quote_box {padding: 5px 12px;font-weight: 500;margin-left: 0;font-size: 10px;}
    .slide .slide__content--headings h2 {font-size: 28px;margin: 0;line-height:32px; color:#fff;}
    .slide p {font-size: 20px;line-height: initial;color:#fff;}
    .slide {height:500px !important;}
    .slider .slick-arrow i{font-size: 20px;}
    .slider .slick-arrow{padding: 6px;width: 30px;}
    .slide .cont_center{padding-left:32px;width:100%;}
    .slide .slide__img img{opacity:0.5 !important;}
    .header_area nav .dropdown-menu{left: 0;top: 52px;}
    .home_popup .modal-content{width:270px;}
    .slide h3{font-size:16px;}
    .slide ul li{list-style:none;color:#fff;line-height: 24px;font-size: 14px;position: relative;padding-left: 16px;}
    .slide ul li:after{top:7px;}
    
    .bnnr_btm_slider .item{padding:12px;}
    .bnnr_btm_slider .slick-list{margin:0 12px;}
    .bnnr_btm_box{box-shadow: 0 0 12px rgba(0,0,0,0.2);}
    
    .abt_area{padding:40px 0;}
    .abt_right{padding: 0; margin-top: 20px;}
    .abt_right h2{font-size:23px;margin-bottom:20px;}
    .abt_area .btn_area{text-align: center;}
    .abt_img:before, .abt_img:after{display: none;}
    
    .why_area{padding:40px 0;}
    .why_left {margin-right: 0;margin-left: 0;}
    .why_img:before {display:none;}
    .why_img:after{display:none;}
    .work_detail h2{font-size:24px;margin-top:20px;}
    .work_detail p {font-size: 16px;line-height: 26px;}
    
    .service_area{padding: 40px 0 10px;}
    .service_area h2{font-size:24px;margin-top:20px;}
    .gallery-thumbs .swiper-slide{width:50%;}
    .gallery-thumbs .swiper-slide img{width:25px;}
    .gallery-thumbs h4 span {font-size: 12px;margin-left: 10px;}
    .gallery-slider .swiper-slide img{clip-path:inherit;}
    .serv_right h3{font-size:18px;}
    .serv_right p{font-size: 16px;line-height: 26px;}
    
    .special_area{padding:40px 0;}
    .special_area h2{font-size:24px;margin-bottom:20px;}
    .special_col{border-right:none;}
    .special_col:nth-child(9){border-bottom:1px solid #d1d1d1;}
    .special_box{padding:20px 0;}
    .key_img_area img{margin-bottom:15px;}
    
    .clients_area{padding:40px 0;}
    .clients_area h2{font-size:24px;margin-bottom:20px;}
    .clients_area ul li{width:90px;height:90px;margin: 2px;padding: 5px;}
    
    .copy_area{text-align:center;}
    .social-icons{text-align:center;}
    .social-icons a{margin:0 5px;}
    
    .about_btm{margin:0; padding:40px 0;}
    .msn_box p{font-size: 16px;line-height: 26px;}
    .msn_box{margin:15px 0;}
    
    .bg_about{height:100%;}
    .team_area{padding:40px 0 80px;}
    .team_area h2{font-size:24px;margin-bottom:20px;}
    
    .key_area{padding:40px 0;}
    .key_area h2{font-size:24px;margin-bottom:20px;}
    .contact_area{padding:40px 0;}
    .cont_form_area {margin-top:40px;}
    .cont_box{margin:15px 0;}
    .contact_info_icon{width:80px;height:80px;}
    .contact_info_icon i{font-size:24px;}
    .tabbed-content{margin-top:20px;}
    
    .career_area{padding:40px 0;}
    .career_area h2{font-size:24px;margin-bottom:20px;}
    .web_area{padding:40px 0;}
    .web_area h2{font-size:24px;margin-bottom:20px;}
    .get_back p {font-size: 20px;line-height: normal; text-align:center;}
    .get_back a{margin:20px auto auto;}
    .d_sign_online h2{font-size:24px;margin-bottom:20px;}
    .d_sign_table{overflow-X:hidden;}
    .d_sign_table table{display:block;}
    
    .portfolio_area{padding:40px 0;}
    .portfolio_area h2{font-size:24px;margin-bottom:20px;}
    
    .inner_banner h1{font-size:18px;}
    .inner_banner ul li{padding: 0 2px;font-size:14px;}
    .web_wrapper, .web_back, .mobile_area, .web_digi, .work_area, .mission_area, .about_wrapper{padding:40px 0;}
    .cust_left h2, .website_area h2, .mobile_area h2, .web_digi h2, .work_area h2, .about_us_para h2, .mission_area h2 {font-size: 24px;}
    .cust_right{height:300px;margin-top:20px;}
    .website_box{margin-bottom:45px;}
    .website_area{padding:40px 0 0;}
    .feature_block_cont p{height:auto;}
    .feature_block{height:350px;margin:15px 0;}
    .feature_block_img img{height:100%; object-fit:cover;}
    .feature_block_img{height:100%;}
    .feature_block_cont{padding:0 10px 10px;}
    .web_top_head{margin-top:30px;font-size: 28px;padding: 15px 0;}
    .web_ad_bnr{margin-top:0;font-size: 28px;padding: 15px 0;}
    
    .get_right{padding:40px 20px;position:relative;}
    .get_form{padding:0;padding-top: 15px;}
    .get_right h2{font-size:24px;margin-bottom:20px;}
 
    
    .digital_wrapper, .digiwork_area{padding:40px 0;}
    .digital_tab .item::before{padding:10px 5px;margin:10px 0;font-size:14px;text-transform:capitalize;}
    .tabbed-content .item.active:before{background:#002458; color:#fff;}
    .digi_success{padding:40px 0;}
    .digi_success h2, .digiwork_area h2 {font-size: 24px;}
    .digiwork_back{padding:0;}
    .cust_col_5{width:50%;}
    .digiwork_point1, .digiwork_point2, .digiwork_point3, .digiwork_point4, .digiwork_point5{top:-70px;}
    .digiwork_point{margin:15px 0;}
    .digiwork_point h3{font-size:14px;}
    .area_modal .modal-dialog{max-width:100%;}
    .modal_img_box{height:200px;}
    .digi_success .nav-tabs li{width:50%;margin-bottom:30px;}
    .digi_success .nav-tabs li button{padding:15px 10px;}
    .success_info{margin-top:20px;}
    .success_cont{margin:0;}
    .ref_right h2 {font-size: 24px;margin-bottom: 20px;}
    .refModal .modal-dialog{max-width:100%;}

    .banner_area h1{font-size:18px;}
    .banner_area ul li{padding: 0 2px;font-size:14px;}
    .breadcrumb_area{margin-top:-35px;}
    .signature_right h2{margin:15px 0;}
    .signature_table table{display:block;}
    .checkarea{border:none;margin-bottom:20px;}
    .aadhar_area img{margin: auto;}
    .aadhar_area p span{font-size:16px;}
    .aadhar_area p{font-size:14px;}
    .process_area, .competitor_area{padding:40px 0 0;}
    .process_area h2, .competitor_area h2{font-size:24px;}
    .process_back{padding:40px 0;}
    .d_sign_online{padding-bottom:40px;}
    
    .compe_col{border-right:none;}
    .compe_col:nth-child(4){border-bottom: 1px solid #d1d1d1;}
    
    .code_left h3{font-size:16px;}
    .code_left h2{font-size:28px;}
    .code_right{padding:20px 0 0;}
    
    .learn_area, .tools_area{padding:40px 0;}
    .learn_area h2, .tools_area h2{font-size:24px;margin-bottom:20px;}
    .nav_main_tab li{width:100%;}
    .nav_main_tab li .tab_btn{padding:0;margin-bottom: 8px;}
    .nav_main_tab li .tab_btn.active:after{height:3px;}
    .nav_sub_tab li .tab_sub_btn{padding: 3px 10px;font-size: 12px;margin:0 5px 5px 0;}
    .tab_cont{padding: 15px 15px;}
    
    .applyModal .modal-dialog{max-width:100%;}
    .apply_right {padding: 25px 15px;}
    .apply_left{padding: 25px 20px;}
    
    .offer_modal .modal-dialog{width:100%;}
    .offer_modal form{padding:20px;}
    
    #myVideo, .video_section{height:45vh;}
    
    .graph_nav_button{display:block;width: 100%;background:#002555;padding: 10px 0;border: none;
    color: #fff;}
    .graph_tab.tabbed-content .tabs{display:block;}
    .graph_tab.tabbed-content .item::before{display:none;}
    #graph_mobile_nav {display: none;z-index: 100;width: 100%;}
    .graph_tab.tabbed-content{margin:0;}
    .graph_content .item-content h3{font-size:14px; margin:10px 0 0;}
    .graph_primary_nav{margin-top:20px;}
    .graph_primary_nav ul{padding:0; margin:0;}
    .graph_tab .tabs li{margin:5px 0;display:block;}
    .graph_tab .tabs li a{width:100%;border-radius:5px;background: transparent;border: none;padding: 0;text-transform: capitalize;position:relative;font-size: 13px;font-weight: 500;color: #878787;text-decoration:none;}
    .graph_tab .tabs li a:hover, .graph_tab .tabs li a.active{;background: transparent;color: #000;}
    .graph_tab .tabs li a:after{content:"\f105";font-family:"Font Awesome 6 Free";font-weight:bold;position: relative; top: 1px;left: 5px;transform:inherit;}
    .ref_form_login form{width:100%;}
    .refModal .ref_tab-btn{position: relative;width: fit-content;top: auto;right: auto;}
    .ref_right h3{margin: 15px 0 0;}
    .thank_area a{position: relative;width: fit-content;}
    
    .aim-sec {padding: 20px 15px;border-radius: 20px;}
    .long-banner {padding-bottom:0 !important;padding-top: 5px !important;}
    .slide-box{padding-top: 10px;}
    .erp-sec{padding-bottom:30px;} 

}
@media (max-width:600px){
    .banner_sec .banner_1 .head_ing {font-size: 25pt;margin-top: 0;}
    .banner_sec .banner_1 .sub_heading {font-size: 11pt;text-align: justify;}
    .banner_sec .banner_1 .quote_box, .abt_right .btn_area a, .get_form form button{padding: 7px 20px;font-size: 12px;letter-spacing: 1px;}
    .banner_sec .banner_1 .col-lg-7 {padding: 70px 30px;}
    .banner_sec .banner_1 .col-lg-5 img{display:none;}
    .banner_sec {height:350px;}
    .abt_right p{font-size: 10px;line-height: 15px;}
    .abt_area .btn_area {margin-top: 10px;}
    .dsign_box {width:100%;}
    .dsign_icon{height: 100%;width: 100%;}
    .dsign_box a {font-size: 8px;line-height: 14px;}
    .special_box h3 {font-size: 11px;}
    .special_box p{font-size:10px;}
    .get_form form input {font-size: 10px;height: 0;    padding: 15px 10px;}
    .long-banner{padding-bottom:20px;padding-top: 20px;}
    .srt-banner{padding-top: 20px;padding-bottom: 0;}
    .abt_img{border: 5px solid #fff;}
    .abt_right {    margin: 0;margin-top: 15px;padding: 10px 15px;border-radius: 10px;box-shadow: 0 0 5px rgba(0,0,0,0.3);}
    .top_head{display:none;}
    .btn_sec .quote_box{padding: 7px 20px;font-size: 12px;letter-spacing: 1px;margin-top:20px;}
    .box-srtbanner h2{margin-bottom: 4px;font-size: 23px;}
    .box-srtbanner {padding-top: 40px;}
    .slick-slider {padding-bottom:10px;}
    .get_form form input{margin-bottom: 10px;}
    .get_form form input{padding: 12px 5px;} 
    .get_right {padding: 30px 15px}
    .get_area {    padding: 0 0 40px;}
    .back-clr h2{font-size:23px;}
    .port-sec{width: 129px;top: -120px;right: 100px;z-index: 1000000000000;}
    .btn_box{    padding: 0px 2px;}
    .btn_box a{font-size: 11px;}
}
/*================== Responsive Ends ===================*/


/*================== Extra ===================*/
.extra a{display: inline-block;text-decoration: none;cursor: pointer;padding: 8px 25px;border: 2px solid #fff;color: #0000;text-transform: uppercase;font-weight: bold;transition: ease-in-out 0.3s;border-radius: 100px; margin-top:20px;}