@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,900");
body {
    color: #888;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.8;
    overflow-x: hidden; 
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}

button {
    cursor: pointer;
}

button:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    line-height: 1.25;
    font-weight: 700;
}

h1,
.h1 {
    font-size: 35px;
}

@media (min-width: 992px) {
   
}

h2,
.h2 {
    font-size: 26px;
}
.button {
    border: 0;
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border-radius: 30px;
    padding: 6px 30px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.button:hover {
    background-color: #1e1859;
    border-color: #1e1859;
    color: #fff;
}



@media (max-width: 575px) {
    .top_menu {
        display: none;
    }
     .hero_text h1 {
    font-size: 24px;
    text-align: center;
   }
}

@media (max-width: 480px) {
   
   
}



/*-----------new menu new 2026--------------------------*/

.bg_logo{
    padding: 12px;
    border-radius: 10px;  
}

.header_area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: all 0.4s ease;
    padding: 0;
    background: linear-gradient(90deg, #ffffff, #ffffff96, #eef2f7);
}

.header_area.sticky{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    animation: slideDown 0.4s ease;
}

.header_area.sticky .custom-navbar{
    padding: 10px 0;
}

.sticky .navbar-nav .nav-link {
    color: #000000;
    font-size: 16px;
    font-weight: 500;
    margin: 0 10px;
    transition: 0.3s;
    position: relative;
}
.fixed_mheader .navbar-nav .nav-link {
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    margin: 0 14px;
    transition: 0.3s;
    position: relative;
}
.header_area .menu_nav {
    width: 100%;
    justify-content: flex-end;
}


@keyframes slideDown{
    from{
        transform: translateY(-100%);
        opacity: 0;
    }
    to{
        transform: translateY(0);
        opacity: 1;
    }
}

/* =========================
    NAVBAR
========================== */

.fixed_mheader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    transition: all 0.3s ease;
}



.let_text p{
    color: #fff;
    font-size: 16px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: 400;  
}

.sm_box{
  background-color: #000;
  padding: 6px 55px;  
}

.bg_blue{
    background-color: #000;
}

.head_smedia{
  padding: 0px;  
}
.head_smedia ul{
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 0;
    align-items: center;
    justify-content: flex-end;
}
.head_smedia ul li{
    display: inline-block;
    margin-left: 0px;
}
.head_smedia li::after {
    content: "|";
    color: #a5a5a5;
    margin: 0 10px;
}

.head_smedia li:last-child::after {
    content: "";
    display: none;
}
.head_smedia ul li img{
    width: 32px;
}




.custom-navbar{
  padding:7px 0px;
  position:relative;
  z-index:999;
}

.navbar-brand img{
  height:38px;
}

.navbar-nav .nav-link{
  color: #000;
    font-size: 16px;
    font-weight: 500;
    margin: 0 10px;
    transition: 0.3s;
    position: relative;
}

/* Hover Effect */
.navbar-nav .nav-link:hover{
  color:#1c2fff ;
}

/* =========================
    ACTIVE MENU
========================== */

.navbar-nav .nav-item.active .nav-link{
  color:#1c2fff;
  font-weight:600;
}

/* Active Bottom Border */
/*.navbar-nav .nav-item.active .nav-link::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-8px;
  width:100%;
  height:0px;
  background:#4b7bec;
  border-radius:10px;
}*/

/* =========================
    MEGA MENU
========================== */

.cus_mhead{
   border: none;
   padding: 10px 20px;
   position: absolute; 
   z-index: 100;
   width: 100%; 
}


.glow-btn{
    position:relative;
    padding:10px 28px;
    font-size:16px;
    color:#fff;
    background: linear-gradient(90deg, #f5c0c2, #0d6efd);
    border:none;
    border-radius:40px;
    cursor:pointer;
    overflow:hidden;
    z-index:1;
}

/* Animated Rounded Border */
.glow-btn::before{
    content:"";
    position:absolute;
    inset:0;
    padding:6px;
    border-radius:40px;
    background: linear-gradient(46deg, #153268, #f57474, #153268);
    background-size:300% 300%;
    animation:borderGlow 4s linear infinite;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
            mask-composite:exclude;

    pointer-events:none;
}

/* Purple Glow Effect */
.glow-btn::after{
    content:"";
    position:absolute;
    width:120px;
    height:120px;
    background:#6a00ff;
    filter:blur(40px);
    left:-20px;
    top:-35px;
    opacity:0.7;
    z-index:-1;
    animation:moveGlow 4s ease-in-out infinite;
}

@keyframes borderGlow{
    0%{
        background-position:0% 50%;
    }
    100%{
        background-position:300% 50%;
    }
}

@keyframes moveGlow{
    0%{
        transform:translateX(0);
    }
    50%{
        transform:translateX(40px);
    }
    100%{
        transform:translateX(0);
    }
}

.mega-dropdown{
  position:static;
}

.mega-menu{
  width:100%;
  left:0;
  right:0;
  top:100%;
  border:none;
  border-radius:8px;
  padding:20px 20px;
  padding-bottom: 0px;
  background:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,0.12);
  display:block;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:all 0.3s ease;
}

/* Hover Effect */
.mega-dropdown:hover .mega-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.mega-menu h6{
  font-size:17px;
  font-weight:600;
  margin-bottom:10px;
  color:#000;
}

.mega-menu a{
  display:block;
  text-decoration:none;
  color:#222;
  font-size:15px;
  padding:4px 0;
  transition:0.3s;
}

.mega-menu a:hover{
  color:#000;
  padding-left:5px;
}

/* =========================
    BUTTON
========================== */

.consult-btn{
  border:1px solid #ddd;
  padding:10px 24px;
  border-radius:40px;
  text-decoration:none;
  color:#3d3dbd;
  font-weight:500;
  transition:0.3s;
  white-space:nowrap;
}

.consult-btn:hover{
  background:#4b7bec;
  color:#fff;
  text-decoration:none;
}

/* =========================
    MOBILE RESPONSIVE
========================== */

@media(max-width:991px){

.sm_box {
    background-color: #000;
    padding: 6px 28px;
}    
.navbar-nav .nav-link {
    color: #222 !important;
    font-size: 15px;
    font-weight: 500;
    margin: 0 14px;
    transition: 0.3s;
    position: relative;
}
.md_none{
   display: none;
}    
.navbar-brand img {
    height: 30px;
}  

.custom-navbar{
    padding:10px 10px;
  }

  .navbar-nav{
    padding-top:20px;
  }

  .navbar-nav .nav-link{
    margin:0px 0;
  }

  .mega-menu{
    position:relative !important;
    width:100%;
    padding:20px;
    margin-top:0px;
    border-radius:12px;
    box-shadow:none;

    opacity:1;
    visibility:visible;
    transform:none;
    display:none;
  }

  .mega-dropdown:hover .mega-menu{
    display:block;
    height: 200px;
    overflow-x: auto;
  }

  .consult-btn{
    margin-top:15px;
    display:inline-block;
  }

  /* Mobile Active Border */
  .navbar-nav .nav-item.active .nav-link::after{
    bottom:0;
    height:0px;
  }
}

/*-----------new menu--------------------------*/

.scroll-box {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.scroll-box::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
}

.stack_area{
  padding: 20px;  
}
.tech-stack-section{
    padding:80px 0;
}

.section-title{
    text-align:center;
    font-size:52px;
    font-weight:700;
    color:#08153a;
    margin-bottom:50px;
}

/* Tabs */
.custom-tabs{
    border-bottom:1px solid #ddd;
    justify-content:space-between;
    margin-bottom:15px;
}

.custom-tabs .nav-link{
    border:none;
    color:#111;
    font-size:17px;
    font-weight:500;
    padding:15px 10px;
    position:relative;
    background:transparent;
}

.custom-tabs .nav-link.active{
    color:#111;
    background:transparent;
}


/* Left Content */
.tech-content-box{
    border-bottom: solid 3px #3d5afe;
    border-radius: 8px;
    padding: 45px;
    height: 100%;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.tech-content-box h2{
    font-size:22px;
    font-weight:700;
    color:#08153a;
    margin-bottom:10px;
}

.tech-content-box p{
   font-size: 17px;
    line-height: 28px;
    color: #2f2f2f;
}
.tech-content-box h4{
   font-size: 20px;
    line-height: 28px;
    color: #2f2f2f;
}

.tech-content-box ul{
   padding-left: 17px;
    margin-top: 9px;
    list-style: circle;
}

.tech-content-box ul li{
    font-size: 17px;
    color: #000000;
    margin-bottom: 4px;
    font-weight: 400;
}

/* Logo Grid */
.logo-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:45px 20px;
    text-align:center;
}

.logo-item img{
    width:70px;
    height:70px;
    object-fit:contain;
    margin-bottom:12px;
}

.logo-item h5{
    font-size:20px;
    font-weight:500;
    margin:0;
}

/* Responsive */
@media(max-width:991px){

    .section-title{
        font-size:38px;
    }

    .logo-grid{
        grid-template-columns:repeat(3,1fr);
        margin-top:40px;
    }

    .tech-content-box h2{
        font-size:36px;
    }

}

@media(max-width:767px){

    .custom-tabs{
        overflow-x:auto;
        flex-wrap:nowrap;
    }

    .custom-tabs .nav-link{
        white-space:nowrap;
        font-size:15px;
    }

    .logo-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .tech-content-box{
        padding:30px;
    }

    .tech-content-box h2{
       font-size: 18px;
       margin-bottom: 5px;
    }

    .tech-content-box p {
       font-size: 15px;
       line-height: 26px;
       color: #2f2f2f;
    }
    .tech-content-box ul li {
      font-size: 15px;
      color: #444;
       margin-bottom: 4px; 
   }
   .tech-content-box h4 {
    font-size: 16px;
    line-height: 28px;
    color: #2f2f2f;
   }

}

/*-------------------------------------*/

.hero_section{
    position:relative;
    width:100%;
    height:100vh;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
}

/* Background Video */
.hero_section video{
    position:absolute;
    top:50%;
    left:50%;
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    transform:translate(-50%, -50%);
    object-fit:cover;
    z-index:-2;
}

/* Dark Overlay */
.hero_section::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,0.5);
    z-index:-1;
}

/* Content */
.hero_content{
    z-index:2;
    max-width:700px;
    padding:20px;
}

.hero_content h1{
    font-size:60px;
    margin-bottom:20px;
}

.hero_content p{
    font-size:18px;
    line-height:1.7;
    margin-bottom:30px;
}

