@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.4rem 'Courgette', sans-serif; color: var(--text_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;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
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; }


:root{
    --black: #000;
    --white: #ffff;
    --yellow: #fcb900;
    --red: #FF4A52;
    --brand: #f68712;
    --green: #2d6d5c;
    --text_color: #82828A;
    --blue: #0075c3;
    --blue2: #094174;
}

@keyframes slide{
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 1920PX 0;
    }
}

@keyframes sign{
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes anim{
    0% {
        transform: scale(.5);
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1);
    }
}

@keyframes animation_top_bottom{
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(15px);
        transform: translateY(15px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
} 
  
@keyframes pxl_divider_left_to_right{
  0% {
    left: 0;
  }
  100% {
    left: 57px;
  }
}


@keyframes shine{
  100% {
    left: 125%;
  }
  100% {
    left: 125%;
  }
}







em{font-style: normal;}
p{line-height: 2.7rem; font-family: 'Roboto';}
h1,h2{font-size: 3rem; font-weight: 600; color: var(--blue2); text-transform: capitalize; letter-spacing: .1rem; line-height: 4rem;}
h3{font-size: 2.3rem; text-transform: capitalize; font-weight: 500;}
h4{font-weight: 500; line-height: 3rem; text-transform: capitalize;}
.ptb{padding: 7rem 0;}
.inner_ptb{padding: 4rem 0 7rem;}
.hidden_sec{overflow: hidden; position: relative;}
.heding{padding-left: 9rem; position: relative; display: inline-flex; color: var(--brand); font-size: 2rem; margin-bottom: 1rem;}
.sub_heding{position: absolute; top: 50%; left: 0; -webkit-transform: translate(0,-50%); -khtml-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); width: 7rem; height: .2rem; border-radius: .1rem; background-color: rgba(246, 135, 18, 0.1); overflow: hidden;}
.sub_heding::before{content: ''; width: 2rem; height: .2rem; background-color: var(--brand); position: absolute; top: 0; left: 0; border-radius: .1rem; animation: pxl_divider_left_to_right 2.5s infinite linear alternate;}

.click_btn{position: relative; display: inline-flex; align-items: center; text-transform: uppercase; padding-right: 2rem; letter-spacing: .1rem; color: var(--white); margin-top: 3rem;}
.click_btn::before{z-index: 1; border-radius: 2.5em; transition: all cubic-bezier(.47,1.21,.47,1.21) .3s; content: ""; position: absolute; top: -.4rem; bottom: -.4rem; right: -.4rem; left: -.4rem; width: 5.4rem; border: .2rem solid var(--brand);}
.click_btn::after{z-index: 1; border-radius: 2.5rem; transition: all cubic-bezier(.47,1.21,.47,1.21) .3s; content: ""; position: absolute; width: 4.6rem; height: 4.6rem; left: 0; top: 0; background-color: var(--brand);}
.click_btn:hover::before{content: ""; position: absolute; width: calc(100% + 8px);}
.click_btn:hover::after{content: ""; position: absolute; width: 100%; height: 4.6rem;}
.click_btn strong{-webkit-transform: translateX(0); transform: translateX(0); transition: all cubic-bezier(.47,1.21,.47,1.21) .3s; z-index: 2; font-size: 1.4rem;}
.click_btn:hover strong{-webkit-transform: translateX(-8px); transform: translateX(-8px); color: var(--white);}
.click_btn i{display: block; position: relative; width: 4.6rem; height: 4.6rem; margin-right: 1rem;}
.click_btn i::before{content: ""; position: absolute; width: 1rem; height: 1rem; top: 0; right: 0; left: -.4rem; bottom: 0; margin: auto; z-index: 2; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-width: 0 2px 2px 0; border-style: solid;}
.click_btn:hover i {color: var(--white);}
.read_btn{display: inline-block; background: var(--blue2); color: var(--white); text-transform: capitalize; height: 5rem; line-height: 5rem; padding: 0 3rem; border-radius: .5rem; overflow: hidden; position: relative; transition: all ease 700ms; -moz-transition: all ease 700ms; -webkit-transition: all ease 700ms; -ms-transition: all ease 700ms; -o-transition: all ease 700ms; z-index: 1; letter-spacing: .1rem; margin-top: 3rem;}
.read_btn::before{content: ""; background-color: var(--brand); width: 0; height: 50%; position: absolute; top: 0; left: 0; transition: all .3s cubic-bezier(.785, .135, .15, .86); z-index: -1;}
.read_btn::after{content: ""; background-color: var(--brand); width: 0; height: 50%; position: absolute; bottom: 0; right: 0; transition: all .3s cubic-bezier(.785, .135, .15, .86); z-index: -1;}
.read_btn:hover{color: var(--white);}
.read_btn:hover::after, .read_btn:hover::before{width: 100%;}





