@charset "utf-8";
/*..............embedded fonts..............*/


@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');


/*..............embedded fonts..............*/
/*
    font-family: "Manrope", sans-serif;
    font-family: "Urbanist", sans-serif;
*/

/*..............custom fonts..............*/
:root{
    --title-font: "Manrope", sans-serif;
    --text-font: "Urbanist", sans-serif;
    --blue-color: #025196;
    --gray-color: #E1E6E9;
    --yellow-color:#FDB338;
    --text-color: #2F2F2F;
    --black-color: #000;
    --flex: flex;
    --flex-wrape: wrap;
    --transition: all 0.6s ease-in-out 0s;
}
/*..............common styles..............*/
body { margin: 0; padding: 0; font-family: var(--text-font); /*font-size: 18px 15px;*/ font-size: clamp(0.938rem, 0.188vw + 0.9rem, 1.125rem); color:var(--text-color);}
h1, h2, h3, h4, h5, h6 { font-weight: 700; margin:0 0 20px; padding:0; color: var(--text-color); font-family: var(--title-font); text-transform: uppercase;}
h1{ /*font-size:60px 20px;*/ font-size: clamp(1.25rem, 2.5vw + 0.75rem, 3.75rem); text-transform: uppercase;}
h2{ /*font-size:60px 20px;*/ font-size: clamp(1.25rem, 2.5vw + 0.75rem, 3.75rem); text-transform: uppercase;}
h3{ /*font-size:40px 19px;*/ font-size: clamp(1.188rem, 1.313vw + 0.925rem, 2.5rem);}
h4{ /*font-size: 30px 18px;*/ font-size: clamp(1.125rem, 0.75vw + 0.975rem, 1.875rem);}
h5{ /*font-size: 25px 17px;*/ font-size: clamp(1.063rem, 0.5vw + 0.963rem, 1.563rem);}
h6{ /*font-size: 20px 16px;*/ font-size: clamp(1rem, 0.25vw + 0.95rem, 1.25rem);}
p{ /*font-size: 18px 15px;*/ font-size:clamp(0.938rem, 0.188vw + 0.9rem, 1.125rem); color: var(--text-color); margin:0 0 20px; padding:0; font-family: var(--text-font);}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { /*color: #179ae2;*/ outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: var(--text-font); /*font-size: 18px 15px;*/ font-size: clamp(0.938rem, 0.188vw + 0.9rem, 1.125rem); outline: none;}
input[type="submit"]{ font-family: var(--text-font); font-weight: 700; /*font-size: 18px 15px;*/ font-size: clamp(0.938rem, 0.188vw + 0.9rem, 1.125rem); transition:all 0.3s ease 0s; outline: none;background: var(--yellow-color); width: 100%; padding: 16px 30px; border: 1px solid transparent; color: var(--text-color); }
input[type="submit"]:hover {border-color: var(--yellow-color); background: transparent;color: var(--yellow-color);}


/* --- Button Styles --- */
.btn { border: 0; border-radius: 0; display: inline-block; vertical-align: top; background: transparent; color: var(--blue-color); 
    padding: 6px 25px 0px 10px; font-family: var(--text-font); /*font-size: 18px 15px;*/ font-size: clamp(0.938rem, 0.188vw + 0.9rem, 1.125rem); text-transform: uppercase; position: relative; transition: var(--transition); font-weight: 700;}
.btn span {transform: rotate(-45deg); position: absolute; right: -4px; bottom: -5px; transition: var(--transition); font-size: 22px; font-weight: 300;}
.btn:before{position: absolute; left: 0; content: ""; width: calc(100% - 17px); background-color: var(--blue-color); bottom: 0; height: 1px; transition: var(--transition);}
.btn:hover:before{width: 100%;}

.btn:hover span{transform: rotate(0deg);}
.btn:hover{color: var(--yellow-color);}
.btn:hover:before{background-color: var(--yellow-color);}

.btn:focus, button:focus{outline: none;}

/* --- Button Styles --- */


/*..............common styles..............*/