.hero_btn{
    display:inline-block;
    padding:10px 35px;
    background: linear-gradient(90deg, #4f46e5, #ed3a4f);
    color:#fff;
    text-decoration:none;
    border-radius:50px;
    font-weight:600;
    transition:0.3s;
}

.hero_btn:hover{
    background: linear-gradient(90deg, #ed3a4f, #4f46e5);
    color:#fff;
}

@media(max-width:768px){
    .hero_section {
    position: relative;
    width: 100%;
    height: 96vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}
.hero_content h1{
    font-size:40px;
}

.hero_content p{
    font-size:16px;
}
}




/*--------------------------------------------*/





.d_none{
    display: none;
}
.gap_01 {
    padding: 5rem 3rem 5rem !important;
}
.content {
    padding: 3rem 3rem 0rem !important;
}
.content_2 {
    padding: 3rem 3rem 2rem !important;
}
.content_3 {
    padding: 0rem 3rem 2rem !important;
}
.content_4 {
    padding: 0rem 3rem 6rem !important;
}
.content_5 {
    padding: 3rem 3rem 3rem !important;
}

/*----------------banner-area-------------------------------------------*/
.bg_gray {
    background-color: #f8f8f8;
}
.bg_01 {
    background-color: #f7f7f7;
}
.bg_02 {
    background-color: #162360;
}
.bg_03 {
    background: linear-gradient(180deg, #F2F2F2 0%, rgba(242, 242, 242, 0) 100%);
}

.padd0{
    padding:0px !important;
}
.logo_head{
    padding:5px;
}
.main_menu {
  padding: 4px 50px;
}
.logo_head img{
   width: 214px;
}
.navbar_fixed .logo_head img{
   width: 154px;
}
.hero_text{
  padding: 15rem 3rem 16rem 4rem;
  margin-top: 0rem;
  height: 94vh
}
.hero_text h1{
   font-size: 42px;
    text-align: center;
    color: #fff;
    margin-bottom: 12px;
}
.hero_text h1 a{
    color: #fff;  
}
.hero_text h2{
   font-size: 27px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    margin-bottom: 35px;
}

.word {
  perspective: 1000px; 
  color: #00c3da;
  font-weight: 900;
  line-height: 186px;
  font-size: 90px;
  font-weight: 900;
}

.word span {
  cursor: pointer;
  display: inline-block;
  font-size: 160px;
  user-select: none;
  line-height: .8;
}

.word span:nth-child(1).active {
  animation: balance 1.5s ease-out;
  transform-origin: bottom left;
}

@keyframes balance {
  0%, 100% {
    transform: rotate(0deg);
  }
  
  30%, 60% {
    transform: rotate(-45deg);
  }
}

.word span:nth-child(2).active {
  animation: shrinkjump 1s ease-in-out;
  transform-origin: bottom center;
}

@keyframes shrinkjump {
  10%, 35% {
    transform: scale(2, .2) translate(0, 0);
  }
  
  45%, 50% {
    transform: scale(1) translate(0, -150px);
  }
  
  80% {
    transform: scale(1) translate(0, 0);
  }
}

.word span:nth-child(3).active {
  animation: falling 2s ease-out;
  transform-origin: bottom center;
}

@keyframes falling {
  12% {
    transform: rotateX(240deg);
  }
  
  24% {
    transform: rotateX(150deg);
  }
  
  36% {
    transform: rotateX(200deg);
  }
  
  48% {
    transform: rotateX(175deg);
  }
  
  60%, 85% {
    transform: rotateX(180deg);
  }
  
  100% {
    transform: rotateX(0deg);
  }
}

.word span:nth-child(4).active {
  animation: rotate 1s ease-out;
}

@keyframes rotate {
  20%, 80% {
    transform: rotateY(180deg);
  }
  
  100% {
    transform: rotateY(360deg);
  }
}

.word span:nth-child(5).active {
  animation: toplong 1.5s linear;
}

@keyframes toplong {
  10%, 40% {
    transform: translateY(-48vh) scaleY(1);
  }
  
  90% {
    transform: translateY(-48vh) scaleY(4);
  }
}

.word span:nth-child(6).active {
  animation: toplong 1.5s linear;
}

@keyframes toplong {
  10%, 40% {
    transform: translateY(-48vh) scaleY(1);
  }
  
  90% {
    transform: translateY(-48vh) scaleY(4);
  }
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}


.social-icons {
  display: flex;
  justify-content: center;
  gap: 15px;
  margin-top: 26px;
}

.social-icons .icon {
  width: 45px;
  height: 45px;
  background: #222;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  text-decoration: none;
  font-size: 18px;
  transition: all 0.3s ease;
}

/* Hover Effects */
.social-icons .icon:hover {
  transform: translateY(-5px);
}

/* Brand Colors */
.facebook:hover {
  background: #1877f2;
}

.twitter:hover {
  background: #1da1f2;
}

.instagram:hover {
  background: linear-gradient(45deg, #feda75, #d62976, #962fbf);
}

.linkedin:hover {
  background: #0077b5;
}

.youtube:hover {
  background: #ff0000;
}

/*-----------courses---------------------------------*/

.banner_slide{
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.radius_4{
  border-radius: 4px;
}

.aboutall_text ul{
   margin-left: 28px;  
}
.aboutall_text ul li{
  font-size: 17px;
  list-style: circle;  
  margin-bottom: 8px;
  color: #000;
  font-weight: 400;
}
.aboutall_text p{
   font-size: 17px;
   color: #000;
   margin-bottom: 10px;
}
.aboutall_text h2{
   color: #000;
   font-size: 26px;
}

.mt_30{
  margin-top: 30px;
}
.mt_20{
  margin-top: 20px;
}

.about_main_h{}
.about_main_h h2{
    font-size: 26px;
    color: #000;
    margin-bottom: 10px;
}
.about_main_h p{
    font-size: 17px;
    color: #000;
}

.heading_text{
  padding: 0px;
  font-size: 22px;  
  position: relative;
  margin-bottom: 30px;
  padding-left: 15px;
}
.heading_text::after {
    background: #3d5afe none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 15px;
    position: absolute;
    width: 54px;
}
.who_text h1{
  font-size:28px;
  color: #000;
  margin-bottom: 4px;
}

.heading_text h1{
  font-size: 28px;
  color: #000000;
  margin-bottom: 4px;  
}
.heading_text h2{
  font-size: 24px;
  color: #000;
  line-height: 34px; 
}
.heading_text h3{
  font-size:18px;
  color: #000; 
  font-weight: 400; 
}
.heading_text p{
  font-size: 20px;
  color: #000; 
  margin-bottom: 0px; 
}
.heading_text_2 h2{
  font-size: 28px;
    text-align: left;
    color: #fff;
    margin-bottom:0px;  
}
.heading_text_2 p{
  font-size: 20px;
  color: #ccc; 
  margin-bottom: 30px; 
}
.heading_text_2 a {
    background-color: #fff;
    padding: 5px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #000;
    display: inline-block;
    transition-duration: 0.4s;
    font-size: 18px;
}
.heading_text_2 a:hover{
    background-color: #f4f6ff;
    padding: 5px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #000;
    display: inline-block;
    font-size: 18px;
}

#cards {
    padding-bottom: calc(var(--numcards) * var(--card-top-offset));
    margin-bottom: var(--card-margin); 
}

#card_1 {
    --index: 1;
}

#card_2 {
    --index: 2;
}

#card_3 {
    --index: 3;
}

#card_4 {
    --index: 4;
}
#card_4 {
    --index: 5;
}

.card {
    position: sticky;
    top: 0;
    padding-top: calc(var(--index) * var(--card-top-offset));
}

@supports (animation-timeline: works) {

    @scroll-timeline cards-element-scrolls-in-body {
        source: selector(body);
        scroll-offsets:
           
            selector(#cards) start 1,
           
            selector(#cards) start 0
        ;
        start: selector(#cards) start 1; 
        end: selector(#cards) start 0; 
        time-range: 4s;
    }

    .card {
        --index0: calc(var(--index) - 1); /* 0-based index */
        --reverse-index: calc(var(--numcards) - var(--index0)); /* reverse index */
        --reverse-index0: calc(var(--reverse-index) - 1); /* 0-based reverse index */
    }
    
    .card__content {
        transform-origin: 50% 0%;
        will-change: transform;

        --duration: calc(var(--reverse-index0) * 1s);
        --delay: calc(var(--index0) * 1s);

        animation: var(--duration) linear scale var(--delay) forwards;
        animation-timeline: cards-element-scrolls-in-body;
    }

    @keyframes scale {
        to {
            transform:
                scale(calc(
                    1.1
                    -
                    calc(0.1 * var(--reverse-index))
                ));
        }
    }
}






#cards {
    list-style: none;
    
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(var(--numcards), var(--card-height));
    gap: var(--card-margin);
}

.card {
    outline: var(--outline-width) solid hotpink;
    border: none;
    margin-bottom: 0px;
}

.course_details{
   padding: 40px 90px;  
}
.course_details h1{
    font-size: 34px;
    color: #000;
    font-weight: 700;

}
.course_details p{
    font-size: 20px;
    color: #343434;
    line-height: 30px;
    margin-bottom: 62px;
}
.course_details_2{
   padding: 20px 20px;  
}
.course_details_2 h1{
    font-size: 24px;
    color: #000;
    font-weight: 700;
}
.course_details_2 p{
    font-size: 17px;
    color: #343434;
    line-height: 24px;
    margin-bottom: 20px;
}

.time_text{
    padding: 8px 0px;
}
.time_text h4{
    color: #444;
    font-size: 16px;
    margin-bottom: 0px;
}

.time_text a{
    background-color: #01007f;
    padding: 5px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    margin-top: 20px;
    display: inline-block;
    transition-duration: 0.4s;  
    font-size: 20px;
}
.time_text a:hover{
    background-color: #0605c6;
    padding: 5px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    margin-top: 20px;
    display: inline-block;
    font-size: 20px;
}
.time_text_2{
    padding: 4px 0px;
}
.time_text_2 h4{
    color: #444;
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 500;
}
.time_text_2 a{
    background-color: #01007f;
    padding: 5px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    margin-top: 20px;
    display: inline-block;
    transition-duration: 0.4s;  
    font-size: 17px;
}
.time_text_2 a:hover{
    background-color: #0605c6;
    padding: 5px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    margin-top: 20px;
    display: inline-block;
    font-size: 17px;
}


/*----------------team-------------------*/


.team_gap{
    padding:0px 10px;
}
.team_main{
    background-color: #fff;
    padding: 0px;
}
.team_main img{ 
}
.team_main h4{
    font-size: 16px;
    text-align: center;
    padding: 10px 20px 0px;
    margin-bottom: 0px;
}
.team_main p{
   font-size: 16px;
   text-align: center;
   padding: 0px 20px 15px;
   color: #414141;
   font-weight: 400;
}

/*--------------faqs----------------------------------*/

.industry-section{
      background:#fff;
      border-radius:30px;
      overflow:hidden;
      box-shadow:0 15px 40px rgba(0,0,0,0.08);
      position:relative;
    }

    .left-content{
      padding:47px 55px;
      position:relative;
      z-index:2;
      background:#fff;
      height:100%;
    }

    .sub-title{
      color:#747474;
      font-size:14px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:1px;
      margin-bottom:18px;
      position:relative;
      display:inline-block;
    }

    .sub-title::after{
      content:'';
      width:55px;
      height:3px;
      background:#3d5afe;
      position:absolute;
      left:0;
      bottom:-10px;
      border-radius:20px;
    }

    .main-title{
      font-size:36px;
      font-weight:800;
      line-height:1.2;
      color:#0f172a;
      margin-bottom:20px;
    }

    .main-title span{
      color:#3d5afe;
    }

    .description{
      color:#64748b;
      font-size:17px;
      line-height:1.8;
      margin-bottom:40px;
    }

    .industry-list{
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:22px 35px;
    }

    .industry-item{
      display:flex;
      align-items:center;
      gap:18px;
      padding:18px;
      border-radius:18px;
      transition:0.4s ease;
      background:#f8f8f8;
      border:1px solid transparent;
      cursor:pointer;
    }

    .industry-item:hover{
      transform:translateY(-6px);
      background:#fff;
      border-color:#dbeafe;
      box-shadow:0 10px 25px rgba(13,110,253,0.12);
    }

    .industry-icon{
      min-width:14px;
      height:14px;
      border-radius:12px;
      display:flex;
      align-items:center;
      justify-content:center;
      background: linear-gradient(135deg, #b98eea, #3760f9);
      color:#fff;
    }

    .industry-text h5{
      font-size:19px;
      font-weight:700;
      color:#0f172a;
      margin-bottom:6px;
    }

    .industry-text p{
      margin:0;
      color:#64748b;
      font-size:14px;
    }

    .right-image{
      position:relative;
      height:100%;
      min-height:700px;
      overflow:hidden;
    }

    .right-image img{
      width:100%;
      height:100%;
      object-fit:cover;
      transition:0.5s ease;
    }

    .right-image:hover img{
      transform:scale(1.05);
    }

    .shape{
      position:absolute;
      left:-120px;
      top:0;
      width:250px;
      height:100%;
      background:#fff;
      border-radius:0 50% 50% 0;
      z-index:1;
      border-right:8px solid #01007f;
    }

    .floating-card{
      position:absolute;
      bottom:40px;
      left:40px;
      background:#fff;
      padding:22px;
      border-radius:20px;
      box-shadow:0 15px 35px rgba(0,0,0,0.15);
      z-index:2;
      max-width:280px;
    }

    .floating-card h4{
      font-size:22px;
      font-weight:800;
      color:#3d5afe;
      margin-bottom:10px;
    }

    .floating-card p{
      color:#64748b;
      margin:0;
      font-size:14px;
      line-height:1.7;
    }

    @media(max-width:991px){

      .left-content{
        padding:45px 30px;
      }

      .main-title{
        font-size:38px;
      }

      .industry-list{
        grid-template-columns:1fr;
      }

      .shape{
        display:none;
      }

      .right-image{
        min-height:450px;
      }

      .floating-card{
        left:20px;
        right:20px;
        bottom:20px;
        max-width:100%;
      }
    }

    @media(max-width:576px){

      .main-title{
        font-size:20px;
      }

      .description{
        font-size:15px;
      }

      .industry-item{
        padding:15px;
      }

      .industry-icon{
        width:12px;
        height:12px;
        border-radius: 6px;
      }
    }


/*--------------------------------------------------------*/


.widget-content ul#accordion {
  margin: 0;
  padding: 0;
  list-style: none;
}
.widget-content ul#accordion li {
  display: block;
  margin: 0 0 25px;
}
.widget-content ul#accordion li span {
  position: absolute;
  right: 14px;
  font-size: 25px;
}
.widget-content ul#accordion li h4 {
  font-size: 17px;
  color: #000;
  font-weight: 500;
  letter-spacing: 0.5px;
  border-bottom: 1px solid #ddd;
  padding: 0 0 10px;
}
 .widget-content ul#accordion li h4:after {
}
 .widget-content ul#accordion li ul {
  padding: 0;
  margin: 0;
  display: none;
}
 .widget-content ul#accordion li ul li {
  padding: 0 0 5px;
  margin:0;
}
.widget-content ul#accordion li ul li p {
  color: #000;
  text-transform: none;
  font-size: 16px;
  font-weight: 300;
  transition: 0.3s;
}
.widget-content ul#accordion li ul li a:hover {
  text-decoration: none;
  color: #000000;
}




