@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Allura&display=swap');
 
  @import url('https://fonts.googleapis.com/css2?family=Allura&family=Open+Sans:wght@300;400;600;700&display=swap');
 
body {    font-family: "Noto Sans Display", sans-serif; padding:0px 0px; margin:0px 0px; color:#FFFFFF;}


header{ position:absolute; top:0; left:0; right:0; margin:0px auto; color:#000; z-index:20; padding-top:10px;background:#fff!important;}

header a{ color:#000;}

header a:hover{ color:#333;}
.name-u{ margin-left:20px;}
.logoC{ overflow:hidden;}
.logoC img{ max-width:100%;  max-width: 180px;}
.float-right{ float:right;}
.social{ float:left; margin-top:18px;}
.social h3{    font-family: 'Allura', cursive; float:left;}

.social-media { float:left; margin-left:20px; list-style:none; padding:0px 0px; margin:0px 0px 20px;}
.social-media li a{ color:#FFFFFF;}
.social-media li{ float:left; margin-right:10px; color:#FFFFFF;}

.top-contact{ float:left;  padding:20px 0px; padding-left:0px;}
.top-contact .fa{ margin-right:5px;}


.sliderC {background:#000;}
.sliderC  img{opacity:0.8;}



.banner-cap{ position:absolute; top:0; left:0; right:0; margin:0px auto; z-index:20; top:40%;}

.welcome{font-family: 'Open Sans', sans-serif; margin-top:100px;}
.welcome h1{ text-transform:uppercase; font-weight:lighter; font-size:30px; text-transform:uppercase; font-weight:lighter; letter-spacing:15px; line-height:20px;}
.welcome h1 span{ font-size:14px; font-weight:normal; letter-spacing:normal;}

.cap-right{ margin-top:0px;}

.cap-right h3{ font-size:72px; font-weight:900; margin:0px 0px 0px; line-height:70px;}

.cap-right h4 { font-weight:lighter; font-size:35px;margin:20px 0px 0px;}

.cap-right a{ border:2px solid #FFFFFF; padding:5px 0px 9px 20px; border-radius:20px; color:#FFFFFF;-webkit-transition: all .6s ease-in-out;}

.cap-right a:hover{-webkit-transition: all .6s ease-in-out; background:#444444;}

.cap-right img{ margin-left:10px; margin-right:2px;}


.aboutC{ position:relative; background:url(../images/bg2.jpg); background-size:100% auto; color:#000; overflow:hidden; padding:60px 0px;}

.about-content{ margin-right:40px;     margin-top: 13%;
}
.about-content h2{ font-size:24px; font-weight:lighter; color:#fff;
 display:table; padding:5px; background:rgba(0, 0, 0, 0.5);margin-bottom:20px;}

.about-content h3{ font-weight: 600;    font-weight: 300;

    font-size: 27px;;margin-bottom:20px;}
.about-content p {
    font-size: 16px;
    line-height: 32px;
}
.about-img{ overflow:hidden; background:url(../images/white.jpg) no-repeat right top; padding:30px 30px 0px 0px; max-width:80%; float:right;}


.about-img img{ width:100%;-webkit-box-shadow: 10px -2px 11px 0px rgba(50, 50, 50, 0.24);
-moz-box-shadow:    10px -2px 11px 0px rgba(50, 50, 50, 0.24);
box-shadow:         10px -2px 11px 0px rgba(50, 50, 50, 0.24);border:5px solid #fff;}


.social-Section{ padding:100px 0px; background:url(../images/social-bg.jpg); background-size:100% auto; overflow:hidden;}

.social-Section h3{ font-size:40px; margin:0px 0px 15px; color:#191919;}
.social-Section h4{ text-transform:uppercase; color:#FFFFFF; font-size:18px; text-transform:uppercase; margin:0px 0px 30px; padding:5px; background:#191919; display:table;}

.col-c5{ padding:0px 0px;flex: 0 0 16.666666666666664%;
max-width:16.666666666666664%;}
.sl-row{ margin:0px 0px;}

.icon-box{ width:100%; height:150px; line-height:150px; background:#1877f2; text-align:center;}

.icon-box .fa{ text-align:center; font-size:80px;line-height:150px}
.social-Section a{ color:#FFFFFF!important;-webkit-transition: all .6s ease-in-out;}
.social-Section a:hover{ opacity:0.8;-webkit-transition: all .6s ease-in-out;}

.fb .icon-box{ background:#4966ab;}
.twit .icon-box{ background:#37b1e2;}
.insta .icon-box{ background:#f1794a;}
.link .icon-box{ background:#0678b6;}
.yt .icon-box{ background:#e83f3a;}

.tele .icon-box{ background:#2aa0db;}


footer{ background:#3b3b3b; color:#FFFFFF; padding:40px 0px 0px; text-align:center;}

.footer-logo{ }


.center-txt{ display:table; margin:0px auto;}
footer h3{ float:left; display:table;}
footer h6{ float:left; display:table; margin-top:8px; margin-left:10px; font-size:18px;}
footer h3{font-family: 'Arsenal', sans-serif!important;}
.copy-right{ margin-top:10px; padding-top:20px; }

.ftr{ margin:0px auto; display:table;}

.carousel-item img{ width:100%;}

.lg-slider{}
.mob-slider{ display:none;}

.lg-img{}
.mb-img{ display:none;}

.whats-aap{ position:fixed; overflow:hidden; bottom:10px; right:30px; text-align:center;  }

.whats-aap-ic{width:100px; height:auto; margin:0px auto; text-align:center; display:table;}

.whats-aap img{ width:70%;  border-radius:50%;}

.whats-aap h5{ padding:8px 13px; border-radius:4px; background:#359704; color:#FFFFFF; font-weight:bold; margin:10px auto; margin-bottom:0px; font-size:11px;  display:table; text-align:center;}


footer a{ color:#FFFFFF;}
footer a:hover{ color:#FFFFFF;}
a:hover{ text-decoration:none;}
a:focus{ text-decoration:none;}

.social-icon{ overflow:hidden;}
.social-icon img{ width:100%}





.home-tree{ background:url(../images/mdl-sec.jpg);  background-size:cover; padding:100px 0px; tex-align:center;color:#fff;}

.home-tree h2{ text-align:center; text-transform:uppercase; margin:0px 0px 0px; padding-bottom:10px;  font-size:32px; color:#fff;}

.left-out{text-align:center;color:#fff;}
.left-out h3{ color:#ddd; font-size:25px; line-height:40px; margin-top:10px;}
.btn01{ color:#FFFFFF; background:#333; display:table; padding:15px 25px; text-transform:uppercase; 
font-weight:normal; border-radius:0px; display:table; margin-top:30px;}
.btn01:hover{color:#fff;}
.sample-tree{ overflow:hidden;}
.sample-tree img{ max-width:100%;}



#intro2 { background:url(../images/bg-2.jpg) no-repeat  no-repeat 100% 100%;margin: 0 auto; min-height:340px;
 width: 100%;   position: relative; height:100%;  padding: 110px 0; background-attachment:fixed;  margin-top:0px; color:#FFFFFF; background-size:100% auto;  color:#FFFFFF; 

}

.feature-sec{ color:#fff!important;}
.feature-sec h3{ text-transform:uppercase; margin:0px 0px 20px; padding-bottom:10px;}


.feature-txt h4{font-weight:bold;margin:0px 0px 10px; text-transform:uppercase; font-size:18px;}

.feature-sec p{ line-height:26px;}
.feature-sec  ul{ list-style:none; margin:30px 0px; padding:0px 0px;}

.feature-sec  ul li{ position:relative; padding-left:25px;}
.feature-sec  ul li:after{ position:absolute; font-family:fontawesome; content:"\f138"; left:0;}
.rt-feature{ padding-left:35px;}

.video-C{ padding:80px 0px;}
.video-C h2{ text-transform:uppercase; text-align:center; font-size:30px; text-transform:uppercase; color:#000000; font-weight:bold;letter-spacing:2px;}
.video-C h3{ text-transform:uppercase; text-align:center; font-size:30px; text-transform:uppercase; font-weight:bold;letter-spacing:2px; background:#451716; padding:10px; display:table; margin:10px auto; background:#f7f7f7; font-size:24px;color:#451716;}
.video-C h3 .fa{ margin-right:10px; font-weight:norma; color:#fff;}
.vid-Sec{ overflow:hidden; position:relative;}
.vid-Sec img{ width:100%; margin-top:20px;}
.video-border{ position:absolute; top:0; bottom:0; left:0; right:0; overflow:hidden; margin:0px auto; display:table; text-align:center;}
.video-border img{ text-align:center; max-width:90%; margin:0px auto; display:table; margin-top:70px;}


.play-btn{ background:rgba(255, 255, 255, 0.5); width:97px; height:97px; line-height:97px; border-radius:50%; border: 7px solid rgba(255, 255, 255, 0.1); position:absolute; top:40%; left:0; right:0; margin:0px auto; text-align:center; color:#fb4241;}

.play-btn:hover{color:#fb4241;}

.play-btn .fa{ font-size:25px;}
.modal-header{ background:#701817; color:#FFFFFF;}
.modal-footer{ padding:0px;}

.tree-Container{ min-height:700px; background:url(../images/tree-bg.jpg); background-size:cover;padding-top:130px;}
.memory{ position:relative;}
.memory:before{ background:url(../images/flower.png); background-size:100% 100%; position:absolute; top:2px; left:1px; content:''; width:120px; height:120px;}


.member-C{ overflow:hidden; width:130px; height:130px; border-radius:50%; border:3px solid #fff;-webkit-box-shadow: 0px 1px 11px 0px rgba(50, 50, 50, 0.25);
-moz-box-shadow:    0px 1px 11px 0px rgba(50, 50, 50, 0.25);
box-shadow:         0px 1px 11px 0px rgba(50, 50, 50, 0.25); margin-bottom:10px; }
.member-C img{ width:100%; border-radius:50%;}










.whs-india{ bottom:150px;}

.whs-can{ bottom:80px;}

.whats-aap h5{font-size:15px;   font-family: Arial, Helvetica, sans-serif;
color:#fff; background:#4abf22; padding:5px;  margin:5px auto;font-weight:bold; border-radius:4px; display:none;
}

.whats-flag{position:absolute; top:0;}

.whats-aap{}
.whats-flag img{width:25px;}
.whats-flag{width:25px; height:25px; background:#fff; line-height:15px; text-align:center;border-radius:50%;padding:3px;}

.whats-aap-ic img {
    width: 45%;
    border-radius: 50%;
}
.whats-flag img{width:100%; border-radius:50%;}



.whats-aap{right:0;}
.whats-flag {

    left: 11px;
}






.module{overflow:hidden; padding:60px 0px;background:#fff!important;} 



.module h2{    color: transparent !important;
    margin: 0px auto;
    text-align: center;
    -webkit-text-stroke-width: 1px;
    margin: 0px 0px 5px;
    -webkit-text-stroke-color: #333;
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 40px; text-transform:uppercase;}
    
    
.module-ic{overflow:hidden;width:100px; height:100px; padding:25px; background:#fff;border-radius:50%;margin:0px auto; display:table;margin-bottom:20px;border:5px solid #e0c905; display:none!important;}



.module h3{font-size:15px; text-align:center; color:#000;}

.module-ic img{width:100%;}

.module-bx{background:#ffe401;}


.module-bx {
    position: relative;
    overflow: hidden; padding:25px;
    border-radius: 5px;
  
    -webkit-box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
    -moz-box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
    box-shadow: 0 2px 2px 0 rgba(50,50,50,.15);
    transition: all .5s ease 0s;margin-bottom: 30px;
   min-height: 96px;
}

.module-bx:hover {
    box-shadow: 0 15px 33px rgba(0,0,0,.2);
    transform: translateY(-10px);
    transition: all .5s ease 0s
}



.module .col{float:left;  padding-right: 15px;width:20%;
    padding-left: 15px;}
    
    
    
    
    
    
    
    /* =========================
   GLOBAL IMPROVEMENTS
========================= */
body {
    background: #f8f9fb;
    color: #333;
}

h1, h2, h3, h4 {
    letter-spacing: 0.5px;
}

.container {
    max-width: 1200px;
}

/* =========================
   HEADER (GLASS EFFECT)
========================= */
header {
    background: rgba(255,255,255,0.85) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

/* =========================
   HERO SECTION
========================= */
.sliderC img {
    opacity: 0.65;
    filter: brightness(0.7);
}

.banner-cap {
    top: 45%;
    transform: translateY(-50%);
}

.cap-right h4 {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}

.cap-right p {
  font-size: 18px;
  margin-top: 10px;
  opacity: 0.9;
  color: #fff;
}

.cap-right a {
    margin-top: 20px;
    display: inline-block;
    background: linear-gradient(45deg, #0893d6, #97d913);
    border: none;
    padding: 10px 25px;
    border-radius: 30px;
    font-weight: 600;
}

.cap-right a:hover {
    background: linear-gradient(45deg, #097bb5, #7fb80f);
    transform: translateY(-2px);
}

/* =========================
   ABOUT SECTION
========================= */
.aboutC {
    padding: 80px 0;
}

.about-content h2 {
    background: none;
    color: #0893d6;
    font-weight: 600;
}

.about-content h3 {
    font-size: 30px;
    font-weight: 600;
}

.about-content p {
    color: #555;
}

.about-img img {
    border-radius: 12px;
    border: none;
}

/* =========================
   SECTION TITLE
========================= */
.module h2 {
    color: #111 !important;
    -webkit-text-stroke: 0px;
    font-size: 38px;
    font-weight: 700;
}

/* =========================
   MODULE CARDS (IMPORTANT)
========================= */
.module-bx {
    background: #fff;
    border-radius: 12px;
    padding: 30px 15px;
    text-align: center;
    border: 1px solid #eee;
    transition: all 0.3s ease;
}

.module-bx:hover {
    transform: translateY(-8px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    border-color: #97d913;
}

.module h3 {
    font-size: 16px;
    font-weight: 600;
    color: #222;
}

/* =========================
   FEATURE SECTION
========================= */
#intro2 {
    background: linear-gradient(135deg, #0893d6, #97d913);
    background-size: cover !important;
}

.mdl-content h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 500;
}

/* =========================
   VIDEO SECTION
========================= */
.video-C {
    background: #fff;
}

.video-C h2 {
    font-size: 32px;
    color: #222;
}

.video-C h3 {
    background: none;
    color: #0893d6;
}

.vid-Sec img {
    border-radius: 12px;
}

.play-btn {
    background: #fff;
    color: #0893d6;
    box-shadow: 0 5px 20px rgba(0,0,0,0.2);
}

.play-btn:hover {
    transform: scale(1.1);
}

/* =========================
   SOCIAL SECTION
========================= */
.social-Section {
    background: #111;
    padding: 80px 0;
}

.social-icon img {
    border-radius: 10px;
    transition: all 0.3s ease;
}

.social-icon img:hover {
    transform: scale(1.05);
}

/* =========================
   FOOTER
========================= */
footer {
    background: #111;
    padding: 50px 0;
}

.copy-right {
    border-top: 1px solid #444;
    padding-top: 15px;
}

/* =========================
   BUTTON IMPROVEMENT
========================= */
.btn-success {
    background: linear-gradient(45deg, #0893d6, #97d913);
    border: none;
}

.btn-success:hover {
    background: linear-gradient(45deg, #097bb5, #7fb80f);
}

/* =========================
   MODAL IMPROVEMENT
========================= */
.modal-content {
    border-radius: 10px;
}

.modal-header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* =========================
   MOBILE IMPROVEMENTS
========================= */
@media (max-width: 700px) {

    .cap-right h4 {
        font-size: 24px;
    }

    .module h2 {
        font-size: 26px;
    }

    .mdl-content h3 {
        font-size: 18px;
        line-height: 30px;
    }
}
    
    
    
    
    /* =========================
   GLOBAL (DARK THEME)
========================= */
body {
    background: #0e1117;
    color: #e6e6e6;
    font-family: "Noto Sans Display", sans-serif;
}

.container {
    max-width: 1200px;
}

h1, h2, h3, h4 {
    font-weight: 600;
    letter-spacing: 0.4px;
}

/* =========================
   HEADER (DARK GLASS)
========================= */
header {
    background:#fff !important;
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

header a {
    color: #000;
}

/* =========================
   HERO SECTION
========================= */
.sliderC img {
   
}

.banner-cap {
    top: 50%;
    transform: translateY(-50%);
}

.cap-right h4 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
}

.cap-right p {
    color: #aaa;
    font-size: 18px;
}

/* GLOW BUTTON */
.cap-right a {
    background: linear-gradient(90deg, #0893d6, #97d913);
    padding: 12px 30px;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    box-shadow: 0 0 15px rgba(8,147,214,0.5);
    transition: 0.3s;
}

.cap-right a:hover {
    box-shadow: 0 0 25px rgba(151,217,19,0.7);
    transform: translateY(-3px);
}

/* =========================
   ABOUT SECTION
========================= */
.aboutC {
    padding: 90px 0;
}

.about-content h2 {
    color: #97d913;
}

.about-content h3 {
    color: #000;
    font-size: 28px;
}

.about-content p {
    color: #aaa;
}

.about-img img {
    border-radius: 12px;
    box-shadow: 0 0 30px rgba(0,0,0,0.6);
}

/* =========================
   MID SECTION
========================= */
.home-tree {
    background: radial-gradient(circle at top, #1a1f2b, #0e1117);
    padding: 100px 0;
    text-align: center;
}

.home-tree h2 {
    color: #fff;
    font-size: 34px;
}

.left-out h3 {
    color: #bbb;
}

/* =========================
   MODULE (GLASS CARDS)
========================= */
.module {
    background: #0e1117;
    padding: 80px 0;
}

.module h2 {
    color: #fff !important;
    font-size: 36px;
    text-align: center;
}

/* GRID */
.module .col {
    width: 20%;
    float: left;
    padding: 12px;
}

/* GLASS CARD */
.module-bx {
    background: rgba(255,255,255,0.03);
    border-radius: 14px;
    padding: 30px 20px;
    text-align: center;
    border: 1px solid rgba(255,255,255,0.05);
    backdrop-filter: blur(10px);
    transition: 0.3s;
}

.module-bx:hover {
    border-color: #0893d6;
    box-shadow: 0 0 25px rgba(8,147,214,0.3);
    transform: translateY(-8px);
}

.module h3 {
    color: #ddd;
    font-size: 15px;
}

/* =========================
   FEATURE SECTION
========================= */
#intro2 {
    background: linear-gradient(90deg, #0893d6, #97d913) !important;
}

.mdl-content h3 {
    color: #fff;
    font-size: 26px;
}

/* =========================
   VIDEO SECTION
========================= */
.video-C {
    background: #11151c;
}

.video-C h2 {
    color: #fff;
}

.video-C h3 {
    color: #97d913;
}

.vid-Sec img {
    border-radius: 12px;
}

.play-btn {
    background: rgba(255,255,255,0.1);
    color: #fff;
    backdrop-filter: blur(5px);
}

.play-btn:hover {
    transform: scale(1.1);
}

/* =========================
   MODAL
========================= */
.modal-content {
    background: #1a1f2b;
    color: #fff;
    border-radius: 10px;
}

.modal-header {
    background: linear-gradient(90deg, #0893d6, #97d913);
}

/* =========================
   FORM
========================= */
.form-control {
    background: #0e1117;
    border: 1px solid #333;
    color: #fff;
}

.form-control:focus {
    border-color: #0893d6;
    box-shadow: 0 0 5px rgba(8,147,214,0.5);
}

/* =========================
   SOCIAL
========================= */
.social-Section {
    background: #0b0d12;
}

.social-icon img {
    border-radius: 10px;
    transition: 0.3s;
}

.social-icon img:hover {
    transform: scale(1.05);
}

/* =========================
   FOOTER
========================= */
footer {
    background: #000;
    color: #aaa;
}

/* =========================
   BUTTON
========================= */
.btn-success {
    background: linear-gradient(90deg, #0893d6, #97d913);
    border: none;
}

.btn-success:hover {
    box-shadow: 0 0 15px rgba(151,217,19,0.6);
}

/* =========================
   RESPONSIVE
========================= */
@media(max-width:992px){
    .module .col{ width:33.33%; }
}

@media(max-width:600px){
    .module .col{ width:100%; }

    .cap-right h4 {
        font-size: 24px;
    }

    .mdl-content h3 {
        font-size: 18px;
    }
}
    /* =========================
   MODULE SECTION (UPGRADED)
========================= */
.module {
    background: linear-gradient(180deg, #0e1117, #151a24);
    padding: 100px 0;
}

/* TITLE */
.module h2 {
    text-align: center;
    font-size: 38px;
    font-weight: 700;
    color: #000 !important;
    margin-bottom: 60px;
    letter-spacing: 1px;
}

/* GRID FIX */
.module .col {
    width: 20%;
    float: left;
    padding: 15px;
}

/* CARD */
.module-bx {
    background: rgba(255,255,255,0.05);
    border-radius: 18px;
    padding: 30px 20px;
    text-align: center;
    border: 1px solid rgba(255,255,255,0.08);
    backdrop-filter: blur(12px);
    transition: all 0.35s ease;
    position: relative;
    overflow: hidden;
}

/* TOP GLOW LINE */
.module-bx::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: linear-gradient(90deg, #0893d6, #97d913);
    opacity: 0.8;
}

/* HOVER EFFECT */
.module-bx:hover {
    transform: translateY(-12px) scale(1.02);
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
    border-color: rgba(8,147,214,0.5);
}

/* ICON STYLE */
.module-ic {
    display: block !important;
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    padding: 15px;
    background: rgba(8,147,214,0.1);
    border-radius: 50%;
    border: 1px solid rgba(8,147,214,0.3);
}

.module-ic img {
    width: 100%;
}

/* TITLE */
.module h3 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 24px;
}

/* SMALL HOVER GLOW */
.module-bx:hover .module-ic {
    background: rgba(151,217,19,0.15);
    border-color: #97d913;
}

/* =========================
   RESPONSIVE
========================= */
@media(max-width:992px){
    .module .col{ width:33.33%; }
}

@media(max-width:600px){
    .module .col{ width:100%; }
    .module h2 {
        font-size: 26px;
    }
}

/* CARD BACKGROUND - make it light */
.module-bx {
    background: #ffffff;
    border-radius: 18px;
    padding: 30px 20px;
    text-align: center;
    border: 1px solid #eaeaea;
    transition: all 0.3s ease;  min-height: 158px;
}

/* TEXT COLOR FIX */
.module h3 {
    color: #222;   /* DARK TEXT */
    font-size: 16px;
    font-weight: 600;
}

/* ICON BG (soft color) */
.module-ic {
    display: none!important;
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    padding: 15px;
    background: rgba(8,147,214,0.08);
    border-radius: 50%;
    border: 1px solid rgba(8,147,214,0.2);
}

/* HOVER EFFECT */
.module-bx:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
    border-color: #0893d6;
}

/* OPTIONAL: slight title color change on hover */
.module-bx:hover h3 {
    color: #0893d6;
}
    

	@media (min-width: 1300px) {
.container {max-width: 1290px;}


}


.mdl-content{text-align:center;}

.mdl-content h3 {
  font-size: 28px;
  font-weight: 200;
  text-transform: none;
  width: 67%;
  margin: 0px auto;
  line-height: 61px;
}

.modal label{color:#fff;}

 @media (min-width:901px) and (max-width: 1024px) {
 .banner-cap{ top:32%;}
 
 }

 @media (min-width:701px) and (max-width: 901px) {
 
 .social h3{ display:none;}
 
 .banner-cap{ top:30%;}
 .cap-right h3{ font-size:55px;}
 .cap-right h4{ margin-top:0px;}
  .cap-right p{ font-size:13px; line-height:20px;}
   .about-img { width:auto; max-width:300px;}
 .about-img img{ width:100%;}
 .about-content{ margin-top:50px;}
 .about-content h3{ font-size:30px;}
 
 .about-content{ margin:30px 0px;}
 .social-Section{ padding:30px 0px;}
 }

@media (max-width: 700px){



.cap-right h3{ font-size:40px; line-height:normal;}
.welcome{ display:none;}
.cap-right h4{ margin-top:0px;}

.lg-img{ display:none;}
.mb-img{ display:block;}

.lg-slider{display:none;}
.mob-slider{ display:block;}

.welcome{ margin-top:0px;}
.banner-cap{ top:25%;}

.social{ display:none;}
.top-contact{ padding:0px 0px;}

.about-img{ position:static; overflow:hidden; margin:15px 0px;}
.about-img img{ width:100%;}
.about-img{ max-width:100%; }
.about-content{ margin:30px 0px}


.social-Section{ padding:60px 0px;}
.social-Section h3{ font-size:30px; margin-bottom:5px;}

.col-c5 {
    padding: 0px 0px;
    flex: 0 0 50%;
    max-width: 50%!important;}
	
.icon-box{ height:80px; line-height:80px;}	
.icon-box .fa{ font-size:50px;}

.icon-box .fa{ line-height:80px;}
.footer-logo{ float:none; margin-bottom:20px;}

.ord-2{ order:2;}
.ord-1{ order:1;}
.copy-right{ margin-top:15px;}

header .row{ margin:0px -4px;}
header .col-lg-4{ padding:0px 4px;}
header .col-lg-8{ padding:0px 4px;}
.top-contact{ border:none;}
.logoC{ margin-top:0px;}
header h6{ font-size:13px; margin-top:5px;}
.about-content h3{ font-size:30px;}
.icon-box .fa{ font-size:30px;}

.banner-cap{ top:auto; bottom:10%;}
p{ text-align:justify;}

.whats-aap{ right:10;}
.whats-aap-ic{width:50px!important;}

.whats-aap img{ width:50px;}

.c1{ display:none;}

.aboutC{ padding:25px 0px;}
.rt-feature {
  padding-left:0px;


}




.sample-tree{ margin-top:50px}

#intro2{ padding:40px 0px}

.video-C {
  padding: 20px 0px;
}

.play-btn{ height:50px; width:50px; line-height:42px; text-align:center;}
.play-btn .fa{ font-size:20px;}
.video-C h2 { font-size:22px;}

.video-C h3{ font-size:14px;}
.video-border img{ margin-top:33px;}

.ftr span{ display:block;}
.ftr b{ display:none;}
.ftr {
  margin: 0px auto;
  display: block;
}

.ftr span {
  display: block;
  text-align: left; margin-bottom:10px;
}

footer{ padding:25px 0px 0px; }

.whats-flag img{    width: 19px;
}

.whats-aap{

    padding-left: 20px; z-index:200;
}
.whats-flag {
    left: 3px;



}

}














 @media (min-width:375px) and (max-width: 680px) {
 
 
 .welcome h1{ letter-spacing:normal;}
 
.col-sm-7 {
    flex: 0 0 100%!important;
    max-width: 100%!important;
}

.col-c5 {
    padding: 0px 0px;
    flex: 0 0 33.33%;
    max-width: 33.33%!important;}

 }
 
 
 
@media (max-width: 700px){
 
     .about-content h3 {
        font-size: 21px;
    }
    
 .home-tree h2 {font-size:20px;}
   
    
    .module .col{width:100%}
    .module-bx{padding:10px; margin-bottom:5px;}
    
    
    
   #intro2 {

    background-size: 400% !important;} 
    
    .left-out h3 {
    font-size: 16px;
    line-height: 30px;
    margin-top: 50px;    margin-top: 0;

}
   .module h2 {font-size:35px; margin:10px auto;}
 .module {
    overflow: hidden;
    padding: 40px 0px;
    background: #fff !important;
}







header{padding-top:5px!important;}

.logoC img {
  max-width: 100%;
    max-width: 100px;
  margin-bottom: 9px;
}




.mdl-content h3 {
  font-size: 25px; color:#fff!important;
  font-weight: 200;
  text-transform: none;
  width: 100%;
  margin: 0px auto;
  line-height: 34px;
}

#intro2{ min-height:100px; padding:70px 0px;}


 .module-bx {
    padding: 38px;
    margin-bottom: 5px; min-height:80px;
  }



}



/*new*/