/*
Theme Name:   2dhunter
Theme URI:    
Description:  
Author:       
Author URI:   
Template:     twentytwentyone
Version:      1.0.0
License:      
License URI:  
Tags:         
Text Domain:  
*/
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');
@font-face {
    font-family: 'droid_sansregular';
    src: url('fonts/droidsans-webfont.eot');
    src: url('fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/droidsans-webfont.woff2') format('woff2'),
         url('fonts/droidsans-webfont.woff') format('woff'),
         url('fonts/droidsans-webfont.ttf') format('truetype'),
         url('fonts/droidsans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid_sansbold';
    src: url('fonts/droidsans-bold-webfont.eot');
    src: url('fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/droidsans-bold-webfont.woff2') format('woff2'),
         url('fonts/droidsans-bold-webfont.woff') format('woff'),
         url('fonts/droidsans-bold-webfont.ttf') format('truetype'),
         url('fonts/droidsans-bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@keyframes changeBackgroundColor {
  0% {
    background-color: #001F3F;
  }
  50% {
    background-color: #FF4136;
  }
  100% {
    background-color: #001F3F;
  }
}
body{font-family: 'droid_sansregular', sans-serif !important;}
.site-header, .site-main, .widget-area, .site-footer{padding:0;}
.header{padding: 15px 0;margin: 0;position: absolute;left: 0;top: 0;z-index: 55;width: 100%;transition: 0.5s;}
.header.sticky, .page-template-default .header{background-color: #fff;position: fixed;box-shadow: 0 0 10px 0 #ccc;z-index: 555;}
.header .row{align-items: center;}
.header .left-header .logo img{height: 100px;}
.header .right-header .nav{display: block;}
.header .right-header .nav ul{text-align: right;margin: 0;}
.header .right-header .nav ul li{display: inline-block;list-style: none;color: #fff;margin-left: 5px;}
.header .right-header .nav ul li:first-child{margin-left: 0;}
.header .right-header .nav ul li a{color: #fff;padding: 0 15px;display: block;height: 40px;font-size: 18px;font-weight: 600;text-align: center;text-decoration: none;line-height: 36px;border: 2px solid #fff;border-radius: 3px;}
.header .right-header .nav ul li a:hover{background-color: #fff;color: #000;}
.header .right-header .nav ul li a.active{background-color: #fff;color: #000;}
.header .right-header .nav ul li a.my-contact-button{height: 50px;line-height: 50px;background-color: #006ACD;border: 0;padding: 0 30px;border-radius: 5px;color: #fff;}
.header .right-header .nav ul li a.my-contact-button:hover{background-color: #000;color: #fff;}
.header.sticky .right-header .nav ul li a,.page-template-default .header .right-header .nav ul li a{color:#000;border: 2px solid #000;}
.header.sticky .right-header .nav ul li a:hover{background-color: #000;color: #fff;}
.mobile-menu{display: none;}
.mobile-menu svg{height: auto;display: flex;align-items: center;justify-content: center;width: 73%;margin: auto;}
.mobile-menu-close{display: none;position: absolute;right: 10px;top: 10px;background-color: transparent !important;padding: 0;border: 0;}
.mobile-menu-close svg{width: 35px;height: auto;fill: #fff;}
.home-page{margin-top: 0;}

.home-banner{height: 100vh;background: #33D0DE;background: linear-gradient(210deg,rgba(51, 208, 222, 1) 0%, rgba(129, 105, 217, 1) 50%, rgba(191, 71, 194, 1) 100%);padding-top: 100px;}
.home-banner .container{min-height: 100%;display: flex;align-items: center;}
.home-banner .container .row{display: flex;align-items: center;height: 100%;}
.home-banner .container .row .home-banner-content h1{color: #fff;font-size: 65px;font-weight: 700;font-family: "Quicksand", sans-serif;}
.home-banner .container .row .home-banner-content p{color: #fff;font-size: 25px;font-weight: 300;}
.home-banner .container .row .home-banner-content p i{font-weight: 400;font-style: italic;text-decoration: underline;}
.home-banner .container .row .home-banner-content span{background-color: #e10000;padding: 0 8px;color: #fff;animation: changeBackgroundColor 7s infinite;display: inline-block;}
.home-banner .container .row  .right-section .stage{position:relative;width:600px;height:600px;}
.home-banner .container .row  .right-section .stage .card{position:absolute;width:300px;height:300px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.25);overflow:hidden;opacity:1;transform:scale(.94);transition:transform .35s ease, opacity .35s ease;top:0; left:0;}
.home-banner .container .row  .right-section .stage .card img{width:100%;height:100%;display:block;object-fit:cover;}
.home-banner .container .row  .right-section .stage .card.is-front{opacity:1;transform:scale(1.08);}

.section-2{position: relative;}
.section-2 .section-2-content{position: absolute;left: 0;width: 100%;bottom: 0;padding: 0 10px 5px 10px;background-color: rgba(0, 0, 0, 0.7);z-index: 55;}
.section-2 .section-2-content h2{color: #fff;text-align: center;font-weight: 700;font-family: "Quicksand", sans-serif;font-size: 40px;line-height: 1.2;margin: 0;}
.section-2 .section-2-content p{color: #fff;text-align: center;font-family: 'droid_sansregular', sans-serif !important;margin-bottom: 0;font-size: 18px;line-height: 1.2;}
.banner-carousel .owl-item img{display: block;width: auto;margin: auto;max-width: 1320px;}
.banner-carousel .owl-item{background:linear-gradient(210deg,rgba(51, 208, 222, 1) 0%, rgba(129, 105, 217, 1) 50%, rgba(191, 71, 194, 1) 100%);}

.section-3{position: relative;padding: 30px 0;}
.section-3 .section-3-content h2{color: #000;font-weight: 700;font-family: "Quicksand", sans-serif;font-size: 35px;margin-bottom: 15px;}
.section-3 .section-3-content p{color: #000;font-family: 'droid_sansregular', sans-serif !important;margin-bottom: 0;font-size: 17px;margin-bottom: 15px;}
.section-3 .section-3-content p a{font-weight: bold;color: #008286;}
.section-3 .section-3-content .section-3-inner{padding:20px;display: flex;background-color: #09161E;margin: 20px 0;}
.section-3 .section-3-content .section-3-inner li{list-style: none;padding: 15px;flex:0 0 auto;width: 33.33%;text-align: center;padding-top: 100px;position: relative;}
.section-3 .section-3-content .section-3-inner li:after{content: "";position: absolute;width: calc(100% - 20px);background: #17232F;background: linear-gradient(180deg, #17232F 0%, #232033 50%, #2D1D37 100%);height: 153px;top: 0;left: 0;border-radius: 5px;right: 0;margin: auto;}

.section-3 .section-3-content .section-3-inner li .blank-box{display: flex;height: 100%;width: 100%;background-color: #fff;}
.section-3 .section-3-content .section-3-inner li img{width: 100px;position: relative;z-index: 55;margin-bottom: 15px;}
.section-3 .section-3-content .section-3-inner li h3{color: #fff;font-family: 'droid_sansregular', sans-serif !important;font-size: 20px;margin-bottom: 15px;position: relative;z-index: 55;}
.section-3 .section-3-content .section-3-inner li h4{color: #26D8E6;font-family: 'droid_sansregular', sans-serif !important;font-size: 15px;position: relative;z-index: 55;}
.section-3 .section-3-content .section-3-inner li p{color: #515C5E;font-family: 'droid_sansregular', sans-serif !important;font-size: 15px;line-height: 1.5;position: relative;z-index: 55;}

.mission-section{text-align: center;padding: 50px 0;background-color: #002552;}
.mission-section.option2{background-color: #002140;}
.mission-section h2{font-size: 65px;margin-bottom: 40px;color: #fff;font-family: "Quicksand", sans-serif;font-weight: 700;}
.mission-section .cards{font-family: 'droid_sansregular', sans-serif !important;display: flex;}
.mission-section .cards .card {background: #021637;padding: 30px 20px;border-radius: 12px;text-align: center;display: flex;height: 100%;flex-direction: column;align-items: center;}
.mission-section.option2 .card{background: #071625;}
.mission-section .cards .card img {height: 100px;margin-bottom: 20px;}
.mission-section .cards .card h3{font-size: 30px;margin-bottom: 15px;color: #ffffff;}
.mission-section .cards .card p {font-size: 16px;line-height: 1.6;color: #ffffff;}
.mission-section .btn {display: inline-block;margin-top: 40px;padding: 12px 25px;font-size: 17px;font-weight: bold;color: white;background: #006ACD;border-radius: 6px;text-decoration: none;transition: background 0.3s ease;letter-spacing: 2px;}
.mission-section .btn:hover {background: #000000;}

.section-4{background-color: #011329;background: linear-gradient(90deg, #031523 0%, #001624 50%, #011329 100%);}
.section-4 .row{align-items: flex-end;}
.section-4 h2{font-size: 65px;margin-bottom: 0px;color: #fff;font-family: "Quicksand", sans-serif;font-weight: 700;text-align: center;}
.section-4 img{width: 100%;}
.section-4 .section-4-header{padding: 15px 0;}
.section-4 .section-4-content h3{color: #F7E000;font-family: "Quicksand", sans-serif;font-weight: 700;font-size: 40px;}
.section-4 .section-4-content ul li{color: #fff;font-size: 25px;}
.section-4 .section-4-content .btn {display: inline-block;margin-bottom: 20px;padding: 8px 12px;font-size: 17px;font-weight: 500;color: white;background: #006ACD;border-radius: 6px;text-decoration: none;transition: background 0.3s ease;letter-spacing: 1px;min-width: 150px;}
.section-4 .section-4-content .btn:hover {background: #000000;}
.section-4 .section-4-content .btn svg{height: 15px;margin-right: 5px;width: auto;}
.section-4 .section-4-content .text-right{text-align: right;}

.section-5{background-color: #09161E;padding: 20px 0;}
.section-5 h2{font-size: 65px;margin-bottom: 15px;color: #fff;font-family: "Quicksand", sans-serif;font-weight: 700;text-align: center;}
.section-5 .card{border:0;border-bottom:5px solid #D3AA0D;text-align: center;border-radius: 0;}
.section-5 .card .card-content{padding: 15px;}
.section-5 .card img{width: 100%;}
.section-5 .card h3{font-family: "Quicksand", sans-serif;color: #000;font-size: 25px;font-weight: 700;margin-bottom: 10px;}
.section-5 .card .btn {display: block;padding: 8px 25px;font-size: 15px;color: white;background: #006ACD;border-radius: 25px;text-decoration: none;transition: background 0.3s ease;letter-spacing: 1px;width: 160px;font-weight: 300;margin: auto;}
.section-5 .card .btn:hover {background: #000000;}

.section-6{position: relative;}
.section-6 img{width: 100%;}
.section-6 .section-6-content{position: absolute;top:50%;transform: translate(0, -50%);left: 0;width: 100%;}
.section-6 .section-6-content .section-6-content-inner{max-width: 330px;}
.section-6 .section-6-content h2{font-size: 70px;margin-bottom: 15px;color: #FAC703;font-family: "Quicksand", sans-serif;font-weight: 700;}
.section-6 .section-6-content h3{font-size: 22px;color: #fff;margin: 15px 0;font-weight: 400;}
.section-6 .section-6-content ul li{color: #fff;font-size: 20px;margin: 20px 0;}
.section-6 .section-6-content .btn {padding: 8px 25px;font-size: 18px;color: white;background: transparent;text-decoration: none;transition: background 0.3s ease;letter-spacing: 1px;font-weight: 300;margin: auto;border: 1px solid #FAC703;color: #FAC703;}
.section-6 .section-6-content .btn svg{fill: #FAC703;width: 15px;height: auto;}
.section-6 .section-6-content .btn:hover {background: #FAC703;color: #fff;}
.section-6 .section-6-content .btn:hover svg{fill: #ffffff;}
#scrollArrow {position: fixed;bottom: 20px;right: 20px;background: rgba(0, 0, 0, 0.9);border: none;border-radius: 50%;width: 50px;height: 50px;cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 5555;padding: 0;box-shadow: 0 0 10px 0 #fff;transition: 0.5s;}
#scrollArrow:hover {background: rgba(255, 255, 255, 0.9);box-shadow: 0 0 0px 0 #fff;transform: scale(0.9);}
#scrollArrow svg {height: 24px;width: auto;}
#scrollArrow svg{fill:#fff;}
#scrollArrow:hover svg{fill:#000;}
.singular .entry-title{font-size: 50px;}
.site-main > *{margin-top: 0;}
.site-main .page{padding-top: 130px;}
.site-main .page .entry-header{padding: 30px 0;max-width: 100%;margin: 0;}
.site-main .page  .entry-content p{max-width: 100% !important;}
.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .default-max-width{max-width: 1320px;}

@media screen and (max-width: 1300px) {
    .home-banner .container .row .right-section .stage{height: 450px;width: 450px;}
    .home-banner .container .row .right-section .stage .card{height: 225px;width: 225px;}
    .home-banner .container .row .home-banner-content h1{font-size: 50px !important;}
    .home-banner .container .row .home-banner-content p{font-size: 20px;}
    .section-2 .section-2-content{padding: 10px;}
    .section-2 .section-2-content h2,.mission-section h2,.section-4 h2,.section-5 h2{font-size: 35px;}
    .section-2 .section-2-content p{font-size: 17px;}
    .section-2 .section-2-content p{padding: 10px;}
    .section-3 .section-3-content h2{font-size: 30px;}
    .section-3 .section-3-content p{font-size: 15px;}
    .section-3 .section-3-content .section-3-inner li h3{font-size: 18px;}
    .section-3 .section-3-content .section-3-inner li h4,.section-3 .section-3-content .section-3-inner li p{font-size: 14px;}
    .mission-section .cards .card h3{font-size: 25px;}
    .mission-section .cards .card p{font-size: 15px;}
    .section-4 .section-4-content h3{font-size: 35px;}
    .section-4 .section-4-content ul li{font-size: 17px;}
    .section-4 .section-4-content .btn{font-size: 15px;letter-spacing: 1px;padding: 8px 20px;}
    .section-6 .section-6-content h2{font-size: 60px;}
    .section-6 .section-6-content h2{font-size: 38px;}
    .section-6 .section-6-content ul li{font-size: 16px;}
    .section-6 .section-6-content .btn{font-size: 15px;letter-spacing: 1px;padding: 8px 20px;}
    .section-5 .card h3{font-size: 20px;}
    .section-5 h2{font-size: 18px;}
    .section-5 .card .btn{padding: 6px 20px;}
    .section-2 .section-2-content h2{margin-bottom: 0;}
    
}

@media screen and (max-width: 1024px) {
    .container{max-width: 100% !important;}
}

@media screen and (max-width: 1000px) {
    .home-banner .container .row .right-section .stage{height: 350px;width: 350px;}
    .home-banner .container .row .right-section .stage .card{height: 175px;width: 175px;}
    .header .right-header .nav{position: fixed;right: -200px;transition: 0.5s;width: 200px;background-color: #000;top: 0;height: 100%;z-index: 555;display: flex;align-items: center;}
    .header .right-header .nav ul{padding: 0 15px;}
    .header .right-header .nav ul li{display: block;margin: 0;}
    .header .right-header .nav ul li a{border: 0;display: block;padding: 0;text-align: left;color: #fff !important;}
    .header .right-header .nav.show{right: 0;}
    .header .left-header .logo img{height: 50px;}
    .header{padding: 10px 0;}
    .mobile-menu{display: block;position: absolute;right: 10px;background-color: transparent !important;padding: 0;width: 40px;height: 40px;border: 2px solid #000;border-radius: 25px;top: 50%;transform: translate(0, -50%);}
    .mobile-menu-close{display: block;}
    .header .right-header .nav ul li a.active,.header .right-header .nav ul li a:hover{background-color: transparent !important;}
    .header .right-header .nav ul li a.my-contact-button{background-color:#006ACD !important;}
    .home-banner{padding-top: 70px;}
}

@media screen and (max-width: 767px) {
    .home-banner .container .row .right-section .stage{margin: auto;}
    .home-banner .container .row .right-section .stage{height: 300px;width: 300px;}
    .home-banner .container .row .right-section .stage .card{height: 150px;width: 150px;}
    .home-banner .container .row .home-banner-content h1 {font-size: 35px !important;}
    .home-banner .container .row .home-banner-content p{font-size: 17px;}
    .section-2 .section-2-content {padding: 10px;position: static;background-color: #000;}
    .section-2 .section-2-content h2, .mission-section h2, .section-4 h2, .section-5 h2{font-size: 27px;}
    .section-2 .section-2-content p{font-size: 15px;}
    .section-3 .section-3-content .section-3-inner{display: block;}
    .section-3 .section-3-content .section-3-inner li{width: 100%;margin-top: 20px;}
    .section-3 .section-3-content .section-3-inner li:first-child{margin-top: 0;}
    .mission-section .cards>div{padding-top: 5px;padding-bottom: 5px;}
    .mission-section .cards .card h3{font-size: 20px;}
    .mission-section .cards .card p{font-size: 13px;}
    .section-4 .section-4-content h3{font-size: 20px;}
    .section-4 .section-4-content ul li{font-size: 14px;}
    .section-4 .section-4-content .btn {font-size: 13px;letter-spacing: 1px;padding: 6px 10px;}
    .section-5-content .row>div{padding-top: 5px;padding-bottom: 5px;}
    .section-6 .section-6-content{position: static;transform: none;padding: 15px;background-color: #660E04;}
    .section-6 .section-6-content ul li{font-size: 13px;}
    .section-4 .section-4-content .btn{min-width: 100px;}
    .site-main .page{padding-top: 70px;}
    .singular .entry-title{font-size: 25px;}
    .site-main .page  .entry-content p,.site-main .page  .entry-content{font-size: 14px;}
    .site-main .page  .entry-content h3{font-size: 18px;}
    .site-main .page  .entry-content h2{font-size: 21px;}
    .section-3 .section-3-content .section-3-inner li.empty{display: none;}
  
}