@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ padding: 0px; margin: 0px; list-style: none; font: normal 1.6rem/2.6rem 'Manrope', sans-serif; color: var(--body_txt_color); }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0px; margin: 0px; font-family: "Source Sans 3", serif;}
input[type="text"]::-webkit-placeholder , input[type="text"]::-moz-placeholder , input[type="password"]::-webkit-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-webkit-placeholder, input[type="search"]::-moz-placeholder, input[type="email"]::-webkit-placeholder, input[type="email"]::-moz-placeholder, input[type="tel"]::-webkit-placeholder, input[type="tel"]::-moz-placeholder, textarea::-moz-placeholder, textarea::-webkit-placeholder{ opacity: 1;  }
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a:hover, a:focus{ text-decoration: inherit !important;}
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
/* font-family: "Source Sans 3", serif; */
/* font-family: "Manrope", serif; */

:root{
    --black: #000;
    --brand: #ffd25d;
    --white: #fff;
    --blue: #031f42;
    --sky_blue: #687EFF;
    --body_txt_color: #4F5269;
   }


@keyframes calling {
	0% {
		width: calc(100%);     
        height: calc(100%);
		opacity: 1;
	}

	100% {
		width: calc(100% + 60px);     
        height: calc(100% + 60px);
		opacity: 0;
	}
}

@keyframes hearbeat{
    0% {
        transform: scale(1);
    }
      25% {
        transform: scale(1.25);
    }
      35% {
        transform: scale(1);
    }
      45% {
        transform: scale(1.25);
    }
      55% {
        transform: scale(1);
    }
}

@keyframes UpDown{
    0% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
      }
      50% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
      }
      100% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
      }
}


@keyframes Rotate{
    0% {
        -webkit-transform: rotate(-0deg);
        transform: rotate(-0deg);
      }
      100% {
        -webkit-transform: rotate(-8deg);
        transform: rotate(-8deg);
      }
}


@keyframes jumping{
    0% {
        transform: translateY(0) translateX(0) rotate(0) scale(.5);
        opacity: .2;
      }
    50% {
        transform: translateY(-3.125rem) translateX(-3.125rem) rotate(15deg) scale(.7);
        opacity: .7;
      }
    100% {
        transform: translateY(-4.6875rem) translateX(-4.6875rem) rotate(0) scale(1);
        opacity: 1;
      }
}

@keyframes jumping2{
    0% {
        transform: translateY(-9.375rem) translateX(-.625rem) rotate(0) scale(1);
        opacity: .2;
      }
    50% {
        transform: translateY(-3.125rem) translateX(-.625rem) rotate(5deg) scale(.8);
        opacity: .5;
      }
    100% {
        transform: translateY(0) translateX(0) rotate(0) scale(.7);
      }
}


/*top_button*/
.top_btn{background: var(--brand);  bottom: 1rem; color: var(--white); height: 4rem; opacity: 0; overflow: hidden; position: fixed; right: 1rem; width: 4rem; z-index: 9999;  text-align: center; display: inline-block; border-radius: .5rem; }
.top_btn i{font-size: 1.7rem; line-height: 4rem;}
.top_btn.show{opacity: 0.7;}
.top_btn:hover{bottom: .3rem; opacity: 1; color: var(--white);}


