@viewport {
    user-zoom: fixed;
}

.preloader{height:100%;left:0;position:fixed;top:0;width:100%;z-index:99999999;background:radial-gradient(ellipse at center,#2c5a96 0%,#201f1f 100%)}
.preloader figure img{animation:pulse 1s linear infinite;max-width:170px}
.preloader figure{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;height:100%}

@keyframes pulse {
    0% {
        opacity: 0.9;
        transform: scale(0.8);
    }

    30% {
        opacity: 1;
        transform: scale(1);
    }

    70% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0.9;
        transform: scale(0.8);
    }
}

.fixed{position:fixed;top:0;left:0;width:100%;z-index:999;opacity:1;visibility:visible;-ms-animation-name:fadeInDown;-moz-animation-name:fadeInDown;-op-animation-name:fadeInDown;-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-ms-animation-duration:500ms;-moz-animation-duration:500ms;-op-animation-duration:500ms;-webkit-animation-duration:500ms;animation-duration:500ms;-ms-animation-timing-function:linear;-moz-animation-timing-function:linear;-op-animation-timing-function:linear;-webkit-animation-timing-function:linear;animation-timing-function:linear;-ms-animation-iteration-count:1;-moz-animation-iteration-count:1;-op-animation-iteration-count:1;-webkit-animation-iteration-count:1;animation-iteration-count:1;background:#fff;box-shadow:0 0 4px 3px #00000021;padding:10px 0}
.fixed .site-logo img{max-width:100px}
header{position:absolute;width:100%;left:0;top:0;z-index:99;padding:10px 0}
.menu1,.menu2{display:flex}
.menu1 ul li,.menu2 ul li{display:inline-block;position:relative;margin:0 15px}
.menu1 ul li a,.menu2 ul li a{font-size:15px;display:inline-block;position:relative}
.site-logo a{display:block}
.site-logo img{max-width:150px}
header .row{align-items:center}
.menu1 ul li a:hover,.menu2 ul li a:hover{color:#2c5a96}
.menu1 ul li a:before,.menu2 ul li a:before{content:"";position:absolute;display:block;width:0;height:2px;background:#2c5a96;bottom:0;transition:linear .3s}
.menu1 ul li a:hover:before,.menu2 ul li a:hover:before{width:100%}
a.head-btn{color:#2c5a96;display:inline-block;border:solid 2px #2c5a96;padding:2px 20px;margin-left:20px}
.menu2{justify-content:center;align-items:center}
.site-logo{display:flex;justify-content:center}
.menu1 ul li.active a:before{width:100%}
.menu1 ul li.active a{color:#2c5a96}
.main-slider{display:block;position:relative;z-index:9}
.main-slider .slider-content{position:absolute;top:130px;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:820px;margin:0 auto;text-align:center}
.main-slider .slider-content h1{font-size:60px;font-weight:600;line-height:100%;margin:0;text-shadow:0 0 3px #00000042}
.main-slider .slider-content p{font-size:14px;margin:30px 0}
.main-slider .slider-content p,.main-slider .slider-content h1{color:#fff}
.custom-btn{display:inline-block;border:solid 2px #fff;color:#fff;padding:5px 15px}
.main-slider figure{margin:0;position:relative}
.home-about{display:block;position:relative;padding:40px 0}
.home-about .row{align-items:center}
.about-imgs{display:block}
.about-imgs figure{margin:0}
.about-imgs figure img{width:100%;max-width:100%;display:block;margin:0 auto;height:320px;border-top-right-radius:50px;border-bottom-left-radius:50px; object-fit: cover;}
.about-content{display:block;max-width:530px}
.about-content h3{font-size:30px;font-weight:600;color:#000}
.about-content p{font-size:14px;color:#575757;margin:20px 0}
a.theme-btn{color:#2c5a96;text-transform:uppercase;font-weight:500;font-size:16px;border-bottom:solid 2px #2c5a96;color:#2c5a96;display:inline-block;border:solid 2px #2c5a96;padding:5px 20px}
.home-about:before{content:"";position:absolute;display:block;width:400px;height:400px;background:url(assets/images/about-bgs.png) right bottom no-repeat;right:0;bottom:0;opacity:.5;background-size:contain}
.naval-services{display:block;background:#3773a7;position:relative;padding:50px 0;overflow:hidden}
.custom-heading{display:block}
.naval-services .custom-heading{margin-bottom:40px}
.custom-heading h3{font-size:35px;font-weight:600;color:#fff}
.naval-services .custom-heading h3{margin-left:50px;text-align:center}
.naval-services .single-item{display:block}
.naval-services .single-item .items{display:block;position:relative}
.naval-services .single-item .items .client-content{display:block;position:absolute;bottom:-5px;left:-39px;background:#fff;padding:20px;max-width:370px;box-shadow:inset 0 0 20px 0 #00000061}
.naval-services .single-item .items .client-content p{font-size:14px;color:#575757;line-height:140%; margin: 0;}
.naval-services .single-item .items .client-content h4{font-size:20px;font-weight:600;color:#000}
.naval-services .testimonials-slider .owl-stage-outer{overflow:hidden}
.naval-services .testimonials-slider .owl-item.center .client-content{opacity:1;visibility:visible}
.naval-services .testimonials-slider .owl-item .client-content{opacity:0;visibility:hidden}
.naval-services .owl-nav{position:absolute;top:-80px;right:0}
.naval-services .owl-nav button.owl-prev,.naval-services .owl-nav button.owl-next{width:40px;height:40px;line-height:40px;border-radius:50%;font-size:20px;text-align:center}
.naval-services .owl-nav button.owl-prev{margin-right:15px}
.home-contact{display:block;position:static;overflow:hidden;padding:40px 0}
.home-form{display:block;background:#fff;padding:30px;max-width:670px;margin-left:-155px;box-shadow:0 0 12px 0 #00000024}
.form-sec{display:block}
.form-sec input,.form-sec textarea{width:100%;background:#ededed; padding: 8px 10px;font-size:15px;color:#575757;margin-bottom:10px}
.form-sec input::placeholder{color:#575757}
.form-sec textarea{height:80px}
.form-sec input[type="checkbox"]{width:auto;margin-bottom:0;vertical-align:middle}
.home-contact .row{align-items:center}
.home-form .custom-heading h3{color:#000}
.custom-heading p{font-size:14px}
.form-sec .form-btns button{background:transparent;border:solid 2px #3773a7;color:#3773a7;padding:5px 20px}
.form-sec .form-btns{margin-top:10px}
.contact-img{display:block}
.contact-img figure{margin:0}
.contact-img figure img{width:100%;min-height:470px;object-fit:cover;border-top-right-radius:50px;border-bottom-left-radius:50px}
.form-sec label{color:#575757;font-size:14px;vertical-align:middle;margin-left:5px}
footer{position:relative;background:url(assets/images/footer-bg.jpg) no-repeat;background-size:cover;padding:20px 0 0}
footer:before{content:"";position:absolute;display:block;width:100%;height:100%;background:#274f86fa;top:0;left:0}
.footer-logo{display:block;text-align:center;margin-bottom:30px}
.footer-logo a{display:block}
.footer-logo img{max-width:220px}
.main-footer{display:block;padding:20px 0}
.heading{display:block}
.heading h5{color:#fff;font-size:20px;font-weight:600;margin-bottom:15px}
.heading ul li a,.heading ul li{display:inline-block;color:#d9d9d9;font-size:14px;margin:3px 0}
.footer-socail{display:block}
.footer-socail ul li{display:inline-block!important}
.footer-socail ul li a{display:inline-block;width:30px;height:30px;line-height:30px;background:#3873a8;text-align:center;border-radius:2px;font-size:16px}
.heading ul li{display:block}
.footer-info{display:block}
.footer-info ul li{display:inline-flex;align-items:baseline}
.footer-info ul li i{margin-right:5px}
a.phone{font-size:16px!important;margin:0!important;font-weight:600;color:#fff!important}
.copyright{display:block}
.copyright p,.copyright a,.privacy a{color:#fff;font-size:14px;font-weight:400;margin:0}
footer:after{content:"";position:absolute;display:block;width:100%;height:1px;background:#637fa2;bottom:47px;left:0}
.bottom-footer{padding:8px 0;display:block}
.main-slider figure:before{content:"";position:absolute;display:block;width:100%;height:210px;background:linear-gradient(0deg,#0000 0%,#b6d5dc 70%);top:0;left:0;z-index:9}
a.head-btn:hover,.custom-btn:hover,.form-sec .form-btns button:hover{border:solid 2px #2c5a96;background:#2c5a96;color:#fff}
a.theme-btn:hover{color:#fff;border-bottom:solid 2px #2c5a96;background:#2c5a96}
.naval-services .owl-nav button.owl-prev:hover,.naval-services .owl-nav button.owl-next:hover{background:#000;color:#fff}
.heading ul li a:hover,a.phone:hover,.copyright a:hover,.privacy a:hover{color:#000!important}
.main-slider .owl-item.active .slider-content h1{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:1.3s}
.main-slider .owl-item.active .slider-content p{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:fadeInRight;animation-delay:1.3s}
.main-slider .owl-item.active .slider-content .custom-btn{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:fadeInLeft;animation-delay:1.3s}
.naval-services .testimonials-slider .owl-item.center .thumb img{transform:scale(1.15)}
.naval-services .testimonials-slider .owl-item.center .items{margin:5px 20px}
#inner-banner{position:relative;background:url(https://navy.anaxdesigns.xyz/public/images/slider-bg.jpg) no-repeat center;background-attachment:fixed;padding:180px 0 50px;text-align:center}
#inner-banner:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0.1) 100%)}
#inner-banner h2{color:#fff;font-size:50px;text-shadow:1px 1px 6px #000;position:relative;z-index:1}
.inner_page{padding:70px 0 50px}
.ab_mid{max-width:100%;padding:0 0 20px}
.ab_mid p{font-size:16px;color:#575757;margin:20px 0;line-height:180%}
.ab_mid h3{font-size:40px;font-weight:600;color:#000}
#ab_mid_sec{display:flex}
#ab_mid_sec figure img{max-height:255px}
.bcd-box{box-shadow:inset 0 0 10px 3px #00000026;border-radius:5px;padding:30px 15px;transition:linear .2s;margin:0 0 20px;text-align:center;min-height:200px}
.about-content.bcd-box h3{font-size:24px;margin:0 0 15px;line-height:140%}
.about-content.bcd-box:hover{background:#3773a7;transition:linear .2s}
.about-content.bcd-box:hover *{color:#fff}
.about-content.bcd-box:hover a.theme-btn{background:#fff;color:#3773a7}
.about-content.bcd-box a.theme-btn:hover{color:#fff;background:#00387d}
.about-content.bcd-box a.theme-btn{background:#3773a7;color:#fff;border:none;font-size:14px;display:inline-block;padding:8px 12px;border-radius:5px}
#galler_pg li a:after,#galler_pg li a:before,#galler_pg *{-webkit-transition:all 250ms linear;-moz-transition:all 250ms linear;-ms-transition:all 250ms linear;-o-transition:all 250ms linear;transition:all 250ms linear}
#galler_pg li{width:25%;padding:0 10px;margin:0 0 20px;float:left}
#galler_pg li figure{background:#000;overflow:hidden;width:100%}
#galler_pg li a{display:block;position:relative}
#galler_pg li a:after{opacity:0;content:"\f05b";color:#fff;font-size:40px;text-align:center;font-weight:400;position:absolute;top:0;left:0;margin:auto;bottom:-50%;right:0;font-family:FontAwesome;height:42px;z-index:2}
#galler_pg li a:before{opacity:0;position:absolute;top:-30%;left:0;margin:auto;bottom:0;right:0;height:90%;content:"";background:#000;width:90%;z-index:1}
#galler_pg li{overflow:hidden}
#galler_pg li:hover img{transform:scale(1.2)}
#galler_pg li:hover a:before,#galler_pg li:hover a:after{opacity:1;top:0;bottom:0}
.main-slider figure, .contact-img figure{overflow:hidden}
.main-slider img { animation:100s ease 0s normal none infinite running zoomEffect; }

@keyframes zoomEffect {
    from {
        transform: scale(1, 1)
    }

    to {
        transform: scale(2, 2)
    }
}

#galler_pg li img{width:100%;height:250px;object-fit:cover}
.menu1 ul li a,.menu2 ul li a{font-size:14px}

.naval-services .testimonials-slider .owl-item .thumb img{width:100%;height:320px;object-fit:cover}
.main-slider figure img{height:550px}
.main-slider .owl-item.active .slider-content .custom-btn{border:solid 2px #2c5a96;background:#2c5a96}
.main-slider .owl-item.active .slider-content .custom-btn:hover{background:#fff;color:#2c5a96;border:solid 2px #fff}


.department_box{display:flex;align-items:center;border:solid 2px #3773a7;padding:20px 10px;border-radius:10px;margin-top: 25px;position: relative;/* z-index: 0; */ flex-direction: column; gap: 10px;}
.department_box .department_image svg{width:60px;height:60px;border:solid 2px #3773a7;border-radius:50%;padding:10px 5px}
.department_box .department_content{display:block;margin-left:10px}
.department_box .department_content p{margin:0;text-transform:capitalize;font-size:16px;font-weight:500}
.department_box .department_image svg{transition:linear .3s}
.department_box:hover .department_image svg{transform:rotateY(180deg);fill: #fff;border: solid 2px #fff;}
.home_department{padding:50px 0}
.home_department .custom-heading h3{color:#000;text-align:center;margin-bottom: 15px;}
.department_box:before{content:"";position:absolute;display:block;width:0;height:100%;background:#2b5288;left:0;top:0;border-radius:7px;transition:linear .3s;z-index:-1}
.department_box:hover:before{width:100%}
.department_box:hover .department_content p{color:#fff}
.department_box:hover .department_image svg path {fill: #fff;stroke: #fff;}
.department_box .department_image svg path {fill: #2b5288;}
.home_department .row {justify-content: center;}

@media (min-width: 0px) and (max-width: 767px){
    .home_department .custom-heading h3 {margin-bottom: 15px;}
    .department_box {margin-top: 10px;}
    .home_department {padding: 20px 0;}
    .department_box .department_content p {font-size: 13px;}
}

@media (min-width: 768px) and (max-width: 1023px){
    .home_department{padding:20px 0}
    .home_department .custom-heading h3{margin-bottom:0}
}
@media (min-width: 0px) and (max-width: 767px) {
    .about-content h3{font-size:20px;text-align:center}
	.about-content h3 br{display:none}
	.about-content p{font-size:13px;text-align:center;margin:0}
	.about-content{margin:20px 0;text-align:center}
	.about-content a.theme-btn{margin-top:20px;display:inline-block}
	.home-about{padding:40px 0}
	.contact-img figure img{min-height:450px}
	.home-form{max-width:none;padding:20px 20px; margin-top: 10px; margin-left:0;}
	.custom-heading h3{font-size:20px}
	.home-form .custom-heading{text-align:center}
	.form-sec label{font-size:12px;vertical-align:baseline; margin-left: 20px;line-height: 140%;}
	.form-sec .form-btns{display:block;text-align:center}
	.form-sec .form-btns button{width:100%}
	.home-contact{padding:20px 0 20px}
	.footer-logo img{max-width:130px}
	.footer-info ul li a{border:none!important;padding:0!important;margin:0}
	.heading ul li a{border:solid 1px #cccccc57;padding:3px 6px;display:block; font-size:12px!important; border-radius: 5px;}
	.footer-socail ul li a{padding:0}
	.main-footer{padding-bottom:0; padding:0;}
	.privacy.text-end,.copyright{text-align:center!important}
	footer:after{bottom:80px}
	.copyright p,.copyright a,.privacy a{font-size:12px}
	.heading h5{text-align:center; margin-bottom: 5px;}
	.footer-socail{text-align:center}
	.bottom-footer{padding:20px 0 10px}
	a.phone{font-size:13px!important}
	#inner-banner h2{font-size:25px}
	#inner-banner{padding:100px 0 25px}
	.ab_mid h3{font-size:20px}
	.ab_mid p{font-size:13px;text-align:left;line-height:150%;margin:0}
	#ab_mid_sec{display:block}
	.inner_page{padding:50px 0}
	.ab_mid{padding:0 0 15px;}
	header{display:none}
	.home-about{padding:30px 0}
	.main-slider figure img{min-height:345px;object-fit:cover; max-height:345px;}
	.main-slider .slider-content h1{font-size:20px}
	.main-slider .slider-content p{font-size:13px;line-height:150%; margin: 15px 0;}
	.main-slider figure:before{height:110px}
	.main-slider .owl-nav,.main-slider .owl-dots{display:none}
	.home-about{padding:30px 0 20px}
	.about-content.bcd-box h3{font-size:17px;line-height:150%; margin-bottom: 0;}
	.bcd-box{display:flex;flex-direction:column;align-items:center;justify-content:center; margin-top: 0;}
	#galler_pg li{width:100%; margin-bottom: 0;}
	.home-about{padding:30px 0 0}
	.main-slider .slider-content{top:50px}
	a.head-btn{margin:0;color:#fff;border:solid 1px #fff;min-width:100px;text-align:center;padding:5px 50px; display: inline-flex;}
	.accounts-btns {display: block;text-align: center;  margin-top: 20px;}
	.main-menu ul li{position:relative}
	.main-menu ul li:hover .sub-menu{opacity:1;visibility:visible}
	.main-menu ul li.sub-menu{position:absolute;top:58px;left:20px;width:210px;background:#FFF!important;box-shadow:inset 0 3px 5px #000;display:block;z-index:9;opacity:0;visibility:hidden}
	.main-menu ul li.sub-menu li{display:block;text-align:left}
	.main-menu ul li.sub-menu li a{font-size:12px;padding:10px;display:block;border-bottom:solid 1px #404040;text-decoration:none}
	.naval-services .single-item .items .client-content{position:static;margin-top:0px;display:block;text-align:center}
	.naval-services .custom-heading h3{margin:0;text-align:center}
	.naval-services .owl-nav{top:-50px;left:0;right:0;margin:0 auto;text-align:center}
	.naval-services{padding:30px 0}
	ul.sub-menu{display:none}
	.section-padding figure img{min-height:auto}
    .section-padding .contact-img{margin-bottom:10px}
    .section-padding{padding-top:90px !important;}
    .about-imgs figure img{height:auto}
    .naval-services .testimonials-slider .owl-item.center .thumb img{height:auto;transform:none}
    .naval-services .single-item .items .client-content p{font-size:12px;margin:0}
    .naval-services .testimonials-slider .owl-item .thumb img{height:auto}
    .contact-img figure img{min-height:auto}
    .form-sec textarea{height:70px; margin-bottom: 5px;}
    .footer-logo{margin-bottom:0}
    .heading ul{display:block;text-align:center}
    .footer-info ul li{font-size:12px}
    .form-sec input,.form-sec textarea{font-size:13px}
    .naval-services .owl-nav{display:none}
    .naval-services .custom-heading{margin-bottom:10px}
    .heading ul li {display: inline-block;}
    .footer-info ul li {display: inline-flex;}
    .preloader figure img {max-width: 130px;}
    .form-sec input[type="checkbox"]{position:absolute;left:30px}




}

@media (min-width: 768px) and (max-width: 1023px) {
    .site-logo img{max-width:90px}
	.menu1{margin:0 -30px 0 0}
	.menu1 ul li a,.menu2 ul li a{font-size:13px;padding:0 10px}
	.menu1 ul li,.menu2 ul li{margin:0}
	.menu2{margin:0 0 0 -20px}
	.main-slider figure:before{height:90px}
	.main-slider .slider-content h1{font-size:40px}
	.main-slider .slider-content{top:120px}
	.main-slider .slider-content p{font-size:14px}
	.home-about{padding:15px 0}
	.naval-services .single-item .items .client-content{height:150px;overflow:hidden;overflow-y:scroll}
	.naval-services .single-item .items .client-content p{font-size:12px}
	.naval-services .owl-nav{right:30px}
	.footer-info ul li{word-break:break-all}
	.footer-logo img{max-width:140px}
	.heading ul li a,.heading ul li{font-size:12px}
	.heading h5{font-size:18px}
	.copyright p,.copyright a,.privacy a{font-size:12px}
	#inner-banner{padding:130px 0 50px}
	#inner-banner h2{font-size:35px}
	.ab_mid h3{font-size:30px}
	.ab_mid p{font-size:14px}
	.about-content.bcd-box h3{font-size:15px}
	.home-about.bcd-page{padding:50px 0}
	.home-about.about-page{padding:50px 0}
	#galler_pg li img{height:150px}
	.about-imgs figure img{object-fit:cover}
    .naval-services .testimonials-slider .owl-item.center .items{margin:0}
    .contact-img figure img{min-height:530px}
    a.phone{font-size:14px!important}
    .accounts-btns{display:flex;flex-direction:column}
    a.head-btn{font-size:13px;margin-bottom:5px;padding:2px 10px}
    .fixed .site-logo img {max-width: 70px;}
    
    a.head-btn { font-size: 12px; margin: 0; padding: 2px 8px; } 
    .accounts-btns { flex-direction: row; gap: 5px; } 
    .menu1 ul li a, .menu2 ul li a { padding: 0 7px; }
    
    .naval-services .single-item .items .client-content { bottom: 0; left: -25px; padding: 15px; height: 200px; overflow: hidden; } 
    .department_box .department_content p { text-align: center; }
    .department_box .department_content p { height: 50px; }
    
    .department_box .department_content p { height: 50px; } 
    .main-footer .col-md-3:nth-child(3) { width: 15%; } 
    .main-footer .col-md-3:nth-child(4) { width: 35%; } 
    .bottom-footer .row { display: flex; flex-direction: column; } 
    .bottom-footer .col-md-8, 
    .bottom-footer .col-md-4 { width: 100%; text-align: center; } 
    .copyright p, .copyright a, 
    .privacy a { text-align: center; } 
    .privacy.text-end { text-align: center !important; } 
    footer:after { bottom: 66px; }

    
    
}