/*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);}







/*header*/
.heder_top .d-flex{align-items: center; justify-content: space-between;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
.navbar-brand img{width: 24rem;}
.heder_top{position: relative; z-index: 1; background-color: var(--blue2); padding: 1rem 0;}
.menu_sec li a{display: inline-block; padding-right: 2rem; color: var(--blue2); font-weight: 500;}
.menu_sec li:last-child a{padding-right: 0;}
.menu_sec li a:hover,.menu_sec li.active a{color: var(--brand);}
.menu_sec li{position: relative; text-transform: capitalize; font-size: 1.9rem; letter-spacing: .1rem;}
.hedder_rt_box li a{color: var(--white);}
.header_sec ul li{display: inline-block;}
.top_lt ul li a{position: relative; color: var(--white); text-align: center; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.top_lt ul li:last-child a{padding-right: 0;}
.top_rt ul li{color: var(--white); border-right: .1rem solid rgba(220, 229, 232, 0.4); padding-right: 1.5rem; margin-right: 1.5rem;}
.top_rt ul li:last-child{border-right: none; padding-right: 0; margin-right: 0;}
.hedder_rt_box li i{font-size: 1.4rem;}
.hedder_rt_box li span{position: relative; display: block; font-weight: 600; text-transform: capitalize;}
.hedder_rt_box{position: relative;}
.menu_sec{position: relative;}
.top_lt{position: relative;}
.top_rt{position: relative;}
.hedder_rt_box li:last-child{margin-right: 0;}
.heder_top ul li a:hover{color: var(--brand);}
.icon_bar{position: absolute; right: 0; top: 0; display: flex;}
.icon_bar img{width: 5rem; -webkit-animation: icon-bounce 0.8s ease-out infinite; animation: icon-bounce 0.8s ease-out infinite;}
.icon_bar ul li a{color: var(--blue); font-size: 1.7rem;}
.icon_bar ul li b{width: 100%; display: inline-block; text-transform: capitalize;}
.icon_bar ul li a:hover{color: var(--brand);}
.header_sec.fixed{position: fixed; left: 0; top: 0; z-index: 99; background: var(--white); box-shadow: 0 0 .7rem 0 #ccc;}
.header_sec.fixed .header_top{display: none;}
.header_sec.fixed .heder_menu{padding: 0;}
.header_sec.fixed .nav_top .navbar-brand {margin-top: 0;}
.header_sec.fixed .heder_top{display: none;}
.header_sec.fixed::before{display: none;}
.header_sec.fixed .img_flud{padding: 0; margin-top: 0;}
.header_sec.fixed .header_menu{background: var(--white); margin-bottom: 0;}
.img_flud{position: relative;}
.icon_bar{position: absolute; right: 0; top: 0;}
.header_sec.fixed .header_menu .nav_top{padding-left: 0;}
.top_lt ul li{border-right: .1rem solid rgba(220, 229, 232, 0.4); padding-right: 1.5rem; margin-right: 1rem; color: var(--white); font-size: 1.4rem;}
.top_lt ul li:last-child{border-right: none; padding-right: 0; margin-right: 0;}
.top_lt ul li i{padding-right: 1rem;}
.header_sec .click_btn{margin-top: 0;}
.header_sec.fixed .header_menu{top: 0;}
.header_sec{position: absolute; left: 0; top: 0; z-index: 1; width: 100%; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease;}
.header_menu{padding: 1.5rem 0;}








   
/*banner*/  
.bannersec{width: 100%; position: relative;}
.banner_box{padding: 22rem 0 15rem 0; border-bottom: .1rem solid rgba(118, 118, 120, 0.3);}
.pattern_layer{position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-repeat: repeat-x !important; animation: slide 60s linear infinite; -webkit-animation: slide 60s linear infinite; z-index: -1;}
.banner_text_shape{position: absolute; bottom: -2rem; left: 0;}
.banner_txt span{color: var(--brand); position: relative;}
.banner_txt em{color: var(--yellow); text-transform: capitalize; font-size: 2rem; padding-bottom: 1rem; width: 100%; display: inline-block;}
.banner_txt strong{width: 100%; display: inline-block; font-size: 5rem; line-height: 7rem; text-transform: capitalize; letter-spacing: .1rem; color: var(--blue2); padding-bottom: 2rem;}
#signature1, #signature2, #signature3, #signature4, #signature5, #signature6{stroke-dasharray: 247; stroke-dashoffset: 247; animation: sign 7s infinite;}
.shap{position: absolute; left: 5rem; top: 15rem;}
.shap2{position: absolute; bottom: 5rem; left: 9rem;}
.shap3{position: absolute; right: 5rem; top: 15rem;}
.shap4{position: absolute; bottom: 5rem; right: 9rem;}
.banner_txt{padding-right: 5rem;}
.banner_img{position: relative;}
.banner_vedio_box{position: absolute; left: -3rem; top: -3rem; background: var(--white); padding: 3rem 2rem; border-radius: 2rem; z-index: 1; box-shadow: rgba(207, 207, 207, 0.25) 0 .4rem 2rem;}
/* .banner_vedio_image{position: relative;} */
.banner_vedio_image img{border-radius: 1rem; width: 100%; height: 15rem; object-fit: cover;}
.banner_blank1{margin-top: 2rem; width: 20rem; height: 1rem; border-radius: .4rem; background: #E0E0E0;}
.banner_blank2{margin-top: 1rem; width: 25rem; height: 1rem; border-radius: .4rem; background: #E0E0E0;}
.banner_video_btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.banner_video{position: relative; background-color: var(--white); width: 5rem; height: 5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: var(--brand);} 
.svg-inline--fa{height: 2rem;}  
.banner_video::after{content: ''; position: absolute; border: 3rem solid var(--white); border-radius: 100%; top: -2rem; left: -2rem; bottom: -2rem; right: -2rem; animation: anim 1.5s linear infinite; opacity: 0;}
.banner_img img{border-radius: 1rem;}
.banner_imgft img{height: auto; max-width: 100%; border: none; border-radius: 0; box-shadow: none;}









/*search_form*/
.search_form{padding: 0 0 3rem 0;}
.search_box{width: 100%; box-shadow: 0 0 1rem 0 rgb(0 0 0 / 10%); border-radius: 1rem; background: var(--white); padding: 3.5rem 2.5rem; background: var(--white); position: relative; margin-top: -2rem; z-index: 1;}
.input_type select{background: url(../images/select_arrow.png)no-repeat right 1.5rem center; background-size: 1rem; cursor: pointer; font-size: 1.5rem;}
.input_type .click_btn{margin-top: 3rem;}
.input_type button{border: none;}
.input_type input[type="text"], .input_type input[type="tel"], .input_type input[type="password"], .input_type input[type="date"], .input_type input[type="time"], .input_type input[type="email"], .input_type select, .input_type textarea{width: 100%; height: 5rem; border: 0.1rem solid rgba(118, 118, 120, 0.3); border-radius: 1rem; box-shadow: none; outline: none; padding: 0 1.5rem; color: var(--text_color); font-size: 1.5rem;} 
.input_type input[type="text"]:placeholder, .input_type input[type="tel"]:placeholder, .input_type input[type="email"]:placeholder, .input_type textarea:placeholder{color: grey; opacity: 1;}
.input_type input[type="text"]:focus, .input_type input[type="tel"]:focus, .input_type input[type="email"]:focus, .input_type select:focus, .input_type textarea:focus{border: .1rem solid var(--brand);}
.input_type textarea{height: 100px; resize: none; padding: 1.5rem;}
.input_type .form-select:focus{box-shadow: none;}
.search_box span{width: 100%; display: inline-block; text-transform: capitalize; font-size: 2rem; color: var(--blue2); text-align: left; padding: 1rem 0;}






/* about_sec */
.about_img{position: relative; z-index: 11;}
.about_img img{padding-left: 5rem; border-radius: 1rem;}
.about_shap{width: 9rem; height: 9rem; background: var(--brand); position: absolute; top: -3rem; left: 0; border-radius: .5rem; display: flex; justify-content: center; align-items: center; animation: animation_top_bottom 2.5s linear 0s infinite; padding: 1rem;}
.about_shap img{padding: 0;}
.inner_about{position: absolute; left: 0; bottom: 0; width: 25rem; overflow: hidden; border-radius: 2rem; border: .8rem solid var(--white); box-shadow: 1rem 0 3rem 0 rgba(0, 0, 0, 0.18);}
.inner_about img{padding: 0 !important; width: 25rem;}
.about_content{position: absolute; right: 0; background: var(--white); padding: 1rem; box-shadow: 1rem 3rem 8rem 0 rgba(0, 0, 0, 0.1); border-radius: 1rem; top: -4.3rem;}
.about_content_inner{display: flex; border: .2rem solid var(--brand); padding: 2rem 4rem; border-radius: 1rem; align-items: center;}
.about_title{font-size: 5rem; color: var(--green); margin-right: 1.5rem; font-weight: 700;}
.about_sub_txt{padding: 2rem 2rem; border-left: .4rem solid var(--brand); margin: 2.5rem 0; box-shadow: 0 1rem 2rem 0 rgba(76, 76, 76, 0.1);}
.about_sub_txt h4{font-size: 2rem; color: var(--blue2);}
.about_sub_txt h4 span{color: var(--brand);}
.about_inner_box{padding-top: 2rem;}
.about_inner_box i{color: var(--green); font-size: 4rem; padding-right: 1rem;}
.about_inner_box h5{color: var(--blue2); font-size: 2rem;}
.about_txt{padding-left: 2rem;}
.about_content_inner h5{font-size: 2rem;}






/* availability_sec */
.ava_inner_box{margin-top: 2rem; padding: 3rem 3rem; background-color: var(--white); border-radius: 1rem; box-shadow: 0 1rem 5rem 0 rgba(0, 0, 0, 0.1);} 
.availability_box .column:first-child .ava_inner_box{margin-top: 4rem;}      
.availability_box .column:nth-child(3n-3) .ava_inner_box{margin-top: 4rem;}
.availability_info{margin-top: 2.5rem;}
.availability_icon img{width: 3.5rem;}
.availability_icon{width: 5rem; height: 5rem; border-radius: .5rem; background: var(--yellow); display: flex; justify-content: center; align-items: center;}
.availability_info span{width: 100%; display: inline; color: var(--blue2); font-size: 2rem; font-weight: 600;}
.ava_inner_box h3 a{color: var(--blue2);}
.ava_inner_box h3{padding: 1.5rem 0;}
.av_img{background-color: rgba(246, 135, 18, 0.1); border-radius: 100%; color: var(--green); display: flex; width: 10rem; height: 10rem;  line-height: 5rem; align-items: center; justify-content: center;}
.av_img img{width: 5rem;}





/* services_sec */
.services_box{position: relative; overflow: hidden; width: 100%; margin-top: 3rem;}
.service_img img{height: 40rem; object-fit: cover; border-radius: 1rem;}
.service_img{position: relative; width: 100%; -webkit-transition: all 10s; transition: all 10s;}
.service_txt{position: absolute; z-index: 1; background: var(--white); left: 2rem; right: 2rem; bottom: 3rem; border-radius: .8rem; padding: 3rem;}
.service_txt h3 a{color: var(--blue2);}
.service_line{position: relative; padding: 2rem 0 0;}
.service_line::after{content: ''; width: 5rem; height: .2rem; background: var(--brand); border-radius: .4rem; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.3s; transition: all 0.3s;}
.service_txt p{height: auto; max-height: 0; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s;}
.services_box:hover .service_txt p{opacity: 1; max-height: 9rem; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: cubic-bezier(1, 1, 1, 1); transition-timing-function: cubic-bezier(1, 1, 1, 1);}
.services_sec p{font-size: 2rem; padding-top: 3rem;}
.service_txt p{font-size: 1.6rem !important;}






/* counter_sec */
.counter_box{position: relative; padding: 4rem 3rem; box-shadow: 1.5rem 3rem 8rem 0 rgba(0, 0, 0, 0.07); text-align: center; border-radius: 1rem; background: var(--white); margin-top: 2rem;}
.counter_txt span{width: 100%; display: inline-block; color: var(--blue2); font-size: 3rem; font-weight: 600; padding-top: 2.5rem;}
.counter_txt h5{font-size: 2rem; padding-top: 1rem;}






/* blog_sec */
.blog_box{margin-top: 4rem; padding: 2rem; background: var(--white); box-shadow: 0 1rem 5rem 0 rgba(0, 0, 0, 0.07); border-radius: 1rem; display: flex;}
.blog_txt h4 a{color: var(--blue2);}
.blog_user img{width: 5rem; border-radius: 100%;}
.blog_txt h4{font-size: 2.2rem; border-bottom: .1rem solid #E2DFEB; padding: 1.5rem 0;}
.blog_txt span{color: var(--blue2);}
.blog_txt span i{color: var(--brand); padding: 0 .8rem;}
.blog_txt{padding-right: 2rem;}
.blog_img{position: relative;}
.blog_img img{height: 30rem; object-fit: cover; border-radius: .8rem;}
.blog_date_box{background: var(--brand); color: var(--white); height: 7rem; position: absolute; top: 0; right: 0; border-radius: 0 .8rem 0 .8rem; text-align: center; padding: 1.5rem 1.5rem; text-transform: uppercase; letter-spacing: .1rem; width: 6rem;}
.blog_date_box .blog_date{font-size: 1.8rem; font-weight: 700; padding-bottom: .5rem;}
.blog_date_box .blog_month{font-size: 1.4rem;}
.blog_date_box span{display: block;}
.blog_txt .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: var(--brand) !important;}





/* footer_sec */
.footer_sec{position: relative; padding-top: 2rem;}
.ft_logo{width: 24rem; filter: brightness(100);}
.footer_top{padding: 2rem 0; border-bottom: .1rem solid #A0AABA2B; position: relative;}
.footer_txt p{padding-top: 2rem; color: var(--white);}
.footer_txt strong{width: 100%; display: inline-block; font-size: 2.3rem; text-transform: capitalize; color: var(--white); font-weight: 600; padding-bottom: 2rem;}
.footer_top .collum:nth-child(2) .footer_txt{padding-left: 7rem;}
.footer_txt{padding-top: 4rem;}
.ft_menu li{position: relative; width: 100%; padding-left: 2.5rem; margin-bottom: 1rem; font-size: 1.7rem; text-transform: capitalize;}
.ft_menu li::before{content: "\f101"; font-family: "Font Awesome 6 Pro"; position: absolute; left: 0; top: 0; color: var(--white); font-size: 1.5rem; font-weight: 600;}
.ft_menu li a{color: var(--white);}
.ft_menu li a:hover{color: var(--brand);}
.footer_midiel_txt strong{width: 100%; display: inline-block; font-size: 2.3rem; text-transform: capitalize; color: var(--white); font-weight: 600; padding-bottom: 2rem;}
.footer_midiel{padding: 3rem 0; position: relative;}
.ft_mi_icon li a{color: var(--white);}
.ft_mi_icon li a:hover{color: var(--brand);}
.ft_mi_icon li i{width: 4rem; height: 4rem; background: var(--white); border-radius: 100%; text-align: center; padding-top: 1rem; margin-right: 1rem; color: var(--brand); font-weight: 700; font-size: 2rem;}
.footer_midiel_txt ul li{display: inline-block;}
.ft_socil_icon li a{width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; background: var(--blue); color: var(--white); border-radius: 100%; margin-right: .8rem;}
.ft_socil_icon li:last-child a{margin-right: 0;}
.footer_bootom{padding: .5rem 0; position: relative;}
.footer_bootom .d-flex{justify-content: space-between;}
.footer_bootom a{color: var(--white);}
.footer_bootom p a:hover{color: var(--brand);}
.footer_bootom p{color: var(--white);}
.footer_midiel .collum:nth-child(2) .footer_midiel_txt{padding-left: 7rem;}
.ft_bt_in{background: #fbfbfb12; padding: 1.5rem 1rem; border-radius: .8rem;}
.footer_midiel_txt{padding-top: 2rem;}
.footer_sec::before{background: rgba(9,65,116,.9); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "";}








/* innner_banner */
.inner_banner .banner_box{padding: 15rem 0 10rem 0;}
.bannersec .breadcrumb_sec .breadcrumb-item, .breadcrumb-item a{color: var(--black); font-size: 1.9rem; text-transform: capitalize;}
.bannersec  .breadcrumb-item + .breadcrumb-item::before{float: left; padding: 0 1rem; color: var(--brand); content: "◆"; font-size: 1.4rem;}
.bannersec .breadcrumb-item.active{color: var(--brand);}
.inner_banner::after{content: ""; background: url(../images/shap_leaf.png) no-repeat top center; width: 13rem; height: 18rem; position: absolute; background-size: 100%; left: 0; bottom: 0; opacity: 0.3;}  
.inner_banner::before{content: ""; background: url(../images/shap_leaf2.png) no-repeat top center; width: 13rem; height: 18rem; position: absolute; background-size: 100%; right: 0; top: 0; z-index: 1; opacity: 0.3;}  
.inner_banner .breadcrumb-item + .breadcrumb-item { padding-left: 0;}
.inner_banner .banner_txt{padding-right: 0;}




/* blog_page */
.pegination_sec ul li{display: inline-block; margin-top: 5rem;}
.page_number{color: var(--brand); height: 4rem; width: 4rem; line-height: 3.2rem; font-size: 1.7rem; border-width: .1rem; border-style: solid; margin: 0 .3rem; text-align: center; display: inline-block; border-color: #cccccc; display: flex; align-items: center; justify-content: center; border-radius: .5rem; font-weight: 700; background: var(--white);}
.pegination_sec ul li .current, .page_number:hover{background: var(--brand); color: var(--white); border-color: transparent;}






/* destination_sec */
.destination_img{position: relative; overflow: hidden; margin-top: 3rem; border: 1rem solid var(--white); box-shadow: 1rem 0 3rem 0 rgba(0, 0, 0, 0.18); border-radius: 1rem;}
.destination_img::after{content: ''; position: absolute; background-image: linear-gradient(to bottom, transparent 30%, rgba(0, 0, 0, 0.9) 100%); width: 100%; height: 100%; top: 0; left: 0; border-radius: .8rem;}
.destination_txt{position: absolute; bottom: 0; left: 0; z-index: 2; width: 100%; padding: 1.5rem 3rem 2.5rem 3rem;}
.destination_txt span{width: 100%; display: inline-block; font-size: 1.8rem; font-weight: 600; color: var(--brand); position: relative;}
.destination_count{font-size: 1.4rem; background: var(--brand); color: var(--white); padding: 0 2rem; line-height: 3rem; text-align: center; border-radius: .5rem; position: absolute; text-transform: uppercase; top: 2rem; left: 2rem; letter-spacing: .1rem; z-index: 2;}
.destination_img img{height: 30rem; object-fit: cover; border-radius: .8rem;}
.destination_sec .collum:last-child .destination_img:after{content: ''; position: absolute; background-color: var(--green); opacity: 0.9; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
.destination_txt h3 a{color: var(--white);}
.destination_img:hover::before{-webkit-animation: shine 1s; animation: shine 1s;}
.destination_img::before{position: absolute; top: 0; left: -85%; display: block; content: ''; width: 50%; height: 100%; background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 100%); -webkit-transform: skewX(-25deg); -ms-transform: skewX(-25deg); transform: skewX(-25deg); z-index: 1;}









/* services_deatails_page */
.gallery_img_box{position: relative; border-radius: .5rem; overflow: hidden;}
.gallery_rt .silder_btn .owl-nav{display: none;}
.ser_de_img img{border-radius: 1rem;}
.services_facilities{margin-top: 2rem;}
.ser_de_txt h4{color: var(--blue2); font-size: 2rem; font-weight: 600;}
.included_list ul li{margin-top: 2rem; position: relative;}
.included_sec, .amenities_sec{padding: 3rem 0 5rem 0; border-bottom: .1rem solid #EBE6DE;}
.included_list ul li::before{font-size: 14px; padding-right: 10px;}
.included_list ul li::before{content: '\f00c';}
.included_list ul li::before{content: '\f00c'; color: var(--white); font-size: 1.4rem; padding: .5rem; border-radius: 100%; background-color: var(--brand); margin-right: 1rem; font-family: 'Font Awesome 5 Pro';}
.services_details  h3{padding-bottom: 1.5rem; color: var(--blue2);}
.ser_de_txt h4{padding: 1rem 0;}
.amenities_sec ul li{display: inline-block; color: var(--blue2); padding: 1rem; font-size: 1.8rem;}
.amenities_sec ul li i{font-size: 2.5rem; padding-right: 2rem; color: var(--green);}
.ser_det_box_snd{padding-left: 2.5rem;}
.ser_snd_info{border: .1rem solid #EBE6DE; border-radius: .8rem; padding: 4rem 3rem; margin-bottom: 2.5rem;}
.tour_information_icon li{padding: 1rem 0;}
.tour_information_icon li i{padding-right: 2.5rem; font-size: 2.5rem; color: var(--green);}
.ser_snd_info .input_type{margin-top: 1rem;}



.blog_img_info{padding: 2rem 0;}
.blog_img_info a{color: var(--blue2);}
.blog_img_info span{font-size: 1.5rem;}
.blog_img_info h5{color: var(--blue2); font-size: 1.6rem; padding-bottom: .5rem;}
.blog_img_info img{width: 9rem; margin-right: 1rem; height: 7rem; object-fit: cover; border-radius: .8rem;}
.up_date i{padding-right: .5rem; color: var(--green);}

.check_list li i{padding-right: 1rem; font-size: 2rem; color: var(--green);}
.check_list li{padding: 1rem 0; font-size: 1.8rem;}










/* contact_page */
.map_sec iframe{width: 100%; height: 40rem; border-radius: 1rem;}
.contact_form .input_type{margin-top: 2rem; position: relative;}
.contact_form_icon{position: absolute; top: 0; right: 2rem; margin: 1.5rem 0 1.5rem}
.contact_form_icon i{color: var(--brand);}
.contact_form h3{color: var(--blue2);}
.contact_form{box-shadow: 0 1rem 6rem rgba(28, 35, 31, 0.07); border-radius: 1rem; background-color: var(--white); padding: 5rem 4rem;}
.contact_in_box i{padding-right: 2rem; font-size: 3rem; color: var(--green);}
.contact_in_box{margin-top: 4rem;}
.contact_in_box ul li span{width: 100%; display: inline-block; color: var(--blue2); font-size: 2rem; text-transform: capitalize; padding-bottom: .5rem;}
.contact_info{padding-right: 2rem;}
.contact_in_box ul li a{color: var(--black);}







/*blog_deatils*/
.blog_deatils_box img{border-radius: 1rem;}
.blog_deatils_box h3{padding: 2rem 0; color: var(--blue2);}
.categories li a{display: flex; justify-content: space-between; color: var(--black); align-items: center; border-bottom: 0.1rem solid rgba(34, 54, 104, 0.2); padding: 1.5rem 1rem; text-transform: capitalize;}
.categories li i{color: var(--brand); font-weight: 900;}
.categories{margin-top: 2rem;}
.categories li a:hover{border-bottom-color: var(--brand);}
.blog_img_info img{width: 9rem;}
.blog_img_info{padding: 1rem 0;}
.blog_details_tag li{display: inline-block; background: var(--white); border-radius: .5rem; padding: .5rem 1rem;text-transform: capitalize; margin-top: 1rem;}
.blog_details_tag li a{color: var(--black);}
.blog_details_tag li:hover{background: var(--brand);}
.blog_details_tag li:hover a{color: var(--white);}
.blog_deatils_box_snd{padding-left: 2rem;}
.blog_deatils_info img{border-radius: 1rem;}
.admin_review{padding-left: 2rem;}
.admin_detalis{margin-top: 3rem;}
.blog_deatils_box .contact_form{margin-top: 3rem; background: var(--background2); padding: 2rem; border-radius: 1rem;}


.up_date{color: var(--text_color); text-transform: capitalize;}
.blog_img_info h5{color: var(--black);}
.blog_img_info:hover h5{color: var(--brand);}
.up_date i{color: var(--brand); padding-right: .8rem;}
.blog_icon li{text-transform: capitalize; display: inline-block; padding-right: 1rem;}
.blog_icon li i{padding-right: .8rem; color: var(--brand);}
.blog_deatils_info{position: relative; display: block; padding: 3rem 2.5rem; border-radius: 1rem; background: var(--white); box-shadow: 0 0 3rem 0 rgba(2, 24, 93, 0.08); margin: 0 0 2rem 0;}
.blog_icon{margin-top: 2rem;}
.blog_deatils_info h3{color: var(--blue2);}






.blog_content{height: 9rem; overflow-y: auto; margin-top: 1.5rem;}
.blog_content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: var(--red);}


















@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 #ccc; 
      background:#fff !important; width: 10.50rem; padding: 0; border-radius: 0; left: 0; right: inherit; padding: .5rem .8rem .8rem; box-shadow: inherit; }

  .nav_top .dropdown:hover .dropdown-menu { max-height: 30rem;opacity: 1; visibility: visible; }

}


/* responsive */
@media only screen and (max-width: 1300px){
  .about_img img{padding-left: 2rem;}
  .shap{top: 13rem;}
  .shap3{top: 11rem;}
  .banner_vedio_box{padding: 2rem 1.5rem;}
  .blog_txt{padding-right: 1.5rem;}




  /* contact_page */
  .contact_in_box i{padding-right: 1rem;}



}

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

}

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

  .navbar-brand img{width: 21rem;}
  .menu_sec li a{padding-right: 1.5rem;}
  .menu_sec{margin-right: 0;}
  .banner_txt strong{font-size: 4.7rem;}
  h1, h2{font-size: 2.6rem;}
  .about_inner_box i{padding-right: .5rem; font-size: 3rem;}
  .about_txt{padding-left: 1.5rem;}
  .about_inner_box h5{font-size: 1.8rem;}
  .about_sub_txt{margin: 2rem 0;}
  .blog_txt{padding-right: 1rem;}
  .blog_txt h4{font-size: 2rem;}
  .ptb{padding: 6rem 0;}

  .destination_txt .click_btn{padding-right: 1rem;}
  .destination_txt{padding: 1.5rem 2rem 2.5rem 2rem;}
  h3{font-size: 2rem;}
  .blog_txt span i{padding: 0 .5rem;}
  .blog_user img{width: 3.4rem;}






  /* services_deatalis */
  .ser_det_box_snd{padding-left: 1.5rem;}
  .ser_snd_info{padding: 4rem 2rem; margin-bottom: 2.5rem;}



  /* contact_page */
  .contact_in_box .d-flex{flex-direction: column; text-align: center;}
  .contact_in_box i{padding-right: 0; padding-bottom: 1rem;}
  .contact_in_box{margin-top: 3rem;}



  /* blog_deatils */
  .blog_deatils_info{padding: 3rem 2rem;}


    
   
}

@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(--blue2); 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;}


    .nav_top .navbar-collapse{position: fixed; top: 0; left: -30.10rem; background: #fff; z-index: 999999; width: 20.80rem; padding: 2.5rem 1rem; height: 100% !important;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow-y: auto; min-height: 100vh; border-right: .5rem solid var(--brand);}
    .nav_top .navbar-collapse.show{left: 0;}
    .menu_sec li a{padding-right: 0;}
    .menu_sec li{border-bottom: .1rem dashed var(--brand); padding: 1rem;}
    .menu_sec{margin-right: 0;}
    

    .about_txt{padding-left: 0; padding-bottom: 7rem;}
    .about_sub_txt h4{font-size: 1.8rem;}
    .ptb{padding: 5rem 0;}
    .counter_box{padding: 4rem 1rem;}
    .counter_txt h5{font-size: 1.9rem;}
    .blog_txt{padding-right: 0; padding-bottom: 2rem;}
    .footer_top .collum:nth-child(2) .footer_txt{padding-left: 0;}
    .footer_midiel .collum:nth-child(2) .footer_midiel_txt{padding-left: 3rem;}
    .counter_txt span{font-size: 2.5rem;}
    .banner_txt strong{font-size: 3.5rem; line-height: 5rem;}
    .about_inner_box{padding-top: 1.5rem;}
    .shap img{width: 6rem;}
    .shap2 img{width: 6rem;}
    .shap3 img{width: 6rem;}
    .shap4 img{width: 6rem;}
    .shap{left: 2rem; top: 3rem;}
    .shap2{left: 2rem;}
    .shap4{right: 2rem;}
    .banner_txt{padding-right: 0; padding-bottom: 6rem;}
    .shap3{top: 13rem;}
    .banner_box{padding: 20rem 0 14rem 0;}
    .banner_vedio_box{left: -2rem;}
    .about_inner_box i{padding-right: .2rem;}
    .about_inner_box h5{font-size: 1.7rem;}
    .about_sec .abbout_row{flex-direction: column-reverse;}
    .search_box{padding: 3rem 2rem;}
    .header_sec{position: inherit;}
    .banner_box{padding: 10rem 0 10rem 0;}
    

  /* services_details */
    .ser_de_txt h4{padding: .5rem 0;}
    .ser_det_box_snd{padding-left: 0; padding-top: 2rem;}
    .inner_banner .banner_box{padding: 5rem 0 5rem 0;}
    .inner_banner .banner_txt{padding-right: 0; padding-bottom: 0;}





    
    /* log_deatils */
    .blog_deatils_box_snd{padding-left: 0; padding-top: 3rem;}



    /* contact_page */
    .contact_info{padding-right: 0; padding-bottom: 2rem;}
    .map_sec iframe{height: 35rem;}





}

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

    h1, h2{font-size: 2.5rem;}
    .about_inner_box i{font-size: 3rem;}
    .av_img img{width: 4rem;}  
    .av_img{width: 9rem; height: 9rem;} 
    .service_txt{left: 1.5rem; right: 1.5rem; bottom: 1rem; padding: 2rem;}
    .service_img img{height: 35rem;}
    .footer_midiel_txt strong{font-size: 1.9rem;}
    .banner_vedio_box{left: -1rem;}


    /* services_deatalis */
    .ser_de_txt{padding-bottom: 1.5rem;}
    .amenities_sec ul li i{font-size: 2rem; padding-right: 1rem;}
  
  
  
  }


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

  .navbar-brand img{width: 18rem;}
  .about_content{right: 0;}
  .about_title{font-size: 3rem; margin-right: 1rem; font-weight: 600;}
  .about_content_inner h5{font-size: 1.5rem;}
  .about_content_inner{padding: 2rem 1rem;}
  .about_inner_box i{padding-right: .5rem;}
  p{line-height: 2.5rem;}
  h1, h2{font-size: 2.3rem; line-height: 3rem;}
  .service_img img{height: 30rem;}
  .counter_img img{width: 4rem;}
  .counter_txt span{font-size: 2rem;}
  .counter_txt h5{font-size: 1.6rem;}
  .counter_box{padding: 3rem .8rem;}
  .blog_txt h4{font-size: 2rem;}
  .blog_box{padding: 1.5rem;}
  .blog_img img{height: 25rem;}
  .ft_logo{width: 20rem;}
  .footer_txt{padding-top: 3rem;}
  .footer_midiel .collum:nth-child(2) .footer_midiel_txt{padding-left: 0;}
  .footer_bootom .d-flex{flex-direction: column; text-align: center;}
  .ft_bt_in{padding: 1rem 0;}
  .top_lt  span{display: none;}
  .top_lt ul li a, .top_rt ul li a{display: inline-block; padding: 0 1.5rem !important;}
  .top_rt ul li, .top_lt ul li{padding-right: 0; margin-right: 0;}
  .top_lt ul li i{padding-right: 0;}
  .banner_txt strong{font-size: 3rem; line-height: 4rem;}
  .banner_text_shape{bottom: -3rem;}
  #signature1, #signature2, #signature3, #signature4, #signature5, #signature6{stroke-dasharray: 160; stroke-dashoffset: 160;}
  .about_shap img{padding: 0; width: 5rem;}
  .about_shap{width: 7rem; height: 7rem;}
  .inner_about{width: 18rem;}
  .inner_about img{width: 18rem;}
  .about_content_inner{padding: 2rem .8rem;}
  .destination_img img{height: 25rem;}
  .banner_txt em{font-size: 1.8rem;}
  .shap img{width: 4rem;}
  .shap3{top: 2rem; right: 1rem;}
  .banner_vedio_box{display: none;}
  .about_sub_txt{padding: 1.5rem 1.5rem;}





/* services_deatalis */
/* .blog_img_info .d-flex{flex-direction: column;} */
.amenities_sec ul li{padding: .6rem; font-size: 1.6rem;}
.ser_snd_info{padding: 3rem 1.5rem; margin-bottom: 2rem;}
.check_list li{font-size: 1.6rem;}




/* contact_page */
.contact_in_box{margin-top: 2.5rem;}
.contact_form{padding: 2.5rem 1.5rem;}
.map_sec iframe{height: 30rem;}

    
}

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

}