@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 'Outfit', 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: "Roboto Serif", 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: "Roboto Serif", serif; */
/* font-family: "Outfit", serif; */

:root{
    --black: #000;
    --brand: #ff4f01;
    --blue: #021e40;
    --body_txt_color: #383B46;
    --white: #fff;
    --yellow: #FFC224;
   }


@keyframes topBottom{
    0% {
        transform: translateY(0px);
      }
    50% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0px);
    }
}

@-moz-keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-webkit-keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-o-keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes coccoc-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-moz-keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-o-keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@keyframes coccoc-alo-circle-fill-anim {
    0% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-moz-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@-o-keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes coccoc-alo-circle-img-anim {
    0% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        transform: rotate(0) scale(1) skew(1deg)
    }
}


@keyframes scroll {
    0% {
      transform: translateX(0);
    }
  
    100% {
      transform: translateX(calc(-100% - var(--gap)));
    }
  }



@keyframes animate{

    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }
      100% {
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }
}



@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

@media (max-width: 1024px) {
    @keyframes marquee {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-125%);
        }
    }
}

@media (max-width: 768px) {
    @keyframes marquee {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-186.65%);
        }
    }
}



@keyframes rotate{
    0% {
        transform: rotate(0deg);
      }
    100% {
        transform: rotate(360deg);
    }
}


