:root{
	--primary:#365b64;
	--Seconday:#03A8A8;
	--text-color:#ffffff;
	--white-color:#ffffff;
	--black-color:#000000;
}
body{font-family:'Poppins', sans-serif;font-size:20px;background:#fafafa;color:#404040;font-weight:normal;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-family:'Poppins', sans-serif;margin-bottom:0;font-size:26px;line-height:20px}
a{color:#222;text-decoration:none;}a:hover{text-decoration:none;color:#fff}
a:hover{color:black;}
p{margin-bottom:0;font-size:16px;line-height:26px}
.container{padding-right:10px;padding-left:10px;max-width:1260px;}
.container-fluid{padding:0}
.img100{width:100%}
.form-control:focus{border-color:var(--primary);box-shadow:none;}

/* common */
.sticky{position:fixed;background:#292929;top:0 !important;z-index:9999999;margin-top:0;left:0;right:0;}
.navbar-toggler:focus{box-shadow:none;}
.heading-title{margin-bottom:30px;position:relative;}
.heading-title h1{font-size: 30px; font-weight: 700; line-height: 40px; color: var(--primary); text-align: center; padding-bottom: 15px;}
.heading-title h2 { font-size: 30px; font-weight: 700; line-height: 40px; color: var(--primary); text-align: center; padding-bottom: 15px; }

/* back-to-top */
#button{display:inline-block;background-color:var(--primary);width:50px;height:50px;text-align:center;border-radius:4px;position:fixed;bottom:30px;right:30px;transition:background-color .3s, opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:1000;}
#button::after{font-weight:normal;font-style:normal;font-size:2em;line-height:50px;color:#fff;}
#button:hover{cursor:pointer;background-color:#03A8A8;}
#button:active{background-color:#555;}
#button.show{opacity:1;visibility:visible;}
#button i{font-size:25px;line-height:50px;color:#fff;}

/* image-resize */
.DImgBlock{position:relative;}
.Imgresize{position:relative;}
.ImgViewer{padding-top:35.25%;margin:0;}
.FixingRatio{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;object-fit:cover;}
.ImgRatio{position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;object-fit:cover;}

/* Social Icon */
.DTopSocialIcon{line-height:24px;}
.DTopSocialIcon ul.social-network{list-style:none;margin-left:0 !important;padding:0;margin-bottom:0;}
.DTopSocialIcon ul.social-network li{display:inline;margin-right:5px;}
.DTopSocialIcon .social-network a.icoFacebook{background-color:#3B5998;}
.DTopSocialIcon .social-network a.icoTwitter{background-color:#1DA1F3;}
.DTopSocialIcon .social-network a.icoInstagram{background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);}
.DTopSocialIcon .social-network a.icoLinkedin{background-color:#0072b1;}
.DTopSocialIcon .social-network a.icoYoutube{background-color:#FF0000;}
.DTopSocialIcon .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i, .social-network a.icoInstagram:hover i, .social-network a.icoYoutube:hover i{color:#fff;}
.DTopSocialIcon .social-network a.socialIcon:hover, .socialHoverClass{color:#44BCDD;}
.DTopSocialIcon .social-network li a{display:inline-block;position:relative;margin:0 auto 0 auto;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;text-align:center;width:25px;height:25px;font-size:11px;color:#fff;}
.DTopSocialIcon .social-network li i{margin:0;line-height:25px;text-align:center;}
.DTopSocialIcon .social-network li a:hover i,
.triggeredHover{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms--transform:rotate(360deg);transform:rotate(360deg);-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s;}
.DTopSocialIcon .social-network i{color:#fff;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s;}
.DTopSocialIcon .social-network a{background-color:#333535;color:#fff;}
.DTopSocialIcon p{font-size:14px;margin:5px 0;color:#fff;line-height:24px;cursor:pointer;}
.DTopSocialIcon p > i{font-size:13px;margin-right:5px;}

/* Header Area */
.MenuHeader-top{background:var(--primary);padding:5px 0;}
.MenuHeader-top .call-us a{font-size:14px;margin:5px 0;color:#fff;line-height:24px;}
.hMenuHeader-top .call-us a:hover{color:var(--primary);}
.MenuHeader-top .call-us i{font-size:12px;margin-right:2px;}

/* main-menu */
.mainmenu{box-shadow:0 5px 5px -5px #b4b4b4;}
.sticky.mainmenu{background:#fff;box-shadow:0 5px 5px -5px #b4b4b4;}
.sticky .navbar{position:unset;}
.sticky .navbar-light .navbar-nav .nav-link{color:var(--primary);}
.sticky .navbar-light .navbar-nav .nav-link:hover{color:#03A8A8;}
.sticky .navbar-light .navbar-nav .english .nav-link{color:#fff;}
.sticky .navbar .navbar-brand img{width:200px;transition:all 0.5s ease;}
.navbar{background-color:#ffffffd4;left:0;width:100%;z-index:9999;}
.navbar .navbar-brand img{width:240px;transition:all 0.5s ease;}
.mainmenu .navbar-light .navbar-nav .nav-link{color:#002060;font-size:16px;font-weight:700;line-height:26px; padding:10px 20px;}
.navbar-light .navbar-nav .nav-item:last-child .nav-link{padding-right:0;}
/* .nav-item{margin:0 8px;padding:10px 0;position:relative;line-height:22px;} */

.navbar-nav .english .nav-link{background:var(--Seconday);padding:6px 18px;transition:all 0.1s ease-out;font-size:16px;}
.navbar-light .navbar-nav .nav-link:hover{color:var(--Seconday);}
.mainmenu .dropdown:hover .dropdown-menu{display:block;}
.navbar-nav .dropdown .dropdown-menu .dropdown-item:hover{color:var(--Seconday);}
.navbar-nav .dropdown .dropdown-menu .dropdown-item{padding:10px 15px;border-bottom:1px solid #eee;font-size:16px;font-weight:700;color:var(--primary);}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{color:var(--primary);}
.dropdown-menu[data-bs-popper]{margin-top:-10px;}
.dropdown-menu{padding-top:0;padding-bottom:0;border-radius:unset;}
.l-more{margin-top:20px;}
.l-more .hero-btn { background: var(--Seconday); padding: 12px 32px; color: var(--white-color); font-size: 15px; font-weight: 700; transition: all 0.1s ease-out; }
.l-more .hero-btn:hover{background:var(--primary); color: var(--text-color);}
.mainmenu2{background:var(--Seconday);}
.mainmenu2 .navbar{position:relative;top:0;background:unset;}
.mainmenu2 .navbar-light .navbar-nav .nav-link{color:#fff;}
.mainmenu2 .navbar-light .navbar-nav .nav-link:hover{color:var(--primary);}


/* Hero Area Top */
.headline-wrap { position: absolute; top: 50%; left: 0; width: 100%; z-index: 1; transform: translateY(-50%); }
.headline-wrap h1{    
    color: #FFFFFF; /* Bright white for maximum contrast */
    font-weight: 800;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.7); /* adds visibility on light bg */
    /*color:#FFFFFF; font-size:50px;line-height:60px;margin-bottom:10px; */
    
    
}
    
.headline-wrap p { color: #00E5FF; font-weight: 700; text-shadow: 0 0 6px rgba(0, 229, 255, 0.6); /* glow for light bg */  /*font-weight: 600; font-size: 20px; color: #D9DEE3;  line-height: 30px; */ }
.slider-btn{padding:2px 20px;background:#282828;font-size:18px;color:#fff;margin-top:20px;border-radius:20px;}
.slider-btn:hover{color:#fff;background:#C00000;}
.hero-area{position:relative;}
.overly{position:absolute;left:0;top:0;width:100%;height:100%;background:#131313;opacity:0.32;z-index:1;}
.wrapper{position:relative;}
.wrapper .wrapper__video{object-fit:cover;width:100%;height:100%;position:absolute;}
.category-courses-banner h5{background:var(--Seconday);padding:20px;text-align:center;font-size:30px;font-weight:bold;}
.hero-slider-img img{width:100%;}
.hero-slider .priv_arrow{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:5;cursor:pointer;}
.hero-slider .priv_arrow i , .hero-slider .next_arrow i{ font-size: 24px; color: var(--white-color); padding: 10px; border: 1px solid var(--white-color); }
.hero-slider .next_arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:5;cursor:pointer;}
.headline-wrap .content-part .sl-title > span{ 
    /*color: #00E5FF; font-weight: 700; text-shadow: 0 0 6px rgba(0, 229, 255, 0.6);  */
    /*color: #03A8A8; text-transform:uppercase;color:var(--Seconday); */
      color: #00E5FF; /* accent color */ ; text-transform: uppercase; 
}
.headline-wrap .content-part .sl-title{font-size:40px;line-height:50px;font-weight:600;margin-bottom:21px;text-transform:uppercase;color:#fff;text-shadow:#ffffff 1px 1px 1px;}
.skew-header{width:100%;height:140px;background-color:#fff;position:absolute;left:-100px;bottom:-15px;z-index:999;transform:skew(0deg, -4deg) translate(100px);}
.hero-wrapper ul.slick-dots{list-style:none;margin-bottom:0;}
.hero-wrapper .slick-dots button{display:none;}

/* AboutFC */
.AboutFC{padding:80px 0 50px 0;position:relative;}
.about-text h3{font-size:30px;line-height:36px;font-weight:700;color: var(--primary);}
.about-text p{font-size:16px;line-height:30px;z-index:9999999;margin:20px 0;}
.l-more-btn .All-btn { background: #fff; padding: 10px 20px; color: var(--primary); border: 1px solid var(--Seconday); border-radius: 5px; font-size: 16px; font-weight: 700; transition: all 0.1s ease-out; }
.l-more-btn .All-btn:hover{background:var(--Seconday);color:#fff;}
.about-banner{ position: relative; }
.about-banner::before{ position: absolute; content:""; left:-20px; top:20px; width:100%; height:100%; border:2px solid var(--Seconday); z-index:-1; }

/* services-area */
.services-area{padding:50px 0;}
.services-wrapper a{width:100%;display:flex;}
.services-wrapper .box-area { border-radius: 5px; box-shadow: 0px 3px 15px 0px #d8d8d8; padding: 40px 20px; margin-bottom: 24px; width: 100%; position: relative; }
.box-area h3{font-size:18px;line-height:30px;font-weight:600;}
.services-wrapper .box-area::before { position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-image: url(../../media/imgAll/bg/icon-lines-3.png); background-color: #ffffff; -webkit-transition: all 300ms linear; transition: all 300ms linear; z-index:-1; }
.service-icon { margin-bottom: 10px; }
.service-icon img { width:55px; }

/* why-choose-us-area */
.why-choose-us-area { padding: 50px 0; }
.why-section-heading { margin-bottom: 50px; }
.why-section-heading h6 { font-size: 16px; margin-bottom:20px; font-weight: 600; }
.why-choose-list-wrapp { padding-right: 100px; }
.why-section-heading h4 { font-size: 40px; line-height: 50px; font-weight: 600; }
.why-choose-item { display: flex; gap: 20px; align-items: center; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
.why-choose-item:last-child{ border-bottom:0; }
.why-choose-icon { flex: 0 0 100px; text-align: center; border: 1px solid var(--Seconday); }
.why-choose-icon img { padding: 20px; }
.why-choose-item h4 { font-size: 20px; font-weight: 600; line-height: 30px; }

/* Media Section */
.media-area{padding:50px 0;}
.media-item{display:block;width:100%;background:#fff;transition:.3s;position:relative;overflow:hidden;margin-bottom:24px}
.media-item:hover .view-icon{height:100%;opacity:1;}
.media-item .view-icon{position:absolute;top:0;left:0;width:100%;height:20%;background:rgba(0, 0, 0, 0.5);display:flex;align-items:center;justify-content:center;font-size:70px;font-weight:600;color:#fff;opacity:0;transition:all .3s ease-in;}
.gallery-media-title{position:absolute;bottom:0;z-index:3;text-shadow:0 1px 2px rgb(0 0 0 / 60%);right:0;left:0;padding:63px 13px 10px;margin:0 0 0;text-align:left;background:linear-gradient(180deg,transparent 10.87%,rgba(0,0,0,.6) 53.06%,#000);}
.gallery-media-title h5{font-size:18px;font-weight:600;color:#fff;line-height:26px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
.fancybox__container{z-index:99999999 !important;}

/* contact-area */
.contact-area{padding:50px 0;}
.pc-contact-wrapper-input-fields input{width:100%;height:55px;margin-bottom:25px;padding:0 15px;border-radius:5px;border:1px solid var(--primary);}
.pc-contact-wrapper-input-fields textarea{width:100%;border-radius:5px;height:120px;padding:15px;margin-bottom:15px;border:1px solid var(--primary);}
.submit-btn{background:var(--primary);color:#fff;font-size:16px;font-weight:700;padding:8px 25px;border-radius:0;text-transform:uppercase;margin-top:8px;}
.pc-contact-wrapper-input-fields .btn{padding:10px 30px;border-radius:0;font-size:15px;box-shadow:none;}
.submit-btn:hover{background:#35D3D3;color:#fff;}
.contact-heading h2{font-size:18px;font-weight:600;text-transform:uppercase;margin-bottom:20px;color:var(--primary);}
.contact-heading h3{font-size:30px;font-weight:700;text-transform:uppercase;margin-bottom:40px;color:#000;}
.contact-details{text-align:center;}
.contact-details i{background:#fff;width:70px;height:70px;border-radius:50%;font-size:26px;line-height:70px;color:var(--primary);margin-bottom:10px;text-align:center;}
.contact-details p{color:#fff;}
.contact-details a{color:#fff;}

/* ABOUT US Page*/
.aboutUs-page-area{margin:50px 0;}
.about-page-wrapper p{margin-bottom:20px;}
.about-image .col-lg-6:first-child .image img{border-radius:25px 0 0 0;}
.about-image .col-lg-6:nth-child(2) .image img{border-radius:0 25px 0 0;}
.about-image .col-lg-6:nth-child(3) .image img{border-radius:0 0 0 25px;}
.about-image .col-lg-6:last-child .image img{border-radius:0 0 25px 0;}
.about-image .image img{-webkit-box-shadow:0px 10px 20px 0px rgba(130, 136, 147, 0.15);box-shadow:0px 10px 20px 0px rgba(130, 136, 147, 0.15);-webkit-transition:.2s;transition:all 0.3s ease;}
.about-image .image:hover img{transition:all .5s ease-out;transform:translateY(-10px);}
.about-mv-text h2{color:var(--primary);font-size:16px;font-weight:400;text-transform:capitalize;}
.about-mv-text h3{font-size:36px;font-weight:700;margin:15px 0 25px;line-height:40px;}
.about-page-wrapper h4{font-size:26px;font-weight:700;padding:10px 0;line-height:32px;}
.about-mv-text p{margin-bottom:20px;}
.about-page-wrapper ul{list-style:none;padding:0;}
.about-page-wrapper ul li::before{content:"\f058";font-family:"Font Awesome 5 Free";color:var(--primary);font-weight:600;font-size:14px;margin-right:10px;}
.about-page-wrapper ul li{font-size:16px;margin-top:15px;}
.about-page-wrapper .btn-primary{background-color:#fff;color:#404040;border:2px solid var(--primary);}
.about-page-wrapper .btn{box-shadow:none;}
.about-page-wrapper .btn-primary:hover{background-color:var(--primary);color:#fff;border:2px solid var(--primary);}
.aboutUs-page-area .features-text{margin-top:40px;}
.aboutUs-page-area .features-text h3{font-size:30px;line-height:36px;font-weight:700;text-transform:capitalize;margin-bottom:20px;}
.aboutUs-page-area .features-text ul{padding:0;margin:15px 0 25px;list-style-type:none;}
.aboutUs-page-area .features-text ul li::before{content:'';position:absolute;left:0;top:6px;width:17px;height:17px;background:var(--primary);-webkit-clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);clip-path:polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);}
.aboutUs-page-area .features-text ul li{position:relative;color:#828893;margin-bottom:15px;padding-left:30px;font-size:18px;}
.btn-primary{background-color:var(--primary);color:#ffffff;}
.btn{font-size:16px;letter-spacing:1px;font-weight:700;border-radius:100px;box-shadow:0px 15px 25px 0px rgba(242, 86, 255, 0.3);padding:14px 40px;border:none;}
.btn-primary:hover{background:var(--Seconday);}

/* Mission & Vision Page Area */
.mission-vision-page-area{margin:80px 0;}
.mission-wrapper{position:relative;border-bottom:1px solid #ddd;padding-bottom:40px;}
.about-image .col-lg-6:first-child .image img{border-radius:25px 0 0 0;}
.about-image .col-lg-6:nth-child(2) .image img{border-radius:0 25px 0 0;}
.about-image .col-lg-6:nth-child(3) .image img{border-radius:0 0 0 25px;}
.about-image .col-lg-6:last-child .image img{border-radius:0 0 25px 0;}
.about-image .image img{-webkit-box-shadow:0px 10px 20px 0px rgba(130, 136, 147, 0.15);box-shadow:0px 10px 20px 0px rgba(130, 136, 147, 0.15);-webkit-transition:.2s;transition:all 0.3s ease;}
.about-image .image:hover img{transition:all .5s ease-out;transform:translateY(-10px);}
.about-mv-text h2{color:var(--primary);font-size:16px;font-weight:400;text-transform:capitalize;}
.about-mv-text h3{font-size:36px;font-weight:700;margin:15px 0 25px;line-height:40px;}
.mission-wrapper h4{font-size:26px;font-weight:700;padding:10px 0;}
.about-mv-text p{margin-bottom:20px;}
.mission-wrapper ul{list-style:none;padding:0;}
.mission-wrapper ul li::before{content:"\f058";font-family:"Font Awesome 5 Free";color:var(--primary);font-weight:600;font-size:14px;margin-right:10px;}
.mission-wrapper ul li{font-size:16px;margin-top:15px;}
.mission-wrapper .btn-primary{background-color:#fff;color:#404040;border:2px solid var(--primary);}
.mission-wrapper .btn{box-shadow:none;}
.mission-wrapper .btn-primary:hover{background-color:var(--primary);color:#fff;border:2px solid var(--primary);}

/* Vision Area */
.vision-content-box{background:#d5d5d538;margin-top:30px;}

/* Our Team Page */
.our-team-page-area{margin:80px 0;}
.volunteer-items .item { margin-bottom: 24px; border: 1px solid #eee; padding: 10px; }
.our-team-page-area .volunteer-items .thumb img { border-radius: 5px; width: 200px; height: 200px; border-radius: 50%; object-fit: cover; object-position: center; border: 5px solid #eee; }
.our-team-page-area .volunteer-items .item .info h3 { text-transform: capitalize; font-size: 18px; line-height:26px; font-weight: 700; margin: 8px 0; }
.our-team-page-area .volunteer-items .item .info h2{color:var(--Seconday);font-weight:700;font-size:16px;}
.our-team-page-area .volunteer-items .item .info p{margin-top:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.our-team-page-area .l-more .hero-btn{padding:8px 22px;font-size:15px;}

/* Media Gallary Details */
.media-gallery-details-area .Gimage img{width:100%;object-fit:cover;}
.image-wrapper{background:#fff;box-shadow:10px 35px 200px 10px #d8d8d8;padding:10px;margin-bottom:24px;}
.image-wrapper .img-text{padding:14px 10px;}
.image-wrapper .img-text h3{font-size:22px;font-weight:600;text-align:center;}
.media-gallery-details-area img{border-radius:5px;}
.media-gallery-details-area .media-item{margin-bottom:0;}
.media-gallery-details-area .col-lg-4{padding-right:0;padding-bottom:10px;}
.media-gallery-details-area .media-item .view-icon{border-radius:5px;}
.media-gallery-details-area .gallery-media-title{border-radius:5px;}
  
/* CONTACT PAGE */
.contact-page-area{margin-top:50px;}
.contact-page-area .heading-title{margin-bottom:0;}
.contact-page-wrapper{margin-top:40px;}
.contact-page-left{padding:10px;}
.contact-page-details{background:var(--primary);padding:50px 30px;}
.contact-page-details h3{font-size:22px;line-height:28px;font-weight:700;color:#fff;margin-bottom:5px;}
.contact-page-details p{font-size:14px;line-height:22px;color:#fff;}
.contact-page-details span{font-size:16px;font-weight:600;text-transform:uppercase;color:#cacaca;}
.contact-page-details i{font-size:14px;color:var(--Seconday);margin-right:5px;}
.contact-page-details a{color:#fff;}
.contact-page-right{padding:10px;}
.contact-page-right h3{font-size:26px;font-weight:700;margin-bottom:20px;}
.contact-page-right p{margin-bottom:20px;}
.contact-page-area li{padding:0 30px 30px;margin-bottom:30px;}
.contact-page-area .address-info{text-align:center;}
.contact-page-area .address-info ul{list-style:none;}
.contact-page-area .address-info li i{color:var(--primary);font-size:50px;margin-bottom:20px;}
.contact-page-area .address-info p{font-size:16px;font-weight:600;}
.contact-page-area .address-info li p span{color:var(--primary);display:block;}
.contact-page-area .address-info li p a{color:var(--primary);}

/* test2 */
.contact-page-area .test2 .address-info li i{font-size:20px;margin-bottom:10px;}
.contact-page-area .test2 li p span{font-size:15px;color:#7b7b7b;}
.contact-page-area .test2 li p a{font-size:15px;color:#7b7b7b;}
.contact-page-area .test2 li p a:hover{color:var(--primary);}
.contact-page-area .test2 li{padding:0 10px 10px;margin-bottom:30px;}
.contact-page-area .test2 .col-lg-4{border-right:1px solid #e1e1e1;}
.contact-page-area .test2  .address-info ul{padding-left:0;}
.test2 .pc-contact-wrapper-input-fields input{border:1px solid #fff;background:#eee;height:45px;font-size:15px;}
.test2 .pc-contact-wrapper-input-fields textarea{border:1px solid #fff;background:#eee;font-size:15px;}
.test2{background:#fff;box-shadow:10px 35px 200px 10px #d8d8d8;padding:40px;}
.test2 .address-info{padding-top:35px;}
.test2 .contact-page-right h3{font-size:26px;font-weight:700;margin-bottom:10px;}
.test2 .contact-page-right p{margin-bottom:20px;}


/* Services page area */
.services-page-area{margin:50px 0;}
.services-page-area .heading-title{border-bottom:1px solid #e1e1e1;padding-bottom:30px;}
.services-page-wrapper{margin:10px 0 70px 0;}
.services-page-wrapper h3{font-size:30px;line-height:36px;font-weight:900;margin-bottom:20px;}
.services-page-details p{line-height:30px;margin-bottom:20px;}
.services-details .services-media img{border-radius:5px;}
.services-page-details ul li {font-size:16px;line-height:30px;margin-bottom:10px;}
.services-page-details ul li:last-child{margin-bottom:0;}

/* Client Page Area */
.Clients-page-area{margin:40px 0;}
.Clients-page-area .client-logo{border:1px solid #eee;}
.Clients-page-area .client-logo:hover{border:1px solid var(--primary);}
.Clients-page-area .col-lg-3{padding:20px;}

/* Footer Section */
.footer-area{background:#1F2A40;padding-top:50px;}
.footer-logo img{width:85%;margin-top:14px;}
.footer-info .DTopSocialIcon h3{font-size:24px;line-height:30px;font-weight:600;color:#404040;margin-bottom:10px;}
.footer-info ul{list-style:none;padding-left:0;}
.footer-info li{color:#404040;font-size:16px;line-height:26px;margin:10px 0;}
.footer-info li a{color:#404040;font-size:16px;line-height:26px;transition:all 0.3s ease;}
.footer-info ul li:hover a{color:var(--primary);}
.footer-info p{font-size:16px;color:#404040;line-height:26px;}
.footer-bottom{border-top:1px solid #8f8f8f;text-align:center;color:#404040;}
.copy-right-wrap{padding:20px 0;}
.copy-right-wrap p{font-size:14px;color:#404040;}
.copy-right-wrap a{color:#404040;}
  
  /* XL Device :1200px. */
@media (min-width:1200px) and (max-width:1500px){


}

/* LG Device :992px. */
@media (min-width:992px) and (max-width:1200px){
	.nav-item{
		margin:0px 6px;
	}
	.navbar-light .navbar-nav .nav-link{
		font-size:16px;
	}


}

 
/* MD Device :768px. */
@media (min-width:768px) and (max-width:991px){
	.testimonial-title h3{
		font-size:26px;
		line-height:32px;
		margin:6px 0 10px 0;
	}
	.testimonial-review p{
		font-size:16px;
		line-height:26px;
	}

	.testi-meta .detail-part .name{
		font-size:17px;
	}
	.testi-meta .detail-part .designation{
		font-size:13px;
	}
	.testimonial-text .testi-meta .img-part img{
		width:70px;
	}
	.about-text h3{
		font-size:26px;
		line-height:34px;
	}
	.about-text p{
		font-size:15px;
		line-height:28px;
		margin:12px 0 20px 0;
	}
	.headline-text-all {
		padding: 0 70px;
	}
	.headline-wrap .content-part .sl-title {
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 10px;
		text-transform: none;
	}
}

 
/* Extra small Device. */
@media (max-width:767px){
	.media-gallery-details-area	.column{
		flex:100%;
		max-width:100%;
	 }
	  .media-gallery-details-area .column img{
		filter:grayscale(0) brightness(1);
	 }
	.DTopSocialIcon{
		margin-bottom:5px;
	}
	.navbar-light .navbar-toggler{
		color:var(--primary);
		border-color:var(--primary);
	}
	.navbar{
		background-color:#fff;
		position:relative;
		top:0;
	}
	.navbar .navbar-brand img{
		width:190px;
	}
	.navbar-toggler{
		font-size:16px;
		padding:2px 8px;
	}
	.headline-wrap .content-part .sl-subtitle{
		font-size:22px;
		line-height:32px;
	}
	.headline-wrap .content-part .sl-title{
		font-size:38px;
		line-height:50px;
		margin-bottom:14px;
	}
	.headline-wrap {
		display: none;
	}
	.hero-wrapper .l-more{
		margin-top:5px;
	 }
	.hero-wrapper .l-more .hero-btn{
		padding:4px 12px;
		font-size:12px;
	}
	.hero-slider .priv_arrow{
		left:-11px;
	}
	.hero-slider .next_arrow{
		right:-11px;
	}
	.about-bg::after, .about-bg::after{
		left:0;
		width:100%;
	}
	.about-text{
		margin-bottom:30px;
	}
	.about-text p{
		margin:10px 0 20px 0;
	}
	.heading-title{
		margin-bottom:5px;
	}
	.testimonial-title{
		padding-top:20px;
	}
	.testimonial-title h3{
		font-size:26px;
		margin-bottom:10px;
	}
	.testimonial-review p{
		font-size:20px;
		line-height:32px;
	}
	.testimonial-slider ul.slick-dots{
		justify-content:center;
	}
	.count-list span{
		font-size:34px;
		line-height:44px;
	}
	.count-list h5{
		font-size:16px;
		line-height:26px;
	}
	.pc-contact-wrapper-input-fields{
		margin-bottom:24px;
	}
	.submit-btn{
		font-size:14px;
		padding:8px 20px;
	}
	.services-area{
		padding:30px 0;
	}
	.media-area{
		padding:30px 0;
	}
	.testi-meta .detail-part .name{
		font-size:17px;
	}
	.testi-meta .detail-part .designation{
		font-size:13px;
	}
	.contact-area{
		padding:30px 0;
	}
	.count-wrapper{
		display:block;
	}
	.count-list{
		margin-bottom:25px;
	}
	.count-list h5{
		margin:5px 0;
	}
	.footer-logo{
		text-align:center;
	}
	.footer-info{
		text-align:center;
		margin-top:0!important;
	}
	.fb-page{
		text-align:center;
	}
	.footer-end{
		text-align:center;
	}
	.MenuHeader-top{
		display:none;
	 }
	  .headline-wrap .content-part .sl-title > span{
		font-size:18px;
		line-height:24px;
	 }
	  .headline-wrap .content-part .sl-title{
		font-size:28px;
		line-height:32px;
		margin-bottom:0;
	}
	.about-text h3{
		font-size:24px;
		line-height:32px;
	}
	.ImgViewer{
		padding-top:52.25%;
	}
	.footer-logo img{
		width:90%;
	}
	.footer-area{
		padding-top:20px;
	}
	.l-more{
		margin-top:10px;
	 }
	.l-more .hero-btn{
		padding:8px 22px;
		font-size:15px;
	}
	.about-mv-text h3{
		font-size:32px;
	}
	.btn.btn-primary{
		margin-bottom:30px;
	 }
	  .aboutUs-page-area .features-text{
		margin-top:10px;
	 }
	  .heading-title h1{
		font-size:36px;
		line-height:40px;
	 }
	  .heading-title h2{
		font-size:36px;
		line-height:40px;
	 }
	  .contact-heading h3{
		font-size:26px;
	 }
	  .contact-heading h2{
		font-size:16px;
	 }
	  .pc-contact-wrapper-input-fields .btn{
		padding:9px 26px;
		font-size:14px;
	 }
	  .aboutUs-page-area{
		margin:40px 0;
	 }
	  .mission-vision-page-area{
		margin:40px 0;
	 }
	  .vision-content-box .about-mv-text{
		margin-top:20px;
		padding:0!important;
	 }
	  .our-team-page-area{
		margin:40px 0;
	 }
	  .contact-page-right{
		margin-top:20px;
	 }
	  .contact-page-area .test2 .col-lg-4{
		border-right:unset;
	 }
	  .contact-page-area{
		margin:40px 0;
	 }
	  .contact-page-wrapper{
		margin-top:10px;
	 }
	  .services-page-area{
		margin:40px 0;
	 }
	  .services-page-wrapper{
		margin:30px 0 70px 0;
	 }
	 .test2{
		padding: 0;
	 }

}
 
/* SM Small Device :550px. */
@media only screen and (min-width:576px) and (max-width:767px){


}



/* ===================== */
/* Header top bar background and text color */
/* ===================== */
.MenuHeader-top {
    background-color: #1F2A40 !important;
    color: #ffffff !important;
}
.MenuHeader-top a {
    color: #ffffff !important;
}


/*

/*
/* ===================== */
/* Main menu link default color (middle white section) */
/* ===================== */
/* .header-area .main-menu .navbar-nav li a {
    color: #002060 !important;
    font-weight: 500 !important;
    transition: color 0.3s ease, text-shadow 0.3s ease;
}

/*
/* ===================== */
/* Hover + Active link styles with Red & Glow effect */
/* ===================== */
/*.header-area .main-menu .navbar-nav li a:hover,       */
/*.header-area .main-menu .navbar-nav li a.active,      */
/*.header-area .main-menu .navbar-nav li.active a {
/*    color: #F20000 !important; /* Red from logo */        */
/*    font-weight: 600 !important;                                  */
/*    text-shadow: 0 0 5px rgba(242, 0, 0, 0.6); /* subtle red glow */
/*    transition: color 0.3s ease, text-shadow 0.3s ease;                */
/*}                                                                    */

*/


/* ===================== */
/* Main menu link hover color (matches "Eye" logo) */
/* ===================== */
.header-area .main-menu .navbar-nav li a {
    color: #002060 !important; /* Default dark blue */
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
}

/* Hover and Active link styles */
.header-area .main-menu .navbar-nav li a:hover,
.header-area .main-menu .navbar-nav li.active a,
.header-area .main-menu .navbar-nav li a.active {
    color: #F20000 !important; /* Logo red color */
    font-weight: 600;
    text-shadow: 0 0 5px rgba(242, 0, 0, 0.6); /* Red glow effect */
    transition: all 0.3s ease;
    text-decoration: none;
}




/* ===================== */
/* Footer Top Area - Match Header White Style */
/* ===================== */
.footer-area .footer-top {
    background-color: #ffffff !important;
    color: #1F2A40 !important;
    
    padding: 40px 0 !important;
    min-height: 80px;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;

    border-top: 1px solid #e0e0e0;
}

/* Footer Logo Image Styling (Optional) */
.footer-area .footer-top img {
    max-height: 60px;
    margin-bottom: 15px;
}

/* Footer Text: Address, Email, Phone */
.footer-area .footer-top p,
.footer-area .footer-top span,
.footer-area .footer-top strong {
    color: #1F2A40 !important;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 10px;
}

/* Footer Links */
.footer-area .footer-top a {
    color: #1F2A40 !important;
    text-decoration: none;
    transition: color 0.3s ease;
}

/* Hover: Add Red Glow */
.footer-area .footer-top a:hover {
    color: #F20000 !important;
    text-shadow: 0 0 3px rgba(242, 0, 0, 0.5);
}

/* ===================== */
/* Footer Copyright Area */
/* ===================== */
.footer-area .copyright-area {
    background-color: #1F2A40 !important;
    color: #ffffff !important;
    text-align: center;
    padding: 15px 0;
    font-size: 14px;
}

.footer-area .copyright-area a {
    color: #ffffff !important;
    text-decoration: underline;
}









/* ===================== */
/* Header top bar background and text color */
/* by Safwat */
/* ===================== */
:root {
    --primary: #365b64;
    --Seconday: #03A8A8;
    --text-color: #ffffff;
    --white-color: #ffffff;
    --black-color: #000000;
}

body {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    background: #fafafa;
    color: #404040;
    font-weight: normal;
    overflow-x: hidden;
}

.MenuHeader-top {
    background-color: #1F2A40 !important;
    color: #ffffff !important;
}
.MenuHeader-top a {
    color: #ffffff !important;
}

/* ===================== */
/* Main menu link color (middle white section) */
/* ===================== */
.header-area .main-menu .navbar-nav li a {
    color: #002060 !important; /* Default dark blue */
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
}

/* Hover and Active link styles */
.header-area .main-menu .navbar-nav li a:hover,
.header-area .main-menu .navbar-nav li.active a,
.header-area .main-menu .navbar-nav li a.active {
    color: #F20000 !important; /* Logo red color */
    font-weight: 600;
    text-shadow: 0 0 5px rgba(242, 0, 0, 0.6); /* Red glow effect */
    transition: all 0.3s ease;
    text-decoration: none;
}

/* Specific override for any inherited hover color (e.g., green/teal) */
.navbar-light .navbar-nav .nav-item a.nav-link:hover,
.navbar-light .navbar-nav .nav-item a.nav-link:focus {
    color: #F20000 !important;
    text-shadow: 0 0 4px rgba(242, 0, 0, 0.6);
    font-weight: 600;
}

/* ===================== */
/* Footer Top Area - Match Example Layout (Column Sections) */
/* ===================== */
.footer-area .footer-top {
    background-color: #ffffff !important;
    color: #000000 !important;
    padding: 60px 10% !important;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid #e0e0e0;
}

.footer-area .footer-top .footer-column {
    flex: 1;
    min-width: 200px;
    margin: 10px 20px;
}

.footer-area .footer-top h4,
.footer-area .footer-top strong {
    color: #000000 !important;
    font-size: 16px;
    margin-bottom: 12px;
    font-weight: 600;
}

.footer-area .footer-top a,
.footer-area .footer-top p,
.footer-area .footer-top span {
    color: #000000 !important;
    font-size: 15px;
    text-decoration: none;
    line-height: 1.8;
}

.footer-area .footer-top a:hover {
    color: #F20000 !important;
    text-shadow: 0 0 3px rgba(242, 0, 0, 0.4);
    transition: 0.3s ease;
}

/* Footer logo (optional) */
.footer-area .footer-top img {
    max-height: 60px;
    margin-bottom: 20px;
}

/* ===================== */
/* Footer Copyright Area */
/* ===================== */
.footer-area .copyright-area {
    background-color: #1F2A40 !important;
    color: #ffffff !important;
    text-align: center;
    padding: 15px 0;
    font-size: 14px;
}

.footer-area .copyright-area a {
    color: #ffffff !important;
    text-decoration: underline;
}


/* ===================== */
/* Custom Branding Colors for SyberEye */
/* ===================== */
.syber {
    color: #002060;
    font-weight: 700;
}
.eye {
    color: #F20000;
    font-weight: 600; /* slightly lighter than Syber */
}