/*--------------courses----------------------------------*/

.top-gap{
  margin-top: 60px;  
}

.portfolio-menu{
    text-align:center;
}
.portfolio-menu ul li{
    border: solid 1px #d3d3d3;
    font-size: 16px;
    color: #000;
    display:inline-block;
    margin:0 6px;
    list-style:none;
    padding:10px 22px;
    cursor:pointer;
    -webkit-transition:all 05s ease;
    -moz-transition:all 05s ease;
    -ms-transition:all 05s ease;
    -o-transition:all 05s ease;
    transition:all .5s ease;
    border-radius: 22px;
}
.portfolio-menu ul li.active{
    border: solid 1px #01007f;
   background-color: #01007f;
   border-radius: 22px;
}
.portfolio-menu ul li:hover{
    border: solid 1px #01007f;
   background-color: #01007f;
   border-radius: 22px;
}

.portfolio-item{
    /*width:100%;*/
  margin-top: 48px;  
}
.portfolio-item .item{
    float:left;
    margin-bottom:30px;
}

.business-list{
  border:0px solid #f5f5f5;
  padding: 0px 10px;
}
.business-detail{
  border: 1px solid #ddd;
  background-color: #fff;
  padding: 20px 20px;
 border-radius: 0px 0px 8px 8px;
}
.business-detail h4{
  font-size: 16px;
  font-weight: 600;
  color: #1e1859;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.business-detail p{
  font-size: 14px;
    color: #212121;
    line-height: 20px;
}
.business-detail a{
  font-size: 14px;
  color: #1e1859;
  line-height: 20px;
  font-weight: 400;
}
.busin-img-2{
  height: 280px;
  overflow: hidden;
  background-color: #ccc;
   border-radius: 8px 8px 0px 0px;
}
.busin-img-2  img{
 transition: transform .5s ease;
}
.busin-img-2  img:hover{
   transform: scale(1.2);
}

.main_course{
 display: flex; 
 border: solid 1px #ededed;
 border-radius: 8px;
}
.main_course img{
    border-radius: 8px 0px 0px 8px;
}
.page_head{}
.page_head h2{
    text-align: left;
    color: #000;
    line-height: 60px;
    font-size: 22px;
}

.page_head h2 img{
    width: 70px;
    float: right;
}

/*------------------tstimonial------------------------------*/