@keyframes bounce {
	0% {
		opacity: 0;
		transform: scale(0.5);
	}

	60% {
		opacity: 1;
		transform: scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes slide {
	0% {
		opacity: 0;
		transform: translateX(-100px);
	}

	60% {
		opacity: 1;
		transform: translateX(20px);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes slide-inverse {
	0% {
		opacity: 0;
		transform: translateX(100px);
	}

	60% {
	opacity: 1;
		transform: translateX(-20px);
	}

	100% {
		transform: translateX(0);
	}
}
  


/*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;}
.as_btn{display: inline-block; padding: 0 3rem; line-height: 5rem; height: 5rem; text-transform: uppercase; letter-spacing: .1rem; color: var(--white); position: relative; z-index: 2; text-align: center; overflow: hidden; -webkit-transition: all 500ms ease; transition: all 500ms ease; box-shadow: 0px 23px 40px rgba(248, 122, 83, 0.42); background: var(--brand); margin-top: 2.5rem; border-radius: 2.5rem;}
.as_btn::before{content: ""; position: absolute; top: 0; left: 0; width: 121px; height: 31px; transform: rotate(35deg); background-color: rgba(255,255,255, .10); z-index: -1;}
.as_btn:hover::before{background-color: var(--blue); width: 120%; height: 200%; transform: scaleX(1.0); transition: all cubic-bezier(0, 0.96, 0.58, 1.1) 2s;}
.as_btn:hover{color: var(--white);}
.ptb{padding: 6rem 0;}
.inner_ptb{padding: 3rem 0 6rem 0;}
h4{font-size: 2.5rem; text-transform: capitalize; color: var(--blue); line-height: 3.5rem;}
h5{font-size: 1.8rem; text-transform: capitalize; color: var(--blue); line-height: 2.5rem;}
h1,h2{color: var(--blue); text-transform: capitalize; font-size: 4rem; line-height: 4.8rem; position: relative; padding-bottom: 2.4rem;}
.sub_txt{text-transform: uppercase; color: var(--brand); font-size: 1.4rem; line-height: 1.4rem; display: block; padding-bottom: .8rem;}
h1::before,h2::before, h1::after,h2::after{content: ""; left: 0; position: absolute; bottom: 1.4rem; width: 3.1rem; margin-left: 0;  height: .4rem;  background-color: #e0e1e3;}
h1::after,h2::after{background: var(--brand); margin-left: 4rem;}
.mid_btm_brd::after, .mid_btm_brd::before{left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.rating li {display: inline-block !important; margin: 0 .2rem 0 0 !important; padding: 0 !important; border: none !important; width: auto !important; float: none !important;}
.bold_icon::before, .liner_icon::before {font: normal 1.4rem / 1 FontAwesome; content: "\f006";color: #FFC107;}
.bold_icon::before {content: "\f005";}



/*header*/
.header_sec{ width: 100%; position: fixed; z-index: 9999; top: 1rem; left: 0;}
.header_sec .container{max-width: 100%; padding: 0 5rem;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px; background: var(--white); padding: 1rem 3rem;}
.menu_sec{margin-right: 27rem;}
.menu_sec li{ position: relative; text-transform: capitalize; font-size: 1.7rem;}
.menu_sec li a, .menu_sec li a:not([href]):not([class]){display: inline-block; padding: 1rem 2.5rem 1rem 0; color: var(--blue);}
.menu_sec li:last-child a{padding-right: 0;}
.menu_sec li a:hover, .menu_sec li.active a{color: var(--brand);}
.nav_top .navbar-brand img{width: 20rem;}
.drop-arw::after{position: absolute; right: 2.2rem; top: 1.1rem; border: none; font-family: "Font Awesome 6 Pro"; content: "\f107";font-size: 1.2rem; color: var(--black);}  
.menu_sec .dropdown a{cursor: pointer; margin-right: 1rem;}   
.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: 0;}
.nav_top .dropdown-menu li a::before{position: absolute; left: 0; top: 2.1rem; background: var(--orange); width: .5rem; height: .5rem; border-radius: 100%; content: "";}
.nav_top .dropdown-menu li a:hover{color: var(--brand) !important;} 
.heder_rt_social_lit ul li{display: inline-block;}
.heder_rt_social_lit ul li a{border: .1rem solid #d0dbe9; width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; margin: 0 1.5rem 0 0; border-radius: 100%; color: var(--blue); font-size: 1.5rem; -webkit-transition: all 500ms ease; transition: all 500ms ease; position: relative; z-index: 1;}
.heder_rt_social_lit ul li:last-child a{margin-right: 0;}
.heder_rt_social_lit ul li a::before{position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ""; background-color: var(--brand); border-radius: 50%; transform: scale(0.0); transform-origin: center; transform-style: preserve-3d; transition: all 0.4s cubic-bezier(0.62, 0.21, 0.45, 1.52); z-index: -1;}
.heder_rt_social_lit ul li a:hover::before{transform: scaleX(1.0);}
.heder_rt_social_lit ul li a:hover{color: var(--white);}

.heder_rt_social_lit{position: absolute; right: 25.7rem; top: 1.5rem;}
.rt_app_btn{position: absolute; right: 0; top: 0;}
.rt_app_btn .as_btn{height: 6.7rem; line-height: 6.7rem; border-radius: 0;}
.rt_app_btn .as_btn::before{top: 1.4rem; left: 1.4rem; width: 15.7rem; height: 2.1rem;}
.rt_app_btn .as_btn:hover::before{width: 120%; height: 200%; top: 0; left: 0;}
.header_sec.fixed { box-shadow: 0 0 .7rem 0 #ccc; background: var(--white); top: 0;}
.header_sec.fixed .container {padding: 0 0 0 5rem;}


   
 /*banner*/  
.bannersec{ width: 100%; position: relative;}
.banner_box{padding: 30rem 0 20rem 0;  position: relative; z-index: 1;}
.banner_box::before{content: ""; position: absolute; inset: 0; background: -webkit-linear-gradient(192.5deg, rgba(13, 13, 12, 0.7) 4.1%, rgba(0, 0, 0, 0.3) 96.33%); background: linear-gradient(257.5deg, rgba(13, 13, 12, 0.7) 4.1%, rgba(0, 0, 0, 0.3) 96.33%); -webkit-transform: matrix(-1, 0, 0, 1, 0, 0); -ms-transform: matrix(-1, 0, 0, 1, 0, 0); transform: matrix(-1, 0, 0, 1, 0, 0); z-index: -1;}

.banner_rt_panel{position: absolute; right: 0; top: 54%; 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{background: -webkit-linear-gradient(303.52deg, rgba(255, 255, 255, 0.2) 1.3%, rgba(0, 0, 0, 0.1) 117.69%); background: linear-gradient(146.48deg, rgba(255, 255, 255, 0.2) 1.3%, rgba(0, 0, 0, 0.1) 117.69%); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); padding: 3rem; width: 37.8rem; border-radius: .8rem;}
.banner_rt_panel .input_fld input[type="text"]::placeholder, .banner_rt_panel .input_fld input[type="email"]::placeholder, .banner_rt_panel .input_fld input[type="tel"]::placeholder{ color: var(--white);}
.banner_rt_panel .as_btn{margin-top: .5rem;}

.bannrt_txt_heading{font-family: "Roboto Serif", serif; font-size: 5rem; line-height: 6rem; text-transform: capitalize; color: var(--white);}
.bannrt_txt_heading em{color: var(--brand);}
.banr_txt_info .as_btn{background: transparent; border: .1rem solid var(--white); box-shadow: none;}
.banr_txt_info .as_btn i{padding-left: .5rem;}
.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);}







/* footer_sec */
.footer_sec{position: relative; padding: 5rem 0 0; z-index: 1; overflow: hidden;}
.pant_img{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover;  animation: topBottom 3s ease-in-out infinite;  z-index: -1;}
.ft_logo img{width: 30rem;}
.ft_txt{padding-bottom: 3rem; position: relative;}
.ft_con_list_txt{display: inline-flex; width: 100%; margin: 0 -1.5rem; flex-wrap: wrap;}
.ft_con_list_txt li{width: 50%; float: left; margin: 2.5rem 0 0 0; padding: 0 1.5rem;}
.ft_con_list_txt li b{color: var(--brand); display: block;}
.ft_con_list_txt li b i{padding-right: .8rem;}
.ft_con_list_txt li p, .ft_con_list_txt li a{color: var(--white);}
.ft_con_list_txt li a:hover{color: var(--brand);}
.ft_sicil_list li{width: auto; margin: .5rem 0 0 0; padding: 0;}
.ft_sicil_list li a{display: inline-block; padding: 0 1rem 0 0;}
.ft_sicil_list li:last-child a{padding-right: 0;}
.ft_sicil_list li a:hover{color: var(--brand);}
.ft_heding{text-transform: capitalize; color: var(--brand); font-size: 2.2rem; line-height: 2.8rem;}
.ft_menu_list li a{position: relative; color: var(--white); text-transform: capitalize; display: inline-block; margin: 1rem 0 0 0; padding-left: 1.5rem;}
.ft_menu_list li a::before{font-family: "Font Awesome 6 Pro"; content: "\2b"; color: var(--white); font-size: 1rem; position: absolute; left: 0; top: 0;}
.ft_menu_list li a:hover{color: var(--brand);}
.ft_rt_txt{padding-left: 14rem;}
.news_box .input_fld{border: .1rem solid var(--white); display: inline-block; width: 100%; padding: 1rem; border-radius: 4.5rem; margin: 1.5rem 0 0 0;}
.news_box .input_fld input[type="email"]{border: none; width: 87%; float: left; color: var(--white);}
.news_box .input_fld .as_btn{padding: 0; width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; border: none; border-radius: 100%; margin-top: 0;}
.news_box .input_fld .as_btn::before{display: none;}
.news_box .input_fld .as_btn:hover{background: var(--blue);}
.ft_btm{border-top: .1rem dashed #345782; padding: 1.5rem 0; align-items: center; justify-content: space-between;}
.ft_botton_lt, .ft_botton_rt{color: var(--white);}
.ft_botton_rt a{color: var(--brand); border-bottom: .1rem solid var(--brand);}



.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(--white); 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(--white); 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);}
  
  




/* 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 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.5rem; 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 select::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/caret-down.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem; height: 4rem;} */
/* .search_box .input_fld .as_btn{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: 2rem;}
.input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}
.input_fld .as_btn{border: none;}
.input_fld select{background: url(../images/down.png)no-repeat right 1rem center; background-size: 1.5rem; cursor: pointer;}
.input_fld select option.disabled{color: var(--white);}





/* about_sec */
.ab_lt{border: .1rem solid #e7eaee; padding: 1.5rem;}
.ab_rt{margin-left: 2rem;}
.text_list{display: inline-block; width: 100%; margin-top: 1.5rem;}
.text_list li{position: relative; margin-top: 1rem; padding-left: 1.4rem; width: 50%; float: left;}
.text_list li::before{font-family: "Font Awesome 6 Pro"; content: "\f105"; color: var(--brand); position: absolute; left: 0; top: 0;}
.support_box{margin-top: 1.5rem; display: flex; align-items: center; gap: 4rem;} 
.support_box .images img { width: 5rem; height: 5rem; border-radius: 50% !important; margin-right: -2rem; border: .4rem solid var(--white); object-fit: cover;}
.count_txt strong { color: var(--brand); font-size: 3rem;}
.count_txt em{display: block;}
.ab_btm_flex {gap: 21rem; margin-top: 2.5rem;}


/* call_sec */
.call_sec{position: relative; }
.call_rt_img{position: absolute; top: 0; right: 0; bottom: 0; width: calc((100% - 686px) / 2); background-size: cover; background-repeat: no-repeat; background-position: right center; border-top-left-radius: 135px; border-bottom-left-radius: 135px; z-index: 1; display: flex; align-items: center; justify-content: center;}
.call_rt_img::before {content: ""; position: absolute; top: -12px; right: 0; bottom: -12px; left: -12px; border: 12px solid var(--white); border-top-left-radius: 147px; border-bottom-left-radius: 147px; z-index: -1;}
.call_txt_info{position: relative;}
.coccoc-alo-ph-circle { width: 16rem; height: 16rem; top: 2rem; left: 2rem; position: absolute; background-color: transparent;  -webkit-border-radius: 100%;
    -moz-border-radius: 100%; border-radius: 100%; border: .2rem solid rgba(30, 30, 30, 0.4); opacity: .1; -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}

.coccoc-alo-phone {  background-color: transparent;  width: 20rem;  height: 20rem;  cursor: pointer;  z-index: 200000 !important;  -webkit-backface-visibility: hidden;  -webkit-transform: translateZ(0); -webkit-transition: visibility .5s; -moz-transition: visibility .5s; -o-transition: visibility .5s; transition: visibility .5s; right: 150px; top: 30px;}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill {  background-color: rgba(2, 30, 64, 0.5); opacity: .75 !important;}

.coccoc-alo-ph-circle-fill { width: 10rem; height: 10rem; top: 5rem; left: 5rem; position: absolute; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .1; -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}

.coccoc-alo-ph-img-circle {  width: 6rem;  height: 6rem;  top: 7rem;  left: 7rem; position: absolute;  background: rgba(30, 30, 30, 0.1) url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==') no-repeat center center;  -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .7; -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle { background-color: var(--blue);}

.coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle { border-color: var(--blue); opacity: .5;}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle { border-color: #75eb50; opacity: .5;}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill { background-color: rgba(117, 235, 80, 0.5); opacity: .75 !important;}

.coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,
.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle { background-color: #75eb50;}


/* choose_sec */
.choose_rt{margin-left: 5rem;}
.choose_box{margin-top: 3rem; border: .1rem solid #DFE0E4; padding: 3rem; text-align: center; position: relative; border-radius: 1rem; overflow: hidden;}
.choose_box::before{position: absolute; content: ""; bottom: 0; left: 0; background: url(../images/chose_img_1.jpg) no-repeat center center;  background-size: auto; background-size: cover; width: 100%; height: 100%; opacity: 0; transition: all 0.4s;}
.choose_box::after{position: absolute; content: ""; inset: 0; width: 100%; height: 100%; background: rgba(7, 20, 49, 0.68); opacity: 0;  transition: all 0.4s;}
.choose_txt, .choose_icon{position: relative; z-index: 1;}
.choose_icon img{width: 6rem; margin: 0 0 1.5rem 0;}
.choose_box:hover::before, .choose_box:hover::after{opacity: 1;}
.choose_box:hover .choose_txt h5, .choose_box:hover .choose_txt p{color: var(--white);}


/* programs_offered */
.programs_box{padding: 2rem; border-radius: .5rem; position: relative; z-index: 1; background: var(--white); border: .1rem solid #e8e8e8;  margin-top: 3rem;}
.programs_img{overflow: hidden; position: relative;}
.programs_img img{transition: 0.2s linear;}
.programs_box:hover .programs_img img{transform: scale(1.1);}
.programs_top_flex{align-items: center; justify-content: space-between; margin-top: 1.5rem; border-bottom: .1rem dashed #ccc; padding-bottom: 1.5rem;}
.programs_top_flex h4 a{color: var(--blue);}
.price_txt{font-size: 24px; font-weight: 600; line-height: 34px; color: var(--brand);}
.curs_feture_list{border-top: .1rem dashed #ccc; margin-top: 2rem;}
.curs_feture_list li{display: inline-block; margin: .5rem 1.5rem 0 0;}
.curs_feture_list li:last-child{margin-right: 0;}
.programs_txt .as_btn{line-height: 4rem; height: 4rem; margin-top: 1.5rem; box-shadow: none;}
.curs_feture_list b{text-transform: uppercase; font-size: 1.4rem; line-height: 1.4rem; color: var(--brand); display: inline-block; padding-right: .2rem; letter-spacing: .1rem;}

/* placement_sec */
/* .placement_box{position: relative; overflow: hidden;}
.palcnt_txt{background: var(--white); border-radius: .5rem; z-index: 1; padding: 2rem; text-align: center; border-bottom: .2rem solid var(--brand); margin: -5rem 1rem 0 1rem; position: relative; box-shadow: 0px 6px 100px 0px rgba(8, 5, 33, 0.1);}  
.placmt_btm_flex {border-top: .1rem dashed #ccc; margin-top: 1.5rem; padding-top: 1rem; align-items: center; justify-content: space-between; display: flex;}
.company_slary {color: var(--brand); font-weight: 600;}
.placement_rt .owl-nav.disabled{display: flex; align-items: center; justify-content: center; font-size: 0; margin: -44px 0 0 -91rem; gap: 1rem;}
.placement_rt .owl-prev, .placement_rt .owl-next{width: 4.5rem; height: 4.5rem; border: .1rem solid #ccc; display: flex; align-items: center; justify-content: center;}
.placement_rt .owl-prev::before, .placement_rt .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f104"; color: var(--blue); border-radius: 100%; font-size: 1.8rem;}
.placement_rt .owl-next::before{content: "\f105";}
.placement_lt{margin-right: 2rem;} */



/* mision_vison_sec */
.mison_vison_box{background-color: #F5EBF5; padding: 3rem;}
.mison_vison_box_2{background-color: #F5F2EB;}
.mison_vison_img, .mison_vison_img img, .mison_vison_box{height: 100%; object-fit: cover; display: flex; align-items: start; justify-content: center; flex-direction: column;} 
.mision_vison_sec .container{max-width: 100%; padding: 0;}


/* event_sec */
/* .event_box{margin-top: 3rem; border-radius: .5rem; overflow: hidden; transition: 0.3s;}
.event_txt{ padding: 3rem; border: .1rem solid #eee;}
.event_img{position: relative;}
.date_box{position: absolute; top: 10%; left: 4%; }
.dat_num, .date_txt {background: var(--blue); display: inline-block; padding: .5rem 1.5rem; border-radius: 3px 0 0 3px; text-align: center; color: var(--white); margin: 0 -2px;}
.date_txt{background: var(--brand); border-radius: 0 .3rem .3rem 0; text-transform: uppercase; letter-spacing: .1rem;}
.evnt_list li{display: inline-block; margin: 0 1.5rem 0 0;}
.evnt_list li i{padding: 1.5rem .5rem 0 0; color: var(--brand);}
.event_box:hover{box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.06);}
.event_sec{position: relative;}
.circles{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.circles li{position: absolute; display: block; list-style: none; width: 20px; height: 20px; background: rgba(248, 122, 83, 0.20); animation: animate 25s linear infinite; animation-delay: 0s; bottom: -150px;}
.circles li:nth-child(1){left: 25%; width: 80px; height: 80px; animation-delay: 0s;}
.circles li:nth-child(2){left: 10%; width: 20px; height: 20px; animation-delay: 2s; animation-duration: 12s;}
.circles li:nth-child(3){left: 70%; width: 20px; height: 20px; animation-delay: 4s;}
.circles li:nth-child(4){left: 40%; width: 60px; height: 60px; animation-delay: 0s; animation-duration: 18s;}
.circles li:nth-child(5){left: 65%; width: 20px; height: 20px;  animation-delay: 0s;}
.circles li:nth-child(6){left: 75%; width: 110px; height: 110px; animation-delay: 3s;}
.circles li:nth-child(7){left: 35%; width: 150px; height: 150px; animation-delay: 7s;}
.circles li:nth-child(8){left: 50%; width: 25px; height: 25px;  animation-delay: 15s; animation-duration: 45s;}
.circles li:nth-child(9){left: 20%; width: 15px; height: 15px; animation-delay: 2s; animation-duration: 35s;}
.circles li:nth-child(10){left: 85%; width: 150px; height: 150px; animation-delay: 0s; animation-duration: 11s;}
.evnt_info{position: relative;} */

/* app_sec */
.app_sec{position: relative;}
.app_sec::before{background-color: #130F40; opacity: 0.8; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; inset: 0; position: absolute; content: "";}
.app_txt{position: relative;}
.app_txt .as_btn{margin-top: 1.5rem;}

/* map_sec */
.map_lt iframe{width: 100%; height: 100%;}
.map_sec .container{max-width: 100%; padding: 0 8rem;}

/* faq_sec */
.faq_heading{font-size: 1.8rem; text-transform: capitalize; color: var(--black); line-height: 2.8rem;  margin-right: 5rem;}
.faq_number{font-size: 2rem; color: var(--brand); font-weight: 700; line-height: 1; margin-right: 2rem;}
.faq_content .accordion-button:not(.collapsed){background: transparent;}
.faq_content .accordion-button {padding: 2rem 1.25rem;}
.faq_content .accordion-button:focus { box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);}
.faq_content .accordion-button:not(.collapsed)::after {content: "\f068"; background-image: none; }
.faq_content .accordion-button::after{color: var(--brand); width: auto; height: auto; font-size: 1.8rem; background-image: none; font-family: "Font Awesome 6 Pro"; content: "\2b";}
.faq_content .accordion-body { padding: 2rem 1.5rem;}
.lt_faq{margin-right: 5rem;}
.faq_content .accordion-item , .faq_content .accordion-button{background-color: transparent;}
.map_info{background: #f7f9fa;}
.map_rt{padding: 3rem;}



/* about_page */
.inner_banner h1::before, .inner_banner h1::after{display: none;}
.inner_ban_txt{background-color: rgba(255, 255, 255, 0.1); display: inline-block; padding: .5rem 3rem; border-radius: 5rem; position: relative; z-index: 1;}
.inner_ban_txt h1 em{color: var(--brand);}
.inner_banner .banner_box {padding: 20rem 0 6rem 0;}
.menber_lt_txt{background-color: #EAF6FF; padding: 4rem;}
.menbr_name{color: var(--brand);}
.menbr_info{border-top: .1rem dashed #ccc; border-bottom: .1rem dashed #ccc; padding: 1rem 0; margin: 1rem 0 1.5rem 0;}
.menber_lt_img , .menber_lt_img img, .menber_lt_txt{height: 100%; display: flex; align-items: start; justify-content: center; flex-direction: column;}
/* .join_txt{display: flex; align-items: center; justify-content: space-between;} */
.join_txt .as_btn{margin-top: 0;}
.menber2_txt{background-color: #EAF6FF; padding: 3rem;}
.menber2_img, .menber2_img img, .menber2_txt{height: 100%; object-fit: cover;}
.menber2_sec .row:nth-child(even){flex-direction: row-reverse; margin-top: 3rem;}



/* contact_page */
.inner_con_form {border: .1rem solid rgba(128, 137, 150, 0.1); -moz-border-radius: .5rem; border-radius: .5rem; margin-top: 3rem; background-color: var(--white); -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1); -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1); box-shadow: 0 0 40px rgba(82, 85, 90, 0.1); padding: 3rem; position: relative;}
.inr_con_rt{margin-left: 2rem;}
.inr_con_box ul li{position: relative; margin-top: 3rem; padding-left: 6rem;}
.inr_con_icon{width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; border: .1rem solid var(--blue); color: var(--blue); position: absolute; left: 0; top: -.4rem; border-radius: 100%;}
.inr_con_box ul li a{color: var(--blue);}
.inr_con_box{border: .1rem solid #ccc; padding: 0 3rem 3rem 3rem; border-radius: .8rem;}
.inr_con_box li:last-child{margin-top: 4rem;}
.in_con_map_box iframe{width: 100%; margin-top: 2rem; height: 24rem;}




/* course_dtls_page */
.curse_dtls_img{display: block; margin-bottom: 1.5rem;}
.crusr_dtls_list li{margin-top: 2rem; position: relative; padding-left: 3rem;}
.crusr_dtls_list li::before{font-family: "Font Awesome 6 Pro"; content: "\f5ea"; color: var(--brand); position: absolute; left: 0; top: 0;}
.crusr_dtls_list li b{display: block; color: var(--blue);}
.cuse_btm_box{border: .1rem solid #F0EDFF; padding: 2rem; margin-top: 2rem; background-color: #FAF9FF; border-radius: .5rem;}
.cuse_btm_box h2{font-size: 3.5rem; line-height: 4.5rem;}
.curse_dtls_rt{position: sticky; top: 10rem; margin-left: 2rem;}
.couse_dtls_rt_box{box-shadow: 0 0 24px 0 rgba(3, 31, 66, 0.1); background: var(--white); padding: 2rem;}
.couse_dtls_rt_box_mid{margin-top: 3rem;}
.down_box{margin-top: 3rem; border: .2rem solid #E7E7E7; padding: 2rem; display: flex; align-items: center; justify-content: space-between; border-radius: .5rem;}
.down_box_icon{width: 4rem; height: 4rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; box-shadow: 5px 5px 25px 0px rgba(173,173,173,0.47); background: var(--white); color: var(--brand);}
.down_box_icon:hover{color: var(--blue);}
.cligay_img{margin-top: 2.5rem;}
.rts_circle{width: 17rem; height: 16.8rem; border-radius: 100%; border: .1rem solid var(--white); position: absolute; left: 50%; top: 50%; background: var(--brand); transform: translate(-50%, -50%);}
.rts_circle .spinner { height: 16.6rem; width: 16.6rem; position: relative; padding: .5rem; animation: rotate 10s linear infinite;}
.rts_circle .video-icon {  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%,-50%);}
.iner_ab_lt{position: relative;}
.rts_circle textPath { font-size: 11.5px; fill: var(--white);}
.iner_ab_rt{margin-left: 3rem;}
.ab_feature_box{display: inline-block; border: .1rem solid #ccc; margin-top: 2rem; padding: 2rem; display: flex; align-items: center; gap: 3rem; border-radius: .5rem;}
.ab_feature_icon img{width: 8rem;}
.in_ab_call_sec{padding: 3rem 0;}



#timeline {position: relative; width: 1140px; margin: 0 auto;}
#timeline:before {content: ''; position: absolute; top: 0; left: calc(50% + 10px); height: 96%; width: .4rem; background: #600;}
.timeline-img {position: absolute; left: calc(50% - 19px); width: 6rem; height: 6rem; border: .6rem solid #600; border-radius: 50%; background: #900;  box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.1), 0 0 2px 1px rgba(0, 0, 0, 0.1);}
.timeline-img.hidden, .timeline-content.hidden {visibility: hidden;}
.timeline-img.show {visibility: visible; animation: bounce 0.6s;}
.timeline-content.show {visibility: visible; animation: slide 0.6s;}
.timeline-block {margin: 4em 0;}
.timeline-block:after {content: ''; display: table; clear: both;}
.timeline-block:nth-child(even) .timeline-content {float: right; margin-right: -2rem;}
.date {	position: absolute;	top: 25px;	font-size: 1.2em; color: var(--brand);}

.timeline-block:nth-child(even) .date {left: -23.5rem;}

.timeline-block:nth-child(odd) .date {right: -23.5rem;}

.timeline-block:nth-child(even) .timeline-content.show {animation: slide-inverse 0.6s;}

.timeline-content {position: relative; width: 45.3rem; padding: 3rem;	background: #FFF8F0; border-bottom: 3px solid var(--brand); border-radius: 3px; box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.05)}

.timeline-content:after {content: ''; position: absolute; top: 2.5rem; border-top: 1rem solid transparent; border-bottom: 1rem solid transparent;}

.timeline-block:nth-child(odd) .timeline-content:after {left: 100%; border-left: 1rem solid #FFF8F0;}

.timeline-block:nth-child(even) .timeline-content:after {right: 100%; border-right: 1rem solid #FFF8F0;}

#credits-sources-container {display: none; padding-top: 40px;}


 















@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: .5rem solid var(--brand); 
        background:#fff !important; width: 15rem; padding: 0; border-radius: .5rem; left: 0; right: inherit; padding: .5rem .8rem .8rem; -webkit-box-shadow: 0 10px 30px 0 rgba(45,45,45,.2);
        box-shadow: 0 10px 30px 0 rgba(45,45,45,.2);}
    
    .nav_top .dropdown:hover .dropdown-menu { max-height: 30rem !important;  opacity: 1; visibility: visible; }

}

/* responsive */

@media (min-width: 4000px) and (max-width: 6999px) {
    .banner_rt_panel {width: 43.8%;}
}

@media (min-width: 3000px) and (max-width: 3999px) {
    .banner_rt_panel { width: 41%;}
    .nav_top .navbar-brand {left: 51%;}
}

@media (min-width: 2500px) and (max-width: 2999px) {
    .banner_rt_panel { width: 40%;}
}

@media (min-width: 2300px) and (max-width: 2499px) {
    .banner_rt_panel {width: 35%;}
}

@media (min-width: 2000px) and (max-width: 2299px) {
    .banner_rt_panel {width: 36.5%;}
}

@media (min-width: 1700px) and (max-width: 1899px) {
    .banner_rt_panel { width: 33.5%;}
}

@media (min-width: 1500px) and (max-width: 1699px) {
    .banner_rt_panel {width: 31.8%;}
    .heder_rt_social_lit {right: 19.7rem;}
    .menu_sec {margin-right: 32rem;}
    
}

@media (min-width: 1300px) and (max-width: 1499px) {
    .banner_rt_panel {width: 36.3%;}
    .heder_rt_social_lit {right: 18.7rem;}
    .menu_sec li a, .menu_sec li a:not([href]):not([class]) {padding: 1rem 2rem 1rem 0;}
    .menu_sec {margin-right: 38rem;}
    .drop-arw::after {right: 1.6rem; top: 1.2rem;}

}

@media only screen and (max-width: 1399px){
    .banner_box {padding: 24rem 0 18rem 0;}
}

@media only screen and (max-width: 1299px){
    .banner_rt_panel {width: 28.6%;}
}

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

	img {
		display: none;
	}

	#timeline {
		width: 100%;
	}

	#timeline:before {
		left: 50px;
	}

	.timeline-img {
		left: 16px;
	}

	.timeline-content {
		float: none !IMPORTANT;
		left: 120px;
		width: calc(100% - 200px);
		min-width: 380px;
	}

	.timeline-content.show {
		animation: slide-inverse 0.6s;
	}

	.timeline-content:after {
		right: 100% !IMPORTANT;
		left: auto !IMPORTANT;
		border-right: 10px solid #FFF8F0;
		border-left: none !IMPORTANT
	}

	.date {
		right: 35px !IMPORTANT;
		left: auto !IMPORTANT;
		top: 35px !IMPORTANT;
	}

	#header:after {
		left: 33px !IMPORTANT;
	}
}



@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){
  
  

}