*{padding:0px;margin:0px;box-sizing:border-box;font-family:robotoregular;}
/*body{background-color:var(  --bg-color);}*/
html {
  scroll-behavior: smooth;
}
/******************common-stying***************************/
:root{
  --font-color:#000000;
  --btn-color:#0099FF;
  --orange-btn-color:#FA990F;
  --btn-padding:18px 32px;
  --rounded-btn:4px 22px;
  --font-black-color:#333333;
  --bg-color:#F4F4F4;
  --secondary-color:#888888;
  --section-color:#F4F4F4;
  --p-font-size:18px;
  --green-color:#1ADE99;
  --red-color:#E86785;
  --bg-light-green:#f7f8fa;
}
@font-face {font-family:robotobold;   src:url('../fonts/Roboto-Bold.ttf');}
@font-face {font-family:robotomedium; src:url('../fonts/Roboto-Medium.ttf');}
@font-face {font-family:robotoregular;src:url('../fonts/Roboto-Regular.ttf');}
@font-face {font-family:robotoitalics;src:url('../fonts/Roboto-Light.ttf');}
h1{font-size:62px;}
h2{font-family:'robotobold';color:var(--font-black-color); font-size:32px;}
h3{font-family:robotomedium;color:var(--font-black-color);font-size:32px;}
h4{font-family:robotomedium;color:var(--font-black-color);}
.w-100{width:100%;}
main{margin-top:10px;}
.mt-70{margin-top:70px;}
.mt-85{margin-top:85px;}
.mt-30{margin-top:30px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mt-45{margin-top:45px;}
.mt-50{margin-top:50px!important;}
.mt-60{margin-top:60px;}
.mt-100{margin-top:100px;}
.pb-100{padding-bottom:100px;}
/*prashant*/
.bg-light {background: #e7e7e7!important}
/*testi*/
.testimonial-card {

        }

        .testimonial-card:hover {
            transform: translateY(-5px);
        }

        .quote-icon {
            font-size: 4rem;
            color: #fff;
            opacity: 0.2;
        }

        .avatar {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            object-fit: cover;
            border: 4px solid #ffffff;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        }

        .carousel-control-prev,
        .carousel-control-next {
            width: 40px;
            height: 40px;
            background-color: #6366f1;
            border-radius: 50%;
            top: 50%;
            transform: translateY(-50%);
        }

        .testimonial .carousel-control-prev {
            left: -20px;
        }

        .testimonial .carousel-control-next {
            right: -20px;
        }

        .carousel-indicators {
            bottom: -50px;
        }

        .carousel-indicators button {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #6366f1;
            opacity: 0.5;
        }

        .carousel-indicators .active {
            opacity: 1;
        }
/*testi*/
.blue {color:#4a6ca9} 
.bgblue {background:#4a6ca9} 
.ulli i {margin-right: 20px; }
.blog ul li {padding-bottom: 10px}
/*prashant*/
.ulli li {display: flex; margin-bottom: 10px; align-items: baseline; }
.bg-orange{background-color:var(--orange-btn-color);}
.bg-light-green{background:var( --bg-light-green)}
.orange-btn{cursor:pointer;border-radius: 16px;text-transform:uppercase;padding:var(--rounded-btn);text-transform:uppercase;background:#007BFF;color:#fff;border:none;outline:none;}
.blue-btn{cursor:pointer;font-size:var(--p-font-size);border-radius: 5px;padding:var(--btn-padding);background-color:var(--font-color);text-transform:uppercase;color:#fff;border:none;outline:none;}
.btn-link:focus, .btn-link.focus{text-decoration: none}
.btn-link:hover{text-decoration: none}
.bg-transparent{background:transparent;}
.active-white{color: #fff ;border-top: 1px solid #fff;border-bottom: 1px solid #fff;}
.active-white .nav-link{color:#fff!important;}
.bg-orange{background-color:var(--orange-btn-color);}
.form-control:focus{box-shadow:none;}
.home-nav .navbar-light .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.circle-blob{position: relative}
.circle-blob::before{content:'';background-image:url(../assests/img/orange-circle.svg);height: 100%;width: 7%;background-size: 100% 100%;position: absolute;background-position: center;transform: rotate(180deg);left: 0px;top: -34%;}
.circle-blob-grey::before{background-image:url(../assests/img/grey-circle.svg);}
.navbar-toggler {padding: 6px;outline: none;border:2px solid var(--font-black-color);}
.navbar-toggler:hover, .navbar-toggler:focus{outline:none;}
.select-container{position: relative;}
.slick-arrow-container {display: none}
.slick-arrow-container .slick-arrow{box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;position: absolute;background: #fff;padding: 10px 14px;top: 58%;height: 50px;width: 50px;z-index: 1;border-radius: 50%;transform: translate(-50%,-50%);}
.slick-arrow-container .slick-arrow i{font-size: 20px;color:#000;}
.slick-arrow-container :nth-of-type(1){left: 0%;}
.slick-arrow-container :nth-of-type(2){right:-5%;}
.slick-disabled{opacity: 0.8;background-color:#e5e5e5!important;}
.menu-btn {display:none;cursor: pointer;width: 30px;height: 20px;position: relative;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;transition: .5s ease-in-out;z-index: 5;}
.menu-btn span.line {display: block;position: absolute;height: 2px;width: 100%;border-radius: 9px;opacity: 1;left: 0;background: #000;-webkit-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.menu-overlay{position: fixed;z-index:4;display: none; height: 100%; width: 100%;background-color: #0099ffa8;top: 0px;backdrop-filter: blur(10px);}
.menu-btn.open span.line{background: #000;}
.menu-btn span.line:nth-child(1) { top: 0px; }
.menu-btn span.line:nth-child(2) { top: 8px; }
.menu-btn span.line:nth-child(3) { top: 16px; }
.menu-btn.open span.line:nth-child(1) { top: 10px; -webkit-transform: rotate(135deg);transform:rotate(135deg); }
.menu-btn.open span.line:nth-child(2) { opacity: 0; left: -60px; }
.menu-btn.open span.line:nth-child(3) { top: 10px; -webkit-transform: rotate(-135deg);transform: rotate(-135deg); }
/********************common-stying end*************************/


/******************header-stying***************************/
header{background:#fff; padding: 10px ;width:100%;top:0px;z-index: 9999;}
header .navbar-nav{gap:20px;}
header .navbar-nav a{font-size: var(--p-font-size);}
header .navbar-nav .nav-item.active{color:var(--font-color);border-top:1px solid var(--font-color);border-bottom:1px solid var(--font-color)}
header .navbar-nav .nav-item.active .nav-link{color:var(--font-color);}
header .languge-container{margin-left:30px;color:var(--font-black-color);cursor:pointer;font-size:12px;}
header .languge-container select{border:none;font-size:12px;color:#000;cursor:pointer;outline: none;background:transparent;}
/********************header-stying end*************************/

/*********************index-page-styling******************************************************************************************/
/************************banner-section***************************************************************************************/
.carousel-caption {
  top: 0rem;
}
.banner-container{background-image: url(../img/banner.png);    background-position: center;background-repeat: no-repeat;background-size: cover;height: 480px;;width: 100%;position: relative;}
.banner-container header{position: static}
/*.banner-container .overlay-container{position: absolute; height: 100%; width: 100%;background-color: #0099ffa8;top: 0px;}*/
.banner-container .content-container{position: relative;text-align: center;color:#fff;background}
.banner-container .banner-content blockquote{    font-size: 32px;font-style: italic;position: relative;font-family: robotoitalics;padding: 0px 165px;margin: 50px 0px 50px 0px;}
.banner-container .banner-content  h5{text-transform: uppercase;}
.banner-container .home-nav .navbar-brand{color:#fff;}
.banner-container .home-nav  ul li a{color:#fff!important;}
.banner-container .home-nav  .languge-container{color:#fff;}
.banner-container .home-nav  .languge-container select option{color:#000;}
.banner-container .home-nav  .languge-container select{color:#fff;}
.banner-container .pricing-card-container {margin-top:200px;position: relative;}
.banner-container  blockquote   .bi-quote{position:absolute;font-size: 65px;color: rgba(255,255,255,0.5);}
.banner-container  blockquote  .left-quote{left: 12%;top: -28%;}
.banner-container  blockquote  .right-quote{right: 15%;transform: rotate(180deg);top: 24%;}
/**************************banner-section*************************************************************************************/


 /********************************two-rows-section********************************************************************/
.two-rows-section{margin-top:10px;}
.two-rows-section.circle-blob::before{    content: '';background-image: url(../assests/img/orange-circle.svg);height: 16%;width: 7%;top: 42%;right: 0px;left:inherit;transform: inherit;background-repeat: no-repeat;}
.two-rows-section .content-section h6{font-size:16px;font-family: robotomedium;}
.two-rows-section .content-section h2{margin:10px 0px 20px 0px;}
.two-rows-section .content-section  p{color:var(--secondary-color);font-size: var(--p-font-size)}
.two-rows-section   .img-container img{height:300px;width:570px;object-fit: cover;  }
.two-rows-section .content-section button{color:#000;padding:0px;font-size:16px;font-family: robotomedium;text-transform: capitalize;}
 /**********************************two-rows-styling/********************************************************************/


/************************************video-section********************************************************************/
.video-section{margin-top: 180px;background: var(--bg-color);width: 95%;border-top-right-radius: 50px;border-bottom-right-radius: 50px; padding:50px 0px;}
.video-section .img-container  img{    height: 470px;width: 570px;position: absolute;top: 50%;object-fit:cover;border: 1px solid #DADADA;border-radius: 20px;left: 50%;transform: translate(-50%,-50%);}
.video-section  .video-content p{color:var(--secondary-color);font-size: var(--p-font-size);margin:20px 0px 40px 0px;}
/************************************video-section********************************************************************/


/******************************supporthelp-container***********************************************************************8*/
.supporthelp-container{padding-top:0px;background:var(--bg-color);padding-bottom:0px;}
.supporthelp-container p{color:var(--secondary-color);font-size: var(--p-font-size);color: var(--secondary-color);font-size: var(--p-font-size);margin-top: 13px;}
.supporthelp-container .supporthelp-row  h4{font-size: 24px;}
.supporthelp-container .supporthelp-row p,address,.telno{color:var(--secondary-color);font-size: 20px}
.supporthelp-container .supporthelp-row form{width:100%;}
/******************************supporthelp-container/***********************************************************************8*/




/*********************index-page-styling/******************************************************************************************/



/*************************resource-page-styling***************************************/
/*************************resource-section-styling***************************************/
.resources-container .resources-heading h2{margin:8px 0px 0px 0px;font-family:robotobold;font-size: 32px;color:var(--font-black-color);}
.resources-container .resources-tab-container .nav-tabs{border:none;    gap: 20px;}
.resources-container .resources-tab-container .nav-tabs a{border-bottom:3px solid transparent;color:var(  --font-black-color);font-family:'robotoregular';font-size: 20px;}
.resources-container .resources-tab-container .nav-tabs a.active{ background:transparent;   border: none;color: var(--font-color); border-bottom: 3px solid var(--font-color);}
.resources-container .resources-tab-container .tab-pane{margin-top:48px;}
.resources-container .resources-tab-container .video-container .slick-active  .img-overlay{display: none}
.resources-container .resources-tab-container .video-container .video-scroll-item figure{width: 100%;height:400px;padding: 0px 25px;position: relative;margin: auto;}
.resources-container .resources-tab-container .video-container .video-scroll-item .img-overlay{background-image: linear-gradient(284deg,#f7f8fa69,#ffffff);height: 100%;top: 0px;position: absolute;width: 100%;}
.resources-container .resources-tab-container .video-container .video-scroll-item img{height: 100%;width: 100%;object-fit: cover;}
.resources-container .resources-tab-container .video-container .slick-dots{display: flex;align-items: center;gap:20px;justify-content:center;    margin-top: 32px;}
.resources-container .resources-tab-container .video-container .slick-dots li{list-style-type: none;}
.resources-container .resources-tab-container .video-container .slick-dots li button{border:1px solid #E5E5E5;cursor:pointer;outline:none;border-radius: 50%;font-size: 0px;padding: 10.5px;background: #fff}
.resources-container .resources-tab-container .video-container .slick-dots li.slick-active button{background-color:var(--font-color);}
/*************************resource-section-styling end***************************************/

/******************************events-section-styling************************************************************/
.events-section .container{position: relative;}
.events-section .slick-arrow{top:50%;}
.events-section .card-main-container{color:var(--secondary-color);}
.events-section  .card-container{margin-top:32px;}
.events-section  .card-container .card{overflow: hidden}
.events-section  .card-container .card-body span{font-size:var(--p-font-size);}
.events-section  .card-container .card-body a{color:var(--font-color);font-size:var(--p-font-size);font-family:robotomedium;}
.events-section  .card-container .card-body .card-title{font-family:robotomedium;font-size:22px;color: var(--font-black-color);}
.events-section  .card-container .card-body .card-text{color:var(--secondary-color);font-size:var(--p-font-size);margin:28px 0px 40px 0px;}
.events-section  .card-container img{height:170px;width:368px;object-fit: cover;}
/********************************events-section-styling/**********************************************************/

/*************************blog-section-styling**********************************************************************/
.blog-section{margin-top:70px;}

/*************************blog-section-styling end**********************************************************************/

/*************************resource-page-styling end***************************************/




/*********************************overview-section*****************************************************************/
.overview-container  h2{margin-top:8px;padding:0px 10px;}
.overview-container .overview-content p{font-size:var(--p-font-size);color:var(--secondary-color);margin-top:24px;}
.overview-container  .quote-container {text-align: center;margin:auto;}
.overview-container  .quote-container h6{text-transform: uppercase;font-family:robotobold;margin:0px; }
.overview-container  .quote-container blockquote{color:var(--orange-btn-color);font-size:32px;position: relative;padding: 4px 50px;}
.overview-container  .quote-container blockquote i{font-size:50px;}
.overview-container  .quote-container blockquote .left-quote{position: absolute;top: -10%;left: 0%;}
.overview-container  .quote-container blockquote .right-quote{    position: absolute;bottom: -14%;right: 0%;}
.overview-container  .quote-container blockquote .right-quote:before{transform:rotatey(-188deg);}
.overview-container  .tabs-btn-container .nav-tabs{border:none;}
.overview-container  .tabs-btn-container a{font-size: var(--p-font-size);padding:var(--btn-padding);}
.overview-container  .tabs-btn-container a.active{background-color:var(--font-color);color: #fff;}
/*************************************overview-section/*************************************************************/

/*********************************how-all-section*****************************************************************/
.how-all-container.circle-blob-grey::before{    top: 54%;transform: translate(-50%,-50%) rotate(180deg);left: 50px;}
.how-all-container{background-color:var(--section-color);padding:60px 0px;text-align: center}
.how-all-container p{color:var(--secondary-color);font-size:14px;}
.how-all-container figure{height:370px;width: 970px;margin:auto;margin-top:18px;}
.how-all-container figure img{width:100%;height:100%;object-fit: cover}
/*********************************how-all-section*****************************************************************/

/*********************************core-value-section*****************************************************************/
.core-value-container{background:#fff;padding: 60px 0px;text-align: center}
.core-value-container .value-container h4{font-size: 20px}
.core-value-container .value-container p{color:var(--secondary-color);font-size: var(--p-font-size)}
.core-value-container   .feature-container figure{margin:0px;margin-bottom: 30px;}
.core-value-container   .feature-container  figure img{width: 110px;width: 110px;height: 110px;object-fit: contain;}
/*********************************core-value-section*****************************************************************/

/*******************************our-journey-section***********************************************************/

.our-journey-container{padding: 0px 0px 0px 80px;}
.our-journey-container  .happy-clients-container{padding-top:60px;height: 100%}
.our-journey-container  .content-container{padding-top:60px;}
.our-journey-container .journey-content h4{font-family:robotobold; margin-bottom:18px;font-family:robotobold;}
.our-journey-container .journey-content p{color:var(--secondary-color);font-size:var(--p-font-size);}
.our-journey-container .journey-content button{margin-bottom:14px;}
.our-journey-container .journey-img{height:370px;width:370px;object-fit: cover;margin: auto;}
.our-journey-container .journey-img img{height:100%;width:100%;object-fit: cover;}
.our-journey-container .happy-clients-container{background-color:var(--section-color);}
.our-journey-container .happy-clients-container  .clients-item{text-align:center;color:var(--secondary-color);padding-bottom:50px;}
.our-journey-container .happy-clients-container .clients-item h5{font-size: 32px;font-family:robotobold;}
.our-journey-container .happy-clients-container .clients-item p{font-size:16px;margin:0px;font-family:robotobold;}
.our-journey-container .tabs-btn-container .nav-tabs {border:none;gap:10px;}
.our-journey-container .tabs-btn-container .nav-tabs .nav-link{border: 0px;background:#fff;border-radius: 30px;font-size: var(--p-font-size);padding: 3px 12px;text-transform: uppercase;color: var(--orange-btn-color);}
.our-journey-container .tabs-btn-container .nav-tabs .nav-link.active{background-color:var(--orange-btn-color);color:#fff;}
/*******************************our-journey-section***********************************************************/
/*******************************about-page-styling***********************************************************/

/*************************************login-page-styling***********************************************************************/
.form-container h2{text-align: center;margin-bottom:38px;}
.form-container a{color:var(--font-color);}
.form-container form{width: 670px;margin: 0 auto;padding: 30px;background-color:#fff;}
.form-container .otp-container input{border:none;padding: 0px;background:transparent;margin: 0px;}
.form-container .otp-container button{border-radius: 5px;border:none;padding: 0px;border-radius: 5px;border: none;cursor:pointer;outline: none;padding: 0px;white-space: nowrap;padding: 4px 25px;opacity: 0.4;background: #e5e5e5;}
.form-container .otp-container{display: flex;align-items: center;height:60px;border:1px solid   #ced4da;    padding: 10px 12px;}
.form-container form h4{font-size: 36px;margin-bottom:20px;}
.form-container form input{border-radius: 0px;height: 60px;margin-bottom: 20px;padding: 16px 20px;}
.form-container button {display: block;padding: 15.5px 80px;text-transform: capitalize;}
.form-container  .submit-btn{margin-top: 30px!important;}
.form-container  select.form-control:not([size]):not([multiple]){height:60px;color:var(--secondary-color);}
/*************************************login-page-styling/***********************************************************************/

/*************************************pricing-page-styling***********************************************************************/
/********************************************pricing-card-section******************************************************/
.price-container{position: relative;}
.pricing-card-container .card{padding: 40px 30px 65px 30px;height: 100%;margin-bottom:30px;position: relative;border-radius: 10px;box-shadow: 0 2px 14px 0 rgba(0,0,0,0.2);}
.pricing-card-container .card::before{    position: absolute;content: "";width: 100%;height: 10px;top: -1px;left: 0px;border-top-right-radius: 10px;border-top-left-radius: 10px;}
.pricing-card-container .card-row-container :nth-of-type(1) .card::before{background-color:var(--orange-btn-color);}
.pricing-card-container .card-row-container :nth-of-type(2) .card::before{background-color:var(--green-color);}
.pricing-card-container .card-row-container :nth-of-type(2) .card h4{color:var(--green-color);}
.pricing-card-container .card-row-container :nth-of-type(3) .card::before{background-color:var(--red-color);}
.pricing-card-container .card-row-container :nth-of-type(3) .card   h4{color:var(--red-color);}
.pricing-card-container .card  h4{color:var(--orange-btn-color);font-size:36px;}
.pricing-card-container .card  p{color:var(--secondary-color);}
.pricing-card-container .card  .pricing-container{margin:30px 0px 100px 0px;}
.pricing-card-container .card  .pricing-container .card-title{font-size:36px;}
.pricing-card-container .card  .pricing-container .card-title span{font-size: 62px;color:var(--font-black-color);}
.pricing-card-container .card  .pricing-container  .card-text{font-size:18px;margin-bottom:28px;color:var(--secondary-color);}
.pricing-card-container .card  .question-container h6{font-family:robotobold;margin-bottom:8px;}
.pricing-card-container .card  .question-container  p{color:#333333;margin:0px;margin: 0px 0px 8px 0px;}
.pricing-card-container .card  .question-container .info-icon{color:var(--font-black-color);}
/**********************************************pricing-card-section****************************************************/


/********************************************faq-container******************************************************/

.faq-container p{font-size:var(p-font-size);color:var(--secondary-color);}
.faq-container h3{font-size:20px;position:relative;}
.faq-container h3 button i{    position: absolute; font-size: 40px;top: 56%;right:0px; transform: translate(-50%,-50%);font-weight: bold;}
.faq-container .accordion .card-header{background:transparent;padding: 22px 20px;}
.faq-container .accordion .card{border:1px solid #333333;margin-bottom:20px;border-radius:5px;}
.faq-container .accordion .card button{width:100%;text-align: left;color:#333333;font-size:20px;font-family: robotomedium}
.faq-container .accordion .card button h6{font-size: 20px;margin: 0px;white-space: pre-wrap}
/**********************************************faq-container****************************************************/
/*************************************pricing-page-styling/***********************************************************************/


/**********************************footer-styling*************************************************/
footer{background: #282828;padding:20px 10px; color: #b4b4b4; font-size: 15px;}
footer ul {margin-left: 0; padding-left: 15px}
footer .social li a {width: 40px; height: 40px;}
footer .social li a i {line-height: 39px; color: #fff}
footer  .brder {border-top: 1px solid #505050}
footer .nav-link:hover {color: #fff;}	
footer a.nav-link:hover i {color: #f9ff4c;}
.form-control {
  display: block;
  width: 100%;
  padding: .225rem .75rem;
  font-size: .8rem;
  font-weight: 400;
  line-height: 1.5;
}
.btn {padding: 5px 18px}
.form {border: 1px solid #505050}
.formm {text-decoration: none; color: #000; padding: 5px 0}
/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/**********************************footer-styling-end*************************************************/



/*************************************@media-query**************************************************************/

@media (min-width: 1200px) {
	.carousel-caption {
	  position: absolute;
	  right: 15%;
	  top: 7.25rem;
	  left: 10%;
	  padding-top: 1.25rem;
	  padding-bottom: 1.25rem;
	  color: #fff;
	  text-align: left;
	}
	.minus {margin-bottom: -50px}
	.li { columns: 3; }
	.li2 { columns: 2; }
}


@media (min-width: 1400px) {
	.carousel-caption {
	  position: absolute;
	  right: 15%;
	  top: 8.25rem;
	  left: 10%;
	  padding-top: 1.25rem;
	  padding-bottom: 1.25rem;
	  color: #fff;
	  text-align: left;
	}
}
/**********for 1024**************/
@media only screen and (max-width : 1024px) {
  .slick-arrow-container{display: block}
  .resources-container .resources-tab-container .video-container .video-scroll-item figure{width:100%;height:100%;}
  /*********************two-rows-section************************************/
.two-rows-section .img-container img{width:100%;object-fit: cover;margin-top:20px;}
/**********************two-rows-section************************************/

/*about-page*/
.how-all-container figure{width:100%;}
/*about-page*/
/*resource-page*/
.events-section .card-container img{width:100%;}
/*resource-page end*/

    
}
/***********for 1024**********************/



/****************for 768********************/
@media (max-width: 768px){
  /*****************common styling**************/
  .menu-btn{display: block;}
  .overlay-container{display: none;}
  /*****************common styling**************/
/******************header-stying***************************/
header .navbar-nav{margin-top:20px;}
header{height:inherit;}
header .languge-container{margin:20px 0pxdropdown-item 0px 0px;text-align: center;margin-top:20px;}
header  .navigation-container{position: fixed; background: #fff;right:-100%;top: 76px;height: 100%;width: 64%;}
header .navbar-nav .nav-item.active{background-color:var(--font-color);color:#fff;}
header .navbar-nav .nav-item.active .nav-link{color:#fff;}
header .navbar-nav li{padding:0px 30px;}
/********************header-stying end*************************/

/*index-page*/
/************************banner-section***************************************************************************************/
.banner-container .banner-content blockquote{padding: 0px 12px;font-size: 40px;}
.banner-container blockquote .bi-quote{font-size: 42px;}
.banner-container blockquote .left-quote{left: 10%;top: -8%;}
.banner-container blockquote .right-quote{right: 35%;bottom: -8%;}
/**************************banner-section*************************************************************************************/

/***************************************************************************************************************/
.video-section {border-radius: 0px;width:100%;text-align: center;}
.video-section .img-container img{position: static;transform:inherit;width:100%;margin-bottom: 20px}
/***************************************************************************************************************/
/*indexpage end*/


/*resource-page*/
.events-section{margin-top:40px;}
.resources-container  h2{padding:20px;}
.resources-container .resources-tab-container .video-container .video-scroll-item{width:100%;height: 100%;padding: 0px 30px;}
.events-section .card-container img{width:100%;}
/*resource-page end*/


/*************************************login-page-styling***********************************************************************/
.form-container form{width: 100%;margin: 0 auto;padding: 30px;background-color:#fff;}
.form-container h4{font-size: }
/*************************************login-page-styling/***********************************************************************/


/*********************about-page*********************/
.our-journey-container{padding:0px;}
.our-journey-container .journey-img{width:100%;}
/*********************about-page/*********************/
}
/****************for 768/********************/



/****************for 600********************/
@media (max-width: 600px){
/*common-style*/
  .slick-arrow-container :nth-of-type(1){left: 6%;}
  .slick-arrow-container :nth-of-type(2){right: -3%;}
/*common-style*/

    /************about-page******************/
    .feature-container{    padding: 10px 40px;}
/******************about-page/**************************/
  /********two-rows-section************/
.two-rows-section  .row{margin-top:50px;}
.two-rows-section .img-container img{margin-bottom:20px;}
.two-rows-section .content-section{border:2;margin-top: 20px;text-align: center}
/********two-rows-section************/


 /**********************index-page***Q************************/
.banner-container .banner-content blockquote{font-size: 20px;}
.banner-container blockquote .right-quote{right: 28%;bottom: -25%;}
.banner-container blockquote .left-quote{left: 4%;top: -25%}
.video-section .img-container img{position: static;transform:inherit;width:100%;object-fit: cover;margin-bottom:30px;}
.video-section{width: 100%;border-radius: 0px;text-align:center;}
/********************index-page/*****************************/



/*********************about-page********************8*/
.overview-container .quote-container{margin-top:50px;}
/*********************about-page/********************8*/

/************footer***************/
footer .social-media-nav li a i{font-size: 17px}
/************footer**********************/
}
/****************for 600/********************/
/************************************@media-query***************************************************************/


/**************************dashboard-header-styling*************************************************/
.dashboard-header {box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);z-index: inherit;   padding: 20px 14px;}
.dashboard-header .nav-container{display:flex;justify-content: space-between;align-items: center;padding-left: 50px;}
.dashboard-header .nav-container button{padding:8px 50px;}
.dashboard-header   .nav-container .breadcrumb a{text-decoration: none;color:var(--font-black-color);font-size: var(--p-font-size)}
.main-dashboard-container  aside{ position: fixed;background-color: #fff; height: 100%;width: 250px; left: 0px;box-shadow: 0 2px 14px 0 rgba(0,0,0,0.15);}
.main-dashboard-container  aside h4{font-size: 18px;padding: 20px;}
.main-dashboard-container  aside ul li{list-style: none;padding: 12px 40px;cursor:pointer;background:#fff;width: 90%; border-top-right-radius: 20px; border-bottom-right-radius: 20px;}
.main-dashboard-container  aside ul li:hover{background:var(--font-color);}
.main-dashboard-container  aside ul li:hover a{color:#fff;}
.main-dashboard-container  aside ul li a{color:var(--font-black-color);font-size: var(--p-font-size)}
.main-dashboard-container  aside ul li a i{margin-right:18px;}
.main-dashboard-container  aside ul li a:hover{text-decoration: none;}
.main-dashboard-container  aside ul .modules-container  .collapse{padding-left: 76px;}
.main-dashboard-container  aside ul .modules-container li{width: 100%}
.main-dashboard-container  aside ul .modules-container{width: 90%; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; border-bottom-top-radius: 30px;  background: rgba(0,153,255,0.05);border-top-right-radius: 20px;}
.main-dashboard-container  aside ul .modules-container .list-group-item{background: inherit;border:none;color: var(--p-font-color);font-size: 14px;}
.main-dashboard-container  aside ul .modules-container .list-group-item:hover{color:var(--font-color);}
/**************************dashboard-header-styling end*************************************************/


.mission-section {
            max-width: 1200px;
            margin: 40px auto;
            padding: 20px;
            text-align: center;
            border: 1px solid #ddd;
            border-radius: 8px;
            background-color: #ffffff;
        }
        .mission-title {      
            font-size: 2rem;
            margin-bottom: 20px;
            color: #007BFF;
        }
        .mission-list {
            text-align: left;
            font-size: 1rem;
            line-height: 1.8;
            padding: 0;
            list-style: none;
        }
        .mission-list li {
            margin-bottom: 15px;
            padding-left: 25px;
            position: relative;
        }
        .mission-list li::before {
            content: "✓";
            color: #007BFF;
            font-size: 1.2rem;
            position: absolute;
            left: 0;
            top: 0;
        }

.faq-section {
            max-width: 1200px;
            margin: 40px auto;
			text-align: center;
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 8px;
            background-color: #ffffff;
            position: relative;
        }
        .faq-title {
           font-size: 2rem;
            margin-bottom: 20px;
            color: #007BFF;
        }


        .accordion-header:hover {
            background-color: #e6e6e6;
        }
        .accordion-content {
            display: none;
            padding: 15px;
            font-size: 0.95rem;
            line-height: 1.6;
            background-color: #ffffff;
        }
        .accordion-content.open {
            display: block;
        }
		
		.core-values-section {
            max-width: 1200px;
            margin: 40px auto;
			text-align: center;
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 8px;
            background-color: #ffffff;
            position: relative;
        }
        .core-values-title {
            font-size: 2rem;
            margin-bottom: 20px;
            color: #007BFF;
        }
        .view-more {
            position: absolute;
            top: 20px;
            right: 20px;
            font-size: 0.9rem;
            color: #007BFF;
            text-decoration: none;
            font-weight: bold;
            border: 1px solid #007BFF;
            padding: 5px 10px;
            border-radius: 4px;
            transition: background-color 0.3s ease, color 0.3s ease;
        }
        .view-more:hover {
            background-color: #007BFF;
            color: #fff;
        }
        .core-values-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
        }
        .core-value {
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 8px;
            background-color: #fff;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .core-value:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }
        .core-value-title {
            font-size: 1.2rem;
            font-weight: bold;
            margin-bottom: 10px;
            color: #007BFF;
        }   
        .core-value-description {
            font-size: 0.95rem;
            line-height: 1.3;
            color: #555;
        }
		.objective-section {
            max-width: 1200px;
            margin: 40px auto;
            padding: 20px;
            border: 1px solid #ddd;
            border-radius: 8px;
            background-color: #ffffff;
        }
        .objective-title {
            font-size: 2rem;
            margin-bottom: 20px;
            text-align: center;
            color: #007BFF;
        }
        .objective-content {
            font-size: 1rem;
            line-height: 1.8;
            text-align: justify;
            color: #555;
        }
		
		.products-section {
            max-width: 1200px;
            margin: 40px auto;
            padding: 20px;
            border: 1px solid #ddd;
			text-decoration: none;
            border-radius: 8px;
            background-color: #ffffff;
            text-align: center;
        }
		
        .products-title {
            font-size: 1.6rem;
            color: #007BFF;
        }
		
        .products-list {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            list-style: none;
            padding: 0;
        }
        .product-item {
            border: 1px solid #ddd;
            border-radius: 8px;
            background-color: #e7e7e7;
            /*text-align: center;*/
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        .product-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }
        .product-name {
            font-size: 1.2rem;
            font-weight: bold;
            color: #007BFF;
            margin-bottom: 10px;
        }
        .product-category {
            font-size: 1rem;
            color: #555;
            margin-bottom: 10px;
        }
        .view-more {
            display: inline-block;
            margin-top: 10px;
            padding: 5px 15px;
            font-size: 0.9rem;
            color: #fff;
            background-color: #007BFF;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s ease;
        }
        .view-more:hover {
            background-color: #0056b3;
        }
		
		
		.about-us-section {
            max-width: 1200px;
            margin: 40px auto;
            padding: 20px;
            background-color: #ffffff;
            border: 1px solid #ddd;
            border-radius: 8px;
        }
        .about-us-title {
            font-size: 2.5rem;
            margin-bottom: 20px;
            color: #007BFF;
            text-align: center;
        }
        .about-us-content {
            font-size: 1rem;
            line-height: 1.8;
            text-align: justify;
            color: #555;
        }
        .about-us-content p {
            margin-bottom: 20px;
        }
.lms-section {
            max-width: 1200px;
            margin: 40px auto;
            padding: 20px;
            background-color: #ffffff;
            border: 1px solid #ddd;
            border-radius: 8px;
        }
        .lms-title {
            font-size: 2.5rem;
            margin-bottom: 20px;
            color: #007BFF;
            text-align: center;
        }
        .lms-intro {
            font-size: 1.1rem;
            line-height: 1.8;
            text-align: justify;
            margin-bottom: 20px;
            color: #555;
        }
        .lms-features-title {
            font-size: 1.5rem;
            margin: 20px 0 10px;
            color: #333;
        }
        .lms-features-list {
            list-style: none;
            padding: 0;
        }
        .lms-features-list li {
            font-size: 1rem;
            line-height: 1.6;
            color: #555;
            padding: 8px 0;
            border-bottom: 1px dashed #ddd;
        }
        .lms-features-list li:last-child {
            border-bottom: none;
        }
        .highlight {
            color: #007BFF;
            font-weight: bold;
        }

.services-section {
            max-width: 1200px;
            margin: 40px auto;
            padding: 20px;
            background-color: #ffffff;
            border: 1px solid #ddd;
            border-radius: 8px;
        }
        .services-title {
            font-size: 2.5rem;
            margin-bottom: 20px;
            color: #007BFF;
            text-align: center;
        }
        .services-intro {
            font-size: 1.1rem;
            line-height: 1.8;
            text-align: justify;
            margin-bottom: 20px;
            color: #555;
        }
        .services-list-title {
            font-size: 1.5rem;
            margin: 20px 0 10px;
            color: #333;
        }
        .services-list {
            list-style: none;
            padding: 0;
        }
        .services-list li {
            font-size: 1rem;
            line-height: 1.6;
            color: #555;
            padding: 8px 0;
            border-bottom: 1px dashed #ddd;
        }
        .services-list li:last-child {
            border-bottom: none;
        }
        .highlight {
            color: #007BFF;
            font-weight: bold;
        }		
		
		
		.contact-section {
            max-width: 1200px;
            margin: 40px auto;
            padding: 20px;
            background-color: #ffffff;
            border: 1px solid #ddd;
            border-radius: 8px;
        }
        .contact-title {
            font-size: 2.5rem;
            margin-bottom: 20px;
            color: #007BFF;
            text-align: center;
        }
        .contact-details {
            font-size: 1.1rem;
            line-height: 1.8;
            margin-bottom: 20px;
            color: #555;
        }
        .contact-details p {
            margin: 8px 0;
        }
        .contact-details .highlight {
            font-weight: bold;
            color: #007BFF;
        }
        .contact-details a {
            color: #007BFF;
            text-decoration: none;
        }
        .contact-details a:hover {
            text-decoration: underline;
        }
        .map-container {
            margin-top: 20px;
        }
        iframe {
            width: 100%;
            height: 300px;
            border: 0;
            border-radius: 8px;
        }
		
		    .dropdown-menu {
        /*background-color: transparent !important; /* Transparent background */
        border: 1px solid white !important; /* White border around the dropdown */
        box-shadow: none;
		padding: 5px
    }

    .dropdown-item {
        color: #fff;
        padding: 5px 5px;
        border-bottom: 1px solid white; /* Add a line below each item */
    }

    .dropdown-item:last-child {
        border-bottom: none; /* Remove line after the last item */
    }

    .dropdown-item:hover {
        background-color: rgba(255, 255, 255, 0.1); /* Subtle hover effect */
    }
	
	@media screen and (max-width: 768px) {
    .banner-image {
      display: none;
    }
	
  }