.testimonial-section {
  position: relative;
  padding-top: 70px;
  padding-bottom: 70px;
  overflow: hidden;
  padding-left: 55px;
 }
  .testimonial-section:before {
    position: absolute;
    left: -200px;
    top: -4%;
    background-image: url(../img/ring-circle.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 701px;
    height: 756px;
    content: "";
    -webkit-animation: fa-spin 25s infinite alternate;
    -moz-animation: fa-spin 25s infinite alternate;
    -ms-animation: fa-spin 25s infinite alternate;
    -o-animation: fa-spin 25s infinite alternate;
    animation: fa-spin 25s infinite alternate;
  }
.testimonial-block {
  position: relative;
  padding: 50px;
   }
  .inner-box {
    padding: 80px 105px;
    background-color: #ffffff;
    box-shadow: 0 0 50px rgba(226, 222, 232, 0.75);
    z-index: 100;
  }

  .bg_img_t{
    position: absolute;
    top: 0px;
    right: 0px; 
  }
  .texti_inner{}
  .texti_inner h4{
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 50px;
  }

  .test_profile{
    
  }
  .test_profile img{
    width: 92px;
    border-radius: 50px;
    border: solid 4px #c3c3c3;
    margin-right: 22px;
        float: left;
  }
  .test_profile p{
    font-size: 18px;
    color: #6e6e6e;
    margin-bottom: 0px;
    padding-top: 12px;
  }
   .test_profile h5{
    font-size: 20px;
    color: #6e6e6e;
    
  }

.main_who{
   position: relative;
   margin-bottom: 52px;
       margin-top: 20px;
}
.main_who_circ{
     text-align: right;
}
.main_who_circ img{
  border-radius: 12px;
  width: 70%;
}
.main_who_circ_2{
   position: absolute;
   top: 12%;
   left: 5%;
  
}
.main_who_circ_2 img{
  background-color: #ffffff;  
  width: 55%;  
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.who_text{
  padding-top: 14px;  
}
.who_text h2{
  font-size: 20px;
    color: #000;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    margin-bottom: 20px;
    line-height: 30px;
}
.who_text h4{
  font-size: 20px;
  color: #000;
  font-weight: 400; 
  font-family: "Roboto", sans-serif; 
  border-left: solid 1px #000;
  padding-left: 10px; 
}
.who_text p{
  font-size: 18px;
  color: #222;
  line-height: 30px;  
}

.who_text a {
    background-color: #01007f;
    padding: 5px 18px;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    transition-duration: 0.4s;
    font-size: 17px;
    border:solid 1px #ccc;
}
.who_text a:hover{
    background-color: #0706c2;
    padding: 5px 18px;
    border-radius: 4px;
    text-decoration: none;
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    font-size: 17px;
}
.who_text a img {
    width: 20px;
    margin-left: 4px;
}
.course-section {
    background: #fff;
    padding: 40px 15px;
    display: flex;
    justify-content: center;
}

.course-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    
    width: 100%;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    text-align: center;
    padding-bottom: 20px;
}

/* Image */
.course-img {
    width: 100%;
    height: auto;
}

/* Rating */
.rating {
    text-align: left;
    padding: 10px 15px;
    font-size: 14px;
    color: #555;
}

/* Action Boxes */
.action-boxes {
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
}

.action-item {
    flex: 1;
    margin: 5px;
    background: #f9fafc;
    border-radius: 10px;
    padding: 15px 5px;
    transition: 0.3s;
    cursor: pointer;
}

.action-item .icon {
    font-size: 24px;
    display: block;
    margin-bottom: 5px;
}

.action-item p {
    font-size: 14px;
    margin: 0;
    color: #333;
}

.action-item:hover {
    background: #eaf2ff;
    transform: translateY(-5px);
}

/* Heart Color */
.heart {
    color: red;
}

/* Validity */
.validity {
    margin: 15px 0;
    font-size: 14px;
    color: #555;
}

/* Button */
.buy-btn {
    background: #1e5ed7;
    color: #fff;
    border: none;
    padding: 15px;
    width: 90%;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.buy-btn:hover {
    background: #154bb5;
    transform: scale(1.03);
}

.course-tdetails{
  padding:10px 15px;
}
.course-tdetails h4{
  font-size: 20px;
}
.course-tdetails h5{
  font-size: 16px;
}
.course-tdetails p{
  font-size: 16px;
  color: #000;
}
.nav-link {
    font-size: 16px;
    color: #000;
    font-weight: 400;
  }



/*---------------moving----------------------*/
    
  /*-------------------------animation-1---------------------------------*/
 .moveround-2 {
    right: -60px;
    top: -140px;
    z-index: -1;
    -webkit-animation-duration: 20s;
    -moz-animation-duration: 20s;
    -o-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeimg;
    -moz-animation-name: shapeimg;
    -o-animation-name: shapeimg;
    animation-name: shapeimg;
    -webkit-animation-direction: none;
    -moz-animation-direction: none;
    animation-direction: none;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    position: absolute;
}
@-webkit-keyframes shapeimg {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes shapeimg {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes shapeimg {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes shapeimg {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg); 
} 
}  


 .round-shape3 {
    position: absolute;
    top: 85%;
    left: 0px;
    z-index: -9;
    -webkit-animation-duration: 4.4s;
    -moz-animation-duration: 4.4s;
    -o-animation-duration: 4.4s;
    animation-duration: 4.4s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

.round-shape5 {
    position: absolute;
    top: 70%;
    left: 130px;
    width: 100px;
    height: 100px;
    z-index: -9;
    -webkit-animation-duration: 4.8s;
    -moz-animation-duration: 4.8s;
    -o-animation-duration: 4.8s;
    animation-duration: 4.8s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
 .round-shape7 {
    position: absolute;
    top: 51%;
    width: 80px;
    height: 80px;
    left: 130px;
    z-index: -9;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
 .round-shape8 {
    position: absolute;
    top: 60%;
    width: 80px;
    height: 80px;
    left: 50px;
    z-index: -9;
    -webkit-animation-duration: 4s;
    -moz-animation-duration: 4s;
    -o-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: shapeani1;
    -moz-animation-name: shapeani1;
    -o-animation-name: shapeani1;
    animation-name: shapeani1;
    -webkit-animation-direction: alternate;
    -moz-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes shapeani1 {
  0% {
    margin-top: 0px; }
  25% {
    margin-top: 10px; }
  50% {
    margin-top: 20px; }
  75% {
    margin-top: 10px; }
  100% {
    margin-top: 0px; } }

@-moz-keyframes shapeani1 {
  0% {
    margin-top: 0px; }
  25% {
    margin-top: 10px; }
  50% {
    margin-top: 20px; }
  75% {
    margin-top: 10px; }
  100% {
    margin-top: 0px; } }

@-o-keyframes shapeani1 {
  0% {
    margin-top: 0px; }
  25% {
    margin-top: 10px; }
  50% {
    margin-top: 20px; }
  75% {
    margin-top: 10px; }
  100% {
    margin-top: 0px; } }

@keyframes shapeani1 {
  0% {
    margin-top: 0px; }
  25% {
    margin-top: 10px; }
  50% {
    margin-top: 20px; }
  75% {
    margin-top: 10px; }
  100% {
    margin-top: 0px; } }

@-webkit-keyframes shapeani2 {
  0% {
    margin-left: 0px; }
  25% {
    margin-left: 10px; }
  50% {
    margin-left: 20px; }
  75% {
    margin-left: 10px; }
  100% {
    margin-left: 0px; } }

@-moz-keyframes shapeani2 {
  0% {
    margin-left: 0px; }
  25% {
    margin-left: 10px; }
  50% {
    margin-left: 20px; }
  75% {
    margin-left: 10px; }
  100% {
    margin-left: 0px; } }

@-o-keyframes shapeani2 {
  0% {
    margin-left: 0px; }
  25% {
    margin-left: 10px; }
  50% {
    margin-left: 20px; }
  75% {
    margin-left: 10px; }
  100% {
    margin-left: 0px; } }

@keyframes shapeani2 {
  0% {
    margin-left: 0px; }
  25% {
    margin-left: 10px; }
  50% {
    margin-left: 20px; }
  75% {
    margin-left: 10px; }
  100% {
    margin-left: 0px; } }

/*-----------------------------------------------------*/

.text14{
    font-size: 14px;
}

.red-color{
    color:#cb1a21;
}

.app-section {
    background: #d9d6e2;
    padding: 40px 0;
}

.title {
    font-size: 38px;
    font-weight: 700;
    color: #222;
    line-height: 1.3;
}

.title span {
    color: #0a42ab;
}

.features {
    list-style: none;
    padding: 0;
    margin: 25px 0;
}

.features li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
    font-size: 18px;
    color: #333;
}

.features li::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    background: #0a42ab;
    color: #fff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
    font-size: 14px;
}

.app-buttons img {
    height: 50px;
    margin-right: 15px;
    cursor: pointer;
}

.app-image {
    max-width: 300px;
}

/* Responsive */
@media (max-width: 768px) {
    .title {
        font-size: 28px;
    }

    .app-image {
        margin-top: 30px;
    }
}
.stats-section {
    padding: 80px 0;
}

.stats-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}

.stats-subtitle {
    color: #666;
    margin-bottom: 50px;
    font-size: 18px;
}

/* Cards */
.stat-box {
    padding: 35px 20px;
    border-radius: 20px;
    margin: 10px;
    transition: all 0.4s ease;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.stat-box h3 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 10px;
}

.stat-box p {
    color: #171717;
    font-size: 15px;
    line-height: 25px;
}

/* Colors */
.pink { background: #f5dcdc; }
.blue { background: #dce6f2; }
.green { background: #dff0df; }
.yellow { background: #f5eadc; }
.white { background: #fff; }

/* Hover Animation */
.stat-box:hover {
    transform: translateY(-10px) scale(1.03);
    box-shadow: 0 20px 40px rgba(0,0,0,0.1);
}

/* Responsive */
@media (max-width: 768px) {
    .stat-box {
        margin-bottom: 20px;
    }
}

.feature-section {
    background: #fff;
    padding: 0px 20px;
}

.feature-box {
    background: #fff;
    border-radius: 15px;
    padding: 20px 20px;
    margin: 0px;
    transition: all 0.4s ease;
    border: 1px solid #e6e6e6;
}

.feature-box img {
    margin-bottom: 15px;
    transition: transform 0.4s ease;
}

.feature-box h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 5px;
}

.feature-box p {
    color: #666;
    font-size: 15px;
}

/* Hover Animation */
.feature-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}

.feature-box:hover img {
    transform: scale(1.1) rotate(5deg);
}

/* Responsive */
@media (max-width: 768px) {
    .feature-box {
        margin-bottom: 20px;
    }
}

.ag-format-container {
  width: 100%;
  margin: 0 auto;

  position: relative;
}

.ag-timeline-block {
  padding: 300px 0;
}
.ag-timeline_title-box {
  padding: 0 0 30px;

  text-align: center;
}
.ag-timeline_tagline {
  font-size: 40px;
  color: rgb(84, 89, 95);
}
.ag-timeline_title {
  
  background-repeat: no-repeat;
  background-position: 50% 50%;

  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  text-fill-color: transparent;
  color: transparent;

  font-size: 80px;
}

.ag-timeline_item {
  margin: 0 0 50px;

  position: relative;
}
.ag-timeline_item:nth-child(2n) {
  text-align: right;
}

.ag-timeline {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}
.ag-timeline_line {
  width: 6px;
  background-color: #000;
  position: absolute;
  top: 2px;
  left: 50%;
  bottom: 0;
  overflow: hidden;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ag-timeline_line-progress {
  width: 100%;
  height: 20%;
  background-color: #a9a9a9;
}

.ag-timeline-card_box {
  padding: 0 0 20px 50%;
}
.ag-timeline_item:nth-child(2n) .ag-timeline-card_box {
  padding: 0 50% 20px 0;
}
.ag-timeline-card_point-box {
  display: inline-block;
  margin: 0 14px 0 -15px;
}
.ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box {
  margin: 0 -15px 0 14px;
}
.ag-timeline-card_point {
  height: 30px;
  line-height: 86px;
  width: 30px;
  border: 3px solid #a9a9a9;
  background-color: #565656;
  text-align: center;
  font-size: 20px;
  color: #FFF;

  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.js-ag-active .ag-timeline-card_point {
  color: #000;
  background-color: #000;
}
.ag-timeline-card_meta-box {
  display: inline-block;
}
.ag-timeline-card_meta {
  margin: 10px 0 0;
  font-weight: 500;
  font-size: 20px;
  color: #000;
}
.ag-timeline-card_item {
  display: inline-block;
  box-shadow: 0 0px 90px -55px rgba(0, 0, 0, 0.9) !important;
  width: 45%;
  margin: -77px 0 0;
  background-color: #fff;
  opacity: 0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;

  -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.5);
  -moz-box-shadow: 0 0 0 0 rgba(0,0,0,.5);
  -o-box-shadow: 0 0 0 0 rgba(0,0,0,.5);
  box-shadow: 0 0 0 0 rgba(0,0,0,.5);

  -webkit-transition: -webkit-transform .5s, opacity .5s;
  -moz-transition: -moz-transform .5s, opacity .5s;
  -o-transition: -o-transform .5s, opacity .5s;
  transition: transform .5s, opacity .5s;

  position: relative;
}
.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item {
  -webkit-transform: translateX(-200%);
  -moz-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  -o-transform: translateX(-200%);
  transform: translateX(-200%);
}
.ag-timeline_item:nth-child(2n) .ag-timeline-card_item {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  -o-transform: translateX(200%);
  transform: translateX(200%);
}
.js-ag-active.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item,
.js-ag-active.ag-timeline_item:nth-child(2n) .ag-timeline-card_item {
  opacity: 1;

  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.ag-timeline-card_arrow {
  height: 18px;
  width: 18px;
  margin-top: 20px;
  background-color: #000;

  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;

  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_arrow {
  margin-left: calc(-18px / 2);
  margin-right: calc(-18px / 2);
}
.ag-timeline_item:nth-child(2n) .ag-timeline-card_arrow {
  margin-left: -10px;

  right: auto;
  left: 0;
}
.ag-timeline-card_img {
  width: 100%;
}
.ag-timeline-card_info {
  padding: 20px 30px;
}
.ag-timeline-card_title {
  display: none;
  margin: 0px 0 0;
  font-weight: bold;
  font-size: 22px;
  color: #000;
  text-align: left;
}
.ag-timeline-card_desc {
  line-height: 26px;
    font-size: 18px;
    color: #000;
    text-align: left;
}


@media only screen and (max-width: 979px) {
  .ag-timeline_line {
    left: 23px;
  }

  .ag-timeline_item:nth-child(2n) {
    text-align: left;
  }

  .ag-timeline-card_box,
  .ag-timeline_item:nth-child(2n) .ag-timeline-card_box {
    padding: 0 0 20px;
  }
  .ag-timeline-card_meta-box {
    display: none;
  }
  .ag-timeline-card_point-box,
  .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box {
    margin: 0 0 0 11px;
  }
  .ag-timeline-card_point {
    height: 25px;
    line-height: 30px;
    width: 25px;
  }
  .ag-timeline-card_item {
    width: auto;
    margin: -65px 0 0 75px
  }
  .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item,
  .ag-timeline_item:nth-child(2n) .ag-timeline-card_item {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%);
  }
  .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_arrow {
    right: auto;
    left: 0;
  }
  .ag-timeline-card_title {
    display: block;
  }
  .ag-timeline-card_arrow {
    margin-top: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .ag-format-container {
    width: 96%;
  }

  .ag-timeline-card_img {
    height: auto;
    width: 100%;
  }
}

@media only screen and (max-width: 639px) {

   .cus_mhead {
    border: none;
    padding: 10px 20px;
    position: inherit;
    z-index: 100;
    width: 100%;
} 
  .ag-timeline_title {
    font-size: 60px;
  }

  .ag-timeline-card_info {
    padding: 10px 15px;
  }
  .ag-timeline-card_desc {
    font-size: 14px;
  }
}

@media only screen and (max-width: 479px) {

}

@media (min-width: 768px) and (max-width: 979px) {
  .ag-format-container {
    width: 750px;
  }

}

@media (min-width: 980px) and (max-width: 1161px) {
  .ag-format-container {
    width: 960px;
  }

}

.login_1 {
    border: solid 1px #01007f;
    padding: 5px 28px;
    border-radius: 20px;
    background: #01007f;
    color: #fff;
    margin-left: 10px;
    font-weight: 400;
    transition-duration: 0.4s;
    text-decoration: none;
    font-size: 16px;
}
.login_1:hover {
    border: solid 1px #0706c2;
    padding: 5px 28px;
    border-radius: 8px;
    background: #0706c2;
    color: #ffffff;
    margin-left: 10px;
    font-weight: 400;
}
.login_1 img{
  width: 18px;
  margin-top: -4px;
  margin-left: 8px;  
}
.page_bg_1{
    background-image: url(../img/bgg101.jpg);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    height: 150px;
    background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.enroll_bg {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 170%;
    height: 100%;
    position: relative;
    z-index: 2;
    padding: 5rem 3rem 5rem 
}
.enroll_bg::after {
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #111111;
    opacity: 85%;
    z-index: -1;
}
.enroll_head{}
.enroll_head h2{
    color: #fff;
    font-size: 34px;
    line-height: 50px;
    margin-bottom: 42px;
}
.enroll_head h3{
    color: #fff;
    margin-bottom: 15px;
    font-weight: 500;
}
.star_move{
      animation: rotate2 4s linear infinite;  
}
/* Prevent scrollbars to appear when waves go out of bound */
.sonar-wrapper {
  position: relative;
  z-index: 0;
  overflow: hidden;
  padding: 8rem 0;
}

/* The circle */
.sonar-emitter {
  position: relative;
  margin: 0 auto;
  width: 125px;
  height: 125px;
  border-radius: 9999px;
  background-color: #b2b1ff;
}

/* the 'wave', same shape and size as its parent */
.sonar-wave {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 9999px;
  background-color: #b2b1ff;
  opacity: 0;
  z-index: -1;
  pointer-events: none;
}


/*
  Animate!
  NOTE: add browser prefixes where needed.
*/
.sonar-wave {
  animation: sonarWave 2s linear infinite;
}

@keyframes sonarWave {
  from {
    opacity: 0.4;
  }
  to {
    transform: scale(3);
    opacity: 0;
  }
}

.play_icon{
    position: absolute;
    top: 39%;
    color: #fff;
    left: 47%;
    font-size: 45px;  
}

.shape-4 {
   position: absolute;
    bottom: 135px;
    left: 51%;
    animation: rotate2 4s linear infinite;
}

@keyframes rotate2 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.shape-5 {
    position: absolute;
    right: 210px;
    bottom: 65px;
    animation: itleftright 1s infinite alternate;
}
@keyframes itleftright {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.main_popup .modal-header {
    padding: 6px 16px;
}
.main_popup .modal-body {
    line-height: 0px;
    padding: 4px;
}
.video_ifram {
    min-height: 436px;
}

.close_btn{
    background-color: #fff;
    border: inherit;
    font-size: 30px;
    padding: 0px;
    line-height: 0px;  
}
.scroll-top-wrapper {
    display: none;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: #111111;
    color: #eeeeee;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
    background-color: #222;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
}
.scroll-top-wrapper i.fa {
    line-height: inherit;
}

.course_video_head{
  background-color: #f1f1f1;
  border-radius: 6px;
  padding: 30px;
}
.course_video_head h4{
    font-family: "Roboto", sans-serif;
    color: #000;
}
.course_video_head ul{
   margin-bottom: 20px;  
}

.course_video_head ul li{
    display: inline-block;
    padding-right: 12px;
    
}
.price-box {
    align-items: center;
    gap: 8px;
    background: #f1f8f4a1;
    padding: 2px 10px;
    border-radius: 0px;
    margin-bottom: 10px;
}

.new-price {
    font-size: 20px;
    font-weight: bold;
    color: #0a7d3b;
}

.old-price {
    font-size: 14px;
    text-decoration: line-through;
    color: #888;
}

.discount-badge {
    background: #d4edda;
    color: #0a7d3b;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 20px;
    font-weight: 500;
}


/*------------video---tab---------------------------*/


  

    .logo-box {
        height: 90px;
        background: #fff;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.08);
        transition: 0.3s;
    }

    .logo-box:hover {
        transform: translateY(-5px);
    }

    .logo-box img {
        max-width: 100%;
        max-height: 36px;
        object-fit: contain;
        /*filter: grayscale(100%);*/
        transition: 0.3s;
    }

    .logo-box img:hover {
        filter: grayscale(0%);
    }

    

/*------------------------------------------------*/

.b-radious10{
  border-radius: 10px;
}

.project-tab {
    margin-top: 0px;
}
.project-tab #tabs{
    background: #007b5e;
    color: #01007f;
}
.project-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #01007f;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid !important;
    font-size: 16px;
    font-weight: 500;
}
.project-tab .nav-link {
    border: 0px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}
.project-tab .nav-link:hover {
    border: none;
}
.project-tab .nav-link:focus {
    border: none;
}

.project-tab a{
    text-decoration: none;
    color: #333;
    font-weight: 600;
}

.book_area{
    background-color: #f1f1f1;
    padding: 20px;
    margin-top: 0px;
    border-radius: 6px;
}
.book_area img{
    border-radius: 6px;
    margin-bottom: 20px;
}
.book_area h2{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #000;
    font-family: "Roboto", sans-serif;
}
.book_area h2 span{
    display: block;
    font-size: 17px;
    margin-bottom: 5px;
    color: #2d2d2d;
    font-weight: 300;
}
.book_area h4{
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 30px;
}
.book_area h4 .type_text {
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
    color: #252525;
    font-weight: 400;
    margin-left: 0px;
}
.book_area h4 span.modecll{
    font-size: 17px;
    font-weight: bold;
    margin-left: 20px;
    padding-left: 10px;
    color: #676767;
}
.book_area h4 .strike-t{
    font-size: 20px;
    font-weight: 500;
    text-decoration: line-through;
    margin-left: 20px;
}
.book_area a {
    background-color: #01007f;
    padding: 5px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    transition-duration: 0.4s;
    font-size: 20px;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.book_area a:hover{
    background-color: #0605c6;
    padding: 5px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-size: 20px;
}
.tab_body01{
    padding: 10px;
    border: solid 1px #ddd;
    border-top: inherit;
}
.all_list{}
.all_list ul{
    margin-bottom: 30px;
    margin-left: 20px;
}
.all_list ul li{
    font-size: 17px;
    color: #000;
    list-style: disc outside none;
    display: list-item;
    margin-left: 1em;
}
.all_list ul li span{
    font-size: 17px;
    color: #000;
    font-weight: bold;
}

.all_list p{
    font-size: 17px;
    color: #000;
    line-height: 32px;
}

.about_text2{
    background-color: #fff;
    padding: 40px;
    border-radius: 6px;
    margin-top: 0px;
    padding-left: 10px;
    padding-bottom: 10px;
}
.about_text2 p{
    font-size: 17px;
    color: #000;
    line-height: 28px;
}
.about_text2 h2 {
    font-size: 17px;
    color: #000;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    margin-bottom: 5px;
}
.about_text20{
  margin-bottom: 20px;
}
.about_text20 p {
    font-size: 16px;
    color: #000;
    line-height: 27px;
}
.why_fin2 {
    background-image: url(../img/arnav.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}
.why_fin2_text{
    background-color: #fff;
    padding: 40px;
    border-radius: 6px;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
    
}
.why_fin2_text p{
    font-size: 18px;
    color: #000;
    line-height: 28px;
}
.why_fin2_text h2 {
    font-size: 34px;
    color: #000;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
    margin-bottom: 20px;
}
.f-left{
    float: left;
}
.enroll_course_t{
    padding: 80px 60px;
    text-align: center;
}
.bg-coursepp{
    background-size: cover;
    background-repeat: no-repeat;
    border: solid 2px #fff;
    border-radius: 6px;
}
.enroll_course_t h2{
   font-size: 22px;
   color: #fff;
   font-weight: 500;
   margin-bottom: 20px;
}
.enroll_course_t h3{
   font-size: 34px;
   color: #fff;
}

.mrtop-320{
    margin-top: 320px;
}

.thank_text{
    padding: 60px 60px;
    text-align: center;
    padding-top: 20px;
}
.bg-coursepp{
    background-size: cover;
    background-repeat: no-repeat;
    border: solid 2px #fff;
    border-radius: 6px;
}
.thank_text h2{
   font-size: 92px;
   color: #01007f;
   font-weight: 800;
   margin-bottom: 20px;
}
.thank_text p{
   font-size: 26px;
   color: #000;
   margin-bottom:0px;
}
.minh500{
    min-height: 500px;
}
.price_head{
  padding: 10px 25px;
  background-color: #00c3da;  
  color: #fff; 
}
.price_head h4{
    font-size: 22px;
    color: #fff;
}
.pricing-price{
    background-color: #f1f1f1;
    padding: 10px 25px;
}
.pricing-price h1{
  font-size: 26px;
}
.pricing-description{
    padding: 10px;
}

.gap_50 {
    padding: 50px; 
}

/*------------------start-sign up------------------------------*/

.signup-main {
    background: url(../img/hero-crebritech-bg.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 110px;
    position: relative;
    margin-top: 70px;
}
.overlay-2 {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .9;
    background-image: -webkit-linear-gradient(55deg, #ffffff 0%, #ffffff);
}

.signup-area{
    background-color: #ffffff;
    box-shadow: 0px 4px 44px 0px rgba(17, 29, 48, 0.06);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 30px 45px;
    border-radius: 6px;
}

.signup-area h1{
       font-size: 26px;
    font-weight: 300;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    line-height: 34px;
    text-align: left;
    margin-bottom: 20px;
}

.st_boleft{
  border-left: solid 4px #000;
}


/*-------------tabauto------------------------------*/

.bg_img01{
    background-image: url(../img/slide_03.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}


.service-box-1 {
    background: #fff;
    padding: 15px 15px ;
    border-radius: 10px;
    margin: 12px 0;
    text-align: center;
    padding-bottom: 20px;
    transition: all 0.4s ease;
    box-shadow: 0px 4px 44px rgba(17, 29, 48, 0.06);

    /* Required for gradient border */
    border: 0px solid transparent;

    /* Two backgrounds:
       1st = inner white
       2nd = gradient border */
    background-image: 
        linear-gradient(#ffffff, #ffffff),
        linear-gradient(120deg, #ec9614, #ffb347, #ec9614);

    background-origin: border-box;
    background-clip: padding-box, border-box;

    background-size: 100% 100%, 200% auto;
}
.service-box-1 img {
  border-radius: 7px 7px 0px 0px;
}

/* Hover Effect */
.service-box-1:hover {
  transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(0,0,0,0.08);
}


/* Animation */
@keyframes borderMove {
    0% { background-position: 0% 0%, 0% 0%; }
    100% { background-position: 0% 0%, 200% 0%; }
}
/*.service-box-1:nth-child(odd){
    border-left: 3px solid #1b4587;
}
.service-box-1:nth-child(even){
    border-left: 3px solid #ddd;
}*/



.service-box-1 h2{
    font-family: "Roboto", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: capitalize;
    line-height: 1.32em;
    letter-spacing: 0.44px;
    color: #1d273b;
    margin: 15px 0px 4px 0px;
    text-align: center;
}
 .service-box-1 p{
    margin-bottom: 10px;
    color: #434343;
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    padding: 15px;
    padding-top: 0px;
    font-weight: 300;
    line-height: 1.79em;
    letter-spacing: 0.28px;
    text-align: center;
    height: 55px;
    overflow: hidden;
    text-overflow: initial;
    white-space: break-spaces;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
 }

 .service-box-1 button{
    font-family: "Roboto", Sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.143em;
    letter-spacing: 0px;
    color:#606060;
    background-color: #fff;
    padding:10px 15px;
    width: 150px;
    border-radius: 4px;
    border: solid 1px #ddd;
 }
 .service-box-1 img{
    /*border-radius: 50% 50% 50% 50%;
    box-shadow: 0px 8px 32px 0px rgba(67,58,201,0.46);*/
    margin: auto;
    display: -webkit-box;
 }

 /*-----------end service-------------------*/
 .pt_60{
  padding-top: 60px;
 }

.aboutus-bg {
    background-image: url(../img/bg_002.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}
.aboutus-bg02 {
    background-image: url(../img/img_201.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}
.web-bg30 {
    background-image: url(../img/mobile_app.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}
.web-bg33 {
    background-image: url(../img/img_304.JFIF);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}
.web-bg34 {
    background-image: url(../img/img_305.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}
.web-bg35 {
    background-image: url(../img/img_307.JFIF);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}
.wrap_box01 {
    display: flex;
    background: white;
    padding: 1rem 1rem 1rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
}

.wrap_box01:hover {
    color: #000;
}

.ico-wrap {
    margin: auto;
}
.ico-wrap img{
    width: 90px;
}
.mbr-iconfont {
    font-size: 4.5rem !important;
    color: #313131;
    margin: 1rem;
    padding-right: 1rem;
}
.vcenter {
    margin: auto;
}


/*-----------kksinhamaster-----------------------*/

.main_ftalk{
    position: relative;
}
.main_ftalk_video{
    position: absolute;
    top: -352px;
    margin-left: 9%;
    cursor: pointer;
}
.mastertalk_text{
  padding-top: 90px;
  text-align: center;
  padding-bottom: 30px;
  line-height: 42px;  
}
.mastertalk_text h2{
  font-size: 28px;
  color: #fff;  
}
.mastertalk_text p{
  font-size: 20px;
  color: #ccc; 
  margin-bottom: 10px; 
}
.mastertalk_text a {
    background-color: #fff;
    padding: 5px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #000;
    display: inline-block;
    transition-duration: 0.4s;
    font-size: 20px;
}
.mastertalk_text a:hover{
    background-color: #f4f6ff;
    padding: 5px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #000;
    display: inline-block;
    font-size: 20px;
}

.main_who21{
    padding-bottom: 80px;
}


.scroll_style{}

.vertical-section{
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main_roadmapscroll {
  overflow-x: hidden;
  display: flex;
  position: sticky;
  top:0;
  margin-bottom: 30px;
}

section.scroll22 {
  min-width: 50vw;
  min-height: 80vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 4ch;
  margin-top: 10vh;
  border-radius: 8px;
}

section.scroll22:nth-child(even) {
  background-color: #01007f;
  color: #fff;
}

.masroad_text{

}
.masroad_text h2{
    font-size: 32px;
    color: #000;
}
.masroad_text ul{
    margin-bottom: 30px;
    margin-left: 0px;
}
.masroad_text ul li{
    font-size: 22px;
    color: #000;
    list-style: disc outside none;
    display: list-item;
    margin-left: 1em;
}

.masroad_text_2{

}
.masroad_text_2 h2{
    font-size: 32px;
    color: #fff;
}
.masroad_text_2 ul{
    margin-bottom: 30px;
    margin-left: 0px;
}
.masroad_text_2 ul li{
    font-size: 22px;
    color: #fff;
    list-style: disc outside none;
    display: list-item;
    margin-left: 1em;
}

.enroll_bg_03 {
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    position: relative;
    z-index: 2;
    padding: 5rem 3rem 5rem;
    height: 650px;
    background-attachment: fixed;
  background-position: center;
}
.enroll_bg_03::after {
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #0E2A46;
    opacity: 85%;
    z-index: -1;
}
.popformenq22{
   padding: 40px 40px; 
   border: solid 1px #f8f8f8;
   border-radius: 15px;
}
.popformenq22 .button-line2{
    background-color: #01007f;
    padding: 8px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    transition-duration: 0.4s;
    font-size: 18px;
    width: 210px;
}
.popformenq22 .button-line2:hover{
    background-color: #05002f;
    padding: 8px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    width: 210px;
}
.popformenq22 input{
    height: 44px;
}
.popformenq22 input::placeholder{
    font-size: 16px;
}
.popformenq22 input:focus{
    outline: none !important;
    box-shadow: none;
}
.popformenq22 textarea{
    outline: none !important;
    box-shadow: none;
    resize: none;
}
.popformenq22 textarea:focus{
    outline: none !important;
    box-shadow: none;
    resize: none;
}
.mt_40 {
    margin-top: 40px;
}

/*-----------contact------------------------------*/


.privacy_text{}
.privacy_text p{
    margin-bottom: 5px;
    color: #000;
    font-size: 14px;
}
.privacy_text h5{
    margin-bottom: 5px;
    color: #000;
    font-size: 16px;
}

.contact_text{
    margin-bottom: 50px;
}
.contact_text p{
    font-size: 17px;
    color: #000;
    margin-bottom: 0px;
    font-weight: 400;
}
.contact_text a{
    text-decoration: none;
}
.contact_text h4{
    font-size: 18px;
    color: #000;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    font-weight: 400;
}
.contact_text h4 div{
    font-size: 18px;
    color: #fff;
    background-color: #000;
    padding: 10px;
    border-radius: 20px;
    margin-right: 14px;
    width: 40px;
    height: 40px;
    text-align: center;
}


#more {
    display: none;
}

.less_more{
   border: 2px solid #000;
    background: transparent;
    margin-top: 10px;
    color: #000;
}
.less_more:hover {
    background-color: #fff;
    border-color: #000;
    color: #000;
}

.tooltip_box21{
  margin-left: 4px;
}
#inbox .show-on-hover:hover > ul.dropdown-menu {
    display: block;    
    
}
#inbox .show-on-hover {
    position: fixed;
    bottom: 28px;
    left: 10px;
    z-index: 999;
}
#inbox .btn-io {
    border-radius: 50%;
    overflow: hidden;
    height: 54px;
    width: 54px;
    z-index: 999;
}
#inbox .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px;
margin-bottom: -5px;
padding-bottom: 30px;
}
#inbox .dropdown-menu-right {
right: 0 !Important;
left: auto !Important;
}
#inbox .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 50px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: center;
list-style: none;
background-color: rgba(255, 255, 255, 0) !Important;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: none;
border-radius: 0px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0) !Important;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0) !Important;
}
#inbox .fa-iox{
    font-size: 22px;
}
#inbox .dropdown-menu > li > a {
display: block;
padding: 0;
padding-top: 0px;
margin-top: 15px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
background: #fff;
white-space: nowrap;
width: 50px;
height: 50px;
border: solid 1px #ccc;
border-radius: 50px;
font-size: 21px;
box-shadow: 0px 3px 7px 0px rgba(203, 203, 203, 0.72);
}
/*#inbox .dropdown-menu > li:first-child>a {
    background: #6E4320 !important;
    color: #fff !important;
}
#inbox .dropdown-menu > li:last-child>a {
    background: #D3A516;
    color: #fff;
}
#inbox .dropdown-menu > li:nth-child(3)>a {
    background: #3C80F6;
    color: #fff;
}
#inbox .dropdown-menu > li:nth-child(2)>a {
    background: #2CAC26;
    color: #fff;
}*/
#inbox .fa-iosm{
    margin-top: 7px;
}

.main_media{
    z-index: 10000; 
}
.social_icon{
    display: none;
}
.main_media button{
    background-color:#3d5afe;
    font-size:25px;
}
.main_media button:hover{
    background-color: #3d5afe;
    font-size:25px;
}
.main_media button i{
    margin-left:2px;
    
}
.main_media button::after{
   visibility: hidden;

}

.enquiryformb{
    display: contents;
}
.cus_form{
    padding: 0px 10px;
    margin-bottom: 20px;
}

/*----------------------------------------*/

.main_enpopup{
  padding: 0px;
    overflow: hidden;
    border-radius: 10px;
}

.enleftbox{
    padding: 40px 30px;
    background-color: #ddd;  
    background-image: url(../img/bgpp9876.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.enleftbox img{
  margin-bottom: 0px;
}

.popformenq{
   padding: 40px 40px; 
}
.popformenq .form-label {
    margin-bottom: 0px;
    font-size: 14px;
}
.popformenq input{
   height: 38px;
   border-radius: 6px;
}
.popformenq input::placeholder{
    font-size: 14px;
}
.popformenq input:focus{
    outline: none !important;
    box-shadow: none;
}
.popformenq textarea{
    outline: none !important;
    box-shadow: none;
    resize: none;
}
.popformenq textarea:focus{
    outline: none !important;
    box-shadow: none;
    resize: none;
}

.popformenq .button-line2{
    background-color: #01007f;
    padding: 8px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    transition-duration: 0.4s;
    font-size: 18px;
    width: 210px;
}
.popformenq .button-line2:hover{
    background-color: #05002f;
    padding: 8px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    width: 210px;
}
.pricing-item{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;  
}

.d-none{
  display: none;
}

/*-------------------footer---------------------------*/

.carousel-control-next-icon {
    background-image: url(../img/icons/next_one.png);
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    position: absolute;
    bottom: -17px;
    right: 0px;
}
.carousel-control-prev-icon {
    background-image: url(../img/icons/back_one.png);
        display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%;
    position: absolute;
    bottom: -17px;
    right: -521%;
}


.f_left{
    float: left;
}
.padd-40{
        padding: 40px 0px;
}
.pt_40{
    padding-top: 40px !important;
}
.pt_55{
    padding-top: 55px !important;
}
 .footer-img{
    /*background: url(../img/shape.png);
    background-repeat: no-repeat;
    background-position: bottom;*/
    background-size: contain;
    padding: 70px 0px 0px 0px;
    position: relative;
    margin-top: 0px;
    width: 100%;
    bottom: 0px;
    background-color: #f8f8f8;
    
 }
 
 .main-link h2{
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 1.32em;
    letter-spacing: 0.44px;
    color: #000;
 }  
 .main-link ul li{
    font-size: 13px;
    font-weight: 500;
    text-transform: capitalize;
    line-height: 14px;
    letter-spacing: 0.44px;
    padding: 6px 0px;
 }  
 .main-link ul li a{
    text-transform: capitalize;
    color: #000;
    text-decoration: none;
 } 

.copyright-text{
    padding: 10px 0px;
}
 .copyright-text p{
    color: #434343;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3em;
    letter-spacing: 0.22px;
    text-align: left;
    margin-top: 34px;
 }
 .disclaimer-text{}
 .disclaimer-text h4{
    font-weight: 500;
    color: #000;
 }
 .disclaimer-text p{
    font-size: 16px;
    color: #000;
 }

 .mainteam_box{
    margin-top: 20px;
    border-bottom: solid 1px #c9c9c9;
    padding-bottom: 48px;
    margin-bottom: 48px;
 }
 .border-line{
    height: 1px;
    width: 100%;
    background-color: #f1f5f8;
    margin-top: 34px;
 }
 .team_text{}
 .team_text h4{
    font-size: 24px;
    font-weight: bold;
    color: #000;
 }
.team_text h5{
    font-size: 16px;
    font-weight: 400;
    color: #8c8c8c;
    margin-bottom: 30px;
 }
.team_text p{
    font-size: 17px;
    font-weight: 400;
    color: #000;
 }

.left_space_l{
    padding-left: 24px;
}
.left_space_r{
    padding-right: 24px;
}

 .team_text_pro img{
    border: solid 1px #f1f5f8;
    border-radius: 10px;
 }

 .all_btn{
    background-color: #01007f;
    padding: 5px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    margin-top: 0px;
    display: inline-block;
    transition-duration: 0.4s;
    font-size: 18px;
}
.all_btn:hover{
    background-color: #0605c6;
    padding: 5px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    margin-top: 0px;
    display: inline-block;
    font-size: 18px;
}

.video_prop{
    width: 100%;
    height: 498px;
}

.signup-area .form-group{
    margin-bottom: 15px;
}
.enmain_first{
    min-height: 720px;
}
.rela{
    position: relative;
}
.enmain_box{
  padding: 85px 40px;
    position: absolute;
    top: -98px;
    background-color: #fff;
    z-index: 100;
    border-radius: 8px;
    box-shadow: 0px 4px 44px 0px rgba(17,29,48,0.06);
}
.cus_form input{
    height: 44px;
}
.cus_form input::placeholder{
    font-size: 16px;
}
.cus_form input:focus{
    outline: none !important;
    box-shadow: none;
}
.cus_form textarea{
    resize: none;
}
.cus_form textarea::placeholder{
    font-size: 16px;
}
.cus_form textarea:focus{
    outline: none !important;
    box-shadow: none;
}

.button-line{
    background: linear-gradient(90deg, #4f46e5, #ed3a4f);
    padding: 5px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    transition-duration: 0.4s;
    font-size: 18px;
    width: 100%;
}
.button-line:hover{
    background: linear-gradient(90deg, #ed3a4f, #4f46e5);
    padding: 5px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    width: 100%;
}

.Creative-text img{
    width: 46px;
    border-radius: 8px;
    margin-bottom: 17px;
}

.Creative-text h1{
    font-size: 22px;
    margin-bottom: 0px;
    font-weight: 500;
}
.Creative-text p{
    font-size: 17px;
    margin-bottom: 0px;
    color: #fff;
}
.contact_bg{
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/*------------------------------------------------*/

 .bg_gray01{
   background-color: #919191; 
 } 

.ftlogo01 img{
  width: 110px;  
}
.get_startbtn{
    text-align: right;
}

/*---------------------------1366media------------*/

@media (max-width: 1366px) {

 .sticky .navbar-nav .nav-link {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
    margin: 0 10px;
    transition: 0.3s;
    position: relative;
}  
.main_menu {
    padding: 5px 40px;
}
.bg_logo {
    padding: 0px;
    border-radius: 10px;
}
.navbar-brand img {
    height: 36px;
}
.navbar-nav .nav-link {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    margin: 0 10px;
    transition: 0.3s;
    position: relative;
}
.glow-btn {
    position: relative;
    padding: 7px 24px;
    font-size: 13px;
    color: #fff;
    background: linear-gradient(90deg, #f5c0c2, #0d6efd);
    border: none;
    border-radius: 40px;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
}
.login_1 {
    border: solid 1px #01007f;
    padding: 5px 15px;
    border-radius: 20px;
    background: #01007f;
    color: #fff;
    margin-left: 10px;
    font-weight: 400;
    transition-duration: 0.4s;
    text-decoration: none;
    font-size: 12px;
}
.hero_text h1 {
    font-size: 32px;
    text-align: center;
    color: #fff;
    margin-bottom: 15px;
}
.hero_text h2 {
    font-size: 22px;
    text-align: center;
    color: #fff;
    font-weight: 400;
    margin-bottom: 35px;
}
.heading_text_2 h2 {
    font-size: 22px;
    text-align: left;
    color: #fff;
    margin-bottom: 0px;
}
.premium_title {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin: 10px 0;
}
.feature_card h5 {
    font-size: 20px;
    margin-bottom: 3px;
    color: #fff;
}
.premium_text {
    color: #000000;
    line-height: 28px;
    font-size: 15px;
    margin-bottom: 22px;
}
.heading_text h1 {
    font-size: 28px;
    color: #000;
    margin-bottom: 1px;
}
.service-box-1 h2 {
    font-size: 16px;
}
.service-box-1 p {
    margin-bottom: 10px;
    color: #434343;
    font-family: "Roboto", Sans-serif;
    font-size: 13px;
    padding: 15px;
    padding-top: 0px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0.28px;
    text-align: center;
    height: 33px;
    overflow: hidden;
    text-overflow: initial;
    white-space: break-spaces;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blue_allbtn {
    font-size: 14px;
}
.blue_allbtn:hover{
    font-size: 14px;
}
.content-box h2 {
    font-size: 42px;
}
.about_text2 h2 {
    font-size: 15px;
    margin-bottom: 8px;
}
.about_text2 p {
    font-size: 15px;
    color: #000;
    line-height: 22px;
}
.ico-wrap img {
    width: 70px;
}
.stats-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 5px;
}
.ag-timeline-card_meta {
    margin: 4px 0 0;
    font-weight: 500;
    font-size: 15px;
    color: #000;
}
.main-title {
    font-size: 30px;
    font-weight: 800;
    line-height: 34px;
    color: #0f172a;
    margin-bottom: 10px;
}
.custom-tabs .nav-link {
    border: none;
    color: #111;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 10px;
    position: relative;
    background: transparent;
}
.tech-content-box h2 {
    font-size: 20px;
    font-weight: 700;
    color: #08153a;
    margin-bottom: 4px;
}
.tech-content-box ul li {
    font-size: 15px;
    color: #444;
    margin-bottom: 0px;
}
.heading_text h3 {
    font-size: 18px;
    color: #2c2c2c;
    font-weight: 400;
}
.stat-box h3 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 4px;
}
.signup-area {
    background-color: #ffffff;
    box-shadow: 0px 4px 44px 0px rgba(17, 29, 48, 0.06);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 20px 45px;
}
.Creative-text h1 {
    font-size: 20px;
    margin-bottom: 0px;
    font-weight: 500;
}
.Creative-text p {
    font-size: 15px;
    margin-bottom: 0px;
    color: #000;
}
.disclaimer-text p {
    font-size: 14px;
    color: #000;
}
.disclaimer-text h4 {
    font-weight: 500;
    color: #000;
    font-size: 20px;
}
.popformenq input {
    height: 32px;
    border-radius: 6px;
}
.file-name {
    padding: 2px 20px;
    font-size: 14px;
    color: #444;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.upload-btn {
    position: relative;
    overflow: hidden;
    padding: 2px 20px;
    font-size: 14px;
    border-right: 1px solid #d8d8d8;
    background: #f8f8f8;
    cursor: pointer;
    margin: 0;
    font-weight: 500;
}
.ftlogo01 img {
    width: 64px;
}

}

/*---------------------------1366media------------*/


/*------------------------------------------------*/

@media (max-width: 991px) {

  .bg_logo {
    background-color: #ffffffbf;
    padding: 2px 0px;
    border-radius: 10px;
}   

 .Creative-text p {
    font-size: 15px;
    margin-bottom: 0px;
    color: #fff;
}   

 .head_smedia li::after {
    content: "|";
    color: #a5a5a5;
    margin: 0 8px;
}   

.get_startbtn{
    text-align: left;
}    

.all_list p {
    padding: 0px 10px;
}    

.aboutus-bg02 {
   background-image: none;
} 
.feature-box h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}   

.ftlogo01{
  text-align: center;    
}    

.ftlogo01 img{
  width: 60px;  
  margin: auto;
}
.web-bg30 {
    background-image: none;
}
.web-bg33 {
    background-image: none;
}
.web-bg34 {
    background-image: none;
}
.web-bg35 {
    background-image: none;
}

.carousel-control-prev-icon {
    background-image: none;
}
.carousel-control-next-icon {
    background-image: none;
}   
.heading_text {
  margin-bottom: 10px;
}
.why_fin2_text h2 {
    font-size: 24px;
    color: #000;
}
.quote-main img{
   margin-right: 10px;
   width: 32px; 
}
.why_fin2_text p {
    font-size: 16px;
    color: #000;
    line-height: 22px;
}
.page_head h2 {
    text-align: left;
    color: #000;
    font-size: 18px;
}
.pt_60 {
    padding-top: 15px;
}    

 .disclaimer-text p {
    font-size: 14px;
    color: #000;
}
.sonar-emitter {
    position: relative;
    margin: 0 auto;
    width: 90px;
    height: 90px;
    border-radius: 9999px;
    background-color: #b2b1ff;
} 

.logo-box {
    height: 80px;
  }

.copyright-text p {
    color: #434343;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.3em;
    letter-spacing: 0.22px;
    text-align: center;
    margin-top: 10px;
}
.logo-section {
    padding: 9px 10px;
}  

.service-box-1{
  margin: 6px 0;
} 
.about_text2 h2 {
    font-size: 17px;
} 

.service-box-1 p {
    color: #434343;
    font-family: "Roboto", Sans-serif;
    font-size: 16px;
    padding: 15px;
    padding-top: 0px;
    font-weight: 300;
    line-height: 1.5em;
    letter-spacing: 0.28px;
    text-align: center;
    height: 55px;
    overflow: hidden;
    text-overflow: initial;
    white-space: break-spaces;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}  

.service-box-1 img {
    
}  

.texti_inner h4 {
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 25px;
}
.test_profile img {
    width: 75px;
    border-radius: 50px;
    border: solid 4px #c3c3c3;
    margin-right: 22px;
    float: left;
}
.test_profile p {
    font-size: 16px;
    color: #6e6e6e;
    margin-bottom: 0px;
    padding-top: 0px;
}
.test_profile h5 {
    font-size: 17px;
    color: #6e6e6e;
}  

.stat-box {
    padding: 20px 20px;
    border-radius: 10px;
    margin: 0px;
    transition: all 0.4s ease;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
} 
.stat-box h3 {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 3px;
}
.stat-box p {
    color: #555;
    font-size: 13px;
    line-height: 22px;
}
.enleftbox h2 {
    text-align: left;
    font-size: 23px;
    color: #000;
}

.popformenq {
    padding: 40px 40px;
    padding-top: 0px;
}
.play_icon {
    position: absolute;
    top: 39%;
    color: #fff;
    left: 46%;
    font-size: 35px;
}
.sonar-wrapper {
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 6rem 0;
}
.ico-wrap img {
    width: 60px;
    margin-right: 15px;
}
.stats-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}
.stats-section {
    padding: 40px 0;
}
.stats-subtitle {
    color: #666;
    margin-bottom: 18px;
    font-size: 17px;
    line-height: 26px;
}  


.enroll_head h3 {
    color: #fff;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 20px;
}
.heading_text h1 {
    font-size: 20px;
    color: #000;
}
.heading_text h3 {
    font-size: 18px;
    color: #000;
    font-weight: 400;
}

  .main_who {
    position: relative;
    margin-bottom: 52px;
    margin-top: 20px;
    display: none;
}

  .main_who_circ {
    text-align: center;
    display: none;
}

  .main_who_circ_2 {
    position: absolute;
    top: 14%;
    left: 17%;
    display: none;
}

  .who_text h1 {
    font-size: 20px;
    color: #000;
}

 .app_icon_area{
   margin-bottom: 54px;
 }   

.thank_text h2 {
    font-size: 48px;
    color: #01007f;
    font-weight: 800;
    margin-bottom: 20px;
}
.thank_text {
    padding: 60px 5px;
    text-align: center;
    padding-top: 20px;
}
.thank_text p {
    font-size: 22px;
    color: #000;
    margin-bottom: 0px;
    line-height: 32px;
}
.minh500 {
    min-height: 300px;
}    

.enroll_course_t {
    padding: 45px 15px;
    text-align: center;
}    

 .enleftbox img {
    margin-bottom: 20px;
    display: none;
}
.enleftbox p {
    text-align: left;
    font-size: 14px;
    color: #000;
    padding-left: 4px;
    margin-bottom: 9px;
}   

.cus_form{
    margin-bottom: 10px;
}
.main_menu {
    background-color: #fff;
    padding: 0px 10px !important;
}
.header_area .menu_nav {
    width: 100%;
    padding-left: 12px;
    background-color: #000;
    color: #fff;
}
.logo_head img {
    width: 130px;
}
.login_1 {
  border: solid 1px #bcbcbc;
  padding: 6px 9px;
  border-radius: 6px;
  background: #ffffff;
  color: #01007f;
  margin-left: 10px;
  font-weight: 300;
  transition-duration: 0.4s;
  text-decoration: none;
  font-size: 11px;
  /* float: right; */
  right: 41px;
  position: absolute;
  top: 17px;
  display: none;
}
.top-gap {
    margin-top: 68px;
}
.hero_text {
    padding: 40px 0px;
    margin-top: 65px;
    height: 30vh;
}
.word span {
    cursor: pointer;
    display: inline-block;
    font-size: 44px;
    user-select: none;
    line-height: .8;
}
.word span img {
    display: none;
}
.word {
    perspective: 1000px;
    color: #01007f;
    font-weight: 900;
    line-height: 50px;
    font-size: 58px;
    font-weight: 900;
    text-align: center;
}

.content_2 {
    padding: 2rem 1rem 1.2rem !important;
}
.content {
    padding: 2rem 1rem 2rem !important;
}
.content_3 {
    padding: 0rem 0.5rem 1rem !important;
}
.content_4 {
    padding: 1rem 1rem 1rem !important;
}

.content_5 {
    padding: 3rem 1rem 3rem !important;  
}



.enroll_bg {
    padding: 2rem 2rem 2rem;
}
.heading_text_2 h2 {
  font-size: 18px;
  color: #fff;
  line-height: 28px;
}
.heading_text_2 p {
    font-size: 15px;
    color: #ccc;
    margin-bottom: 10px;
}
.heading_text_2 a {
    background-color: #fff;
    padding: 5px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #000;
    display: inline-block;
    transition-duration: 0.4s;
    font-size: 15px;
}
.round-shape3 img{
    width: 64%;
}
.round-shape5 img{
    width: 64%;
}
.round-shape8 img{
    width: 64%;
}
.round-shape7 img{
    width: 64%;
}
.moveround-2{
    width: 70%;
}
.who_text {
    padding-top: 10px;
}
.who_text h2 {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    margin-bottom: 20px;
    line-height: 24px;
}
.who_text p {
    font-size: 15px;
    color: #343434;
    line-height: 22px;
}
.who_text a {
    margin-top: 2px;
    font-size: 14px;
}
.main_who_circ img {
    border-radius: 50%;
    width: 82%;
}
.main_who_circ_2 img {
    border-radius: 50%;
    box-shadow: 0 0px 90px -55px rgba(0, 0, 0, 0.25) !important;
    width: 70%;
}
.course_details {
    padding: 22px 15px;
}
.course_details h1 {
    font-size: 24px;
    color: #000;
    font-weight: 700;
}

.course_details p {
    font-size: 17px;
    color: #343434;
    line-height: 24px;
    margin-bottom: 10px;
}
.time_text a {
    margin-top: 2px;
    font-size: 16px;
}
.time_text {
    padding: 4px 0px;
}
.heading_text h2 {
    font-size: 28px;
    color: #000;
}

.ag-timeline-card_title {
    font-size: 18px;
    color: #000;
    text-align: left;
    line-height: 24px;
    margin-bottom: 2px;
}
.ag-timeline-card_desc p{
    line-height: 21px;
    font-size: 14px;
}
.heading_text {
    padding-left: 15px;
}
.heading_text::after {
    left: 15px;
}

.enroll_head h2 {
   color: #fff;
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 42px;
}
.inner-box {
    padding: 20px 20px;
}

.testimonial-section {
    position: relative;
    padding-top: 35px;
    padding-bottom: 24px;
    overflow: hidden;
    padding-left: 15px;
    padding-right: 15px;
}
.page_head h2 img{
    width: 40px;
    float: right;
}
.main_ftalk_video {
    position: absolute;
    top: -19px;
    margin-left: 0%;
    cursor: pointer;
}
.mrtop-320{
    margin-top: -60px;
}
.mastertalk_text h2 {
    font-size: 24px;
    color: #fff;
}

.mastertalk_text p {
    font-size: 15px;
}
.mastertalk_text a {
    background-color: #fff;
    padding: 0px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #000;
    display: inline-block;
    transition-duration: 0.4s;
    font-size: 17px;
}
.service-box-1 {
    padding: 20px 10px 15px 10px;
}
.service-box-1 h2 {
    font-family: "Roboto", Sans-serif;
    font-size: 17px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 1.32em;
    letter-spacing: 0.44px;
    color: #1d273b;
    margin: 10px 0px 5px 0px;
    text-align: center;
}

.aboutus-bg {
    background-image: url(../img/course_1.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.main_who21 {
    padding-bottom: 20px;
}
.main_roadmapscroll {
    overflow-x: inherit;
    display: block;
    position: relative;
    top: 0;
    margin-bottom: 30px;
}
section.scroll22 {
    min-width: 50vw;
    min-height: 20vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 4ch;
    margin-top: 1vh;
    border-radius: 8px;
}
.sticky-container{
    height: auto !important;
}
.masroad_text_2 {
    padding: 10px 25px;
}
.masroad_text {
    padding: 10px 25px;
}
.masroad_text ul li {
    font-size: 17px;
}
.masroad_text_2 {
    padding: 10px 25px;
}
.masroad_text_2 ul li {
    font-size: 17px;
}
.enroll_bg_03 {
    padding: 2rem 1rem 5rem;
}
.portfolio-menu {
    text-align: left;
}

.portfolio-menu ul li {
    border: solid 1px #d3d3d3;
    font-size: 14px;
    color: #000;
    display: inline-block;
    margin: 0 6px;
    list-style: none;
    padding: 10px 10px;
    cursor: pointer;
    -webkit-transition: all 05s ease;
    -moz-transition: all 05s ease;
    -ms-transition: all 05s ease;
    -o-transition: all 05s ease;
    transition: all .5s ease;
    border-radius: 22px;
    width: 43%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
}
.main_course {
    display: block;
    border: solid 1px #ededed;
    border-radius: 8px;
}
.main_course img {
    border-radius: 8px 0px 0px 8px; 
    display: none;
}
.about_text2 p {
    font-size: 16px;
    color: #000;
    line-height: 24px;
}
.why_fin2 {
    background-image: url(../img/arnav.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
}
.all_btn {
    background-color: #01007f;
    padding: 5px 18px;
    border-radius: 5px;
    text-decoration: none;
    color: #fff;
    margin-top: 20px;
    display: inline-block;
    transition-duration: 0.4s;
    font-size: 18px;
    margin-bottom: 20px;
}
.left_space_l {
    padding-left: 0px;
}
.left_space_r {
    padding-right: 0px;
}
.mainteam_box {
    margin-top: 20px;
    border-bottom: solid 1px #c9c9c9;
    padding-bottom: 48px;
    margin-bottom: 48px;
    padding-left: 38px;
}
.team_text_pro img {
    border: solid 1px #f1f5f8;
    border-radius: 10px;
    margin-bottom: 20px;
}
.why_fin2_text {
    background-color: #fff;
    padding: 20px;
    border-radius: 6px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.contact_text p {
    font-size: 18px;
    color: #000;
    margin-bottom: 25px;
    font-weight: 400;
    padding-left: 15px;
}
.about_text2 {
    background-color: #fff;
    padding: 10px;
    border-radius: 6px;
    margin-top: 0px;
    padding-left: 10px;
    padding-bottom: 10px;
}
.video_prop{
    width: 100%;
    height: 198px;
}
.time_text_2 h4 {
    color: #444;
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 500;
}
.course_video_head {
    background-color: #f1f1f1;
    border-radius: 6px;
    padding: 15px;
}

}


@media (max-width: 575px) {
  .navbar-brand img {
        height: 27px;
    }  

.enleftbox {
    padding: 40px 30px;
    background-color: #ddd;
    background-image: url(../img/bgpp9876.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: none;
}    
.top_menu {
  display: none;
}
.hero_text h1 {
    font-size: 20px;
    text-align: left;
    padding-left: 15px;
    margin-top: 10px;
}
.hero_text h2 {
 font-size: 20px;
 text-align: center;
 color: #000;
 font-weight: 400;
 margin-bottom: 22px;
 display: none;
}
.heading_text h2 {
  font-size: 20px;
  color: #000;
}
.Creative-text h1 {
  font-size: 22px;
  margin-bottom: 20px;
}
}

@media (max-width: 766px) {
.header_area .menu_nav {
    width: 100%;
    padding-left: 12px;
    background-color: #fff;  
    color: #fff;
}
}


/*-----------------------------------------------*/


.blue_allbtn{
    background: linear-gradient(90deg, #4f46e5, #ed3a4f);
    padding: 5px 22px;
    border-radius: 50px;
    text-decoration: none;
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    transition-duration: 0.4s;
    font-size: 17px;
    border:solid 1px #ccc;
}
.blue_allbtn:hover{
    background: linear-gradient(80deg, #ed3a4f, #4f46e5);
    padding: 5px 22px;
    border-radius: 50px;
    text-decoration: none;
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    font-size: 17px;
    transform:translateY(-3px);
}
.blue_allbtn img {
    width: 20px;
    margin-left: 4px;
    height: inherit;
    display: inline;
}

@media(max-width:767px){
 .premium_title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin: 10px 0;
} 
.main-title {
    font-size: 22px;
    font-weight: 800;
    line-height: 27px;
    color: #0f172a;
    margin-bottom: 10px;
}  
.content-box h2 {
    font-size: 23px;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 8px;
    color: #fff;
}
.content-box p {
    color: #d5d5d5;
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 25px;
}
.contact-info a {
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    text-decoration: none;
    display: block;
}
.content-box {
    position: relative;
    z-index: 2;
    padding: 30px;
    border-radius: 25px;
    background: rgba(255, 255, 255, .06);
    backdrop-filter: blur(12px);
    color: #fff;
}
.contact-info span {
    margin: 0 15px;
    color: #6d7cff;
    display: none;
}

}

/*-------------------------------------*/