@import url('var.css');

@import url('owl.carousel.min.css');

@import url('owl.theme.default.css');


/* ---Owl Carousel Nav Css--- */



.owl-prev, .owl-next{

    position: absolute;

    top: 50%;

    left: -10px;

    width: 30px;

    height: 30px;

    opacity: 0;

    line-height: 30px !important;

    font-size: var(--font-15) !important;

    background-color: var(--color-2) !important;

    border-radius: 100%;

    color: var(--color-white) !important;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}

.owl-next{

    left: auto;

    right: -10px;

}

.owl-carousel:hover .owl-prev,

.owl-carousel:hover .owl-next{

    opacity: 1;

    transition: all 500ms ease;

    -webkit-transition: all 500ms ease;

    -moz-transition: all 500ms ease;

    -ms-transition: all 500ms ease;

    -o-transition: all 500ms ease;

}



/* ---Filter Menu Start--- */



.filter_menu{

   /* background: -webkit-gradient(linear, left top, right top, color-stop(16%, #0d6efd), color-stop(5%, #092236));

    background: -o-linear-gradient(left, #0d6efd 16%, #092236 5%);

    background: linear-gradient(90deg, #0d6efd 16%, #092236 5%);*/
    background-color: var(--color-1);

}

.filter_menu.sticky{

    position: fixed;

    z-index: 999;

    width: 100%;

    top: 0;

}



.filter_title{

    margin: 0;

    color: var(--color-white);

    font-size: var(--font-18);

}

