@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,900&display=swap');
body {font-family: '{Poppins', sans-serif; color:#000; font-size:16px;}

section {padding:50px 0;}
ul {margin:0; padding:0;}


.header-top {background:#000458; padding:8px 0;}
.header-social {display:flex; justify-content:right; column-gap:5px;}
.header-social li {list-style:none; width:22px; height:22px;}
.header-social li a {color:#FFF;}
.header-social svg {height:16px;}
.header-contact a {color:#FFF; text-decoration:none;}
.header-contact a i {margin-right:10px;}

.button a {background:#fa0; padding:14px 40px; margin:0px; color:#FFF; border-radius:5px; display:inline-block; text-decoration:none; font-weight:600;}
.button a:nth-child(2) {background:#ffad00;}
.button a i {margin-left:5px;}


.sldier-sec {background:url(../images/slider.jpg) no-repeat center/cover; padding:130px 0; height:600px;}
.sldier-sec h1 {font-size:50px; line-height:65px; font-weight:400; margin-bottom:15px;}
.sldier-sec h1 span {color:#ffad00; font-weight:700;}
.sldier-sec p {font-size:20px; font-weight:400; margin-bottom:30px;}

.about-text {padding:0 80px 0 80px;}

.inner-banner {background:url(../images/slider3.jpg) no-repeat center/cover; padding:50px 0; text-align:center;}
.inner-banner h2 {color:#FFF; font-weight:bold;}
.inner-banner p {color:#FFF; margin:0px;}

.navbar {padding:0px;}
.header-nav {margin-top: -1px;}
.nav-item .nav-link {padding:40px 15px!important; color:#000!important; border-bottom:5px solid #fff;}
.nav-item .nav-link.active {background:#000458; color:#FFF!important; border-bottom:5px solid #ffad00;}
.nav-item .nav-link:hover {background:#000458; color:#FFF!important; border-bottom:5px solid #ffad00;}

.schedule-box {background:#ffad00; padding:20px; border-radius:10px; display:flex; column-gap:20px;}
.schedule-img img {border-radius:10px;}
.schedule-text h3 {font-size:24px; color:#FFF; font-weight:700;}
.schedule-text p {font-size:16px; color:#FFF; font-weight:400; margin:0px; padding:0px;}
.schedule-sec .col-sm-4:nth-child(2) .schedule-box {background:#571E67;}

.white-text {color:#fff;} 
.heading.left-after h4:after {display:none;}
.heading h4 {font-size:20px; text-transform:uppercase; margin-bottom:10px; position:relative; display:inline-block;}
.heading h4 span {color:#ffad00; font-weight:700;}
.heading h4:after {content:""; display:block; width:28px; height:2px; background:#ffad00; position:absolute; top:50%; left:-50px;}
.heading h4:before {content:""; display:block; width:28px; height:2px; background:#ffad00; position:absolute; top:50%; right:-50px;}
.heading h2 {font-size:40px; font-weight:500; margin-bottom:10px;}
.heading h2 span {font-weight:700;}
.heading p {font-size:16px; font-weight:400;}

.services-sec .row {row-gap:30px;}
.services-box {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.services-img img {width:100%;}
.services-text {padding:20px; background:#000458; text-align:center;}
.services-text h3 {font-size:20px; color:#FFF; font-weight:700; text-transform:uppercase; margin:0px;}
.services-text p {font-size:16px; color:#FFF; margin:0px;}
.services-text hr {width:99%; height:12px; background:#ffad00; opacity:1; margin-top:-25px; z-index:99999; position:relative; margin:-25px auto 20px; }
.services-sec {background:url(../images/service-bg.jpg) repeat;}

.work-sec {background:#571E67 url(../images/work-sec.jpg) no-repeat right bottom; background-size:50%; position:relative; padding:70px 0;}
.work-sec:before {background:url(../images/design-left.png)no-repeat left bottom; content:""; width:180px; height:212px; display:block; position:absolute; bottom:0; left:-0px; z-index:1;}
.work-box {padding-right:50px;}

.benifit-sec {padding:80px 0; position:relative; }
.benifit-img {position:relative; bottom:-80px;}
.benifit-box {margin-top:30px;}
.benifit-box img {margin-bottom:25px;}
.benifit-box h3 {font-size:18px; font-weight:600; margin-bottom:5px;}
.benifit-box p {font-size:15px; line-height:20px; margin:0px; color:#171717;}

.testimonial-sec {background:#000458;}
.testimonial-sec {padding:100px 0; position:relative;}

.testimonial-content {background:#FFF; padding:30px 30px 40px 30px; border-radius:10px; position:relative;}
.testimonial-content:after {content:""; width:0px; height:0px; border-left:20px solid transparent; border-right:20px solid transparent; border-top:20px solid #fff; position:absolute;
bottom:-20px; }
.testimonial-content img {margin-bottom:10px;}
.testimonial-content hr {width:20%; width:87px; height:6px; background:#ffad00; opacity:1; margin-top:20px; margin-bottom:0px;}
.testimonial-profile {display:flex; margin:40px 0 0 20px; column-gap:20px; align-items:center;}
.testimonial-profile h4 {font-size:20px; margin:0px; color:#FFF;}
.testimonial-profile p {font-size:16px; margin:0px; color:#FFF;}

.team-box img {margin-bottom:20px;}
.team-box h3 {font-size:22px; font-weight:600; margin-bottom:10px;}
.team-box hr {height:20px; background:#ffad00; opacity:1; height:10px; margin:-25px auto 20px; width:40%; z-index:1; position:relative;}
.team-box h6 {font-size:16px; line-height:20px; margin:0px; color:#5A5A5A;}

.blog-sec {padding:50px 0 100px 0;}
.blog-text span {color:#ffad00; font-weight:600; display:block; margin:10px 0;}
.blog-text h3 {font-size:22px; color:#000; font-weight:700; margin-bottom:10px;}
.blog-text p {font-size:16px; color:#000; margin:0px; line-height:22px;}

.footer {background:#000458; padding:60px 0 0 0; }
.footer hr {margin:30px 0;}
.footer h3 {font-size:20px; font-weight:600; margin-bottom:30px; color:#FFF;}
.footer p {color:#FFF;}
.footer-social {margin:0px; padding:0px; display: flex; gap:10px}
.footer-social li {display:inline-block;}
.footer-menu {margin:0px; padding:0px; width:50%; float:left;}
.footer-menu li {list-style:none;}
.footer-menu li a {color:#FFF; font-weight:300; line-height:30px; text-decoration:none;}

.stayupdate {margin-bottom:10px;}
.stayupdate input {border-radius:0px; background: #FFF; width:100%; padding:10px; border:0px; margin-bottom:10px; border-radius:5px;}
.stayupdate input[type="submit"] {background:#ffad00; width:50%; font-weight:500; color:#FFF; cursor:pointer;} 
.stayupdate input[type="submit"]:hover {background:#481257;} 
.footer-social {display:flex; justify-content:left; column-gap:5px;}
.footer-social li {list-style:none; width:20px; height:20px; text-align:center;}
.footer-social li a {color:#FFF;}
.copywrite {margin-top:80px;}
.copywrite a {color:#fff; padding:0 5px;}

.calltoaction-sec .container {position:relative;}
.calltoaction-sec .container:after, .calltoaction-sec .container:before {content:""; display:block; height:80px; width:8px; background:#ffad00; position:absolute; top:40px; }
.calltoaction-sec .container:after {left:0px;}
.calltoaction-sec .container:before {right:0px;}
.calltoaction-box {background:#000458; padding:36px 0 36px 70px; border-radius:5px 0 0 5px ;}
.calltoaction-box h2 {font-size:36px; font-weight:700; color:#FFF;}
.calltoaction-box .liborder {height:20px; width:2px; background:#FFF;}

.calltoaction-box ul {display:flex; column-gap:15px; align-items:center; list-style:none;}
.calltoaction-box ul li i {margin-right:12px;}
.calltoaction-box ul li a {font-size:23px; color:#FFF; list-style:none; text-decoration:none;}


.contact-box { background:#000458; border-radius: 15px; padding: 40px}
.contact-form h2 {font-size: 30px; font-weight:700; color: #fff; margin-bottom: 15px; text-transform: uppercase;}
.contact-form .form-control { font-size:16px; border-radius:6px; padding:15px; margin-bottom:10px}
.contact-form textarea.form-control {height:155px;}
.contact-form button.form-control {background:#ff9d00; border:none; color:#000; text-transform:uppercase; font-weight:600; margin-bottom:0px;}
.contact-form button.form-control:hover {background:#c97c00;}

.contact-details { display:flex; justify-content: space-between; text-align: center; margin:50px 0;}
.contact-details img { margin-bottom: 15px;}
.contact-details h4 { font-weight: bold; color: #000458;}
.contact-details p { font-size: 18px;}
.product-inner { padding-bottom: 120px;}
.product-inner .row { row-gap: 50px;}
.product-inner .product-box { background: rgb(255 255 255); color: #fff;}
.inner-product-option { display: flex; justify-content: space-between; margin-top: 15px;}
.inner-product-option img { width: 120px;}
.inner-product-content .btn {background:#005022; color:#fff; padding:8px 30px; border-radius:5px;}
.inner-product-content h3 {font-size:20px; font-weight:600; text-transform:capitalize; margin-bottom:15px; color:#001f3e;}
.inner-product-content h4 {font-size:16px; font-weight:500; text-transform:capitalize; color:#001f3e;}
.inner-product-content h4 span {font-weight:400; display:block; color:#333; margin-top:8px;} 
.inner-product-content table {margin-bottom:25px;}
.inner-product-content table td, th {border:1px solid #dddddd; text-align:left; padding:8px; color:#999; } 

.telegram-icon {position: fixed; left: 20px; bottom: 20px; z-index: 99999;}
.telegram-icon {
    animation: mymove .5s infinite;
    animation-direction: alternate;
}
@keyframes mymove {
    25% {transform: rotate(25deg);}
    50% {transform: rotate(-20deg);}
}

.box-no-margin .ico-serv-box {
    margin-bottom: 0;
    height: 100%
}


@media only screen and (max-width:1600px) { 
.work-sec {background-size:50% 100%;}
.work-sec::before, .testimonial-sec:after, .testimonial-sec:before {display:none;}
.calltoaction-box {padding:25px 0 25px 70px;}
}



@media only screen and (max-width:767px) {
.header-contact {text-align:center;}
.header-social {display:none;}
.navbar-brand img {height:70px;}
.header-nav {padding:10px 0;}
.header-nav .button {display:none;}
.sldier-sec {padding:60px 25px;}
.sldier-sec h1 {font-size:24px; line-height:normal;}
.sldier-sec p {font-size:14px; line-height:normal;}
.button a {font-size:14px; padding:10px 16px;}
.navbar-nav {background:#ececec;}
.navbar-nav a {border-bottom:1px solid #e1e1e1!important;}
.nav-item .nav-link {padding: 8px 15px !important;}
.schedule-box {padding:10px; margin-bottom:10px;}
.schedule-img img {border-radius:5px; width:90px;}
.schedule-text h3 {font-size:19px;}

.heading h4 {font-size:16px;}
.heading h2 {font-size: 28px;}
.services-text h3 {text-align:center;}
.services-text p {text-align:center;}

.work-sec {padding:40px 30px;}
.work-sec {background:#571E67;}
.work-box {padding:0px;}

.benifit-img {display:none;}
.testimonial-sec {padding:50px 40px;}
.testimonial-sec:after, .testimonial-sec:before {display:none;}

.team-box {margin-bottom:30px;}
.team-box h3 {font-size:18px; margin-bottom:5px;}

.calltoaction-box {padding:20px; text-align:center;}
.calltoaction-box h2 {font-size:18px;}
.calltoaction-box ul {justify-content:center;}
.calltoaction-box ul li a {font-size:14px;}

.blog-box {margin-bottom:30px;}
.footer h3 {margin:20px 0 20px 0;}
.footer .copywrite {text-align:center!important;}
.footer .copywrite .fadeInRight {text-align:center!important;}}