.click { display:none; color: #fff; font-size: 28px;}
.main_menu a.closebtn{
    display: none;
    }
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p{color: #fff;}
.sec-gap-top{padding-top: 90px;}
.sec-gap-bottom{padding-bottom: 90px;}

.sec-gap-top-md{padding-top: 45px;}
.sec-gap-bottom-md{padding-bottom: 45px;}

.gray-bg{background-color: var(--gray-color);}
.blue-bg{background-color: var(--blue-color);}

.title-logo{display: var(--flex); flex-flow: var(--flex-wrape); align-items: center; margin-bottom: 12px;}
.title-logo span{width: 32px; height: 32px; border-radius: 100px; background-color: var(--blue-color); justify-content: center; align-items: center; display: var(--flex); flex-flow: var(--flex-wrape); margin-right: 10px;}
.title-logo h6{margin-bottom: 0; color: var(--black-color); text-transform: capitalize;}

/*for header css*/
.main-header { /*background: rgba(30, 30, 34, 0.9);*/ padding: 25px 0; background-color: var(--blue-color);}
.headerRow{display: flex; justify-content: space-between; align-items: center;}

/*.logo { float: left;}*/
/*.dnt-btn { float: right; margin-left: 10px; padding-top: 5px;}
.dnt-btn a { background: #97c88b; color: #fff; text-transform: uppercase; border-radius: 6px; padding: 10px 25px; letter-spacing: 1px;}*/

/*.main_menu { float: right; }*/
.main_menu>ul { margin: 0; padding: 0; list-style: none;display: flex; flex-flow: row wrap; align-items: center;}
.main_menu ul li { list-style: none; vertical-align: top; margin: 0 34px; text-transform: capitalize; position: relative; font-size: 18px; font-weight: 700;}
.main_menu>ul>li:last-child {margin-right: 0;}
.main_menu ul li a { display: block; padding: 10px 0; color: #fff;}
.main_menu ul li:hover a, .main_menu ul li.current-menu-item>a { color: var(--yellow-color);}
.main_menu ul li.current-menu-item>a{text-decoration: underline;}
.main_menu>ul>li:last-child>a { background: var(--yellow-color); color: var(--text-color); padding: 21px 50px; line-height: 1; }
.main_menu>ul>li:last-child>a:hover{background-color: #fff; color: var(--text-color);}

.main_menu ul li.menu-item-has-children span { position: absolute; top: 15px; right: -17px; width: 13px; height: 20px; font-size: 15px; color: #fff;}
.main_menu ul li a:hover ~ span{color: var(--yellow-color);}

.main_menu ul li ul.sub-menu { position: absolute; top: 45px; left: 0; width: 250px; padding-left: 0; background-color: #07569b; z-index: 2; box-shadow: 0 10px 6px 0px rgba(0, 0, 0, 0.1); display: none;}
.main_menu ul li:hover ul.sub-menu {display: block;}
.main_menu ul li ul.sub-menu li{margin: 0 15px; display: block; font-size: 16px;}
.main_menu ul li ul.sub-menu li a{color: #fff; padding: 5px 0;}
.main_menu ul li ul.sub-menu li a:hover{color: var(--yellow-color); text-decoration: underline;}



/*for header css*/

.slider-wrap { position: relative; height: calc(100vh - 130px); overflow: hidden;}
.slider-wrap>img{width: 100%; height: 100%; object-fit: cover;}
.slider-wrap:before{background: radial-gradient(rgba(0, 28, 53, 1) 10%, rgba(0, 28, 53, 0.6), rgba(0, 28, 53, 0), rgba(0, 28, 53, 0)); /*radial-gradient(36.81% 200.65% at 66.11% 52.55%, #001C35 12.81%, rgba(0, 28, 53, 0) 75.5%)*/; height: 100%; width: 60%; content: ""; position: absolute; border-radius: 100%; right: 0; top: 0; bottom: 0;}
.slider-wrap:not(.inner-banner) .bann-content{ position: absolute; width: 100%; left: 0%; top: 50%; transform: translateY(-50%);}
.bann-content-width { max-width: 610px; margin-left: auto;}
.bann-content h1{/*font-size: 70px 22px;*/ width: fit-content; font-size: clamp(1.375rem, 3vw + 0.775rem, 4.375rem); position: relative; color: #fff; font-weight: 800; line-height: 0.97; text-transform: uppercase;}

.bann-content h1:after{width: 100%; left: 0; bottom: 0; height: 25px; background-color: var(--yellow-color); content: ""; position: absolute;     z-index: -1;}
.bann-content p{color: #fff;}
.bann-content .title-logo h6{margin-bottom: 0; color: var(--yellow-color);}
.bann-content .btn{color: var(--yellow-color);}
.bann-content .btn:before{background-color: var(--yellow-color);}

.bann-content .btn:hover{color: #fff;}
.bann-content .btn:hover:before{background-color: #fff;}
.bann-content .btn span {font-size: 23px;}

.go-bottom{position: absolute; bottom: 0; right: 0; width: 96px; height: 96px; color: #fff; background-color: var(--blue-color); box-shadow: 0 0 10px -1px rgba(0, 0, 0, 0.3);}
.go-bottom a{color: #fff; display: var(--flex); flex-flow: var(--flex-wrape); justify-content: center; align-items: center; width: 100%; height: 100%;}

/*for main sections css*/



.slick-arrow { background-color: #fff; width: 50px; height: 50px; border-radius: 100px; z-index: 1; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.14); transition: all 0.6s ease-in-out 0s; }
.slick-prev { background-image: url(../images/strategic-arrowL.png); background-repeat: no-repeat; background-position: center center; left: 0; }
.slick-next { background-image: url(../images/strategic-arrowR.png); background-repeat: no-repeat; background-position: center center; right: 0; }
/*.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus*/

.slick-prev:before, .slick-next:before{display: none;}

/*-- servive-hom(Start) --*/

.service-hom-pic{position: relative; padding-top: 125%; transition: all 0.6s ease-in-out 0s; top: 0;}
.service-hom-pic img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1);}
.service-hom-number{position: absolute; top: 25px; left: 25px;}
.service-hom-number h2, .service-hom-number h3{margin-bottom: 0; text-shadow: 0 2px 3px rgba(0,0,0,0.7);}
.service-hom-bottom{position: absolute; bottom: 20px; width: 100%; left: 0; background-color: var(--text-color); /*padding: 30px;*/ padding: 15px 10px; transition: var(--transition);}
.service-hom-bottom h5, .service-hom-bottom h6 { /*margin-bottom: 10px;*/ margin-bottom: 0px; min-height: 60px;}
.service-hom-bottom h5 a, .service-hom-bottom h6 a{margin-bottom: 0; display: var(--flex); flex-flow: var(--flex-wrape); align-items: center; justify-content: space-between; position: relative; color: #fff; padding: 0 30px 0 0px;}
.service-hom-bottom h5 a span, .service-hom-bottom h6 a span{position: absolute; right: 0; top: 50%; transform: rotate(-45deg) translateY(-50%); transition: var(--transition);}
.service-hom-pic:hover .service-hom-bottom{background-color: var(--blue-color);}
.service-hom-bottom p{margin-bottom: 0; opacity: 0; height: 0; overflow: hidden; visibility: hidden; transition: var(--transition);}
.service-hom-pic:hover .service-hom-bottom {bottom: 0;}
.service-hom-pic:hover img{filter: grayscale(0);}
.service-hom-pic:hover .service-hom-bottom p{opacity: 1; height: 100%; overflow: hidden; visibility: visible;}
.service-hom-box{/*padding-top: 20px;*/ padding-top: 0px; transition: var(--transition);}
.service-hom-box:hover{padding-top: 0px;}
.service-hom-box:hover .service-hom-pic { top: -20px;}

/*-- servive-hom(End) --*/

/*-- about-hom(Start) --*/

.sec-bg-text{ font-size: 18.4vw; font-weight: 800; color: transparent; /*text-shadow: 0 0 2px 0px var(--blue-color);*/ text-stroke: 1px rgba(2, 81, 150, 0.3); -webkit-text-stroke: 1px rgba(2, 81, 150, 0.3); line-height: 1; text-align: center;}

/*-- about-hom(End) --*/

/*-- industries-hom(Start) --*/

.industries-box{position: relative; padding-top: 60%; overflow: hidden; margin: 0 12px 40px;}
.industries-box:before{position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)); content: ""; z-index: 1;}
.industries-box img{position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; object-fit: cover;}
.industries-content{position: absolute; left: 0; width: 100%; bottom: 0px; padding: 40px; z-index: 2;}
.industries-content h5{margin-bottom: 0; text-transform: uppercase;}
.industries-content h5 a{color: #fff;}
.industries-content h5 a:hover{color: var(--yellow-color);}
.hover-img{overflow: hidden;}
.hover-img img{transition: var(--transition);}
.hover-img:hover img{transform: scale(1.1);}
.hover-img:hover .service-hom-bottom h5 a span, .hover-img:hover .service-hom-bottom h6 a span{position: absolute; transform: rotate(45deg);}

.industries-hom-sec .slick-dots li button { width: 20px; height: 20px; padding: 0px; position: relative; border: 1px solid transparent; border-radius: 50px; }
.industries-hom-sec .slick-dots li button:before { font-size: 8px; line-height: 0; position: absolute; top: 10px; left: 5px; width: 8px; height: 8px; color: var(--text-color); opacity: 1;}
.industries-hom-sec .slick-dots li.slick-active button:before{color: var(--blue-color); opacity: 1;}
.industries-hom-sec .slick-dots li.slick-active button{border: 1px solid var(--blue-color);}

/*-- industries-hom(End) --*/

/*-- network-hom(Start) --*/

.net-counter-box  {background-color: #D9D9D9; padding: 20px 18px; height: 100%;}
.net-counter-box h2 {position: relative; display: inline-block; padding-right: 38px; color: var(--blue-color); margin-bottom: 6px;}
.net-counter-box h2:after{ position: absolute; right: 0; top: 50%; content: "\2b"; font-weight: 600; font-family: FontAwesome; /*font-size: 37px 18px;*/ font-size: clamp(1.125rem, 1.188vw + 0.887rem, 2.313rem); transform: translateY(-50%);}
/* .network-contter .col-4:last-child .net-counter-box h2{padding-right: 0px;}
.network-contter .col-4:last-child .net-counter-box h2:after{display: none;} */
.network-contter .net-counter-box p{color: var(--black-color); margin-bottom: 0;}


/*-- network-hom(End) --*/

/*for main sections css*/


/*for footer sections css*/


/*.ftr-top { padding: 75px 0;}*/
.ftr-logo { margin: 0 0 30px;}
.ftr-top h5{color: var(--yellow-color); text-transform: uppercase;}
.ftr-menu ul { margin: 0; padding: 0; list-style: none;}
.ftr-menu ul li { margin-bottom: 20px; text-transform:capitalize;}
.ftr-menu ul li:last-child { margin-bottom: 0px;}
.ftr-menu ul li a { color: #fff; transition: var(--transition);}
.ftr-menu ul li a:hover { color: var(--yellow-color); padding-left: 15px;}

ul.ftr-social { margin: 0 0 0px; padding: 0; list-style: none;}
ul.ftr-social li { list-style: none; display: inline-block; font-size: 18px; margin-right: 10px; width: 45px; height: 45px; border-radius: 100px; overflow: hidden;}
ul.ftr-social li:last-child{margin-right: 0px;}
ul.ftr-social li a{background-color: #D9D9D9; color: var(--blue-color); display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}
ul.ftr-social li a:hover{color: var(--blue-color); background-color: #fff;}


/*for footer sections css*/

/* Inner banner */

.inner-banner { padding: 188px 0; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 1; }
.inner-banner::after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #001C35; opacity: 0.4; height: 100%; z-index: -1; }

.inner-banner .bann-content h1{margin-bottom: 0;z-index: 1;}

/* Inner banner */

/* about us page */

.our-mission-sec {background: var(--blue-color);}

.mission-content p:last-child{margin-bottom: 0;}

.title-logo.text-center { justify-content: center;  }

.mission-content.text-white .title-logo span {background: #fff;}
.mission-content.text-white .title-logo h6 {color: #fff;}

.values-wrapper {margin-top: 50px;}
.values-wrapper ul { margin: -12px; padding: 0; display: flex; flex-wrap: wrap; align-items: center; list-style: none; }
.values-wrapper ul li { width: calc(33.33% - 24px); display: flex; align-items: center; background: #E8F4FF; border: 2px solid #D1E8FC; padding: 20px; margin: 12px; }

.values-icon { width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; border-right: 1px solid #02519633; margin-right: 20px; padding-right: 20px; }
.values-icon img {width: 70px;}

.values-wrapper ul li h6 { margin: 0; color: var(--text-color); text-transform: none; font-family: var(--text-font); }

.logo-wrapper img { width: 100%; max-width: 165px; object-fit: cover; }

/* about us page */

/* service page */

.service-listing-wrap { width: 100%; max-width: 900px; margin: 0 auto; text-align: center; }
.service-listing-wrap p { margin: 0; max-width: 872px; margin: 0 auto; }

.service-details {background: #E8F4FF;}

.service-icon {border: 2px solid #D1E8FC;width: 110px;height: 110px;display: flex;align-items: center;justify-content: center;margin-right: 30px;}

.service-ttl { display: flex; align-items: center; margin-bottom: 30px; }
.service-ttl h2 { margin: 0; }

.service-wrap-box { background: #FFFFFF; box-shadow: 0px 4px 20px 0px #0000000D; border: 1px solid #0000001A; width: 100%; max-width: 648px; margin-top: 30px; padding: 30px; }
.service-wrap-box ul { list-style: none; padding: 0; margin: 0; }

.service-wrap-box h5 { color: var(--blue-color); }

.service-wrap-box ul li:not(:last-child) { margin-bottom: 30px; }
.service-wrap-box ul li { /*font-weight: 700;*/ font-weight: 500; background: url(../images/benefits-icon.svg) no-repeat left; padding-left: 40px; /*font-size: 16px 14px;*/ font-size: clamp(0.875rem, 0.125vw + 0.85rem, 1rem)}

/* service page */

/* our network page */

.network-content .network-ttl p { width: 100%; max-width: 857px; margin: 0 auto 20px; text-align: center;}
.network-content .network-contter { width: 100%; max-width: 648px; margin: 0 auto 20px;}
.systems-ip-row { padding-bottom: 20px; border-bottom: 1px solid #d7d7d7; padding-top: 40px;}
.systems-ip-row:last-child { border-bottom: none; padding-bottom: 0;}



/* our network page */

/* industries page */

.industries-list .industries-hom-top { text-align: center; width: 100%; max-width: 872px; margin: 0 auto 26px; }
.industries-list .industries-box {margin: 24px 0 0;}

/* industries page */

/* contact us page */

.cnt-ttl{width: 100%; max-width: 866px;margin: 0 auto; }

.form-group{margin-bottom: 24px;}
.form-group label { display: block; margin-bottom: 18px; }
.form-group label abbr{color: #F21212;}
.form-input { background: #fff; outline: none; border: 1px solid var(--text-color); padding: 16px 30px; color: var(--black-color); width: 100%; font-family: var(--text-font); }
.form-input::placeholder {color: #D9D9D9;}

textarea.form-input{min-height: 150px;}
.contact-sec .contact-form .wpcf7-spinner { margin: 10px auto 0; display: table;}
.wpcf7-response-output { text-align: center;}
.invalid .wpcf7-response-output { color: #dc3232;}
.sent .wpcf7-response-output { color: #2d9637;}
.invalid .form-input.wpcf7-not-valid { border-color: #dc3232;}

/* contact us page */

/*-- new-css-(08-01-2025)-start --*/
.not-found-box{ padding: 40px 20px; border: 1px solid #D1E8FC; background-color: #E8F4FF;}
.for-mobile{display: none;}

/*Media Query css*/

/*@media only screen and ( min-width:1601px ) {
    .container { max-width: 1200px;}

}*/

/*@media only screen and ( min-width:1921px ) {

    body{max-width: 1920px!important; margin: 0 auto!important;}
    header { max-width: 1920px; margin: 0 auto; }
    
}*/

@media only screen and ( max-width:1600px ) {
    .sec-gap-top{padding-top: 80px;}
    .sec-gap-bottom{padding-bottom: 80px;}

    .sec-gap-top-md{padding-top: 40px;}
    .sec-gap-bottom-md{padding-bottom: 40px;}
    .ftr-logo { margin: 0 0 20px; max-width: 220px;}
    .main-header { padding: 15px 0;}
    .slider-wrap { height: calc(100vh - 110px);}
    .go-bottom { width: 86px; height: 86px;}
    .main_menu>ul>li:last-child>a { padding: 15px 40px;}
    .values-wrapper ul li { padding: 15px;}
    .btn span { bottom: -2px; font-size: 21px;}
    .bann-content .btn span { font-size: 22px;}

}
@media only screen and ( max-width:1400px ) {
    .service-hom-bottom { padding: 15px;}
    .sec-gap-top{padding-top: 60px;}
    .sec-gap-bottom{padding-bottom: 60px;}

    .sec-gap-top-md{padding-top: 30px;}
    .sec-gap-bottom-md{padding-bottom: 30px;}
    .net-counter-box { padding: 15px 10px;}
    .net-counter-box h2 { padding-right: 30px;}
    .main_menu ul li { margin: 0 24px;}
    .bann-content h1:after { height: 20px;}
    .industries-content { padding: 30px;}
    .industries-box { margin: 0 10px 20px;}
    .ftr-menu ul li { margin-bottom: 15px;}
    .ftr-logo { max-width: 200px;}
    ul.ftr-social li { width: 40px; height: 40px;}
    .logo { width: 180px;}
    .slider-wrap { height: calc(100vh - 95px);}
    .go-bottom { width: 66px; height: 66px;}
    .values-icon { margin-right: 15px; padding-right: 15px;}
    .service-hom-bottom{padding: 20px;}
    body.error404 .not-found-sec { min-height: calc(100vh - 459px); display: flex; flex-flow: row wrap;}
    body.error404 .not-found-sec .row{ height: 100%;}
    .service-hom-bottom h5 { min-height: 55px;}

}
@media only screen and ( max-width:1199px ) {
    .sec-gap-top{padding-top: 50px;}
    .sec-gap-bottom{padding-bottom: 50px;}

    .sec-gap-top-md{padding-top: 25px;}
    .sec-gap-bottom-md{padding-bottom: 25px;}

    .main_menu ul li { margin: 0 14px; font-size: 16px;}
    .main_menu ul li ul.sub-menu { width: 230px;}
    .bann-content-width { max-width: 510px;}
    .industries-content { padding: 20px;}
    .ftr-menu ul li { margin-bottom: 10px;}
    .service-hom-bottom h5 { font-size: 19px;}
    .service-hom-bottom { padding: 10px;}
    .main-header { padding: 10px 0;}
    .logo { width: 160px;}
    .industries-hom-sec .slick-dots li button { width: 18px; height: 18px;}
    .industries-hom-sec .slick-dots li button:before { font-size: 6px; top: 8px; left: 5px; width: 6px; height: 6px;}
    .slider-wrap { height: calc(100vh - 78px);}
    .main_menu ul li ul.sub-menu li { margin: 0 10px; font-size: 15px;}
    .main_menu ul li ul.sub-menu li a { padding: 3px 0;}
    .main_menu>ul>li:last-child>a { padding: 12px 30px;}
    .inner-banner { padding: 148px 0;}
    .values-wrapper ul li { padding: 7px;}
    .service-icon { width: 90px; height: 90px; margin-right: 20px;}
    .service-wrap-box ul li:not(:last-child) { margin-bottom: 20px;}
    .service-hom-bottom{padding: 15px 10px;}
    .btn span { font-size: 18px;}
    .bann-content .btn span { font-size: 18px;}
    .service-hom-bottom h5 { min-height: 50px;}
    .slider-wrap>img { object-position: -200px bottom;}
    .service-hom-box:hover .service-hom-pic {top: -10px;}

    



}
@media only screen and ( max-width:1024px ) {
    .sec-gap-top{padding-top: 40px;}
    .sec-gap-bottom{padding-bottom: 40px;}

    .sec-gap-top-md{padding-top: 20px;}
    .sec-gap-bottom-md{padding-bottom: 20px;}
    body.error404 .not-found-sec { min-height: calc(100vh - 434px);}



}
@media only screen and ( max-width: 991px ) {
    .about-hom-content, .network-content { padding-top: 30px;}
    .about-hom-pic img { width: 100%;}

    .main_menu ul li { margin: 0 8px; font-size: 15px;}
    .main_menu>ul>li:last-child>a { padding: 9px 15px;}
    .main_menu ul li.menu-item-has-children span { top: 14px; right: -14px; font-size: 11px;}
    .main_menu ul li ul.sub-menu li { margin: 0 6px; font-size: 14px;}
    .main_menu ul li ul.sub-menu { width: 220px;}

    .logo { width: 140px;}
    .bann-content-width { max-width: 410px;}
    .bann-content h1:after { height: 10px;}
    .ftr-logo { max-width: 170px; margin-bottom: 10px;}
    .bann-content p, .bann-content h1 { margin-bottom: 10px;}
    .title-logo{ margin-bottom: 8px;}
    .slider-wrap { height: calc(100vh - 71px);}
    /*.values-icon { margin-right: 6px; padding-right: 6px;}*/
    .values-wrapper ul { align-items: normal; margin: 0;}
    .values-wrapper ul li { width: calc(33.33% - 10px); margin: 5px; flex-wrap: wrap;}
    .values-icon { padding-right: 0px; margin: 0 auto 15px; border-right: none; width: 50px; height: auto;}
    .values-wrapper ul li h6 { text-align: center; width: 100%;}
    .service-wrap-box { margin-top: 20px; padding: 20px;}
    .service-ttl { margin-bottom: 20px;}
    .for-desktop{display: none;}
    .for-mobile{display: block;}
    .ftr-copyright.for-mobile{text-align: center; margin-top: 15px;}
    .ftr-copyright.for-mobile p{margin-bottom: 0;}
    .ftr-col { margin-bottom: 25px;}
    body.error404 .not-found-sec { min-height: calc(100vh - 602px);}
    

}

@media only screen and ( max-width: 834px ) {
    .slider-wrap>img { object-position: -520px bottom;}
}

/*@media only screen and ( min-width: 767px ) {
    .main_menu{
        display: block !important;
    }
}*/
@media only screen and ( min-width: 768px ) {
    .main_menu{
        display: block !important;
    }
    #mySidenav{
        width: auto !important;
    }
}
@media only screen and ( max-width: 767px ) {
    .click{
        display: block;
        cursor: pointer;
    }
    .main_menu a.closebtn{
        color: #fff;
        display: block;
    }

    /*-- For_mob_menu(Start) --*/
    .main_menu {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0 !important;
    /*background-color: rgba(255, 255, 255, 0.97);*/
    background-color: rgba(2, 81, 150, 0.97);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    padding-bottom: 10px;
    z-index: 999;
    }

    .main_menu a {
        display: block;
        transition: 0.3s;
    }

    .main_menu a:hover {
        color: #333;
    }

    .main_menu .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

    .main_menu ul li {
        display: block;
        width: 100%;
    }
    .main_menu>ul>li:last-child>a {
        text-align: center;
    }
    body.scrollOff{height: 100vh; overflow: hidden; position: relative;}
    body.scrollOff:before { position: fixed; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: rgba(0, 0, 0, 0.5); z-index: 1;}


    .main_menu ul li:hover ul.sub-menu { display: none;}
    .main_menu ul li.menu-item-has-children.active ul.sub-menu{display: block;}
    ul.sub-menu { position: relative; left: 0; width: 100%; border-radius: 0px; top: 0px;}
    .main_menu ul li.menu-item-has-children span { top: 12px; right: 0px; width: 14px; height: 18px;}
    .main_menu>ul>li:last-child { margin-right: 8px;}
    .main_menu ul li ul.sub-menu { width: 100%; position: relative; top: 0;}

    /*-- For_mob_menu(End) --*/

    .sec-gap-top{padding-top: 30px;}
    .sec-gap-bottom{padding-bottom: 30px;}

    .sec-gap-top-md{padding-top: 15px;}
    .sec-gap-bottom-md{padding-bottom: 15px;}

    .about-hom-content, .network-content {  padding-top: 20px;}
    h1, h2, h3, h4, h5, h6, p{ margin: 0 0 15px;}

    .net-counter-box h2 { padding-right: 24px;}
    .bann-content, .slider-wrap:not(.inner-banner) .bann-content { position: relative; width: 100%; left: 0%; top: 0; transform: inherit; background-color: var(--blue-color); text-align: center; padding: 20px 0;}
    .inner-banner .bann-content { background-color: transparent; padding: 0; text-align: center;}
    .inner-banner { padding: 100px 0;}
    .inner-banner .bann-content h1 { width: auto; margin: 0 auto; display: table;}
    .bann-content-width { max-width: inherit;}
    .title-logo { justify-content: center;}
    .about-hom-content, .network-content, .industries-hom-top, .service-hom-content{ text-align: center;}
    .industries-box { margin: 0 0px 20px;}
    .service-hom-bottom h5 { font-size: 16px;}
    .service-hom-title { text-align: center; margin-bottom: 20px;}
    .bann-content h1:after {height: 10px;}
    .bann-content h1{z-index: 1;}
    .title-logo span { width: 28px; height: 28px; margin-right: 7px;}
    .logo { width: 120px;}
    .slider-wrap { /*height: calc(100vh - 63px);*/ height: auto;}
    .slider-wrap:before{display: none;}
    .go-bottom { width: 56px; height: 56px;}
    .values-wrapper ul li { width: calc(50% - 10px);}
    .service-wrap-box ul li { padding-left: 27px; background-size: 18px;}
    .btn { padding: 6px 18px 0px 10px;}
    .btn span { font-size: 16px;}
    .bann-content .btn span { font-size: 17px;}
    .not-found-box { padding: 30px 15px;}
    .service-hom-bottom h5 { min-height: 40px;}
    .slider-wrap>img { object-position: left bottom;}
    .systems-ip-row { padding-bottom: 20px; padding-top: 10px;}
    
    

}
@media only screen and ( max-width: 575px ) {
    .net-counter-box h2 { padding-right: 22px;}
    .ftr-col {text-align: center; margin-bottom: 25px;}
    .ftr-logo{margin: 0 auto 10px;}
    .bann-content h1:after {height: 6px;}
    .industries-box { margin: 0 0px 5px;}
    .industries-content { padding: 10px;}
    .go-bottom { width: 46px; height: 46px;}
    ul.ftr-social li { width: 35px;height: 35px;}
    .inner-banner { padding: 80px 0;}
    .service-icon { width: 85px; height: 85px; margin-right: 15px;}
    .service-wrap-box ul li:not(:last-child) { margin-bottom: 15px;}
    .service-hom-bottom h5 { min-height: inherit;}
    .systems-ip-row { text-align: center;}


}
@media only screen and ( max-width: 480px ) {
    .bann-content h1:after { height: 4px;}
    .logo { width: 110px;}
    .main-header { padding: 6px 0;}
    /*.slider-wrap { height: calc(100vh - 54px);}*/
    .inner-banner { padding: 60px 0;}
    .not-found-box { padding: 20px 15px;}


}
@media only screen and ( max-width: 380px ) {
    .network-contter .col-4 { width: 100%; margin-bottom: 10px;}


}

/*Media Query css*/