.filter_content{border-top: 1px solid #464646;}

.filter_content>ul{

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin: 0;

    padding: 0;
overflow: auto;
}

.filter_content>ul::-webkit-scrollbar {
    height: 4px;
}
.filter_content>ul::-webkit-scrollbar-track {
    background-color: #E7E7E7
}
.filter_content>ul::-webkit-scrollbar-thumb {
   background-color: rgba(223, 86, 86, 0.69);
border: 1px solid rgba(92, 92, 92, 0.5);
border-radius: 10px;
}
.filter_content>ul::-webkit-scrollbar-thumb:hover {
    background-color: #000;

}

.filter_content>ul>li{    list-style: none;}

.filter_content>ul>li>a{

    color: var(--color-white);

    font-size: 14px;

    font-weight: 400;

    padding: 10px 13px;

    display: inline-block;

}

.filter_content>ul>li>a:hover{    color: var(--color-3);}

/* ---Featured Area Start--- */

.feature_box{

    border-radius: 10px;

    overflow: hidden;

}

.featured_carousel .item{    position: relative;}

.featured_carousel .owl-prev{left: 10px;}

.featured_carousel .owl-next{left: auto;right:10px;}

.feature_content{

    position: absolute;

    top: 0;

    left: 0;

    text-align: center;

    width: 100%;

    height: 100%;

    padding: 30px;

    border-radius: 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    vertical-align: middle;

    -webkit-box-align: center;

    -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

            justify-content: center;

    background-color: rgb(0 0 0 / 68%);

}


.feature_content_new{

    position: absolute;

    top: 0;

    left: 0;

    text-align: center;

    width: 100%;

    height: 100%;

    padding: 30px;

    border-radius: 10px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    vertical-align: middle;

    -webkit-box-align: center;

    -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

            justify-content: center;


}


.feature_box img{
    width: 100%;
    height: 350px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center center;
       object-position: center center;
}
.feature_title{

    font-size: var(--font-40);

    font-weight: 600;

    color: var(--color-3);

}

.feature_content p{

       color: var(--color-white);
    font-size: var(--font-20);

}

.feature_content .btn.apply_btn{

    background-color: var(--color-3);

    color: var(--color-white);

    font-weight: 500;

    font-size: var(--font-15);

}



.feature_content .btn.apply_btn:hover{

    color:var(--color-white);

    background-color: var(--color-4);

}



.feature_content_new p{

       color: var(--color-white);
    font-size: var(--font-20);

}

.feature_content_new .btn.apply_btn{

    background-color: var(--color-3);

    color: var(--color-white);

    font-weight: 500;

    font-size: var(--font-15);

}



.feature_content_new .btn.apply_btn:hover{

    color:var(--color-white);

    background-color: var(--color-4);

}


.apply_btn{

    background-color: var(--color-3);

    color: var(--color-white);

    font-weight: 500;

    font-size: var(--font-15);

}

.apply_btn:hover{

    color:var(--color-white);

    background-color: var(--color-4);

}




.new_category{border-top: 1px solid #ddd;}



.newCategory_box>a{

    display: block;

}

.category_figure{

    overflow: hidden;

    border-radius:10px;

    -webkit-border-radius:10px;

    -moz-border-radius:10px;

    -ms-border-radius:10px;

    -o-border-radius:10px;
border: 1px solid #ddd;
}
.category_figure>img{
       width: 182px;
    height: 182px;
    background-color: var(--color-white);
    object-fit: contain;
    -webkit-object-fit: contain;
}
.category_contect_box{

    text-align: center;

    border-radius: 10px;

    padding: 10px 10px;

}

.category_title{

    font-size: var(--font-20);

    color: var(--color-3);

    margin-bottom: 5px;
    height: 45px;
}

.category_contect_box p{
    margin: 0 0 5px;
}



.org_sec {position: relative;    background-color: var(--color-1);}

.organization_logo {
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border: 1px solid #ddd;
}
.organization_logo>img{
       width: 182px;
    height: 182px;
    background-color: var(--color-white);
    object-fit: contain;
    -webkit-object-fit: contain;
}


.team_box{

    margin:60px 5px 10px;

    padding-top: 60px;

    background-color: var(--color-white);

    box-shadow: var(--bx-shadow);

    border-radius: 14px;

}

.team_feagure{

    position: absolute;

    top: 5px;

    width: 100px;

    height: 100px;

    left: 50%;

    margin: 0 auto;

    border-radius: 100%;

    overflow: hidden;

    border: 2px solid var(--color-3);

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

}

.team_feagure>img{

    width: 100px;

    height: 100px;

    border-radius: 100%;

}

.team_feaurecaption{

    text-align: center;

    padding: 0 20px 20px;

}

.team_name{

    font-size: var(--font-20);

    color: var(--color-3);

    font-weight: 600;

}

.team_designation{

    font-size: var(--font-15);

    color: var(--color-4);

}



.team_social>a{

    font-size: var(--font-15);

    display: inline-block;

    color: var(--color-2);

    margin: 0 5px;

}



/* Breadcrumb Area Start-- */





.breadcrumb_sec{

    position: relative;

    background-image: -o-linear-gradient(30deg, #abecd6 0%, #fbed96 100%);

    background-image: linear-gradient(60deg, #abecd6 0%, #fbed96 100%);

    height: 100px;

}

.breadcrumb_sec .breadcrumb_title{

    text-align: center;

    font-size: var(--font-28);

    font-weight: 600;

    color: var(--color-dark);

}



/* ---Detail Form--- */

.form_detail_left{
    height:100%;
}

.form_detail_left, .form_detail_right{

    background-color: #0c2e49;

    padding: 20px;

    position: relative;

}



.form_carousel .item{

    border-radius: 10px;

    overflow: hidden;

}


.detail_discription{
	/*height: 250px;
    overflow-x: hidden;
    overflow-y: auto;*/
}

.detail_discription::-webkit-scrollbar {
    width: 4px;
}
.detail_discription::-webkit-scrollbar-track {
    background-color: #E7E7E7
}
.detail_discription::-webkit-scrollbar-thumb {
   background-color: rgba(223, 86, 86, 0.69);
border: 1px solid rgba(92, 92, 92, 0.5);
border-radius: 10px;
}
.detail_discription::-webkit-scrollbar-thumb:hover {
    background-color: #000;

}

.form_detail_left h5{font-size: var(--font-18); color:var(--color-white);}

.form_detail_left p{ color:var(--color-white);}

.form_detail_left ul{

    padding-left: 15px;

}

.form_detail_left ul li{

    list-style-type: disc;

     color:var(--color-white);

     font-size: var(--font-14);

     margin: 2px 0;

    }

.form_detail_right>form{}

.form_detail_right>form .form-control,

.form_detail_right>form .form-select{

    border-radius: 0;

    font-size: var(--font-14);

    color: var(--color-dark);

}

.form_detail_right>form .form-label,

.form_detail_right>form .form-check-label{color: var(--color-white); font-size: var(--font-14);}



.btn-submit{

    background-color: var(--color-3);

    color: var(--color-white);

    font-size: var(--font-14);

    font-weight: 600;

    border-radius: 0;

}

.btn-submit:hover{

    background-color: var(--color-2);

    color: var(--color-white);

}

/* --Footer Area Start--- */



.main_footer{

    position: relative;

    background-color: var(--color-1);

    padding: 30px 0 0px;

}



.footer_wraper{text-align: center;}

.footer_logo{

    display: inline-block;

}

.footer_logo>a{

    display: inline-block;

    border: 1px solid #8097aa;

    border-radius: 4px;

    overflow: hidden;

    margin: 0 5px;

}

.footer_links{

    width: 100%;

    padding: 0;

    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    text-align: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

            justify-content: center;

}

.footer_links>li{

    list-style: none;

    border-right: 1px solid #00375a;

    border-left: 1px solid #001622;

    margin: 0;

}



.footer_links>li:first-child{ border-left:none;}

.footer_links>li:last-child{ border-right:none;}



.footer_links>li>a{

    color: var(--color-white);

    font-size: var(--font-15);

    padding: 0px 20px;

}

.footer_links>li>a:hover{

    color: var(--color-3);

}

.copyright_text{

    border-top: 1px dashed #003252;

    text-align: center;

    padding: 15px 0;

}

.copyright_text>p{

    color: var(--color-white);

    font-size: var(--font-15);

    margin: 0;

}



.mobileapp_fix{

    width: auto;

    position: fixed;

    right: 0;

    bottom: 100px;

    z-index: 999;

}

.mobileapp_fix>a{

    display: block;

    margin: 5px 0;

    transform: translateX(64px);

    -webkit-transform: translateX(64px);

    -moz-transform: translateX(64px);

    -ms-transform: translateX(64px);

    -o-transform: translateX(64px);

    transition: all 500ms, tranaform 500ms ease;

    -webkit-transition: all 500ms, tranaform 500ms ease;

    -moz-transition: all 500ms, tranaform 500ms ease;

    -ms-transition: all 500ms, tranaform 500ms ease;

    -o-transition: all 500ms, tranaform 500ms ease;

}

.mobileapp_fix>a:hover{

    transform: translateX(0);

    -webkit-transform: translateX(0);

    -moz-transform: translateX(0);

    -ms-transform: translateX(0);

    -o-transform: translateX(0);

    transition: all 500ms, tranaform 500ms ease;

    -webkit-transition: all 500ms, tranaform 500ms ease;

    -moz-transition: all 500ms, tranaform 500ms ease;

    -ms-transition: all 500ms, tranaform 500ms ease;

    -o-transition: all 500ms, tranaform 500ms ease;

}

/*---Scroll To Top---*/

.progress-wrap {

    position: fixed;

    right: 4px;

    bottom: 20px;

    height: 35px;

    width: 35px;

    background-color: var(--color-white);

    cursor: pointer;

    display: block;

    border-radius: 50px;

    z-index: 10000;

    opacity: 0;

    visibility: hidden;

    transform: translateY(15px);

    -webkit-transform: translateY(15px);

    -moz-transform: translateY(15px);

    -ms-transform: translateY(15px);

    -o-transform: translateY(15px);

    transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    -o-transition: all 200ms linear;

}



.progress-wrap.active-progress {

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

}



.progress-wrap::after {

    position: absolute;

    font-family: bootstrap-icons !important;

    content: "\f145";

    text-align: center;

    line-height: 35px;

    font-size: var(--font-24);

    color: var(--color-2);

    left: 0;

    top: 0;

    height: 35px;

    width: 35px;

    cursor: pointer;

    display: block;

    z-index: 1;

    transition: all 200ms linear;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    -o-transition: all 200ms linear;

}



.progress-wrap:hover::after {

    opacity: 0;

}



.progress-wrap::before {

    position: absolute;

    font-family: bootstrap-icons !important;

    content: "\f145";

    text-align: center;

    line-height: 35px;

    font-size: var(--font-24);

    opacity: 0;

    background-image: var(--theme-gradient);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    left: 0;

    top: 0;

    height: 35px;

    width: 35px;

    cursor: pointer;

    display: block;

    z-index: 2;

    transition: all 200ms linear;

    -webkit-transition: all 200ms linear;

    -moz-transition: all 200ms linear;

    -ms-transition: all 200ms linear;

    -o-transition: all 200ms linear;

}



.progress-wrap:hover::before {

    opacity: 1;

}



.progress-wrap svg path {

    fill: none;

}



.progress-wrap svg.progress-circle path {

    stroke: var(--color-2);

    stroke-width: 4;

    box-sizing: border-box;

    -webkit-transition: all 200ms linear;

    transition: all 200ms linear;

}

.custom_required {
    color: red;
    font-weight: 500;
}

.logoImg img {
    width: 100%;
    height: 50px;
}

.list_doc {
    font-weight: bold;
    color: #fff;
    font-size: 22px;
    padding-top: 20px;
}

.bold.applNo {
    font-weight: bold;
    font-size: 14px;
}

.bold.applNo {
    font-weight: bold;
    font-size: 14px;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 80vh;
  //background: white;
}

#hero .container {
  padding-top: 72px;
}

#hero h1 {
  margin: 0 0 10px 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  color: #fff;
}

#hero h2 {
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 50px;
  font-size: 24px;
}

#hero .btn-get-started {
  font-family: "Jost", sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px 11px 28px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px 0 0 0;
  color: #fff;
  background: #47b2e4;
}

#hero .btn-get-started:hover {
  background: #209dd8;
}

#hero .btn-watch-video {
  font-size: 16px;
  display: flex;
  align-items: center;
  transition: 0.5s;
  margin: 10px 0 0 25px;
  color: #fff;
  line-height: 1;
}

#hero .btn-watch-video i {
  line-height: 0;
  color: #fff;
  font-size: 32px;
  transition: 0.3s;
  margin-right: 8px;
}

#hero .btn-watch-video:hover i {
  color: #47b2e4;
}

#hero .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

@media (max-width: 991px) {
  #hero {
    height: 100vh;
    text-align: center;
  }

  #hero .animated {
    -webkit-animation: none;
    animation: none;
  }

  #hero .hero-img {
    text-align: center;
  }

  #hero .hero-img img {
    width: 50%;
  }
}

@media (max-width: 768px) {
  #hero h1 {
    font-size: 28px;
    line-height: 36px;
  }

  #hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }

  #hero .hero-img img {
    width: 70%;
  }
}

@media (max-width: 575px) {
  #hero .hero-img img {
    width: 80%;
  }

  #hero .btn-get-started {
    font-size: 16px;
    padding: 10px 24px 11px 24px;
  }
}

@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}