em{font-style: normal;}
h3{font-size: 3.5rem; line-height: 4.5rem; text-transform: capitalize; color: var(--black); font-family: "Source Sans 3", serif; font-weight: 600;}
h4{font-size: 2.5rem; line-height: 3.5rem; text-transform: capitalize; color: var(--black); font-family: "Source Sans 3", serif; font-weight: 600;}
.ptb{padding: 6rem 0;}
.inner_ptb{padding: 3rem 0 6rem 0;}
h1,h2{text-transform: capitalize; font-size: 5rem; line-height: 5rem; color: var(--blue); font-weight: 700;}
h1 em, h2 em{display: block; padding-top: .5rem;}
.sub_txt{display: inline-block; background: #EFEEFE; color: var(--sky_blue); text-transform: uppercase; padding: .3rem 1.6rem; line-height: 1.62; font-size: 1.4rem; border-radius: 3rem; letter-spacing: .2rem;}
h6{font-size: 2rem; text-transform: capitalize; line-height: 3rem; color: var(--blue);}
.updown-ani { -webkit-animation-name: UpDown; animation-name: UpDown; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.rotate-ani { animation-name: Rotate; -webkit-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate;}


.as_btn{display: inline-block; padding: 0 2.5rem; color: var(--blue); text-transform: uppercase; background: var(--brand); font-size: 1.4rem; line-height: 5rem; height: 5rem; letter-spacing: .2rem; position: relative; overflow: hidden; z-index: 1; margin-top: 2.5rem; font-weight: 600; border-radius: .5rem;}
.as_btn::before, .as_btn::after{top: 0; left: 0; content: ""; width: 100%; z-index: -1; height: 100%; position: absolute; transform: scaleX(0); transition: all ease .5s; background-color: var(--blue);}
.as_btn::after{transform: scaleY(0);}
.as_btn:hover::before{transform: scaleX(1);}
.as_btn:hover::after{transform: scaleY(1);}
.as_btn:hover{color: var(--white);}



/*header*/
.header_sec{ width: 100%; width: 100%; position: fixed; left: 0; top: 0; z-index: 99999; background: var(--white);}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
/* .drop-nav{ position: absolute; top: 10px; right: 0px;}
.nav_top .dropdown-menu li a{ font-size: 13px;} */
.menu_sec li{ position: relative; font-weight: 600;}
.menu_sec li a{display: inline-block; padding: 2rem 3rem 2rem 0; color: var(--blue);}
.menu_sec li:last-child a{padding-right: 0;}
.menu_sec li.active a, .menu_sec li a:hover{color: var(--brand);}
.nav_top .navbar-brand{position: absolute; left: 0; top: -4.2rem; width: 20rem; height: 10.6rem; background: #f7f7f5; display: flex; align-items: center; justify-content: center;}
.nav_top .navbar-brand img{width: 8rem;}
.heder_menu .container{max-width: 100%; padding: 0;} 
.heder_top{background: var(--blue); padding: .8rem 0 1.2rem 0; text-align: right; font-size: 1.4rem; color: var(--white); line-height: 1.4rem;}
.heder_top a{color: var(--brand); border-bottom: .1rem solid var(--brand);}  
.nav_top .dropdown-menu li.drop_heading{text-transform: capitalize; font-size: 1.5rem; border-bottom: .1rem dashed #ccc; font-weight: 600; margin-top: .5rem;}
.nav_top .dropdown-menu li a{ font-size: 1.5rem; color: var(--black) !important; padding: 1rem 0 0 1rem; display: block; text-transform: capitalize; position: relative; margin-left: 1rem;}
.nav_top .dropdown-menu li a::before{position: absolute; left: 0; top: 2.2rem; background: var(--brand); width: .5rem; height: .5rem; border-radius: 100%; content: "";}
.nav_top .dropdown-menu li a:hover{color: var(--brand);}
.drop-arw::after{position: absolute; right: 1.3rem; top: 2.1rem; border: none; font-family: "Font Awesome 6 Pro"; content: "\f107";font-size: 1.2rem;}  
.menu_sec .dropdown { margin-right: 1rem;}
.heder_rt_box{position: absolute; right: 0; top: 0;}
.heder_rt_box .as_btn{height: 6.6rem; line-height: 6.6rem; border-radius: 0;}
.ph_top_rt{position: absolute; right: 23.9rem; top: .6rem;}
.ph_top_box{color: var(--black); border-bottom: .1rem solid var(--black); font-weight: 600;}
.ph_top_box:hover{color: var(--sky_blue); border-bottom-color: var(--sky_blue);}
.ph_top_rt .ph_top_box em{display: none;}
.ph_top_rt .ph_top_box b{color: var(--sky_blue); display: block;}
.header_sec.fixed {box-shadow: 0 0 .7rem 0 #ccc;}
.header_sec.fixed .heder_top{display: none;}
.header_sec.fixed .nav_top .navbar-brand {height: 6.6rem; top: 0;}
.nav_top .navbar-brand img {width: 5rem;}

   
 /*banner*/  
.bannersec{ width: 100%; position: relative;}
.banner_box{padding: 18rem 0 15rem 0; position: relative; z-index: 1;}
.banner_box::before{position: absolute; content: ""; width: 100%;  height: 100%;  inset-inline-start: 0;  inset-block-start: 0; background: linear-gradient(90deg,rgba(7,20,49,.85),rgba(7,20,49,.7) 45.64%,rgba(7,20,49,.3) 61.57%,rgba(7,20,49,.1) 71.73%,rgba(7,20,49,0)); z-index: -1; left: 0; top: 0;}
.bannersec .carousel-indicators {bottom: 3rem; top: inherit; }
.bannersec .carousel-indicators [data-bs-target]{border: none; width: 1.6rem; height: 1.6rem; border-radius: 100%; border: .2rem solid var(--white); background: transparent; position: relative; display: block; margin: 0 .5rem; opacity: 1;}
.bannersec .carousel-indicators [data-bs-target]::before{content: ''; position: absolute; left: .4rem; top: .4rem; right: .4rem; bottom: .4rem; background: var(--white); border-radius: 50%; z-index: 1;}
.bannersec .carousel-indicators .active{border-color: var(--brand);}
.bannersec .carousel-indicators .active[data-bs-target]::before  {background: var(--brand);}
.banner_txt{position: relative; z-index: 1;}
.banner_txt strong{font-size: 7rem; text-transform: capitalize; line-height: 8rem; color: var(--white); font-family: "Source Sans 3", serif;}
.banner_txt strong em{color: var(--brand);}
.banner_rt_panel{position: absolute; right: 0; top: 55%; display: inline-block; z-index: 1; width: 32%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.banner_right{width: 30.8rem; border-radius: .8rem; background-color: var(--white); box-shadow: 0 10px 60px rgba(23, 22, 28, 0.1);}
.banner_rt_panel .as_btn{margin-top: .5rem;}
.selt_box .ddl-select {  visibility:hidden;}
.selt_box .ddl {  position:relative;  height:50px; width:100%; text-align:initial;}
.selt_box .ddl::after {  content:'';  position:absolute;  top: 2.5rem; right: 2rem; width: 1.2rem; height: .2rem; background: var(--black); z-index:99; transform:rotate(-40deg); transition:0.5s;}
.selt_box .ddl::before {content:''; position:absolute; top: 2.5rem; right: 2.8rem; width: 1.2rem; height: .2rem; background: var(--black); z-index:99; transform:rotate(40deg); transition:0.5s;}
.selt_box .ddl.active::after{right:28px;}
.selt_box .ddl.active::before{ right:20px;}
.selt_box .ddl-input {  position:absolute;  top:0;  left:0;  width:100%; height:100%; cursor:pointer; border-radius: 1rem; padding: 1rem 2rem; outline:none; background:var(--white); border:1px solid #e9e9e9;}
.selt_box .ddl.active .ddl-options { visibility:visible; opacity:1;}
.selt_box .ddl .ddl-options {  position:absolute;  width:100%;  top:55px;  background: var(--white);  border-radius: 1rem;  overflow:hidden;  visibility:hidden;  opacity:0;  transition:0.25s;  z-index: 999; border:1px solid #e9e9e9; box-shadow: 0 0 5px rgba(0,0,0,0.10);}
.selt_box .ddl .ddl-options > div {  padding: 1rem 2rem;  cursor:pointer;}
.selt_box .ddl .ddl-options > div:hover { background: var(--brand); color: var(--white);}
.frm_haeding{position: relative; content: ""; border-radius: 0 0 50% 50%; width: 100%; background-color: var(--brand); text-align: center; padding: 2rem 0;}
.ban_frm{padding: 2rem 2rem 2rem 2rem;}


/* ab_sec */
.ab_para{max-width: 80rem; margin: 0 auto; padding-top: 2rem; text-align: center;}
.ab_img{display: block; margin-top: 2rem; }


/* feature_sec */
.feature_txt p{color: #667085;}
.feature_box{padding: 3rem 2rem; position: relative;}
.feature_icon{position: absolute; left: 2.4rem; top: 3.5rem;}
.feature_icon img{width: 5rem; }
.feature_box:hover .feature_icon img{animation: hearbeat 1.75s linear infinite;}
.feature_txt{display: block; padding-left: 7rem;}
.feature_sec .cumll{border-right: .1rem solid rgba(255,255,255,0.10);}
.feature_sec .cumll:first-child .feature_box{padding-left: 0;}
.feature_sec .cumll:first-child .feature_icon{left: 0;}
.feature_sec .cumll:last-child{border-right-color: transparent;}
.samll_img_1{position: absolute; top: 3rem; left: 7.4rem;}
.samll_img_2{position: absolute; right: 7.4rem; bottom: 1rem;}
.samll_img_1 img, .samll_img_2 img{max-width: 100%;}






/* courses_sec */
.courses_sec{position: relative;}
.course_box{padding: 1rem; border-radius: .6rem; border: .1rem solid #EFECFF; position: relative; box-shadow: none; margin-top: 3rem; transition: 0.3s;}
.course_img{position: relative; overflow: hidden; border-radius: .5rem;}
.course_img img{transition: 0.3s;}
.course_box:hover .course_img img{transform: scale(1.12);} 
.course_box:hover{border-color: var(--sky_blue);}
.course_txt{padding-top: 1.5rem;}
.ratin_txt i {color: #F8BC24; padding-right: .4rem;}
.course_txt h4 a{color: var(--blue);}
.ratin_txt{display: block; margin-top: 1.5rem;}
.call_box i {color: var(--white); font-size: 2.5rem;}
.pulse {height: 6rem; width: 6rem; border-radius: 50%; background-color: var(--blue);  display: flex; justify-content: center; align-items: center; position: absolute; cursor: pointer; right: 9.7rem; top: 5.3rem;}
.pulse::before, .pulse::after {content: ''; position: absolute; width: calc(100%); height: calc(100%); border-radius: 50%; border: .1rem solid var(--blue); animation: calling 2s ease-in-out infinite;}
.pulse::after {animation: calling 2s ease-in-out .35s infinite;}
.corst_btm_flex{justify-content: space-between; border-top: .1rem dashed #ccc; margin-top: 1.5rem; padding: 0 1rem;}
.corst_btm_flex .as_btn{margin-top: 1.5rem; line-height: 3.5rem; height: 3.5rem; padding: 0 2rem;}
.curse_heading{max-width: 80rem;}
.top_rt_btn{position: absolute; right: 0; top: 3.1rem;}
.anim_img{position: absolute;  left: 1.875rem;  top: 5rem;  backface-visibility: hidden;  animation: jumping 5s ease-in-out 4s infinite alternate;    animation-delay: 4s;  animation-fill-mode: none; animation-delay: 2s; animation-fill-mode: forwards; transition: all 4s ease 3s; user-select: none;}
.curs_sm_lt_img{top: auto; bottom: 15%;}
.curs_sm_rt_img{top: 15%; left: auto; right: 1.875rem; animation: jumping2 5s ease-in-out 4s infinite alternate;}








/* call_sec */
.call_sec{position: relative; z-index: 1; background-attachment: fixed !important;}
.call_sec::before{background: linear-gradient(90deg,#040210,rgba(4,2,16,0));position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;}
.call_txt{position: relative;}
.call_txt h2{color: var(--white);}
.call_txt h2 em{color: var(--brand); position: relative; display: inline-block; padding-bottom: 1rem;}
.call_txt h2 em::before{background: url(../images/line_2.png) no-repeat 0 100%/contain; max-width: 24.9375rem; height: .875rem; top: 100%; width: 100%; position: absolute; content: ""; left: 50%; z-index: -1; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}


/* choose_sec */
.choose_box{margin-top: 3rem; display: flex; align-items: center;}
.choose_icon{height: 7rem; width: 7rem; background-color: rgba(0, 151, 36, 0.10); display: flex; align-items: center; justify-content: center; margin: 0 1.5rem 0 0;}
.choose_icon img{width: 5rem;}
.choose_bosex{border-top: .1rem solid #e6e9ea; margin-top: 3rem;}


/* feed_back_sec */
.feed_back_img img{width: 5rem !important; height: 5rem; border-radius: 100%;}
.person_name{display: block;}
.person_name strong{font-size: 2rem; line-height: 2.5rem; text-transform: capitalize; color: var(--blue);}
.person_osint{font-size: 1.4rem; line-height: 1.4rem; display: block; padding-top: .5rem;}
.feed_back_txt, .person_name{display: block; padding-top: 1.5rem;}
.feed_back_txt p{font-size: 1.8rem; line-height: 2.8rem;}
.feed_back_rt{margin-left: 2rem;}
.feed_back_rt .owl-nav.disabled{display: flex; align-items: center; margin-top: -4rem; font-size: 0; gap: 1.5rem; justify-content: end;}
.feed_back_rt .owl-prev, .feed_back_rt .owl-next{width: 4rem; height: 4rem; border: .1rem solid #ccc; display: flex; align-items: center; justify-content: center;}
.feed_back_rt .owl-prev::before, .feed_back_rt .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f104"; font-size: 2rem;}
.feed_back_rt .owl-next::before{content: "\f105";}



/* aplly_sec */
.apply_sec .container{max-width: 100%; padding: 0;}
.apply_rt{padding: 5rem;}
.apply_lt, .apply_rt, .apply_lt img{height: 100%; object-fit: cover; display: flex; align-items: center; position: relative;}
.apply_rt::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/over_lay_img_1.png)no-repeat center center/cover; opacity: 0.04; content: "";}


/* form */
.input_fld input[type="text"], .input_fld input[type="email"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld textarea, .input_fld input[type="date"], .input_fld .form-select{width: 100%; border: .1rem solid #ced4da; height: 5rem; padding: 0 1.5rem; box-shadow: none; outline: none; -webkit-appearance: none; color: var(--black); font-size: 1.4rem; border-radius: 1rem; background: transparent;}
.input_fld input[type="text"]::placeholder, .input_fld input[type="email"]::placeholder, .input_fld input[type="tel"]::placeholder, .input_fld input[type="password"]::placeholder,  .input_fld textarea::placeholder, .input_fld input[type="date"]::placeholder{color: #999; opacity: 1;}
.input_fld .form-control:focus{ border-color: var(--brand); outline: 0; box-shadow: none; }
.input_fld .form-select{background:  var(--white)  url(../images/select_arrow.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem; height: 4.9rem; cursor: pointer;}
.input_fld button{border: none;}
/* .search_box .input_fld button a{color: #555 !important;} */
.input_fld .form-select:focus{border-color: var(--brand); box-shadow: none;} 
.input_fld{margin-bottom: 1.5rem;}
.input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}
.ban_frm_box .input_fld{width: 100%;}



/* footer */
.ft_sec{background-color: #120f2d; padding: 5rem 0 0 0;}
.ft_heding{text-transform: capitalize; color: var(--white); font-family: "Source Sans 3", serif; font-size: 2.5rem; line-height: 3.5rem; display: inline-block; position: relative; padding-bottom: .8rem; margin-bottom: .8rem;}
.ft_heding::before, .ft_heding::after{position: absolute; bottom: 0; background: var(--brand); width: 5rem; height: .2rem; content: ""; left: 0;}
.ft_heding::after{width: 2rem; left: 5.6rem;}
.ft_txt p, .ft_corse_list li a, .ft_con_list li, .ft_con_list li a, .ft_botton_rt, .ft_botton_lt{color: #b8b7c0;}
.ft_con_list li a:hover{color: var(--brand);}
.ft_logo{display: block; margin-top: 1.5rem;}
.ft_logo img{width: 10rem;}
.ft_corse_list li a{position: relative; display: inline-block; margin-top: 1rem; text-transform: capitalize; padding-left: 1.5rem;}
.ft_corse_list li a::before{position: absolute; left: 0; top: 1rem; width: .5rem; height: .5rem; background: var(--brand); content: "";}
.ft_corse_list li a:hover{color: var(--brand);}
.ft_con_list li{position: relative; margin-top: 1.8rem; padding-left: 2.8rem;}
.ft_con_list li i{position: absolute; left: 0; top: .6rem; color: var(--brand);}
.ft_top_rt{border-left: .1rem solid #35334c; padding-left: 4rem;}
.ft_sicail_list ul{padding-bottom: 3rem;}
.ft_sicail_list ul li{display: inline-block;}
.ft_sicail_list ul li a{border: .1rem solid #35334c; width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; color: #b8b7c0; margin: 0 1.5rem 0 0; border-radius: 100%;}
.ft_sicail_list ul li:last-child a{margin-right: 0;}
.ft_sicail_list ul li a:hover{background: var(--brand); color: var(--black);}
.footer_bootom{border-top: .1rem solid #35334c; align-items: center; justify-content: space-between; padding: 1.5rem 0;}
.ft_txt{padding-bottom: 3rem;}
.ft_botton_rt a{color: var(--brand) !important; border-bottom: .1rem solid var(--brands) !important;}











@media (min-width: 992px) and (max-width: 9000px) 
{
    .nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
        -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0; border: none; border-bottom: .2rem solid var(--brand); 
        background:#fff !important; width: 25rem; padding: 0; border-radius: .5rem; left: 0; right: inherit; padding: .5rem .8rem .8rem; box-shadow: inherit; }
    
    .nav_top .dropdown:hover .dropdown-menu { max-height: 25rem !important; overflow-y: auto; opacity: 1; visibility: visible; }

}

/* responsive */
@media only screen and (max-width: 1399px){
    .menu_sec{margin-right: 15rem;}
    .banner_txt strong {font-size: 6rem; line-height: 7rem;}
}

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

@media only screen and (max-width: 991px){
    
    .nav_top .navbar-toggler {color: transparent; border: none; padding: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -1rem;}
    .nav_top .navbar-toggler .icon-bar {display: block; width: 3rem; height: .4rem; border-radius: .3rem; background-color: var(--black); opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
    .nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-webkit-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-webkit-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
    
    
}

@media only screen and (max-width: 767px){
    
    .container{max-width: 100%; padding: 0 1.5rem;}
    
    
}


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

    

    
}

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

}