/*@font-face {
  font-family: mokoto;
  font-family: "Graphik",Helvetica,sans-serif,Lucida Sans Unicode;
  src: url(../fonts/mokoto.regular.ttf);
}
*/


@font-face {
    font-family: "Graphik";
    src: url("../fonts/Graphik-Regular-Web.eot");
    src: url("../fonts/Graphik-Regular-Web.eot?#iefix") format("embedded-opentype"),url("../fonts/Graphik-Regular-Web.woff2") format("woff2"),url("../fonts/Graphik-Regular-Web.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: "Graphik";
    src: url("../fonts/Graphik-Medium-Web.eot");
    src: url("../fonts/Graphik-Medium-Web.eot?#iefix") format("embedded-opentype"),url("../fonts/Graphik-Medium-Web.woff2") format("woff2"),url("../fonts/Graphik-Medium-Web.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: "Graphik";
    src: url("../fonts/Graphik-Semibold-Web.eot");
    src: url("../fonts/Graphik-Semibold-Web.eot?#iefix") format("embedded-opentype"),url("../fonts/Graphik-Semibold-Web.woff2") format("woff2"),url("../fonts/Graphik-Semibold-Web.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: "Graphik";
    src: url("../fonts/Graphik-Bold.eot");
    src: url("../fonts/Graphik-Bold.woff2") format("woff2"),url("../fonts/Graphik-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal
}


.header-wrapper .logo {
    width: 200px;
}
.header-top {
    border-bottom: 1px solid rgba(16, 17, 21, 0.1);
    padding: 2px 0;
}
.header-top-area {    align-items: center;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;}
	.header-top-area .left {
    gap: 65px;
}
.header-top-area .left li {
    /* padding: 15px 25px; */
    /* border-right: 1px solid rgba(16, 17, 21, 0.1); */
}

.header-top-area .left li a{color: #ffffff;font-size: 15px;}


.header-section.header-fixed  .menu > ul > li > a {
    color: #fff;
    text-transform: capitalize;
}

/*---------------------------------------------------------*/
.main_slider {
    /* height: 100vh; */
    overflow: hidden;
    width: 100%;
    position: relative;
    }
	
.main_slider	.content {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    width: 100%;
    left: 0;
    right: 0;
}
.main_slider	.content .cont{
    width: 65%;
}
.main_slider	.content .cont h1{
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
}
.main_slider	.content .cont p{
    font-weight: 600;
    color: #fff;
    font-size: 45px;
    line-height: 60px;
}
.main_slider	.content .cont h3{
    color: #fff;
    font-style: italic;
    font-size: 23px;
    font-weight: 300;
}
/*---------------------------------------------------------*/

/*---------------------------------------------------------*/
.slider-nav-thumbnails .slick-slide {
	opacity: 0.5;
	padding: 15px;
}
.slider-nav-thumbnails .slick-slide {opacity:1}
.slider-nav-thumbnails .slick-slide p:hover {color:#fff !important;opacity: 1;}
.slider-nav-thumbnails .slick-slide p {font-weight:600;margin:0;text-align: center;color: #ffffffa8;cursor: pointer;}
.slider-nav-thumbnails .slick-slide.slick-active {
	opacity: 1;
	border-top: 2px solid #f00;
}
.slider-nav-thumbnails .slick-slide.slick-active p {color:#fff}
.slider_Na_t .slider-nav-thumbnails .slick-slide:before {display:none}


/*------------------trending_news_blog---------------------*/
.trending_news_blog {
    padding: 30px 0;
    overflow: hidden;
    background: #f3f3f3;
}
.news-card {
    background: #fff;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    color: #563a94;
    margin-bottom: 30px;
}
.link-card {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0;
}
.news-card figure {
    margin-right: 15px;
    width: 125px;
    margin-bottom: 0;
    height: 125px;
}
.news-card .news-ctnt {width:calc(100% - 125px)}
.news-img {
    height: 100%;
    width: 125px;
    object-fit: cover;
}
.news-card .news-ctnt p {
    margin-bottom: 4px;
}
.news-card .tag span {
    display: inline-block;
    background: #563a94;
    color: #fff;
    font: 9pt/1 RobotoBold,sans-serif;
    padding: 5px 8px 6px;
    vertical-align: top;
}
.news-ctnt .news-card-title {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    font-family: sans-serif;
}
.news-desc {
    display: none;
}
.news-ctnt .news-dt {
    font-size: 14px;
    margin-bottom: 0;
}
/*------------------trending_news_blog---------------------*/





/*---------------------------------------*/
.Map_review {
    /* position: relative; */
    /* width: 546px; */
}
.Map_review .map_img{
    /* width: 445px; */
    /* margin: 0 auto; */
}
.Map_review .map_img img{}
.Map_review .comm_on:hover {cursor:pointer}
.Map_review .comm_on{}
.Map_review .comm_on .comm_width{
    /* width: 80px; */
}
.Map_review .comm_width{}
.Map_review .comm_width .img{
    /* width: 80px; */
    /* margin-bottom: 4px; */
    /* border-radius: 4px; */
    /* overflow: hidden; */
    /* box-shadow: 0px 0px 10px #444444b3; */
}
.Map_review .comm_width .img img{
    /* width: 100%; */
}
.Map_review .comm_width h3{
    /* font-size: 12px; */
    /* text-align: center; */
    /* margin: 0; */
}
.detail_c {
    /* width: 300px; */
    /* border: 1px solid #eee; */
    /* padding: 10px; */
    /* border-radius: 10px; */
    /* height: 250px; */
    /* display: flex; */
    /* flex-wrap: wrap; */
    /* position: absolute; */
    /* background: #fff; */
    /* display: none; */
    /* z-index: 4; */
}
.detail_cs {}
.detail_cs p {
    /* font-size: 14px; */
}

.Name_s {
    /* display: flex; */
    /* align-items: flex-end; */
}
.Name_s .name{
    /* width: 70%; */
}
.Name_s .name h3{
    /* font-size: 17px; */
}
.Name_s .name p{
    /* margin: 0; */
    /* line-height: 13px; */
    /* font-size: 13px; */
}
.field{
    /* width: 30%; */
}
.field img{}

.Map_review .comm_on:hover .detail_c {display:flex}
.comm_on.one {/* position: absolute; *//* top: 0; */}
.comm_on.two {/* position: absolute; *//* top: -23px; *//* left: 148px; */}
.comm_on.three {/* position: absolute; *//* top: 0; *//* left: 295px; */}
.comm_on.four {/* position: absolute; *//* top: 10px; *//* left: 450px; */}
.comm_on.five {/* position: absolute; *//* top: 166px; *//* left: 475px; */}
.comm_on.six {/* position: absolute; *//* top: 352px; *//* left: 388px; */}
.comm_on.seven {
    /* position: absolute; */
    /* top: 317px; */
    /* left: 270px; */
}
.comm_on.eight {
    /* position: absolute; */
    /* top: 350px; */
    /* left: 147px; */
}
.comm_on.nine {
    /* position: absolute; */
    /* top: 270px; */
    /* left: 38px; */
}
.comm_on.ten {
    /* position: absolute; */
    /* top: 161px; */
    /* left: -18px; */
}

.about-section {padding:60px 0}
.about-section .section-header {text-align:center}
.about-section .about-right ul {
    /* display: flex; */
    /* gap: 35px; */
}
.about-section .about-right ul li{}



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

/*------------------explore_us---------------------*/
.explore_us {    background: #000;
    padding: 60px 0;}
.explore_us h3{color:#fff}
/*------------------explore_us---------------------*/

.main_video {
    height: 100vh;
    justify-content: end;
    display: flex;
    background: #000;
}
.main_video:before {content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0000002e;
    background-image: linear-gradient( 2deg, rgb(0 0 0 / 0%) 56.41%, rgb(0 0 0 / 72%) 78.17%);}
.main_video video{
    width: 75%;
    height: 100%;
    object-fit: cover;
    /* margin: 0 auto; */
}
.main_video .cont_c {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate(0px, -50%);
}
.main_video .cont_c .w_dh{}
.main_video .cont_c .w_dh h1{
    color: red;
    margin-bottom: 0;
    font-family: mokoto;
    font-weight: 500;
}
.main_video .cont_c .w_dh h2{
    color: #fff;
    font-weight: 100;
    font-size: 30px;
    /* font-family: mokoto; */
}
.vide_cont {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 90px;
    display: flex;
    align-items: flex-end;
}
.vide_cont:before{
                      content:'';
                      background-image: linear-gradient( -95deg, rgb(0 0 0 / 0%) 2.41%, rgb(255 0 0 / 62%) 59.17%);
                      width: 100%;
                      height: 100%;
                      position: absolute;
                      content: "";
                      position: absolute;
                      left: 0;
                      top: 0;
                      width: 100%;
                      height: 100%;
                      /* background-color: var(--thm-black); */
                      opacity: 0.9;
                      z-index: 1;
                      background-image: linear-gradient( 2deg, rgb(0 0 0) 56.41%, rgb(0 0 0 / 0%) 78.17%);
}

.vide_cont .features-wrap a {
    display: flex;
    align-items: center;
    position: relative;
    transition: all 0.3s ease;
    justify-content: center;
    padding: 15px;
    z-index: 1;
}

.vide_cont .features-wrap a:hover .title{
    color: red;
}



.vide_cont .icon-part {
}
.vide_cont .icon-part img {
}
.vide_cont .content-part {
}
.vide_cont .title {
    color: #fff;
    margin: 0;
    font-size: 23px;
    font-weight: 500;
    text-transform: uppercase;
}

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


.about-section .about-right .section-wrapper ul li .ff{}
.about-section .about-right .section-wrapper ul li .ff h5{
    /* border-bottom: 1px solid #f1f1f1; */
    /* padding-bottom: 7px; */
    /* margin-bottom: 15px; */
    /* position: relative; */
    /* font-size: 25px; */
}
.about-section .about-right .section-wrapper ul li .ff h5:before {content:'';/* width: 80px; *//* height: 4px; *//* display: block; *//* background: #f00; *//* position: absolute; *//* bottom: -1px; */}
/*--------------------------------*/

.about-section .row.justify-content-center {align-items:center}
.quote {margin-top:15px;text-align: center;}
.quote span:nth-child(1){padding-left:0}
.quote span {
  padding: 0 15px 0 15px;
  color: red;
  font-weight: 500;
  position: relative;
}
.quote span:before{content:'|';position: absolute;right: 0px;}
.quote .highlightss, .quote span:hover {
  transform: translateZ(0) rotateX(0deg);
  transform-origin: 50% 100%;
  transition: all 0.3s ease-out;
  z-index: 9001;
}
.about-section .about-right .section-wrapper ul li .sr-right p b  {color:red}

/*-------------------------------------------*/
.mentor_video {background: #002837;}
.mentor_video video{width:100%}
.mentor_video .mentor_det {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.mentor_video .mentor_det h3{color:#fff;text-align: center;font-size: 55px;text-transform: uppercase;}

.counter_f {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}
.counter_f .two {
    width: 47%;
    text-align: center;
}
.counter_f .two .twos {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.counter_f .two h2{
    /* width: 92px; */
    color: #fff;
    margin-bottom: 0;
    font-size: 50px;
}
.counter_f .two h2.five {color:#37c9ef}
.counter_f .two h2.gren {color:#00bf63}
.counter_f .two h2.sky {color:#33c6b7}
.counter_f .two p {color: #fff;margin: 0;font-weight: 600;font-size: 15px;margin-bottom: 15px;}

/*-------------------------------------------*/
/* ==============================
   Services
   ============================== */
.page_section {padding:60px 0}
.Proven_sc .row {justify-content:center}
.ser_vi {
    margin-bottom: 23px;
    border: 1px solid #b2aaf9;
    background: #edebff;
    padding: 8px;
    border-radius: 5px;
}
.ser_vi:hover .gh_head {
    }
.ser_vi .gh_head{
    /* border-bottom: 3px solid #eee; */
    /* text-align: center; */
}
.ser_vi .gh_head h3{
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 8px;
}
.ser_vi .desc{
    /* height: 100%; */
}
.ser_vi .desc p{
    margin-bottom: 0;
}
.descs_link {
    /* padding: 15px; */
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-around;
    /* gap: 10px; */
}
.descs_link a{
    /* border: 1px solid #c3b696; */
    padding: 3px 7px;
    display: block;
    background: #aea283;
    color: #fff;
    font-size: 15px;
}
.descs_link a:hover {
    border: 1px solid #aea283;
    padding: 3px 7px;
    display: block;
    background: #aea283;
    }
.Proven_sc {}
.Proven_sc h2{
    margin-bottom: 10px;
    color: #e30000;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.075em;
}
.Proven_sc h3{
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 36px;
}
.prov_img {}
.prov_img img{
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
}
/*-------------------------------------------*/
.visualization {
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.visualization video{width:100%;object-fit: cover;height: 100%;}
.visualization .vis_pop{
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translate(0px, -50%);
}
.visualization .vis_pop .div_wd{
    width: 48%;
}
.visualization .vis_pop .div_wd h3{
    color: #fff;
    font-size: 70px;
    margin-bottom: 30px;
}
.visualization .vis_pop .div_wd .btn_sd{
    margin: 25px 0;
}
.visualization .vis_pop .div_wd .btn_sd a{
    background: #fff;
    padding: 5px 5px 5px 15px;
    border-radius: 38px;
    font-weight: 600;
    color: red;
    position: relative;
    display: flex;
    width: fit-content;
    align-items: center;
    gap: 15px;
}
.visualization .vis_pop .div_wd .btn_sd a en{
    background: #e90000;
    width: 30px;
    display: flex;
    height: 30px;
    justify-content: center;
    align-items: center;
    border-radius: 35px;
    /* position: absolute; */
    /* right: 0; */
    /* top: 2px; */
}
.visualization .vis_pop .div_wd .btn_sd a en svg{color:#fff}
.visualization .vis_pop .powered_by{}
.visualization .vis_pop .powered_by h3{
    color: #fff;
    font-size: 24px;
    margin-bottom: 30px;
    font-style: italic;
}
.visualization .vis_pop .powered_by ul{
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    /* justify-content: center; */
}
.visualization .vis_pop .powered_by ul li{
    /* background: #fff; */
    /* border-radius: 13px; */
    overflow: hidden;
    display: flex;
    align-items: center;
    padding-right: 25px;
}
.visualization .vis_pop .powered_by ul li img{}
/*-------------------------------------------*/
.beyond_generic {padding:60px 0;background: #ffffff;}
.hhh_f h3 {    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 7px;
    margin-bottom: 15px;
    position: relative;
    font-size: 25px;}
	.hhh_f h3:before {    content: '';
    width: 80px;
    height: 4px;
    display: block;
    background: #f00;
    position: absolute;
    bottom: -1px;}

.hhh_f span {font-weight:600;color: red;margin-bottom: 10px;display: block;}
/*-------------------------------------------*/

.page_section.ffg .Proven_sc h3 {
    font-size: 46px;
    font-weight: 500;
    margin-bottom: 30px;
    line-height: 50px;
}
.page_section.ffg .services-tabs {font-size: 25px;}
.page_section.ffg .services-tabs > li {margin-bottom: 25px;}

/*-------------------------------------*/
.video_control {height:100vh;position: relative;overflow: hidden;}
.video_control:before {content:'';position: absolute;width: 100%;height: 100%;background: #000000a1;}
.video_control video.fll{width:100%}
.video_control video.flls{display:none}
.video_control .help_for {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translate(0px, -50%);
}
.video_control .djf{width: 100%;}
.video_control .help_for h3{
    color: #fff;
    font-size: 50px;
    margin-bottom: 20px;
}
.video_control .help_for button{
    background: #f00;
    padding: 8px 20px;
    font-weight: 600;
    color: #fff;
}
.video_control .help_for .djfs {}
.video_control .help_for .djfs button{
    width: 70px;
    height: 70px;
    border-radius: 100px;
    padding: 0;
}
.video_control .help_for .djfs button svg{
    width: 50px;
    height: 50px;
}

.video_control.intro video.fll,
.video_control.intro:before,
.video_control.intro .help_for{display:none}
.video_control.intro video.flls{
    display: block;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    object-fit: cover;
    }


/*-------------------------------------*/
.explore_course {
    padding: 60px 0;
    background: #f9f9f9;
}
.explore_course .box{
    height: 420px;
    overflow: hidden;
    position: relative;
}
.explore_course .box:before{content:'';background: #ff000085;width: 100%;height: 100%;position: absolute;top: 0;}
.explore_course .box:hover:before{
    z-index: 1;
}
.explore_course .box:hover .box_x .des {display:none}
.explore_course .box:hover .box_x .hv_show {display:block}
.explore_course .box a{}
.explore_course .box_x{
    /* position: relative; */
    /* padding: 22px; */
}
.explore_course .box_x .box_img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.explore_course .box_x .box_img img{
    width: 100%;
    height: 100%;
    object-fit: fill;
}
.explore_course .box_x .des{
    top: 0;
    border-top: 6px solid red;
    background: #fff;
    margin: 50px 30px 30px;
    position: relative;
    display: flex;
    flex-direction: column;
    height: 333px;
    padding: 20px;
}
.explore_course .box_x .des .article{
    font-size: 15px;
    color: #8b8b8b;
    font-weight: 600;
    width: 80px;
    margin: 0 auto 30px;
    background: #ff000029;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 5px 5px 10px #dadada;
}
.explore_course .box_x .des .article img {
    width: 100%;
}

.explore_course .box_x .des h3{
    font-size: 24px;
    height: 250px;
    line-height: 33px;
}
.explore_course .box_x .des .btm_hightlight{
    border-top: 1px solid #eee;
    padding-top: 5px;
}
.explore_course .box_x .des .btm_hightlight p{
    margin-bottom: 0;
    font-size: 14px;
}
.explore_course .box_x .hv_show {
    top: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 30px;
    z-index: 1;
    display: none;
}
.explore_course .box_x .hv_show span {
    font-size: 15px;
    color: #ffffff;
    font-weight: 600;
}
.explore_course .box_x .hv_show h3 {
    font-size: 19px;
    margin: 6px 0 20px 0;
    color: #fff;
}
.explore_course .box_x .hv_show p {
    color: #ffd6d6;
}
/*-------------------------------------*/
.science_data {
    background: #f9f9f9;
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}
.science_data .as_sci {}
.science_data .as_sci .blub {
    width: 50%;
    margin: 15px auto;
}
.science_data .as_sci .blub img {}
.science_data .as_sci .multi_logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 22px;
}
.science_data .as_sci .multi_logo img{}
.science_data .as_sci h3{
    font-size: 40px;
    font-weight: 400;
}
.science_data .data_img {
    position: absolute;
    top: 0;
    height: 100%;
    right: 0;
}
.science_data .data_img img {width:100%;height: 100%;object-fit: cover;}
/*-------------------------------------*/
.ser_vi_lo {
}
.ser_vi_lo ul{
    display: flex;
    padding: 0;
    list-style: none;
    /* flex-wrap: wrap; */
    /* gap: 25px; */
    margin-bottom: 0;
}
.ser_vi_lo ul li{
}
.ser_vi_lo ul li img{
    width: 100px;
    height: 49px;
    object-fit: contain;
}

.page_section.hfrt {background: #f9f9f9ee;}

/*---------------------------------------------------------------------*/
.expert_teams {padding:60px 0}
.expert_teams .Expert_team {}
.expert_teams .Expert_team .item{
    padding: 10px;
}
.expert_teams .Expert_team .item .d-flex{
    box-shadow: 0px 0px 10px #0003;
    padding: 14px;
}
.expert_teams .Expert_team .item .d-flex .col-md-6{}
.expert_teams .Expert_team .item .side_desc{
    margin-right: 30px;
}
.expert_teams .Expert_team .item .side_desc p{
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    line-height: 33px;
}
.expert_teams .Expert_team .item .team_pro{
    text-align: center;
}
.expert_teams .Expert_team .item .team_pro .img{
    text-align: center;
    margin-bottom: 9px;
}
.expert_teams .Expert_team .item .team_pro .img img{
    width: 100%;
    height: 156px;
    object-fit: cover;
}
.expert_teams .Expert_team .item .team_pro h3{
    font-size: 18px;
    margin-bottom: 10px;
}
.expert_teams .Expert_team .item .team_pro p{
    font-size: 15px;
    color: #555;
    margin-bottom: 0;
}
.expert_teams .Expert_team .item .team_pro .t_logo{
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: center;
    margin-bottom: 15px;
}
.expert_teams .Expert_team .item .team_pro .t_logo img{
    width: 59px;
}
.expert_teams .Expert_team .item .team_pro .teM-view {
    display: flex;
    justify-content: center;
}
.expert_teams .Expert_team .item .team_pro .teM-view a{
    display: block;
    padding: 6px 25px;
    border: 1px solid #f00;
    border-radius: 5px;
}
.expert_teams .Expert_team .item .team_pro .teM-view a:hover {background: #f00;color: #fff;}
/*---------------------------------------------------------------------*/
.news-footer-wrap {
  background: #000000;
}
.footer__info-6 {list-style:none;padding:0}
.footer__info-6 li{color:#fff}
.footer__item-6 p {
    padding: 20px 0px;
    color: #fff;
}
.footer__social-6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  list-style: none;
  padding: 0;
}
.footer__social-6 li a {
  color: #fff;
  font-size: 18px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.footer__social-6 li a:hover {
  color: #f00;
}

.ai_vid {}
.ai_vid video{width:100%}

.header-section .lag_uage {margin-right:20px}
.header-section .lag_uage a{
    color: #fff;
    font-size: 15px;
    padding-right: 20px;
    position: relative;
}
.header-section .lag_uage span{}
.header-section .lag_uage span svg{
    width: 25px;
    height: 25px;
    fill: white;
}
.header-section .lag_uage a:after {
    content: "\f0d7";
    font-family: FontAwesome;
    position: absolute;
    right: 7px;
    }
	
	.search {margin-right:20px}
.search a{
    color: #fff;
    font-size: 15px;
    padding-right: 20px;
    position: relative;
}
.search span{}
.search span svg{
    width: 25px;
    height: 25px;
    fill: white;
}
.burger {}
.burger svg{
    fill: #fff;
    width: 35px;
    height: 35px;
    cursor: pointer;
}

.header-bottom .menu-area {    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: static;}
	
	.header-section .lag_uage .utility-megamenu a:after {content:"";display: none;}
	
	
	
	
	
	
	
	
	@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1.5, 1.5);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1.5, 1.5);
  }
}

/*------*/
.header-section.add_cls {background:#fff}
.header-section.add_cls .search span svg,
.header-section.add_cls .lag_uage span svg,
.header-section.add_cls .burger svg{fill: red;}
.header-section.add_cls .header-top-area .left li a,
.header-section.add_cls .lag_uage a,
.header-section.add_cls .search a,
.header-section.add_cls .menu > ul > li > a {color: #545454;}
.header-section.add_cls .header-wrapper .logo a img.color_logo {display:block;}
.header-section.add_cls .header-wrapper .logo a img.white_logo {display:none;}
.header-section.add_cls .header-wrapper .menu-item-has-children > a::before {    color: red;}

.header-section.header-fixed .burger svg {fill: red;}
.header-section.header-fixed .header-wrapper .logo a img.color_logo {display: block;}
.header-section.header-fixed .header-wrapper .logo a img.white_logo {display: none;}
.header-section.header-fixed .menu > ul > li > a {color: #545454;}
.header-section.header-fixed {}
.header-section.header-fixed {}


/*------*/

.inclue__benefits__box {
    border: 1px solid #b2aaf9;
    background: #edebff;
    border-radius: 0;
    padding: 20px 24px;
    gap: 15px 24px;
    text-align: center;
    height: 100%;
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.inclue__benefits__box:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
}


.inclue__benefits__box:hover::before {
    width: 100%;
    height: 4px;
}
.inclue__benefits__box::before {
    content: '';
    height: 3px;
    width: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #b2aaf9;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.inclue__benefits__box .icnos {
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 50px;
    background: #dbd7fd;
    border: 1px solid #b6adfb;
    border-radius: 5px;
    margin: 0 auto 20px;
    padding: 7px;
}
.inclue__benefits__box .content {
    text-align: center;
}
.inclue__benefits__box .content h4 {
    color: var(--themetext);
    margin-bottom: 8px;
}
.inclue__benefits__box .content p {
    color: var(--themetext);
    font-size: 16px;
    margin-bottom: 10px;
}

.inclue__benefits__box.benefits__box2:hover::before {
    width: 100%;
    height: 4px;
}
.inclue__benefits__box.benefits__box2::before {
    content: '';
    height: 3px;
    width: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #96bdaa;
    /* -webkit-transition: 0.5s; */
    transition: 0.5s;
}

.benefits__box2 {
    background: #eaf3ee;
    border: 1px solid #96bdaa;
}
.benefits__box2 .icnos {
    border: 1px solid #96bdaa;
    background: #b0f3d3;
}

.inclue__benefits__box.benefits__box3:hover::before {
    width: 100%;
    height: 4px;
}
.inclue__benefits__box.benefits__box3::before {
    content: '';
    height: 3px;
    width: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #c3b696;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.benefits__box3 {
    background: #f5f2ea;
    border: 1px solid #c3b696;
}
.benefits__box3 .icnos {
    border: 1px solid #c3b696;
    background: #ffdd94;
}

.ser_vi.benefits__box3 {margin-bottom:0}


.hexa_gon{position:relative;width: 100%;height: 100%;}
















#hexGrid {
  display: grid;
  grid-gap: 1px;
  grid-template-columns: repeat(10,1fr);
  width: 100%;
  margin: 0 auto;
  font-size: 15px;
  list-style-type: none;
  overflow:hidden;
  padding-bottom: 40px;
}

.hex {
  grid-column-end: span 2;
  position: relative;
  visibility:hidden;
  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
}
.hex::after{
  content:'';
  display:block;
  padding-bottom: 86.602%;  /* =  100 / tan(60) * 1.5 */
}
.hexIn{
  position: absolute;
  width:100%;
  padding-bottom: 115.470%; /* =  width / sin(60) */
  overflow: hidden;
  visibility: hidden;
  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
  -webkit-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
      -ms-transform: rotate3d(0,0,1,-60deg) skewY(30deg);
          transform: rotate3d(0,0,1,-60deg) skewY(30deg);
		      transition: transform 0.2s;
}
.hexIn * {
  position: absolute;
  visibility: visible;
  outline:1px solid transparent; /* fix for jagged edges in FF on hover transition */
}
.hexIn a {}
.hexIn a.ijg:before {content:'';position: absolute;width: 100%;height: 100%;background: #0000009e;z-index: 1;left: 0;}
.hexLink {
  display:block;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  overflow: hidden;
  -webkit-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
      -ms-transform: skewY(-30deg) rotate3d(0,0,1,60deg);
          transform: skewY(-30deg) rotate3d(0,0,1,60deg);
}

/*** HEX CONTENT **********************************************************************/
.hex img {
  left: -100%;
  right: -100%;
  width: auto;
  height: 100%;
  margin: 0 auto;
  -webkit-transform: rotate3d(0,0,0,0deg);
      -ms-transform: rotate3d(0,0,0,0deg);
          transform: rotate3d(0,0,0,0deg);
}

.hex h1, .hex p {
  width: 100%;
  box-sizing:border-box;
  font-weight: 300;
  font-size: 17px;
  top: 50%;
  transform: translate(0px, -50%);
  color: #fff;
  margin-bottom: 0;
  position: absolute;
  z-index: 2;
}
.hex h1 {
}
.hex h1::after {
}
.hex p {
  top: 50%;
  padding-bottom:50%;
  -webkit-transform:translate3d(0,100%,0);
      -ms-transform:translate3d(0,100%,0);
          transform:translate3d(0,100%,0);
}


/*** HOVER EFFECT  **********************************************************************/


/*** HEXAGON SIZING AND EVEN ROW INDENTATION *****************************************************************/

@media (min-width:1201px) { /* <- 5-4  hexagons per row */
  #hexGrid{
  }
  .hex:nth-child(9n+6){ /* first hexagon of even rows */
    grid-column-start: 2;
  }
}

@media (max-width: 1200px) and (min-width:901px) { /* <- 4-3  hexagons per row */
  #hexGrid{
    grid-template-columns: repeat(8,1fr);
    padding-bottom: 5.5%;
  }
  .hex:nth-child(7n+5){ /* first hexagon of even rows */
    grid-column-start: 2;
  }
}

@media (max-width: 900px) and (min-width:601px) { /* <- 3-2  hexagons per row */
  #hexGrid{
    grid-template-columns: repeat(6,1fr);
    padding-bottom: 7.4%;
  }
  .hex:nth-child(5n+4){ /* first hexagon of even rows */
    grid-column-start: 2;
  }
}

@media (max-width: 600px) { /* <- 2-1  hexagons per row */
#hexGrid{
  grid-template-columns: repeat(4,1fr);
  padding-bottom: 11.2%;
  grid-gap:5px;
}
.hex:nth-child(3n+3){ /* first hexagon of even rows */
  grid-column-start: 2;
}
}

@media (max-width: 400px) {
  #hexGrid {
      font-size: 13px;
  }
}




.bg_black {background:#f3f3f3}

.two_cont {
    /* height: 100%; */
}
.two_cont .two_cont_hd{}
.two_cont .two_cont_hd h3{font-size: 17px;
    line-height: 20px;
    margin-bottom: 8px;}
.two_cont .desc{
    border: 1px solid #ff0000;
    padding: 8px;
    height: 170px;
    background: #ff000014;
}
.two_cont .desc p{
    font-size: 15px;
    margin-bottom: 0;
    color: #000;
}
.prov_img_d {}
.prov_img_d img{
    height: 100%;
    object-fit: cover;
}

.upr_s30 {margin-top:30px}

/*** 

====================================================================
	Services Section
====================================================================

***/

.services-section{
	position:relative;
	padding: 60px 0px 60px;
}

.Proven_sc4 {text-align:center;margin-bottom: 30px;}
.Proven_sc4 h2 {
    margin-bottom: 10px;
    color: #e30000;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.075em;
}
.Proven_sc4 h3 {
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 36px;
}

.services-section .inner-container{
	position:relative;
	padding-left: 0;
}

.services-section .inner-container .button-box{
	text-align:right;
}

.services-section .inner-container .service-image{
	width: 525px;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 5px 6px 10px #00000059;
	/* height: 350px; */
	object-fit: cover;
}

.service-block{
	position:relative;
	margin-bottom:45px;
}

.service-block .inner-box{
	position:relative;
	box-shadow: 0px 0px 10px #eee;
	padding: 15px;
}

.service-block .inner-box .icon-box{
	position:relative;
	line-height:1em;
	font-size:56px;
	color:#ff6262;
	margin-bottom:20px;
}

.service-block .inner-box .icon-box img{width: 60px;}

.service-block .inner-box h5{
	position:relative;
	font-weight: 500;
	margin-bottom:10px;
}

.service-block .inner-box h5 a{
	position:relative;
	color:#2b2b2b;
	-webkit-transition:all 300ms ease;
	-ms-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	transition:all 300ms ease;
}

.service-block .inner-box h5 a:hover{
	color: red;
}

.service-block .inner-box .text{
	position:relative;
	line-height:1.8em;
	font-size:16px;
	color:#5a5a5a;
}

.comon_icon {
    position: fixed;
    width: 30px;
    z-index: 1;
    left: 6px;
    }
.comon_icon img {width:100%}	
	
.phone_ion {
    bottom: 87px;
}

.whatsapp {
    bottom: 51px;
}





.border-one{
	position:absolute;
	right:-1px;
	top:-1px;
	bottom:-1px;
	left:-1px;
}

.border-one:before{
	position:absolute;
	content:'';
	right:0px;
	top:0px;
	width:2px;
	height:0px;
	background-color:#ff0000;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.news-card:hover.border-one:before,
.news-card:hover .border-one:before{
	height:100%;
}

.border-one:after{
	position:absolute;
	content:'';
	right:0px;
	bottom:0px;
	width:0px;
	height:2px;
	background-color:#ff0000;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.news-card:hover.border-one:after,
.news-card:hover .border-one:after{
	width:100%;
	transition-delay: 500ms;
}

.border-two{
	position:absolute;
	right:-1px;
	top:-1px;
	bottom:-1px;
	left:-1px;
}

.border-two:before{
	position:absolute;
	content:'';
	left:0px;
	bottom:0px;
	width:2px;
	height:0px;
	background-color:#ff0000;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.news-card:hover .border-two:before,
.news-card:hover .border-two:before{
	height:100%;
	transition-delay: 1000ms;
}

.border-two:after{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:0px;
	height:2px;
	background-color:#ff0000;
	-webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}

.news-card:hover .border-two:after,
.news-card:hover .border-two:after{
	width:100%;
	transition-delay: 1500ms;
}




.menu > ul li.mega_pos {position:inherit}
.primary-nav__mega-menu  {
	position: absolute;
	top: calc(100%);
	left: 0;
	-webkit-transition: all ease 0.3s;
	-moz-transition: all ease 0.3s;
	transition: all ease 0.3s;
	z-index: 9;
	background: #fff;
	width: 220px;
	padding: 0;
	/* -webkit-transform: translateY(35px); */
	-ms-transform: translateY(35px);
	/* transform: translateY(35px); */
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 0 10px rgba(16, 17, 21, 0.1);
	width: 100% !important;
	padding: 15px !important;
}

.primary-nav__col-group {    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;}
.primary-nav__col-group .primary-nav__col{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 1rem;
    width: 33.33%;
    }
.primary-nav__col-group .primary-nav__col ul {
    display: block !important;
    opacity: 1 !important;
    visibility: inherit !important;
    width: 100% !important;
    padding: 0;
    position: inherit;
    transform: inherit;
    list-style: none;
    }	
.primary-nav__col-group .primary-nav__col:last-child {
    padding-right: 0;
}
.primary-nav--new-careers .primary-nav__nav .primary-nav__mega-menu .primary-nav__level-two>li {
    margin: 0;
}
.primary-nav__col-group .primary-nav__col ul li>a:hover,
.primary-nav__col-group .primary-nav__col ul li>a:focus {
    color: #c00;
}
.primary-nav__col-group .primary-nav__col ul li>a {
    display: block;
    color: #333;
    font-size: 16px;
    line-height: 1.44;
    font-weight: 500;
    padding: 0;
    margin-bottom: 1rem;
}
.primary-nav__level-three ul>li {
    font-size: .875rem;
    margin-left: 1.5rem;
    margin-bottom: 0.25rem;
}
.primary-nav__level-three ul>li a {color: #484848 !important;font-size: 14px !important;}

.primary-nav__level-two li{margin-bottom:10px}




.hero__cta {
    color: #fff;
    border-bottom: none;
    font-family: "Graphik",Helvetica,sans-serif,Lucida Sans Unicode;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.44;
    left: -10%;
    opacity: 0;
    position: relative;
    text-transform: uppercase;
    transition: left .5s,opacity .5s;
    transition-delay: 1.6s;
    display: flex;
    align-items: center;
}
.hero__cta-text {
    margin-right: 1rem;
    display: inline;
} .hero__cta .icon-long-arrow-right {
    display: inline-block;
    left: 0;
    position: relative;
    transition: left .5s;
}
 .hero__cta .fa-long-arrow-right {font-size: 25px;line-height: 0px;font-weight: 500;}
.slick-slide.slick-active .hero__cta {
    left: 0;
    opacity: 1;
}




.utility-megamenu {
    border-bottom: 1px solid #d8d8d8;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: auto;
    background: #fff;
    left: 0 !important;
    display: none;
}
.utility-megamenu__content {
    position: relative;
    padding: 1.5rem;
}
.utility-megamenu__close {
    display: block;
    position: absolute;
    right: 15px;
}
.utility-megamenu__close a, .utility-megamenu__close button {
    font-family: "Graphik",Helvetica,sans-serif,Lucida Sans Unicode;
    border-bottom: none;
    color: #767676;
    font-size: .8125rem;
}
.utility-megamenu__close button {
    padding: 0;
    background: #0000;
}
.utility-megamenu__title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.utility-megamenu h4 {
    color: #2a2a2a;
    font-size: 20px;
    margin-bottom: 20px;
}
.utility-megamenu__areas {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.utility-megamenu__regions {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 33.3333333333%;
}
.utility-megamenu--language .utility-megamenu__regions {
    width: auto;
}
.utility-megamenu h5 {
    font-size: 1.125rem;
    color: #000;
    font-weight: 500;
	    padding-bottom: 1rem;
}
.utility-megamenu__regions ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    -webkit-columns: 2 11.25rem;
    columns: 2 11.25rem;
    padding-left: 22px;
}
.utility-megamenu--language .utility-megamenu__regions ul {
    -webkit-columns: 1 17.5rem;
    columns: 1 17.5rem;
}
.utility-megamenu__regions ul li {
    margin-bottom: 0.75rem;
    display: inline-block;
    width: 100%;
}

.utility-megamenu__regions ul li, [dir=rtl] .utility-megamenu__regions ul li {
    padding: 0;
}
.utility-megamenu a:first-child {
    margin-top: 0;
}
.header-section .lag_uage .utility-megamenu a {
    line-height: 1.44;
    border: none;
    font-size: 14px;
    margin: 0rem 1.25rem 0 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #5b5b5b;
}
.utility-megamenu__icon {
    width: 1.625rem;
    height: 1rem;
    text-align: left;
    display: inline-block;
    padding-right: 0.25rem;
    vertical-align: middle;
}
.utility-megamenu a span {
    font-size: 14px;
    padding-left: 0.5rem;
}
.utility-megamenu__regions:not(:first-of-type) {
    border-left: 1px solid #d8d8d8;
}
.utility-megamenu__regions:not(:first-of-type) h5, .utility-megamenu__regions:not(:first-of-type) section {
    padding-left: 1.25rem;
}
.utility-megamenu__icon.utility-megamenu__icon--spritesheet.brazil-icon {
    background-position: -22px 0px;
}
.utility-megamenu__icon.utility-megamenu__icon--spritesheet {
    width: 22px;
    height: 15px;
    margin-right: 0.25rem;
    padding: 0;
    background: url(../../../assets/front/img/country-icons.png);
}
.utility-megamenu__icon.utility-megamenu__icon--spritesheet.argentina-icon {
    background-position: 0px 0px;
}
.utility-megamenu__icon.utility-megamenu__icon--spritesheet.chile-icon {
    background-position: -44px 0px;
}
.utility-megamenu__icon.utility-megamenu__icon--spritesheet.columbia-icon {
    background-position: -88px 0px;
}
.utility-megamenu__icon.utility-megamenu__icon--spritesheet.france-icon {
    background-position: -110px 0px
}

.utility-megamenu__icon.utility-megamenu__icon--spritesheet.german-swiss-icon {
    background-position: -132px 0px
}

.utility-megamenu__icon.utility-megamenu__icon--spritesheet.italy-icon {
    background-position: -154px 0px
}

.utility-megamenu__icon.utility-megamenu__icon--spritesheet.korea-icon {
    background-position: -176px 0px
}

.utility-megamenu__icon.utility-megamenu__icon--spritesheet.japan-icon {
    background-position: -198px 0px
}

.utility-megamenu__icon.utility-megamenu__icon--spritesheet.russia-icon {
    background-position: -220px 0px
}

.utility-megamenu__icon.utility-megamenu__icon--spritesheet.spain-icon {
    background-position: -242px 0px
}

.utility-megamenu__icon.utility-megamenu__icon--spritesheet.german-icon {
    background-position: -264px 0px
}

.utility-megamenu__icon.utility-megamenu__icon--spritesheet.greece-icon {
    background-position: -286px 0px
}
.utility-megamenu__icon.utility-megamenu__icon--spritesheet.china-icon {
    background-position: -66px 0px;
}

.utility-megamenu__icon.utility-megamenu__icon--spritesheet.india-icon {
    width: 22px;
    height: 15px;
    margin-right: 0.25rem;
    padding: 0;
    background: url(../../../assets/front/img/india-flag.png);
}
.utility-megamenu__icon.utility-megamenu__icon--spritesheet.saudi-icon {
    width: 22px;
    height: 15px;
    margin-right: 0.25rem;
    padding: 0;
    background: url(../../../assets/front/img/saudi-arabia.png);
}
.utility-megamenu__icon.utility-megamenu__icon--spritesheet.uae-icon {
    width: 22px;
    height: 15px;
    margin-right: 0.25rem;
    padding: 0;
    background: url(../../../assets/front/img/uae.png);
}


.utility-megamenu.is-open {display:block}


/*

.homeimg {
    background-size: cover;
    width: 100%;
    float: right;
	    z-index: 9;
    position: relative;
}
.sideBar .formm.active {
    right: 0;
}
.sideBar .formm {
    width: 300px;
    background: #fff;
    position: fixed;
    z-index: 3;
    right: -302px;
    top: 220px;
    box-shadow: 0 0 4px #ccc;
    transition: .3s;
}
.homeimg .form-group .input-group-prepend .input-group-text {
    width: 28px;
    height: 35px;
}
.sideBar .formm .talk-to-us img {width:100%}
.sideBar .formm .talk-to-us a {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Graphik';
}
.sideBar .formm .talk-to-us {
    padding: 0px;
    display: inline-block;
    position: absolute;
    left: -39px;
    top: 0;
    text-align: left;
    background: #f00;
    padding: 20px 6px;
}

.formm-inner  h3 {
    padding: 8px;
    font-size: 16px;
    color: #030303;
    text-align: left;
    }
	
	
	.formm-inner  h3 a {
    color: #000;
    text-align: left;
    }
.sideBar .formm .talkIco
	
	
.sideBar .formm .talkIcon {
    padding: 6px 10px;
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    z-index: 25;
    color: #fff;
    background: #fff;
    transform: scale(.6);
    cursor: pointer;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.75);
}
.sideBar .formm .formm-inner {
    border: none;
}
.formBox .formm-inner {
   display: block;
   background: #f4e0e0;
   border-radius: 3px;
   box-shadow: 0 0 16px 0 rgba(0,0,0,.12);
   -webkit-box-shadow: 0 0 16px 0 rgba(0,0,0,.2);
   box-shadow: 0 0 16px 0 rgba(0,0,0,.2);
   padding: 38px 14px;
}
*/



.srCH_form {
    width: 500px;
    background: #fff;
    position: fixed;
    z-index: 3;
    right: -500px;
    top: 0;
    box-shadow: 0 0 4px #ccc;
    transition: .3s;
    }
.srCH_form form {
    display: flex;
}
.srCH_form form input{}
.srCH_form form button.sr_close{ background: #fff;}
.srCH_form form button.sr_close svg {fill:red}
.srCH_form form button{
    background: red;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 5px 20px;
}
.srCH_form.active {display:block; right:0 }


/*-----------------------*/
.div-block-771 {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 40px 40px 40px 40px 40px;
  /* grid-template-columns: 120px 120px 120px 120px 120px 120px 120px; */
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
  margin-top: 20px;
}
#w-node-_458566aa-873b-431f-f3f8-eed60c502de9-ea8001dd, #w-node-_299f49dc-0264-3cd9-2700-644f722592d2-ea8001dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}
.div-block-772 {
  perspective: 2000px;
  background-color: rgb(0 0 0);
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 4px 3px;
  display: flex;
}
#w-node-bbb1c28a-acce-2467-114c-971f2c1816ec-ea8001dd {
  grid-area: 3 / 1 / 4 / 2;
}
#w-node-_8f190e22-55df-4d8e-bacc-ee25a66ea595-ea8001dd {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-bbb1c28a-acce-2467-114c-971f2c1816ec-ea8001dd {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_8f190e22-55df-4d8e-bacc-ee25a66ea595-ea8001dd {
  grid-area: 4 / 2 / 5 / 3;
}

#w-node-_8712a7a0-e8b7-f6dd-160c-4e8932104457-ea8001dd {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_1b00698b-3733-f8d2-aeb7-16657ce6033b-ea8001dd {
  grid-area: 5 / 3 / 6 / 4;
}

#w-node-_5576cbda-fde9-1f04-2c28-74780055f6ba-ea8001dd {
  grid-area: 3 / 3 / 4 / 4;
}

#w-node-_3b751642-c901-1de7-003a-256f6e92d220-ea8001dd {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-a5a18b3a-02e4-0881-2e3b-b6c441b3b20d-ea8001dd {
  grid-area: 4 / 4 / 5 / 5;
}

#w-node-_40c448a3-5a2c-e1ee-4f4c-389c35e69e3b-ea8001dd {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_3bc575c6-4ebf-db04-e86c-c93a006c5d5b-ea8001dd {
  grid-area: 5 / 5 / 6 / 6;
}

#w-node-f64fb804-36b1-4a1a-eb11-d4f8c81a7a25-ea8001dd {
  grid-area: 3 / 5 / 4 / 6;
}

#w-node-e6cbdeba-f517-ac2e-835e-84b682b5b362-ea8001dd {
  grid-area: 4 / 6 / 5 / 7;
}

#w-node-_902c4971-103c-f3de-21ff-b3936df041ca-ea8001dd {
  grid-area: 2 / 6 / 3 / 7;
}

#w-node-_09b29818-7b8e-f04a-5e00-3fdcbb5e03c4-ea8001dd {
  grid-area: 3 / 7 / 4 / 8;
}

#w-node-_78693356-c430-ac02-f124-4529fed6f7fd-ea8001dd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}
.home-logo {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    object-fit: contain;
    width: 100%;
    height: 33px;
    object-fit: contain;
}
/*-----------------------*/


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

.off-canvas-menu a svg {
    cursor: pointer;
    color: #fff;
    fill: #fff;
    width: 40px;
    height: 40px;
}

.off-canvas-menu--careers .off-canvas-menu__container {
    /* height: auto; */
    position: relative;
    background: #fff;
}

.off-canvas-menu--careers .off-canvas-menu__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2.5rem 1.25rem 2rem 1rem;
    position: relative;
}
.off-canvas-menu--careers .off-canvas-menu__logo a {
    padding: 0;
}

.primary-nav__logo img {
    height: 100%;
    max-height: 1.375rem;
}
.off-canvas-menu--careers .primary-nav__level-one {
    margin-left: 3rem;
    margin-right: 3rem;
    margin-bottom: 3rem;
    list-style: none;
    padding-left: 0;
}
.primary-nav__level-one>li {
    margin: 0;
    padding:0;
}
.off-canvas-menu--careers .primary-nav__level-one a:not(.btn) {
    padding: 0;
    margin-bottom: 1rem;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid transparent;
}
.off-canvas-menu--careers .primary-nav__level-one a:not(.btn):first-child:after {
    color: #c00;
    position: absolute;
    top: 0.3125rem;
    right: -1rem;
	content: "\f0da";
    font-family: FontAwesome;
}

.off-canvas-menu .primary-nav__mega-menu {
    background: #fff;
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    right: 0;
    width: 100% !important;
    transition: left 600ms;
    display: none !important;
    overflow: visible;
    visibility: hidden;
    pointer-events: none;
    padding: 0 4rem !important;
    box-shadow: none;
}
.off-canvas-menu .primary-nav__mega-menu.mega-menu__level-two--expanded-complete {
    opacity: 1;
}

/*-----------------------*/
.off-canvas-menu--careers .primary-nav__mega-menu-wrapper, .off-canvas-menu--careers .red-folder {
    margin-top: 1.25rem;
}
.off-canvas-menu--careers .primary-nav__level-one .off-canvas-menu__back-link {
    margin-bottom: 1rem;
}

.off-canvas-menu .primary-nav__level2-container {
    left: 0;
    position: relative;
    transition: left 400ms;
    width: 100%;
}
.header__wrapper.header--transparent:not(.is-stuck):not(.menu-open) .primary-nav__off-canvas-menu .primary-nav__level-one a:not(.btn) {
    color: #000;
}
.off-canvas-menu--careers .primary-nav__level-one a:not(.btn) {
    padding: 0;
    margin-bottom: 1rem;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid transparent;
}

.header__wrapper.header--transparent:not(.is-stuck):not(.menu-open) .primary-nav__off-canvas-menu .primary-nav__level-one a:not(.btn) {
    color: #000;
}
.off-canvas-menu--careers .primary-nav__level-one a:not(.btn) {
    padding: 0;
    margin-bottom: 1rem;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid transparent;
}

.off-canvas-menu .primary-nav__primary-list {
    width: 100%
}

.off-canvas-menu .primary-nav__level-one a:first-child:after {
    content: "\f0da";
    font-family: FontAwesome;
    color: #cc0000;
    font-size: 15px;
    padding-left: .75rem
}

.off-canvas-menu .primary-nav__level-one a:first-child:hover:after,.off-canvas-menu .primary-nav__level-one a:first-child:focus:after {
    color: #c00
}

.off-canvas-menu .primary-nav__level-one a:last-child:after {
    content: none
}

.off-canvas-menu .primary-nav__level-one .off-canvas-menu__back-link a {
    display: block
}

.off-canvas-menu .primary-nav__level-two li {
    margin-bottom: 0
}

.off-canvas-menu .primary-nav__level-three {
    background: #fff;
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    transition: left 600ms;
    display: none;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: 0;
    pointer-events: none;
    visibility: hidden;
    overflow: visible
}

.off-canvas-menu .primary-nav__level-three.mega-menu__level-three--expanded {
    height: auto
}

.off-canvas-menu .primary-nav__level-three.mega-menu__level-three--expanded-complete {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    pointer-events: auto;
    visibility: visible
}

.off-canvas-menu .primary-nav__level-three ul>li {
    margin-left: 0
}

.off-canvas-menu .primary-nav__level-three ul>li a {
    color: #000
}

.off-canvas-menu .primary-nav__level-three ul>li a:hover,.off-canvas-menu .primary-nav__level-three ul>li a:focus {
    color: #c00
}

.off-canvas-menu .primary-nav__level-three .off-canvas-menu__level-three-wrap .helper-nav li a {
    font-size: .8125rem;
    line-height: 18px;
    border: none
}

.off-canvas-menu .primary-nav__mega-menu {
}

.off-canvas-menu .primary-nav__mega-menu.mega-menu__level-two--expanded {
    overflow: visible;
    height: auto
}

.off-canvas-menu .primary-nav__mega-menu.mega-menu__level-two--expanded-complete {
    display: block !important;
    pointer-events: auto;
    visibility: visible
}

.off-canvas-menu .primary-nav__mega-menu-wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    height: auto;
    width: 100%
}

.off-canvas-menu .primary-nav__mega-menu-wrapper>section {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: visible;
    position: relative
}

.off-canvas-menu .primary-nav__col-group {
    overflow: visible
}

.off-canvas-menu .primary-nav__secondary-list {
    background-color: #f9f9f9;
    border-top: 1px solid #d8d8d8;
    width: 100%
}

.off-canvas-menu .primary-nav__secondary-list:not(:first-of-type) {
    border: none
}

.off-canvas-menu .primary-nav__secondary-list h5 {
    font-size: .875rem;
    padding: 1rem 1.25rem
}

.off-canvas-menu .primary-nav__secondary-list .off-canvas-menu__level-three-wrap {
    background-color: #f9f9f9
}

.off-canvas-menu {
    background: #fff;
    display: block;
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    transition: left 600ms;
    left: -100%;
    position: fixed;
    bottom: 0;
    top: 0;
    width: calc(100% - 3rem);
    max-width: 24.375rem;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 9994
}

.off-canvas-menu a {
    padding: 1rem 0;
    line-height: 1.44;
    cursor: pointer
}

.off-canvas-menu h5 {
    padding: 1rem 1.25rem;
    font-size: .875rem
}

.off-canvas-menu h5 a {
    font-weight: 500;
    padding: 0
}

.off-canvas-menu__nav {
    height: auto;
    left: 0;
    position: relative;
    transition: left 400ms
}

.off-canvas-menu__container {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.off-canvas-menu__container.level-two-active .off-canvas-menu__nav {
    left: -100%
}

.off-canvas-menu__container.level-three-active .primary-nav__level2-container {
    left: -100%
}

.off-canvas-menu__container.level-three-active .primary-nav__mega-menu-wrapper>section {
    overflow: hidden
}

.off-canvas-menu__close {
    position: absolute;
    right: -3rem;
    top: 0;
    background: #c00;
    width: 3rem;
    height: 3rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.off-canvas-menu__close a {
    color: #fff
}

.off-canvas-menu__logo a {
    width: 100%;
    display: block
}

.off-canvas-menu--expanded {left: 0;}

.off-canvas-menu__back-link {
    border-bottom: 1px solid #d8d8d8
}

.off-canvas-menu__back-link a {
    color: #424242;
    display: block;
    font-size: .875rem
}

.off-canvas-menu__back-link a:before {
content: "\f0d9";
    font-family: FontAwesome;
    color: #cc0000;
    font-size: 15px;
    margin-right: 0.75rem;
}

.off-canvas-menu__utility-nav {
    border-top: 1px solid #d8d8d8
}

.off-canvas-menu__utility-nav.primary-nav__level-one>li>a {
    text-transform: uppercase;
    font-size: .68rem;
    letter-spacing: .06em;
    color: #767676;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.off-canvas-menu__utility-nav.primary-nav__level-one>li>a span:not(.red-folder-count):not(.red-folder-count-container) {
    font-size: .875rem;
    padding-right: .5rem
}

.off-canvas-menu__utility-nav.primary-nav__level-one>li>a:first-child:after {
    margin-right: 0;
    margin-left: auto
}

.off-canvas-menu__utility-nav.primary-nav__level-one>li>a:hover,.off-canvas-menu__utility-nav.primary-nav__level-one>li>a:focus {
    color: #c00
}

.off-canvas-menu__utility-nav.primary-nav__level-one>li>a.user-icon:before {
 content: "\f0d9";
    font-family: FontAwesome;
    color: #cc0000;
    font-size: 15px;
    margin-right: 0.75rem;
}

.off-canvas-menu__utility-nav.primary-nav__level-one>li>a.utility-navigation__red-folder-link:after {
    content: none
}

.off-canvas-menu__level-three-wrap {
    overflow: visible
}

.off-canvas-menu__level-three-wrap .helper-nav {
    border-top: 2px solid #717171
}

.off-canvas-menu__level-three-wrap .helper-nav li {
    margin-top: .5rem
}

.off-canvas-menu__level-three-wrap .helper-nav li p {
    margin: 0;
    font-size: .75rem;
    line-height: 16px
}

.off-canvas-menu__level-three-wrap .helper-nav li p:last-child {
    font-weight: 500
}

.off-canvas-menu__level-three-wrap .helper-nav li p a {
    padding: 0
}

.off-canvas-menu__level-three-wrap .helper-nav div {
    position: relative;
    left: 2.0625rem
}

.off-canvas-menu__level-three-wrap .helper-nav div::before {
 content: "\f0d9";
    font-family: FontAwesome;
    color: #cc0000;
    font-size: 15px;
    margin-right: 0.75rem;
}

.off-canvas-menu .primary-nav__mega-menu-heading--description {
    padding-top: 0
}

.off-canvas-menu--careers {
    background: transparent
}

.off-canvas-menu--careers .js-hamburger-btn-in-off-canvas:focus {
    border: none
}


.off-canvas-menu--careers .off-canvas-menu__container:after {
    border-bottom-right-radius: .6875rem;
    background: #c00;
    content: "";
    height: 1.125rem;
    left: 0;
    position: fixed;
    width: 100%
}

.off-canvas-menu--careers .off-canvas-menu__header {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 2.5rem 1.25rem 2rem 1rem;
    position: relative
}

.off-canvas-menu--careers .off-canvas-menu__header button {
    color: #c00
}

.off-canvas-menu--careers .off-canvas-menu__header.shift-right {
    left: 100%
}

.off-canvas-menu--careers .off-canvas-menu__logo {
    padding-left: 1rem
}

.off-canvas-menu--careers .off-canvas-menu__logo a {
    padding: 0
}

.off-canvas-menu--careers .primary-nav__level-one {
    margin-left: 3rem;
    margin-right: 3rem;
    margin-bottom: 3rem
}

.off-canvas-menu--careers .primary-nav__level-one h5 {
    padding: 0
}

.off-canvas-menu--careers .primary-nav__level-one a:not(.btn) {
    padding: 0;
    margin-bottom: 1rem;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid transparent
}

.off-canvas-menu--careers .primary-nav__level-one a:not(.btn):hover {
    border-bottom: 1px solid #c00
}

.off-canvas-menu--careers .primary-nav__level-one a:not(.btn):first-child:after {
    color: #c00;
    position: absolute;
    top: .3125rem;
    right: -1rem
}

.off-canvas-menu--careers .primary-nav__level-one .off-canvas-menu__back-link {
    margin-bottom: 1rem
}

.off-canvas-menu--careers .primary-nav__level-one .off-canvas-menu__back-link a {
    border: none;
    color: #000
}

.off-canvas-menu--careers .primary-nav__level-one .off-canvas-menu__back-link a:hover {
    border: none
}

.off-canvas-menu--careers .primary-nav__level-one .off-canvas-menu__back-link a:before {
    color: #c00
}

.off-canvas-menu--careers .primary-nav__level-one.off-canvas-menu__utility-nav {
    padding-top: 1.25rem
}

.off-canvas-menu--careers .primary-nav__level-one.off-canvas-menu__utility-nav a:not(.btn) {
    color: #000;
    margin-bottom: .5rem
}

.off-canvas-menu--careers .primary-nav__level-one.off-canvas-menu__utility-nav a:not(.btn):first-child:after {
    top: .25rem
}

.off-canvas-menu--careers .primary-nav__level-one.off-canvas-menu__utility-nav a:not(.btn) i:before {
    color: #c00
}

.off-canvas-menu--careers .primary-nav__level-one.off-canvas-menu__utility-nav a:not(.btn) span {
    color: #c00
}

.off-canvas-menu--careers .primary-nav__level-one.off-canvas-menu__utility-nav a:not(.btn)#nav-languages {
    margin-top: 2rem
}

.off-canvas-menu--careers .primary-nav__level-one.off-canvas-menu__utility-nav-careers {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.off-canvas-menu--careers li .primary-nav__mega-menu,.off-canvas-menu--careers li .red-folder {
    top: 5.25rem
}

.off-canvas-menu--careers li .red-folder .red-folder-empty span#icon-folder-open {
    margin-top: 0
}

.off-canvas-menu--careers li .red-folder .red-folder-empty__btns a.btn {
    padding: 1rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 0
}

.off-canvas-menu--careers li .mega-menu__level-two--expanded,.off-canvas-menu--careers li .mega-menu__level-three--expanded,.off-canvas-menu--careers li .red-folder {
    padding: 0 3rem
}

.off-canvas-menu--careers li .mega-menu__level-three--expanded-complete {
    padding: 0
}

.off-canvas-menu--careers .primary-nav__mega-menu-wrapper,.off-canvas-menu--careers .red-folder {
    margin-top: 1.25rem
}

.off-canvas-menu--careers .primary-nav__mega-menu-wrapper .off-canvas-menu__header,.off-canvas-menu--careers .red-folder .off-canvas-menu__header {
    position: absolute;
    top: -3.75rem;
    left: 0;
    padding-top: 1rem;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.off-canvas-menu--careers .primary-nav__mega-menu-wrapper .off-canvas-menu__header .off-canvas-menu__logo,.off-canvas-menu--careers .red-folder .off-canvas-menu__header .off-canvas-menu__logo {
    padding-top: 0;
    padding-bottom: 0
}

.off-canvas-menu--careers .primary-nav__mega-menu-wrapper .off-canvas-menu__header .off-canvas-menu__logo a,.off-canvas-menu--careers .red-folder .off-canvas-menu__header .off-canvas-menu__logo a {
    margin-bottom: 0;
    display: inherit
}

.off-canvas-menu--careers .red-folder .off-canvas-menu__header {
    top: -5rem
}


/*-------*/
.primary-nav__primary-list .primary-nav__col-group {display:block}
.primary-nav__primary-list .primary-nav__mega-menu-heading a:after {display:none}
.primary-nav__primary-list  .primary-nav__col-group .primary-nav__col {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 0;
    width: 100%;
}
.primary-nav__primary-list .primary-nav__level-two li a:after {display:none !important}
.primary-nav__level-one {list-style:none;margin-left: 4rem;padding: 0;}
.primary-nav__mega-menu-heading a{
    padding: 0;
    margin-bottom: 1rem;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid transparent;
}
.off-canvas-menu .primary-nav__level-one a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 0.875rem;
    flex-flow: row;
}
.primary-nav__col-group .primary-nav__col .primary-nav__level-two li a {font-size:14px;color: #4f4f4f;}

.primary-nav__col-group .primary-nav__col .primary-nav__level-two li a.level-three-active:after{
    display: inline-block !important;
    content: "\f0da";
    font-family: FontAwesome;
    color: #cc0000;
    font-size: 15px;
    padding-left: 0.75rem;
    }
	.off-canvas-menu--careers .primary-nav__level-one {
    margin-left: 4rem;
}
.off-canvas-menu__header.hj {    padding: 0 4rem !important;}
/*-------*/

/*
.sidebar {
  height: auto;
  width: 45px;
  position: fixed;
  text-align: center;
  top: 35vh;
  padding: 0;
  right: 0;
  z-index: 1;
}

.sidebar p i {
  color: #fff;
  font-size: 24px;
  display: flex;
  width: 46px;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.social a {display:block}
.social {
  width: 245px;
  padding: 0;
  display: inline-table;
  height: 0px;
  background-color: rgba(128, 128, 128, 0.73);
  -moz-transition-property: margin-left;
  -moz-transition-duration: 0.2s;
  -moz-transition-delay: 0.2s;
  -ms-transition-property: margin-left;
  -ms-transition-duration: 0.2s;
  -ms-transition-delay: 0.2s;
  -o-transition-property: margin-left;
  -o-transition-duration: 0.2s;
  -o-transition-delay: 0.2s;
  -webkit-transition-property: margin-left;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s;
  box-shadow: 0px 0px 6px 0px #3E3D3D;
  cursor: pointer;
}

.social:hover {
  margin-left: -185px;
  width: 230px;
}

.phone_c {
  background-color: #3b5998;
}

.whatsapp {
  background-color: #0ab500;
}
.email_c {background-color: #d71800;}
.sidebar p {position:relative;margin: 0;height: 50px;display: flex;align-items: center;color: #fff;}

*/


#go_translate.dfg svg{
    cursor: pointer;
    color: #c00;
    fill: #c00;
    width: 25px;
    height: 25px;
}

.news-letter .section-wrapper .news-form form .nf-list, .news-letter .section-wrapper, .news-footer-wrap, .footer-top .footer-item .footer-inner .footer-content .title h4, .widget.widget-search .search-wrapper, .blog-single .section-wrapper .post-item .post-inner .post-content .video-thumb, .blog-single .section-wrapper .post-item .post-inner .post-content blockquote, .shop-single .review .review-content .description .post-item .post-content ul li, .shop-single .product-details .post-content form .select-product select, .shop-single .product-details .post-content form .select-product, .shop-single .product-details .product-thumb, .shop-page .modal .modal-dialog .modal-content .modal-body .product-details-inner .thumb, .shop-page .shop-product-wrap .product-item .product-thumb .pro-thumb, .shop-page .shop-product-wrap .product-list-item .product-thumb .pro-thumb, .shop-page .shop-product-wrap .product-item .product-thumb, .shop-page .shop-product-wrap .product-list-item .product-thumb, .choose-section, .student-feedbak-section, .register-section .section-wrapper *, .register-section .section-wrapper, .clients-section.style-3 .section-wrapper .clients-slider2, .clients-section.style-3 .section-wrapper .client-item .client-inner .client-thumb, .clients-section.style-3 .section-header, .clients-section.style-2 .section-wrapper .clients .client-list .client-thumb img, .clients-section.style-2 .section-wrapper .clients .client-list .client-thumb, .clients-section.style-2 .section-wrapper .clients, .feature-section.style-2 .section-wrapper, .feature-section *, .feature-section, .newsletters-section .newsletter-area .news-mass i, .newsletters-section .newsletter-area, .newsletters-section, .workshop-join .section-wrapper .workshop-title h5, .event-section.style-2 .section-wrapper, .event-section *, .event-section, .instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li .list-attr, .instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-content ul li span, .instructor-single-section .instructor-wrapper .instructor-single-top .instructor-single-item .instructor-single-thumb img, .instructor-single-section .instructor-wrapper .instructor-single-top, .instructor-section.style-3 .section-wrapper .instructor-bottom .instructor-slider, .instructor-section.style-2 .section-wrapper, .instructor-section.style-2, .contact-info-section .section-wrapper .cinfo-item .cinfo-inner .cinfo-thumb, .contact-info-section .section-wrapper .cinfo-or span, .contact-info-section .section-wrapper, .about-section.style-3 .about-left, .about-section .about-right, .about-section .about-left, .about-section, .course-section.style-3, .course-section.style-2 .section-header, .category-section.style-4 .section-wrapper .category-item .category-inner, .pageheader-section.style-2 .pageheader-content .course-category .course-cate, .pageheader-section.style-2 .pageheader-thumb, .banner-section.style-5 .section-wrapper .banner-content, .banner-section.style-4 .banner-content form, .banner-section.style-4, .banner-section.style-2 .section-wrapper .thumb-part, .banner-section.style-2, .banner-section .section-wrapper .banner-thumb, .banner-section .section-wrapper .banner-content form, .banner-section .cbs-content-list ul li.ccl-shape a, .banner-section, .menu-item-has-children > a, .header-bar, .feature-item .feature-inner .feature-content .lab-btn-text span, .achieve-item .achieve-inner, .count-item .count-inner .count-icon i, .count-item .count-inner .count-icon, .post-item.qute-post .post-inner .post-thumb, .post-item.video-post .post-thumb, .post-item.slider-post .post-inner .post-thumb.post-thumb-slider, .post-item .post-inner .post-footer .pf-right, .course-item.style-5 .course-inner .course-thumb, .course-item.style-4 .course-inner .course-thumb, .course-item.style-3 .course-inner .course-thumb, .course-item.style-2 .course-inner .course-thumb, .course-item .course-inner .course-content .course-category .course-cate a, .course-item .course-inner .course-content, .cart-plus-minus, .or span, .or, .shape-img, .video-button, .select-item {
    position: relative;
}



.header-section {
  background: transparent;
  z-index: 999;
  border-bottom: 1px solid #ffffff47;
}
.header-section.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  animation: fadeInDown 0.5s;
  -webkit-animation: fadeInDown 0.5s;
  -moz-animation: fadeInDown 0.5s;
  box-shadow: 0 0 10px rgba(16, 17, 21, 0.1);
  z-index: 999;
  opacity: 1;
}

.header-section.header-fixed .header-top {
    display: none;
}

@media (min-width: 992px) {
  .header-section.header-fixed {
    /* top: -48px; */
  }
}
@media (min-width: 1200px) {
  .header-section.header-fixed {
    /* top: -55px; */
  }
}
.header-section.header-fixed .header-bottom {
  background: #ffffff;
  /* backdrop-filter: blur(20px); */
}
.header-section.style-2 .header-wrapper {
  padding: 20px;
  box-shadow: 0 6px 10px rgba(85, 85, 85, 0.1);
}
.header-section.style-2 .logo-search-acte .header-cate {
  margin: 0 40px;
}
.header-section.style-2 .logo-search-acte .header-cate select {
  border: none;
  background: transparent;
}
.header-section.style-2 .logo-search-acte .header-search form {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.header-section.style-2 .logo-search-acte .header-search form input {
  border: none;
  width: auto;
}
.header-section.style-2 .logo-search-acte .header-search form button {
  background: transparent;
}
@media (min-width: 992px) {
  .header-section.style-2.header-fixed {
    top: 0;
  }
}
@media (min-width: 1200px) {
  .header-section.style-2.header-fixed {
    top: 0;
  }
}
.header-section.style-3 {
  top: 0;
}
@media (min-width: 992px) {
  .header-section.style-3 {
    position: static;
  }
}
.header-section.style-3.header-fixed {
  position: fixed;
  border: none;
}
.header-section.style-3 .header-top .header-top-area {
  padding: 8px 0;
}
@media (max-width: 575px) {
  .header-section.style-3 .header-top .header-top-area {
    text-align: center;
  }
}
.header-section.style-3 .header-top .header-top-area .header-top-contact a {
  letter-spacing: 1.5px;
  padding: 0 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.6);
}
.header-section.style-3 .header-top .header-top-area .header-top-contact a:last-child {
  border-right: none;
}
.header-section.style-3 .header-top .header-top-area .header-top-contact a.lab-btn {
  padding: 3px 15px;
  font-size: 14px;
  letter-spacing: normal;
}
.header-section.style-3 .header-top .header-top-area .header-top-contact a.lab-btn:hover {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  box-shadow: none;
}
@media (max-width: 575px) {
  .header-section.style-3 .header-top .header-top-area .header-top-reglog {
    width: 100%;
  }
}
.header-section.style-3 .header-top .header-top-area .header-top-reglog a {
  padding: 0 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.6);
}
.header-section.style-3 .header-top .header-top-area .header-top-reglog a:last-child {
  padding-right: 0;
  border-right: none;
}
.header-section.style-3 .header-bottom {
  box-shadow: 0 6px 10px rgba(85, 85, 85, 0.1);
}
@media (min-width: 992px) {
  .header-section.style-3 .header-bottom .header-wrapper {
    padding: 0;
  }
}
@media (min-width: 992px) {
  .header-section.style-3 .header-bottom .menu > ul {
    margin-right: 20px;
  }
}
@media (min-width: 992px) {
  .header-section.style-3 .header-bottom .menu > ul > li:hover a::after, .header-section.style-3 .header-bottom .menu > ul > li.active a::after {
    -webkit-transform: scaleX(1) translateY(-50%);
    -ms-transform: scaleX(1) translateY(-50%);
    transform: scaleX(1) translateY(-50%);
  }
}
@media (min-width: 992px) {
  .header-section.style-3 .header-bottom .menu > ul > li.menu-item-has-children > a::before {
    display: none;
  }
}
@media (min-width: 992px) {
  .header-section.style-3 .header-bottom .menu > ul > li > a {
    padding: 30px 22px;
  }
}
@media (min-width: 992px) {
  .header-section.style-3 .header-bottom .menu > ul > li > a::after {
    width: 100%;
    height: 2px;
    left: 0;
    top: 100%;
    position: absolute;
    content: "";
    background: #f16126;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    transform-origin: left;
    z-index: 1;
  }
}
.header-section.style-4 {
  border: none;
}
.header-section.style-4.header-fixed {
  top: 0;
}
.header-section.style-4 .header-top {
  background: #fdfdfd73;
  padding: 15px 0;
}
@media (max-width: 991px) {
  .header-section.style-4 .menu > ul {
    background: #3183f7;
  }
  .header-section.style-4 .menu > ul li a {
    color: #fff;
    border-top: 1px solid rgba(16, 17, 21, 0.1);
  }
  .header-section.style-4 .menu > ul li a:hover {
    background: #3183f7;
  }
}
.header-section.style-4 .lab-btn:hover {
  box-shadow: 0 5px 10px rgba(49, 131, 247, 0.5);
}
@media (min-width: 992px) {
  .header-section.style-4 .menu-item-has-children > a::after, .header-section.style-4 .menu-item-has-children > a::before {
    background: #101115;
  }
}
.header-section.style-5.header-fixed {
  top: 0;
}
@media (min-width: 992px) {
  .header-section.style-5 .header-bottom .menu > ul > li > a::after {
    background: #3183f7;
  }
}
.header-section.style-5 .header-bottom .lab-btn:hover {
  box-shadow: 0 5px 10px rgba(49, 131, 247, 0.5);
}
.header-section.style-6 .header-top {
  background: transparent;
}
.header-section.style-6 .header-bottom .header-wrapper {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.header-section.style-6.header-fixed {
  box-shadow: none;
}
.header-section.style-6.header-fixed .header-top {
  display: none;
}
.header-section.style-6.header-fixed .header-bottom {
  background: transparent;
  backdrop-filter: blur(0px);
}
.header-section.style-6.header-fixed .header-bottom .header-wrapper {
  backdrop-filter: blur(20px);
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}
.header-section.style-7 {
  top: 0;
}
@media (min-width: 992px) {
  .header-section.style-7 .header-top-area .social-icons li a {
    color: #3183f7;
  }
}
@media (min-width: 992px) {
  .header-section.style-7 .menu > ul li ul {
    background: #fff;
    box-shadow: 0 0 10px rgba(16, 17, 21, 0.1);
  }
  .header-section.style-7 .menu > ul li ul li a {
    color: #fff;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .header-section.style-7 .menu > ul li ul li a {
    color: #101115;
  }
}
@media (min-width: 992px) {
  .header-section.style-7 .menu > ul li ul li a:hover, .header-section.style-7 .menu > ul li ul li a.active {
    background: #3183f7;
    color: #fff;
  }
}
@media (min-width: 992px) {
  .header-section.style-7 .menu > ul li ul li a::after, .header-section.style-7 .menu > ul li ul li a::before {
    background: #fff;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .header-section.style-7 .menu > ul li ul li a::after, .header-section.style-7 .menu > ul li ul li a::before {
    background: #101115;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .header-section.style-7 .menu > ul li ul li a.active::after, .header-section.style-7 .menu > ul li ul li a.active::before {
    background: #101115;
  }
}
@media (max-width: 991px) {
  .header-section.style-7 .menu > ul {
    background: #3183f7;
  }
  .header-section.style-7 .menu > ul li a {
    color: #fff;
    border-top: 1px solid rgba(25, 24, 24, 0.1);
  }
  .header-section.style-7 .menu > ul li a:hover {
    background: rgba(49, 131, 247, 0.6);
  }
  .header-section.style-7 .menu > ul li a::after, .header-section.style-7 .menu > ul li a::before {
    background: #fff;
  }
}


.header-wrapper {
  padding: 15px 0;
  gap: 20px;
}
@media (min-width: 576px) {
  .header-wrapper {
    position: relative;
  }
}
.header-wrapper .logo a img {
  max-width: 100%;
}
.header-wrapper .logo a img.color_logo {display:none}
.header-wrapper .logo a img.white_logo {display:block}
@media (max-width: 575px) {
  .header-wrapper .logo {
    width: 160px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .header-wrapper .logo {
    width: 200px;
  }
}
.header-wrapper .menu-area .login,
.header-wrapper .menu-area .signup {
  display: none;
}
@media (min-width: 768px) {
  .header-wrapper .menu-area .login,
.header-wrapper .menu-area .signup {
    padding: 10px;
    display: inline-block;
  }
}
@media (min-width: 1200px) {
  .header-wrapper .menu-area .login,
.header-wrapper .menu-area .signup {
    padding: 15px;
  }
}
.header-wrapper .menu-area .login {
  color: #f16126;
  border-radius: 2px 0 0 2px;
}
.header-wrapper .menu-area .signup {
  color: #fff;
  border-radius: 0 2px 2px 0;
}
.header-wrapper .menu-area .ellepsis-bar {
  font-size: 20px;
}
@media (max-width: 575px) {
  .header-wrapper .menu-area {
    padding: 15px 0;
  }
  .header-wrapper .menu-area .ellepsis-bar {
    margin-left: 20px;
  }
}

@media (min-width: 992px) {
  .menu > ul {
    /* margin-right: 30px; */
  }
}
.menu > ul > li:last-child a {padding-right:0}
.menu > ul > li > a {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 500;
  padding: 0 22px;
  text-transform: capitalize;
}
.menu > ul > li > a i {
  margin-right: 5px;
}
.menu > ul > li ul {
}
.menu > ul > li ul li {
  width: 100%;
}
@media (min-width: 992px) {
  .menu > ul li {
    position: relative;
  }
  .menu > ul li ul {
  }
  .menu > ul li ul li {
  }
  .menu > ul li ul li a {
  }
  .menu > ul li ul li a:hover, .menu > ul li ul li a.active {
  }
  .menu > ul li ul li a.active::after, .menu > ul li ul li a.active::before {
    background: #fff;
  }
  .menu > ul li ul li:last-child a {
    border-bottom: none;
  }
  .menu > ul li ul li ul {
    left: 100%;
    top: 0;
    display: none;
  }
  .menu > ul li:hover > ul {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
    visibility: visible;
    display: block;
  }
}
@media (max-width: 991px) {
  .menu > ul {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    overflow: auto;
    max-height: 400px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    transition: all ease 0.3s;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    transform-origin: top;
    background: #f16126;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
  }
  .menu > ul li {
    width: 100%;
    padding: 0;
  }
  .menu > ul li a {
    display: block;
    padding: 10px 25px;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
  }
  .menu > ul li a:hover {
    background: rgba(241, 97, 38, 0.6);
  }
  .menu > ul li ul {
    padding-left: 20px;
    display: none;
  }
  .menu > ul li ul li {
    width: 100%;
  }
  .menu > ul li ul li a {
    font-size: 14px;
    display: flex;
    justify-content: space-between;
  }
  .menu > ul.active {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
  }
}

.header-bar {
  width: 25px;
  height: 20px;
}
.header-bar span {
  height: 3px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  left: 0;
}
.header-bar span:first-child {
  top: 0;
}
.header-bar span:nth-child(2) {
  top: 52%;
  transform: translateY(-65%);
}
.header-bar span:last-child {
  bottom: 0;
}
.header-bar.active span:first-child {
  -webkit-transform: rotate(45deg) translate(3px, 9px);
  -ms-transform: rotate(45deg) translate(3px, 9px);
  transform: rotate(45deg) translate(3px, 9px);
}
.header-bar.active span:nth-child(2) {
  opacity: 0;
}
.header-bar.active span:last-child {
  -webkit-transform: rotate(-45deg) translate(3px, -9px);
  -ms-transform: rotate(-45deg) translate(3px, -9px);
  transform: rotate(-45deg) translate(3px, -9px);
}
@media (max-width: 575px) {
  .header-bar {
    width: 15px;
    height: 16px;
  }
  .header-bar span {
    height: 2px;
    width: 20px;
  }
  .header-bar.active span:first-child {
    -webkit-transform: rotate(45deg) translate(4px, 6px);
    -ms-transform: rotate(45deg) translate(4px, 6px);
    transform: rotate(45deg) translate(4px, 6px);
  }
  .header-bar.active span:nth-child(2) {
    opacity: 0;
  }
  .header-bar.active span:last-child {
    -webkit-transform: rotate(-45deg) translate(4px, -6px);
    -ms-transform: rotate(-45deg) translate(4px, -6px);
    transform: rotate(-45deg) translate(4px, -6px);
  }
}

.menu-item-has-children > a::after {
}
.menu-item-has-children > a::before {
  top: 0px;
  right: 6px;
  content: "\f0d7";
  font-family: FontAwesome;
}
@media (min-width: 992px) {
  .menu-item-has-children > a::after {
  }
  .menu-item-has-children > a::before {
  }
}
@media (min-width: 992px) {
  .menu-item-has-children .menu-item-has-children a::after {
    right: 11px;
  }
  .menu-item-has-children .menu-item-has-children a::before {
    right: 15px;
  }
}
@media (min-width: 992px) {
  .menu-item-has-children .menu-item-has-children a:hover::after, .menu-item-has-children .menu-item-has-children a:hover::before {
    background: #fff;
  }
}
@media (min-width: 992px) {
  .menu-item-has-children:hover > a:before {
  }
}
.menu-item-has-children.open > a:before {
  transform: translateY(-50%) rotate(90deg);
  opacity: 0;
}

.shop-menu li a::after, .shop-menu li a::before {
  background: #101115;
  right: 0;
}
.shop-menu li a::before {
  right: 4px;
}
.shop-menu li:hover > a {
  color: #f16126 !important;
}
.shop-menu li:hover > a::before {
  -webkit-transform: translateY(-50%) rotate(0deg);
  -ms-transform: translateY(-50%) rotate(0deg);
  transform: translateY(-50%) rotate(0deg);
  opacity: 1;
}
.shop-menu li:hover > a:hover::after, .shop-menu li:hover > a:hover::before {
  background: #f16126;
}
.shop-menu li.open > a::after {
  background: #f16126;
}
.shop-menu li.open > a::before {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  opacity: 0;
}
.shop-menu li ul li a:hover::after, .shop-menu li ul li a:hover::before {
  background: #101115;
}

.menu-search-form {
  position: fixed;
  height: 100vh;
  top: 0;
  left: 0;
  background: rgba(16, 17, 21, 0.7);
  visibility: hidden;
  opacity: 0;
  z-index: 99999;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: scale(0.1);
  -ms-transform: scale(0.1);
  transform: scale(0.1);
}
.menu-search-form.open {
  visibility: visible;
  cursor: crosshair;
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.menu-search-form form {
  max-width: 600px;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.menu-search-form form input {
  width: calc(100% - 50px);
  border: 1px solid #ecf0f3;
  outline: none;
}
.menu-search-form form button {
  width: 50px;
}


/* @@@@@@@@@@@@@  Page Header Section Start Here  @@@@@@@@@@@@@@ */
.pageheader-section {
  padding: 165px 0 35px;
  background-image: url(../img/bg/01.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.pageheader-content {position:relative}
.pageheader-section:before{content:'';position: absolute;width: 100%;height: 100%;background: #000000b8;top: 0;}
.pageheader-section .pageheader-content h2 {
  margin-bottom: 10px;
  color: #fff;
}
.pageheader-content ol li a{color:#fff}
.pageheader-content ol li{
    padding-right: 15px;
    position: relative;
}
.pageheader-content ol li:last-child {padding-right:0;color: #fff;}
.pageheader-content ol li:last-child:after {content:'';}
.pageheader-content ol li:after {content:'|';position: absolute;right: 6px;color: #fff;}
.pageheader-section.style-2 {
  padding-top: 250px;
  background-image: url(../images/pageheader/bg/02.jpg);
}
@media (max-width: 991px) {
  .pageheader-section.style-2 {
    padding-bottom: 60px;
    padding-top: 150px;
  }
}
.pageheader-section.style-2 .pageheader-thumb {
  margin-bottom: 30px;
  border: 10px solid #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
@media (min-width: 992px) {
  .pageheader-section.style-2 .pageheader-thumb {
    margin-bottom: -60px;
  }
}
.pageheader-section.style-2 .pageheader-content .course-category .course-cate {
  padding: 3px 15px;
  padding-left: 25px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  font-weight: 500;
  margin-right: 10px;
}
.pageheader-section.style-2 .pageheader-content .course-category .course-cate::before {
  width: 6px;
  height: 6px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.5);
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.pageheader-section.style-2 .pageheader-content .course-category .course-offer {
  padding: 3px 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.pageheader-section.style-2 .pageheader-content .phs-thumb img {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.pageheader-section.style-2 .pageheader-content .phs-thumb span {
  font-size: 1.125rem;
  font-weight: 500;
}


/*-------------------------------------------------*/
.innear_banner {width:100%; height:100vh; position:relative}
.innear_banner:before {content:'';background: linear-gradient( 270deg, rgb(0 0 0 / 12%) 36.41%, rgb(0 0 0) 100%);width: 100%;position: absolute;height: 100%;}
.innear_banner img{    width: 100%;
    height: 100vh;
    object-fit: cover;}
.inr_content {position:absolute;bottom: 8%;width: 100%;/* transform: translate(0px, -50%); */}	
.inr_content h1{
    color: #fff;
    font-size: 23px;
    font-weight: 500;
    }	
.inr_content p{    font-weight: 600;
    color: #fff;
    font-size: 45px;
    line-height: 60px;
}	
.inr_content .btN_cv {}
.inr_content .btN_cv a{
    border: 1px solid #000;
    padding: 8px 50px 8px 15px;
    display: flex;
    width: fit-content;
    position: relative;
    border-radius: 36px;
    background: #fff;
}
.inr_content .btN_cv a span{display: flex;width: 42px;height: 42px;position: absolute;right: -8px;justify-content: center;align-items: center;background: #f00;border-radius: 35px;top: -1px;}
.inr_content .btN_cv a span svg {fill:#fff;width: 25px;height: 25px;}

.inner_form {
    box-shadow: 0px 0px 10px #787878;
    border-radius: 7px;
    overflow: hidden;
}
.inner_form .title{
    background: #000000a1;
    padding: 10px 15px;
}
.inner_form .title h3{
    font-size: 18px;
    color: #fff;
    margin: 0;
}
.inner_form .form_cs{
    padding: 15px;
    background: #fff;
}
.inner_form .form_cs .from-group{
    margin-bottom: 10px;
    position: relative;
}
.inner_form .form_cs .from-group input,
.inner_form .form_cs .from-group select{
    height: 42px;
    font-size: 15px;
    border-radius: 5px;
    padding: 4px 8px;
}
.inner_form .form_cs .from-group select option:first {
    color: #999;
}
.inner_form .form_cs .from-group label{
    position: absolute;
    background: #fff;
    font-size: 11px;
    top: -6px;
    left: 8px;
}
.inr_content .row {
    justify-content: space-between;
    align-items: center;
}
.inr_content .btn_pr {
    background: red;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 10px 29px;
    border-radius: 5px;
}
/*-------------------------------------------------*/
.date_box {padding:60px 0}
.blue_box {
    display: flex;
    justify-content: space-between;
    gap: 50px;
    margin-bottom: 30px;
}
.blue_box .box{
    background: #000;
    padding: 35px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.blue_box .box:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px rgb(0 0 0 / 72%);
    }
.blue_box .box_1{
    text-align: center;
}
.blue_box .box_1 h3{
    color: #fff;
    font-size: 30px;
}
.blue_box .box_1 p{
    color: #fff;
    margin: 0;
}
.blue_box .box_1 a {
    color: #fff;
    border: 3px solid #fff;
    padding: 2px;
    font-size: 32px;
    font-weight: 600;
}

.land_dream {
    border: 1px solid #000;
    border-radius: 50px;
    padding: 25px 45px;
    margin-top: 70px;
}
.land_dream_title {
    display: flex;
    justify-content: center;
    margin: -60px 0 40px;
}
.land_dream_title h3 {
    font-size: 40px;
    font-weight: 600;
    background: #000;
    color: #fff;
    padding: 10px 40px;
    border-radius: 8px;
    margin-bottom: 0;
}

.second_logo {}
.second_logo ul{
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}
.second_logo ul li{
    width: 22%;
}
.second_logo ul li img{
    width: 100%;
    height: 40px;
    object-fit: contain;
}

.first_logo {}
.first_logo h3{
    display: inline-block;
    font-size: 25px;
}
.first_logo h3 span{
    display: inline-block;
    height: 38px;
    color: red;
}
.first_logo h3 span:nth-child(2){/* background: #d1d1d1; */}
.first_logo span img{
    width: 100%;
    height: 27px;
    object-fit: contain;
}
.hh_tewo {display:flex;padding-left: 24px;justify-content: space-between;}
.fr-s {}
.fr-s ul{
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}
.fr-s ul li{color: #002060;font-size: 15px;font-weight: 600;margin-bottom: 10px;}
.fr-s ul li img{
    width: 75px;
    height: 37px;
    object-fit: contain;
}
/*_____________________________________________________*/
.benefits {
    padding: 60px 0;
    background: #FBEEDD;
}

.benefits .content {
    position: relative;
    margin: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 360px;
    flex-shrink: 0;
    border-radius: 8px;
    background: #000000;
    overflow: hidden;
}
.benefits .content .cards {
    position: relative;
    /* display: flex; */
    padding: 15px;
    align-items: center;
    flex-direction: column;
    transition: 0.5s;
}
.benefits .content:hover .cards {
    transform: translateY(-200px);
}
#byoc {
    margin-top: 370px;
    padding-right: 24px;
}
.benefits .content .cards .vtext p {
    /* margin: 350px 0 10px 16px; */
    color: #fff;
    font-size: 27px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: left;
}
#vtext-2 {position: relative;}#vtext-2 p {
    width: 100%;
    color: #FFF;
    font-size: 16px;
    transform: translateY(40px);
    transition: 0.5s;
    opacity: 0;
    padding-top: 20px;
    margin: 0;
}
#vtext-2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 5px;
    width: 32%;
    border-top: 3px solid #FFF;
}

.benefits .content:hover #vtext-2 p{
    transform: translateY(0px);
    opacity: 1;
}
.py_logo {display:flex;flex-wrap: wrap;align-items: center;gap: 4px 16px;justify-content: space-around;}
.py_logo img{object-fit: contain;height: 26px;}

/*_____________________________________________________*/

.commtab p {
    color: #000;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    line-height: 45px;
    margin-block-end: 0;
}.commtext3 {
    display: flex;
}#be {
    color: #000;
    font-feature-settings: 'clig' off, 'liga' off;
    font-family: Poppins;
    font-size: 2rem;
    font-style: normal;
    font-weight: 600;
    line-height: 2.5rem;
}.roller {
    height: 2.5rem;
    line-height: 2.5rem;
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 29px;
    font-weight: 600;
    color: black;
}.roller #rolltext {
    position: absolute;
    top: 0;
    animation: slide 5s infinite;
}

.roller #rolltext span img {
    /* width: 100px; */
    height: 26px;
    object-fit: cover;
    }
 @keyframes slide {
            from {
                transform: translateY(0%)
            }

            0% {
                top: 0;
            }

            33% {
                top: -2.5rem;
            }

            66% {
                top: -5rem;
            }

            100% {
                top: -7.5rem;
            }
        }

/*--------------------------------------*/
.leader_box {}
.leader_box .det{
    border: 1px solid #eee;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.leader_box .det:after {
    content: '';
    background: linear-gradient( 180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 86%) 95%);
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    bottom: 0;
}
.leader_box .det img{
    height: 320px;
    width: 100%;
    object-fit: cover;
}
.leader_box .name{
    bottom: 25px;
    text-align: center;
    width: 100%;
    position: absolute;
    z-index: 1;
    padding: 0 15px;
}
.leader_box .name h3{
    font-size: 18px;
    color: #fff;
}
.leader_box .name p{
    color: #fff;
    font-size: 15px;
    line-height: 18px;
}
.aut_logo {
    display: flex;
    justify-content: center;
    margin: -27px 0 0;
    position: relative;
    z-index: 3;
}
.aut_logo_c {background:#fff;width: 100%;margin: 0px 50px;display: flex;justify-content: center;border-radius: 6px;padding: 4px;}
.aut_logo img{height:50px;object-fit: contain;width: 65%;}
/*--------------------------------------*/
/*-------------------Infinity marwque-------------------*/
.team_sl_leader {padding:60px 0}
.hf_d_flex {gap:20px; display:flex}
.hf_d_flex .col-md-3 {width:20%}
/*-------------------Infinity marwque-------------------*/

/*-------------------matters_box-------------------*/
.why_matters p {margin-bottom:30px}
.matters_box {
    text-align: center;
    padding: 10px;
    border-radius: 0;
    padding: 20px 24px;
    gap: 15px 24px;
    text-align: center;
    height: 100%;
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.matters_box h3{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 35px;
    margin-bottom: 20px;
}
.matters_box h3 svg{}
.matters_box .desc{
    height: 100px;
    overflow: hidden;
    margin-bottom: 20px;
}
.matters_box .desc p{}
.matters_box img{
    width: 150px;
}
.matters_box.blue{
    border: 1px solid #b2aaf9;
    background: #edebff;
    }
.matters_box.green{    background: #eaf3ee;
    border: 1px solid #96bdaa;}
.matters_box.yellow{    background: #f5f2ea;
    border: 1px solid #c3b696;}
.matters_box:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 40px 3px rgba(0, 0, 0, 0.05);
}
.why_matters .points {
    padding: 30px 0;
    display: flex;
}
.why_matters .points ul{
    margin: 0;
    /* width: calc(100% - 40%); */
}
.why_matters .points ul li{
    font-size: 18px;
    margin-bottom: 18px;
    font-weight: 400;
}

.why_matters .points .matters_box {
    /* width: 40%; */
}

.matters_box.red {
    border: 1px solid #f6a4a4;
    background: #f4e0e0;
}
/*-------------------matters_box-------------------*/

/*---------------------------------------------------------------------*/
.expert_teams_g {padding:60px 0}
.expert_teams_g .Expert_team_three {}
.expert_teams_g .Expert_team_three .item{
    padding: 10px;
}
.expert_teams_g .Expert_team_three .item .d-flex{
    box-shadow: 0px 0px 10px #0003;
    padding: 25px;
}
.expert_teams_g .Expert_team_three .item .d-flex .col-md-6{}
.expert_teams_g .Expert_team_three .item .side_desc{
    margin-right: 10px;
}
.expert_teams_g .Expert_team_three .item .side_desc h3{
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    height: 100px;
    overflow: hidden;
}
.expert_teams_g .Expert_team_three .item .side_desc p{
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    height: 180px;
}
.expert_teams_g .Expert_team_three .item .team_pro{
    text-align: center;
}
.expert_teams_g .Expert_team_three .item .team_pro .img{
    text-align: center;
    margin-bottom: 9px;
}
.expert_teams_g .Expert_team_three .item .team_pro .img img{
    width: 100%;
    height: 100px;
    object-fit: cover;
}
.expert_teams_g .Expert_team_three .item .team_pro h3{
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
}
.expert_teams_g .Expert_team_three .item .team_pro .t_logo{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    height: 40px;
}
.expert_teams_g .Expert_team_three .item .team_pro .t_logo img{
    width: 100%;
    height: 40px;
    object-fit: contain;
}
.expert_teams_g .Expert_team_three .item .team_pro .teM-view {
    display: flex;
    justify-content: center;
}
.expert_teams_g .Expert_team_three .item .team_pro .teM-view a{
    display: block;
    padding: 4px 10px;
    border: 1px solid #f00;
    border-radius: 5px;
    font-size: 14px;
}
.expert_teams_g .Expert_team_three .item .team_pro .teM-view a:hover {background: #f00;color: #fff;}
.expert_teams_g.bann_ex {/* background:#f6f6f6; */}
/*---------------------------------------------------------------------*/

#bene-content-text {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
}
.mb-30 {margin-bottom:30px}
.bene-content .row.mb-30:last-child{margin-bottom:0}
/*-----------------------------faq-------------------------------*/
.faq_section {background: #fbeedd;padding:60px 0}
.course_video_content {}
.course_video_content .accordion-item{
    border: 0.5px solid #ff0000;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}
.course_video_content .accordion-header{
    -webkit-text-fill-color: inherit;
    background-color: transparent;
    background-image: linear-gradient(#260000f5,#000);
    background-clip: border-box;
    border: 1px #000;
    flex-wrap: nowrap;
}
.course_video_content .accordion-header span {
    
}
.course_video_content .accordion-header button{
    width: 100%;
    background: #0000;
    font-size: 25px;
    color: #fff;
    padding: 36px 24px 24px;
    font-weight: 500;
    border-radius: 20px;
    overflow: hidden;
}
.course_video_content .accordion-items  {position: relative;margin-bottom: 50px;}
.course_video_content .accordion-items span {
    overflow: hidden;
    text-transform: uppercase;
    background-image: linear-gradient(#ff0000, #f00);
    border: 0.5px solid #ff0000;
    border-radius: 12px 12px 12px 0;
    padding: 10px;
    font-family: IBM Plex Sans Condensed,sans-serif;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    top: -22px;
    bottom: auto;
    left: 0px;
    right: auto;
    color: #fff;
    font-weight: 600;
    z-index: 1;
    }
.course_video_content .accordion-collapse {
    border-top: 0.5px solid #ff0000;
    padding: 36px 24px 24px;
    background: #000;
}	
.course_video_content .accordion-items .desc {}	
.course_video_content .accordion-items .desc p{
    color: #fff;
}	
.course_video_content .accordion-items .desc ul{}	
.course_video_content .accordion-items .desc ul li{
    color: #fff;
}	
/*-----------------------------faq-------------------------------*/


.road_img img{width:100%}

.raod-desc {
    width: 375px;
    position: absolute;
    background: #eaf3ee;
    padding: 18px;
}
.road_img {position:relative}
.raod-desc h3{
    font-size: 20px;
}
.raod-desc ul{}
.raod-desc li{
    font-size: 15px;
}
.raod-desc p{
    font-size: 15px;
}
.raod-desc.first{
    top: 26px;
    left: 16%;
}
.raod-desc.sec{
    top: 170px;
    right: -8%;
}
.raod-desc.third{
    top: 250px;
    left: 8%;
}
.raod-desc.fourth{
    top: 445px;
    right: -7%;
}
.raod-desc.fifth{
    bottom: 33px;
    left: 48%;
}

#shuffle {height: 845px;overflow:hidden}


.why_matters {padding:60px 0}
.why_matters .col-md-4{padding:10px}

.shufle_img {
    padding: 0 0 50px;
}
.shufle_img #shuffle {
    height: auto;
    overflow: hidden;
}
.shu_box {position:relative;
    height: 230px;
}
.shufle_img #shuffle .col-md-4 {
    padding: 10px;
}
.shu_box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}









.services-ticker-block {
  position: relative;
  display:flex; 
  align-items:center;
  overflow-x: hidden;
}

.stb_line_single {
  position: relative;
  white-space: nowrap;
  padding: 0;
  will-change: transform;
}
.stb-item {
  padding: 0;
  font-size: 6.4rem;
  display: inline-block;
  margin-right: 10rem;

}
.stb-item:hover {
    color: #C02534;
}


/*------------------------------------*/
.cont{
  width: 100%;
  overflow: hidden;
}

.scorri{
  position:relative;
  display: flex;
  width: 100%;
  animation-name: marquee;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  justify-content: space-between;
}

.tithome{
  display: contents;
}

.tithome li{
  width: fit-content;
  display: inline-block;
  list-style: none;
  padding-right: 30px;
  font-size: 40px;
  width: 33.33%;
}

@keyframes marquee {
  0% { left: 0; }
  100% {left: -88.79%;}
}

.road_line {padding-top: 60PX;}


/* CTA Section Two */

.cta-section-two {
    position: relative;
    padding: 60px 0px;
    background-color: #f2f3f6;
    background-size: cover;
}

.cta-section-two h2 {
    position: relative;
    color: #fff;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 0;
}

.cta-section-two h2 span {
}

.cta-section-two .wrapper-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /* margin-bottom: 30px; */
}

.cta-section-two .contact-info {
    position: relative;
    padding-left: 80px;
}

.cta-section-two .contact-info .icon {
    position: absolute;
    width: 53px;
    line-height: 50px;
    left: 0;
    top: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cta-section-two .contact-info h4 {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
}

.cta-section-two .contact-info .text {
    position: relative;
    font-size: 18px;
    color: #fff;
    font-family: var(--fira-sans);
    margin-bottom: 0;
}

.btn-style-four {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 6px;
    overflow: hidden;
    vertical-align: middle;
    background-color: transparent;
    background-size: 200% auto;
    background-image: -webkit-linear-gradient(0deg, rgb(255 0 0) 16%, rgb(255 0 0) 100%);
}
.btn-style-four .btn-title {
    position: relative;
    display: block;
    z-index: 1;
    font-family: "Fira Sans", sans-serif;
    padding: 13px 40px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    border-radius: 6px;
    overflow: hidden;
}
.btn-style-four .btn-title::before {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
    height: 100%;
    width: 100%;
    content: "";
    background-color: rgb(255 255 255);
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1) 0s, -webkit-transform 500ms 0s;
}
.btn-style-four:hover .btn-title:before {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}


.achieve-item:hover.border-one:before, .achieve-item:hover .border-one:before {
    height: 100%;
}
.achieve-item:hover.border-one:after, .achieve-item:hover .border-one:after {
    width: 100%;
    transition-delay: 500ms;
}
.achieve-item:hover .border-two:before, .achieve-item:hover .border-two:before {
    height: 100%;
    transition-delay: 1000ms;
}
.achieve-item:hover .border-two:after, .achieve-item:hover .border-two:after {
    width: 100%;
    transition-delay: 1500ms;
}







/*.speed-test-item{width:60px;height:60px}.speed-test-item.even{background:#000}.news-item{padding:20px;background:#089031;max-width:25%;color:#fff;text-decoration:none;border-right:1px #ddd solid}*/
.sec_step .header-section.header-fixed{display: block;}
.sec_step .extra_head {display: none;}
.extra_head {
    display:none;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1;
    background: #fff;
    padding: 15px 0;
    z-index: 99;
    }
.extra_head .conta_v{display:flex}
.extra_head .logo{
    width: 150px;
}
.extra_head .logo img{}
.extra_head .extra_menu{
    width: calc(100% - 150px);
}
.extra_head .extra_menu ul{
    list-style: none;
    margin-bottom: 0;
    display: flex;
    justify-content: end;
    gap: 20px;
}
.extra_head .extra_menu ul li{}
.extra_head .extra_menu ul li a{
    color: #000000;
    font-size: 1rem;
    font-weight: 500;
    padding: 0 2px;
    text-transform: capitalize;
}

html{scroll-behavior:smooth}

.sft-lefts {}
.sftl-thumbs {
}
.sftl-thumbs img{}
.sftl-contents{}
.sftl-contents a{
}
.sftl-contents h6{
}
.sftl-contents span{}

.path_ciu {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}
.path_ciu .whole{
    position: relative;
    display: flex;
    align-items: center;
    gap: 23px;
    width: 100%;
}
.path_ciu .whole:last-child .sn:after {display:none}
.path_ciu .sn{
    width: 70px;
    height: 70px;
    /* box-shadow: 0px 0px 10px #000; */
    border-radius: 90px;
    position: relative;
}
.path_ciu .sn:after {
    content: "";
    position: absolute;
    width: 1px;
    z-index: -1;
    left: 36px;
    transition: border 1s ease-out;
    transition-delay: 0s, 0s, 0.1s;
    height: 100%;
    background: #707070;
    top: 100%;
    margin: 0 auto;
    }
.path_ciu .sn:last-child:after {display:none}
.path_ciu .sn .sn_no{
    border: 1px solid #707070;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background: #ffffff;
}
.path_ciu .sn span{
    font-size: 30px;
    color: #000;
    font-weight: 600;
}
.path_ciu .cont{
    width: calc(100% - 50px);
}
.path_ciu .cont h3{
    font-size: 25px;
}


.se_img {
    }
.se_img .img{
}
.se_img .img:nth-child(odd){}
.se_img .img img{
}
.se_img .img h3{
}


/*-----------------------------------*/
.holderCircle {width: 500px;height: 500px;border-radius: 100%;position: relative;}


.dotCircle { width: 100%; height: 100%; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; border-radius: 100%; z-index: 20; }

.dotCircle  .itemDot {display: block;width: 80px;height: 80px;position: absolute;background: #ffffff;color: #ff0000;border-radius: 20px;text-align: center;line-height: 80px;z-index: 3;cursor: pointer;border: 2px solid #e6e6e6;text-align: center;display: flex;align-items: center;justify-content: center;}

.dotCircle  .itemDot .forActive { width: 56px; height: 56px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; }

.dotCircle  .itemDot .forActive::after {content: '';width: 5px;height: 5px;border: 3px solid #ff0000;bottom: -31px;left: -14px;filter: blur(1px);position: absolute;border-radius: 100%;}

.dotCircle  .itemDot .forActive::before {content: '';width: 6px;height: 6px;filter: blur(5px);top: -15px;position: absolute;transform: rotate(-45deg);border: 6px solid #ff0000;right: -39px;}
.dotCircle .itemDot img {
    width: 55px;
}
.dotCircle  .itemDot.active .forActive { display: block; }

.round {position: absolute;left: 40px;top: 45px;width: 410px;height: 410px;border: 2px dotted #ff0000;border-radius: 100%;-webkit-animation: rotation 100s infinite linear;}

.dotCircle .itemDot:hover, .dotCircle .itemDot.active {color: #ffffff;transition: 0.5s; background: #ff0000; background: linear-gradient(to right, #000000 0%, #000000 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d4ac7', endColorstr='#a733bb', GradientType=1); /* IE6-9 */border: 2px solid #ffffff;-webkit-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13);-moz-box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13);box-shadow: 0 30px 30px 0 rgba(0, 0, 0, .13);}

.dotCircle .itemDot {}

.contentCircle { width: 250px; border-radius: 100%; color: #222222; position: relative; top: 150px; left: 50%; transform: translate(-50%, -50%); }

.contentCircle .CirItem { border-radius: 100%; color: #222222; position: absolute; text-align: center; bottom: 0; left: 0; opacity: 0; transform: scale(0); transition: 0.5s; font-size: 15px; width: 100%; height: 100%; top: 0; right: 0; margin: auto; line-height: 250px; }

.CirItem.active { z-index: 1; opacity: 1; transform: scale(1); transition: 0.5s; }

.contentCircle .CirItem .img {position: absolute;top: 0;color: #000000;opacity: 0.1;left: 21px;width: 220px;}

.dotCircle .itemDot:hover img, 
.dotCircle .itemDot.active  img {filter:invert(17)}


@media only screen and (min-width:300px) and (max-width:599px) {
	.holderCircle {/* width: 300px; height: 300px;*/ margin: 110px auto; }
	.holderCircle::after { width: 100%; height: 100%; }
	.dotCircle { width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
}

  .title-box .title { font-weight: 600; letter-spacing: 2px; position: relative; z-index: -1; }
        .title-box span {text-shadow: 0 10px 10px rgba(0, 0, 0, .15);font-weight: 800;color: #ff0000;}
        .title-box p {}
/*-----------------------------------*/

.student-feedbak-section .section-wrapper .sf-left .sfl-thumb {
    border: 10px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 5px 10px rgba(16, 17, 21, 0.1);
    position: relative;
}
.student-feedbak-section .section-wrapper .sf-left .sfl-thumb .video-button {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    }
	
.roll__area-2 {
    /* padding: 15px 10px; */
    /* background-color: #000000; */
    overflow: hidden;
}
.roll__slide {
    text-align: center;
}
.roll__area-2 .roll__slide h2 {
    color: #fff;
}
.roll__slide h2 {
    font-weight: 600;
    font-size: 16px;
    line-height: 1.1;
    text-transform: uppercase;
    color: #fff;
    text-wrap: nowrap;
    margin: 0;
}
.roll__area-3 {
    padding: 15px 10px;
    background-color: #ff0000;
    overflow: hidden;
}

.talk_x {
    bottom: 2px;
    width: fit-content;
}
.talk_x a {
    display: flex;
    align-items: center;
}
.talk_x a img {
    width: 46px;
    position: relative;
    z-index: 1;
}
.talk_x span {
    position: absolute;
    width: 150px;
    background: #f00;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding: 5px 5px 5px 44px;
    left: 14px;
    border-radius: 45px;
}

/*------------blog-------------------*/
.blog-section .col-md-4 {
    margin-bottom: 15px;
}
.post-item {/* margin-bottom:15px; */height: 100%;}
.blog_two .item {padding: 10px 10px;}
.blo_smal {
    box-shadow: 0px 0px 10px #00000059;
    border-radius: 15px;
    overflow: hidden;
    height: 280px;
    }
.blo_smal_img {
    overflow: hidden;
}
.blo_smal_img img{
    height: 130px;
    object-fit: cover;
}
.blo_smal .content{
    padding: 15px;
}
.blo_smal .content h3{
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    /* height: 40px; */
    margin-bottom: 13px;
}
.blo_smal .content p{
    height: 68px;
    overflow: hidden;
    margin-bottom: 0;
    font-size: 15px;
}
.blog_two {
    padding-bottom: 50px;
}
.blog_two button{
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    font-size: 65px !important;
}
.blog_two button.owl-prev{
    left: -30px;
}
.blog_two button.owl-next{
    right: -30px;
}
/*------------blog-------------------*/

.blg.he_g  img {
    height: 360px;
    object-fit: cover;
    }
.comment-respond.gfh	 {box-shadow: none;}


.blog_author	{
    background: #0a182f;
    padding-top: 98px;
    position: relative;
    }
.blog_author .blog_bred	{
    position: absolute;
    /* top: 10px; */
}
.blog_author .blog_bred ul	{
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
}
.blog_author .blog_bred ul li	{
    color: #fff;
    font-size: 13px;
    padding-right: 20px;
    position: relative;
}
.blog_author .blog_bred ul li:before {content: "\f105";font-family: FontAwesome;position: absolute;right: 6px;}
.blog_author .blog_bred ul li a	{
    color: #fff;
}
.blog_author .blog_bred ul li:last-child{padding:0}
.blog_author .blog_bred ul li:last-child:before{display:none}
.blog_author .padding-tb{padding: 50px 0;}
.blog_author .blog_t_tile_al{}
.blog_author .blog_t_tile_al h1{
    margin-bottom: 10px;
    color: #fff;
    font-size: 30px;
    font-weight: 100;
    margin-bottom: 20px;
}
.blog_t_tile_al {}
.blog_t_tile_al ul{
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    }
.blog_t_tile_al ul li{
    color: #8c9bb5;
    font-size: 13px;
    padding: 0 36px;
    position: relative;
    }
.blog_t_tile_al ul li:before{content:'';width: 1px;height: 100%;position: absolute;background: #8c9bb5;right: 0;}
.blog_t_tile_al ul li:last-child{padding-right: 0;}
.blog_t_tile_al ul li:first-child{padding-left: 0;}
.blog_t_tile_al ul li:last-child:before{display:none}
.blog_t_tile_al ul li span{
    display: block;
    color: #fff;
}
.left_img_svg {
    position: absolute;
    bottom: 0;
    left: 0;
}
.left_img_svg img{}
.tp_round_img {
    position: absolute;
    top: 0;
    right: 230px;
    }
.tp_round_img img {
    width: 60px;
}

.srrch_share {
    position: absolute;
    top: 10px;
    right: 15px;
    display: flex;
    gap: 8px;
    align-items: flex-start;
}
.srrch_share .icon {
    display: flex;
    background: #fff;
    border-radius: 50px;
    overflow: hidden;
    align-items: center;
    width: 40px;
}
.srrch_share .icon span {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.srrch_share .icon input {
   display: none; 
    padding: 5px;
    height: 34px;
    border: none;
    font-size: 14px;
}
.srrch_share .icon:hover{width:auto}
.srrch_share .icon:hover input {
   display: block; 
}

.srrch_share .shr_ci  {
    display: flex;
    background: #fff;
    border-radius: 50px;
    overflow: hidden;
    align-items: center;
    width: 40px;
    flex-wrap: wrap;
}
.srrch_share .shr_ci  span {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.srrch_share .shr_ci .share-cio {}

.srrch_share .shr_ci .share-cio ul  {
    flex-wrap: wrap;
    gap: 0px;
}

.srrch_share .shr_ci .share-cio ul li {
    padding: 0 0 10px 0;
    width: 40px;
    display: flex;
    justify-content: center;
    font-size: 15px;
}
.srrch_share .shr_ci .share-cio ul li:before {
display:none
}
.srrch_share .shr_ci .share-cio ul li a {
    color: #555;
}

.srrch_share .shr_ci .share-cio {display: none;}
.srrch_share .shr_ci:hover .share-cio {display: block;}


.blog-single .post-content h2 {
    font-size: 20px;
    font-weight: 600;
}
.blog-single .post-content ul li {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.side_df_fix { height: 100%;
    overflow: auto;
    position: sticky;
    top: 80px;}
	
.hight_light_topic {
    box-shadow: 0px 0px 6px #d9d9d9;
    padding: 15px;
    /* margin: 10px 0px; */
    border-radius: 10px;
}	
.hight_light_topic h3{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 18px;
}	
.hight_light_topic_scr {overflow-y: scroll;height: 350px;padding-right: 8px;}
/* width */
.hight_light_topic_scr::-webkit-scrollbar {
  width: 4px;
}

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

/* Handle on hover */
.hight_light_topic_scr::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.hight_light_topic_scr ol {
    padding: 0 0 0 15px;
}
.hight_light_topic_scr ol li{
    font-size: 14px;
    margin-bottom: 13px;
    display: flex;
    align-items: flex-start;
    counter-increment: ol-counter;
    position: relative;
    line-height: 20px;
}
.hight_light_topic_scr ol li:before{content: counter(ol-counter);position: absolute;left: -16px;}

.form_fil {
    box-shadow: 0 0 10px rgba(136, 136, 136, 0.1);
    padding: 15px;
    margin-bottom: 25px;
    border-radius: 16px;
    border: 1px double #ff000040;
    background-origin: border-box;
    background-clip: content-box, border-box;
}
.form_fil .comment-respond .add-comment .comment-form input {
    border: 1px double #ff000040;
    border-radius: 6px;
    background: #fff;
    padding: 7px 15px;
}
.form_fil .comment-respond .add-comment .comment-form .iti  {margin-bottom:15px}

.social-icons li a.whatsapp {    background: #00b31e; }
.aut_name_img {display:flex;align-items: center;gap: 11px;}
.aut_img {    width: 50px; }
.aut_img img{    width: 100%; }
.aut_name {
    color: #8c9bb5;
}


/*----------------------------*/
.common_pop .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #0000008a;
    z-index: 0;
}
.common_pop {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    color: #555555;
}
.common_pop .modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 8px 15px;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px);
    background: #f00;
}
.common_pop .modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    color: #fff;
    font-size: 20px;
}
.common_pop a.time_cs {
    position: absolute;
    right: -15px;
    top: -15px;
    background: #eee;
    display: flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
}
.author_detail {}
.author_detail .aut_img {
    width: 130px;
    box-shadow: 0px 0px 10px #e1e1e1;
    padding: 8px;
    border-radius: 5px;
    float: right;
    margin: 0 0 20px 20px;
}
.author_detail .aut_img img{}
.author_detail h3{
    font-size: 18px;
    font-weight: 600;
}
.author_detail p{}
.author_detail p:last-child {margin-bottom:0}
.blog_pop .modal-dialog {
    max-width: 700px;
    margin: 1.75rem auto;
}
/*----------------------------*/
.widget.widget-search {    padding: 15px;
    margin-bottom: 15px;}
.widget.widget-search .search-wrapper {display: flex;align-items: center;gap: 20px;}
.widget.widget-search .search-wrapper input {padding:10px}
.widget.widget-search .search-wrapper button {}

/*---------------------------------*/
.ab_OUT_sec {}
.ab_OUT_sec .desc_rip{}
.ab_OUT_sec .desc_rip h3{
    font-size: 2.5rem;
    margin-bottom: 30px;
}
.ab_OUT_sec .desc_rip p{
    margin-bottom: 30px;
}
.vox_shad {
    box-shadow: 0px 0px 10px #939393;
    height: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
.vox_shad .col_c{
    border-right: 1px solid #000;
    margin-top: 40px;
    padding: 19px;
    position: relative;
}
.vox_shad .col_c:last-child{border-right:0}
.vox_shad .perC{
    color: #f00;
    font-size: 45px;
    font-weight: 600;
    min-height: 115px;
    line-height: 45px;
}
.vox_shad .pra{
}
.vox_shad .pra p{}
.vox_shad .bTTm_bg{
    bottom: 0;
    position: absolute;
    left: 0;
    width: 100%;
    background: #7e7e7e;
    padding: 8px;
}
.vox_shad .bTTm_bg p{
    margin: 0;
    color: #fff;
}
.vox_shad .bTTm_bg strong{
    font-weight: 500;
}
/*---------------------------------*/
.it-about-us {padding:60px 0}
.it-section-subtitle {
    background-color: #ff000036;
    color: #f00;
    text-transform: capitalize;
    padding: 8px 20px;
    font-weight: 600;
    border-radius: 36px;
    display: block;
    width: fit-content;
}
.it-section-title-3 {
    font-size: 35px;
    font-weight: 600;
    padding: 7px 0 15px;
}
.it-section-title-3 span {position:relative}
.it-section-title-3 span:before{
    content:'';
    width: 100%;
    bottom: 0;
    height: 22%;
    position: absolute;
    transition: transform .85s, opacity .85s, height .45s, bottom .45s, color .45s;
    transition-timing-function: cubic-bezier(0.3,0.8,0.35,1);
    background: #ffc9c9;
    z-index: -1;
}
.it-about-3-title-box p {color: var(--themetext);
    font-size: 16px;
    margin-bottom: 10px;}
	
.it-about-4-list-icon span {
    margin-top: 7px;
    height: 60px;
    width: 60px;
    line-height: 67px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: #343434;
    margin-right: 30px;
    font-size: 27px;
}	
.it-about-4-list-icon span svg {
    fill: white;
    width: 30px;
    height: 30px;
}
.it-about-3-mv-item {}
.it-about-3-mv-item span{color: #000;font-size: 21px;font-weight: 600;padding: 7px 0 15px;}
.it-about-4-list-wrap {margin-bottom:20px}
.it-about-video {}
.it-about-video video{
    width: 100%;
}
/*--------------------------------------------*/
.resources {
    padding: 40px 0;
}
.resources .row{align-items: center;}
.resources .row:nth-child(even){
    padding: 30px 0;
}
.resources .row:nth-child(even) .col-md-6:nth-child(1){
    order: 1;
}
.resources .resource_video{
    width: 100%;
    height: 355px;
    overflow: hidden;
    box-shadow: 0px 0px 10px #898989;
    padding: 7px;
    border-radius: 10px;
}
.resources .resource_video video{width:100%;height: 100%;object-fit: cover;border-radius: 10px;}
.resources .desc{}
.resources .desc h3{
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--themetext);
    margin-bottom: 8px;
}
.resources .desc p{
}
.resources .desc .btn_pr {
    background: red;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    padding: 10px 29px;
    border-radius: 5px;
}



.resource_video_d{
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 0px 10px #898989;
    padding: 7px;
    border-radius: 10px;
	margin-bottom:20px
}
.resource_video_d video{width:100%;height: 100%;object-fit: cover;border-radius: 10px;}


.map-address-section.section-bg {background: #fff9f1;}

.post-thumb iframe {width:100%;height: 210px;}
.pf-right.gh a{
    background: #e82c3e;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}


.post-item.fr_detail {
     margin-bottom: 0px;
    height: auto; 
}

.registe_pop {}
.registe_pop .comment-form {}
.registe_pop .comment-form input{border: 1px double #ff000040;
    border-radius: 6px;
    background: #fff;
    padding: 7px 15px;
    margin-bottom: 15px;}
.registe_pop .comment-form .iti {border: 1px double #ff000040;
    border-radius: 6px;
    background: #fff;
    margin-bottom: 15px;
    width: 100%;}
.registe_pop .comment-form .iti input {border: 1px double #0000;}	


.our_mission_our_story {
    background: #eee;
    padding: 60px 0;
}
.our_mission_our_story .row {
    /* align-items: center; */
    /* margin-bottom: 14px; */
    padding-bottom: 30px;
}
.our_mission_our_story .row:nth-child(odd) {
    margin-bottom: 30px;
}
.our_mission_our_story .row:nth-child(odd) .col-md-6:nth-child(1) {
    order: 1;
}
.our_mission_our_story .img_cs {
    padding: 10px;
    box-shadow: 0px 0px 10px #00000061;
    background: #fff;
    border-radius: 6px;
}
.our_mission_our_story .img_cs img{
    width: 100%;
}

.two_cad {
    display: flex;
    padding-top: 50px;
    align-items: center;
}
.two_cad .wf-integrations-tools_grid-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 15px;
}
.two_cad .wf-integrations-tools_grid-wrapper .grid_item{}
.two_cad .wf-integrations-tools_grid-wrapper .grid_item img{}
.two_cad .praised{
    flex-basis: 480px;
    flex-grow: 1;
    flex-shrink: 0;
}
.two_cad .praised h3{
    text-align: center;
    margin: 0;
}


.chat-container {
    max-width: 100%;
    /* margin: 50px auto; */
    background-color: #3d3d3d;
    border-radius: 10px;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
    overflow: hidden;
    height: 100%;
    position: relative;
  }
  
.chat-container   .chat-header {
    background-color: #3d3d3d;
    color: #fff;
    padding: 10px 20px;
    font-size: 18px;
    text-align: center;
  }
  
.chat-container   .chat-messages {
    padding: 20px;
    overflow-y: auto;
    max-height: 400px;
    background: #fff;
    height: calc(100% - 100px);
  }
  
 .chat-container  .user-message, .chat-container .bot-message {
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
  }
  
 .chat-container  .user-message {
    background-color: #DCF8C6;
    align-self: flex-start;
  }
  
 .chat-container  .bot-message {
    background-color: #EAEAEA;
    align-self: flex-end;
  }
  
 .chat-container  .input-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    background-color: #f5f5f5;
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  
 .chat-container  .input-box {
    flex-grow: 1;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #ccc;
  }
  
  .chat-container .send-button {
    background-color: #fe0000;
    color: #fff;
    border: 1px solid #fe0000;
    border-radius: 5px;
    padding: 8px 15px;
    cursor: pointer;
    height: 100%;
    margin-left: 13px;
    font-weight: 600;
  }
  
 /*--------------------------------------------*/
.home_testimonial {
    padding: 60px 0;
    background: #f3f3f3;
} 
.home_testimonial .test_head{} 
.home_testimonial .test_head h3{
    font-size: 45px;
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 36px;
} 
.home_testimonial .test_head p{
    font-weight: 600;
    font-style: italic;
    font-size: 18px;
} 
.team-member {
    margin-top: 7px;
    padding-bottom: 7px;
}
.team-member .team-member-image {
    line-height: 0;
    overflow: hidden;
    margin-bottom: 30px;
	
}
.team-member .team-member-image img {
    width: auto;
}
.team-member .team-member-image, .team-member .team-member-image-inner {
    -webkit-transition: transform .8s cubic-bezier(.05,.2,.1,1);
    transition: transform .8s cubic-bezier(.05,.2,.1,1);
}
.team-member .team-meta h5 {
    font-size: 14px;
    color: #555;
    line-height: 21px;
    margin-bottom: 20px;
    font-weight: 600;
}
.team-member .team-meta h3 {
    font-size: 25px;
    font-weight: 600;
}
 /*--------------------------------------------*/ 
 
 
 .over_lap_na {
    top:0;
    position: absolute;
    width: 100%;
    height:100%;
    display:flex;
    background:#0000002e;
    justify-content:center;
    align-items: center;
}
 .over_lap_na h3{
     color:#fff;
         display: none;

 }
 
 
 
 .clients-section .swiper-wrapper{
    /* margin-top: 65px; */
    /* background: #000; */
    }
	
	/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
	
	
/*------------------Chat_GPT_Sidebar----------------------*/	
.blog-single .section-wrapper .post-item.gpt_s  .post-inner .post-content {
    padding: 15px;
}
.chat_Gpt {background:#202123;padding: 12px;border-radius: 8px;margin-bottom: 15px;}
.Chat_GPT_Sidebar {
    position: relative;
}
.Chat_GPT_Sidebar:before {content:'';width: 1px;height: 100%;position: absolute;background: #fff;right: -12px;}
.Chat_GPT_Sidebar .label_c {
    margin-bottom: 10px;
    position: relative;
}
.Chat_GPT_Sidebar .label_c label {
    color: #ffffff;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
}
.Chat_GPT_Sidebar .label_c p {
    color: #9f9f9f;
    font-size: 11px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px !important;
    }
.Chat_GPT_Sidebar .label_c label span {display:none;
    color: red;
    font-weight: 600;
}
.Chat_GPT_Sidebar .label_c label span {}
.Chat_GPT_Sidebar .label_c select {
    border: 1px solid #9f9f9f;
    background: #202123;
    color: #fff;
    font-size: 13px;
    padding: 5px;
    border-radius: 5px;
}
.Chat_GPT_Sidebar .label_c textarea {
    border: 1px solid #9f9f9f;
    background: #202123;
    color: #fff;
    font-size: 13px;
    padding: 5px;
    border-radius: 5px;
}

.dlex_r {
    display: flex;
}
.dlex_r input.range-slider {
    padding: 0;
}
.dlex_r input.input-slider{
    padding: 0;
    width: fit-content;
    text-align: center;
    background: #0000;
    color: red;
    font-weight: 600;
    border: none;
    font-size: 13px;
    position: absolute;
    top: 1px;
    right: 0px;
    text-align: right;
}

.chat-container .chat-messages .divleft {
    display: flex;
    justify-content: end;
    width: 100%;
    margin-bottom: 10px;
}
.chat-container .chat-messages .divleft .ques{
    background: #3d3d3d;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 6px;
    position: relative;
}
.chat-container .chat-messages .divleft .ques:before {content:'';position: absolute;border-bottom: 6px solid #fff0;border-top: 6px solid #fff0;border-left: 6px solid #3d3d3d;border-right: 6px solid #fff0;right: -12px;}
.chat-container .chat-messages .divright {
    display: flex;
    justify-content: start;
    margin-bottom: 10px;
}
.chat-container .chat-messages .divleft:last-child,
.chat-container .chat-messages .divright:last-child { margin-bottom:0}


.chat-container .chat-messages .divleft .ques,
.chat-container .chat-messages .divright .answer {max-width: 90%;}

.chat-container .chat-messages .divright .answer {
    background: #a9a9a9;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 6px;
    position: relative;
    
}
.chat-container .chat-messages .divright .answer:before {
    content: '';
    position: absolute;
    border-bottom: 6px solid #0000;
    border-top: 6px solid #0000;
    border-left: 6px solid #0000;
    border-right: 6px solid #a9a9a9;
    left: -12px;
    }
/* width */
.chat-container .chat-messages::-webkit-scrollbar {
  width: 10px;
}

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

/* Handle on hover */
.chat-container .chat-messages::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.chat-container .ImG_GPT_up .input-box {
    flex-grow: 1;
    padding: 8px;
    border-radius: 5px;
    border: 1px solid #ccc;
    height: 40px;
    padding: 4px;
}
.chat-container .chat-messages.img_GPT .divleft .ques img,
.chat-container .chat-messages.img_GPT .divright .answer img {margin-bottom:0}

.chat-container .chat-messages.img_GPT .divleft .ques,
.chat-container .chat-messages.img_GPT .divright .answer {width:60%}
/*------------------Chat_GPT_Sidebar----------------------*/	
	@media screen and (max-width: 992px) {		.services-section .inner-container .service-image {        width: 100%;    }    .header-wrapper .menu-area {        display: none;    }	.main_slider .content .cont h1{font-size:22px;}.main_slider .content .cont p{font-size:23px;line-height:32px;}.main_slider {height:75vh;}.slick-slide img {height:75vh;}.slider-nav-thumbnails .slick-slide p{font-size:14px;}.video_control .help_for h3 {    font-size: 20px; } .video_control {height:auto;}  .video_control .help_for .djfs {    text-align: center;}.expert_teams .Expert_team .item .d-flex {    flex-wrap: wrap;}   .news-letter .section-wrapper .news-form form .nf-list input[type=email] {    margin-bottom: 28px;} img.footer__logo.logo-light {    width: 309px;}.two_cont .two_cont_hd h3 { margin-bottom: 18px;    margin-top: 29px;}.prov_img_d {    margin-top: 41px;}.visualization .vis_pop .div_wd {    width: 100%;}.visualization .vis_pop .powered_by ul li {   width:126px;}    }
	
	.btn-check:focus+.btn-danger, .btn-danger:focus {
    color: #fff;
    background-color: #ff0000!important;
    /* border-color: #ff0000; */
    box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5);
}
.btn-danger {
    color: #fff;
    background-color: #ff0000!important;
    border-color: #ff0000;
}
.our_mission_our_story h3 {
    color: red;
    line-height: 38px;
}

@media screen and (max-width: 991px) {
.form-group {
    margin-bottom: 15px;
}
.vox_shad {display: block;}
.vox_shad .bTTm_bg {
bottom: -16px;}
.vox_shad .perC {min-height: 68px;}
.holderCircle {
    display: none;
}
.cta-section-two h2 {
font-size: 37px;
margin-bottom: 26px;
}
.cta-section-two .contact-info {
    margin-bottom: 26px;
}
.desc {
    margin-top: 100px;
    display: block;
    margin-bottom: 31px;
}
.inr_content h1 {
    font-size: 21px;}
	.inr_content p {
    font-size: 12px;
    line-height: 23px;
}
.innear_banner {
    width: 100%;
    height: 100% !important;
    position: relative;
    margin-bottom: 95px;
}
.inr_content {
    bottom: 0;
    width: 100%;
    height: 100%;

}
.blue_box {
    gap: 8px;flex-wrap: wrap;
}
.ab_OUT_sec .desc_rip h3 {
    font-size: 25px;}
	.hight_light_topic_scr {height: auto;}
	.hight_light_topic {position: relative;
    z-index: 3;}
	.chat_Gpt {
   
    z-index: 1;
    position: relative;
}

.blue_box
{bottom:10px;}
.explore_course .box_x .des h3 {
    font-size: 22px;
    line-height: 33px;
    text-align: center;
}
.our_mission_our_story {

padding: 0px 0; }

.two_cad .praised {
    flex-basis: auto!important;
    flex-grow: unset!important;
    flex-shrink: unset!important;
}
.two_cad .wf-integrations-tools_grid-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.clients-section.style-3 .section-wrapper {
    width: 100%!important;
   
}
.clients-section.style-3 .section-wrapper .clients-slider-nav.clients-slider2-next {
    left: 0;
}
.clients-section.style-3 .section-wrapper .clients-slider-nav.clients-slider2-prev {
    right: 0;
}
.two_cad .wf-integrations-tools_grid-wrapper {

        justify-content: center;
    }
    .two_cad .wf-integrations-tools_grid-wrapper .grid_item {
    width: 41%;
}
.inr_content .desc {
    margin-top: 148px !important;
}
.ab_OUT_sec .desc_rip {
    text-align: justify;
}
}



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

      .tp_round_img img {
    width: 55px!important;
    position: relative;
    top: 27px;
}
    .blog_author .blog_t_tile_al h1 {
    margin-bottom: 10px;
    color: #fff;
    font-size: 22px;
    font-weight: 100;
    margin-bottom: 20px;
}
    
    .left_img_svg img {
    width: 90px;
}
    
    .srrch_share {
    position: absolute;
    top: 34px;
    right: 15px;
    display: flex;
    gap: 8px;
    align-items: flex-start;
}
  .blog_author .padding-tb {
    padding: 81px 0;
}
      .blog_author .blog_t_tile_al h1 {
        margin-bottom: 10px;
        color: #fff;
        font-size: 21px;
        font-weight: 100;
        margin-bottom: 20px;
        position: relative;
        top: 9px;
    }
  
  .side_df_fix {
    height: 100%;
    overflow: auto;
    position: relative;
    top: 0;
}
.blg.he_g img {
    height: 100%;
    object-fit: cover;
}

  
}


@media only screen and (max-width: 390px) {
  
      .tp_round_img img {
        width: 50px !important;
        position: relative;
        top: 38px;
    }
  .blog_author .blog_bred ul li {
    color: #fff;
    font-size: 11px;
    padding-right: 20px;
    position: relative;
    top: 6px;
}
  
      .blog_author .blog_t_tile_al h1 {
        margin-bottom: 10px;
        color: #fff;
        font-size: 16px;
        font-weight: 100;
        margin-bottom: 20px;
        position: relative;
        top: 12px;
    }
      
    .blg.he_g img {
    height: 100%;
    object-fit: cover;
}
    
    
    
  
}