@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 'Exo 2', 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: #ffffff;
    --blue: #001376;
    --yellow: #ffae00;
    --brand: #ffae00;
    --red: #ce1446;
    --text_color: #777;
    --greem: #13c093;
    --border: #eeeeee;

}

@keyframes bounce-x{
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


@keyframes jump-1{
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    40% {
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0);
    }
    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}


@keyframes movebounce2{
0% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0px);
  }

}


@keyframes fa-spin{
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



em{font-style: normal;}
p{line-height: 2.5rem; color: var(--text_color);}
h1, h2{font-size: 3.5rem; line-height: 4rem; letter-spacing: .1rem; font-weight: 600; text-transform: capitalize; color: var(--blue); padding-bottom: 1.5rem;}
h3{font-size: 2.5rem; line-height: 3rem; text-transform: capitalize; letter-spacing: .1rem; font-weight: 700;}
h4{font-size: 2rem; line-height: 3rem; text-transform: capitalize; letter-spacing: .1rem; font-weight: 700;}
h5,h6{text-transform: capitalize;}
.ptb{padding: 7rem 0;}
.inner_ptb{padding: 4rem 0 7rem;}
.click{position: relative; line-height: 5.5rem; color: var(--white); padding: 0 3rem; background: var(--blue); overflow: hidden; text-transform: capitalize; font-size: 1.8rem; border-radius: .8rem; display: inline-block; text-align: center; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin-top: 3rem;}
.click::before{position: absolute; top: -50%; left: -50%; height: 100%; width: 40rem; content: ""; background-color: rgba(255, 255, 255, 0.1); -webkit-transform: rotate(16deg); -ms-transform: rotate(16deg); transform: rotate(16deg); -webkit-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease;}
.click .click_title{position: relative; text-align: center; font-size: 1.8rem; line-height: 5.5rem; z-index: 1; padding: 0; margin: 0; text-transform: capitalize; font-weight: 700; color: var(--white);}
.click:hover{color: var(--white);}
.click:hover::before{top: 150%;}
.hidden_sec{overflow: hidden;}

.heding{font-size: 2rem; position: relative; padding: 0 0 2rem; display: inline-block; width: 100%; font-weight: 700; letter-spacing: .1rem; color: var(--brand); text-align: center;  text-transform: uppercase;}
.heding::before{content: ""; background: url(../images/heding_2.png) no-repeat center center; background-size: auto; width: 6rem; height: 6rem; position: absolute; background-size: 100%; left: 48%; top: .5rem; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-animation: movebounce2 3.0s linear infinite; animation: movebounce2 3.0s linear infinite;}






/*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*/
.header_sec{width: 100%; position: relative;}
.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: 12rem;}
.heder_top{position: relative; padding: 1rem 0;}
.menu_sec{margin-right: 12rem;}
.menu_sec li a{display: inline-block; padding-right: 2rem; color: var(--blue); font-weight: 700;}
.menu_sec li:last-child a{padding-right: 0;}
.menu_sec li a:hover,.menu_sec li.active a{color: var(--yellow);}
.menu_sec li{position: relative; text-transform: capitalize; font-size: 1.8rem; letter-spacing: .1rem;}
.hedder_rt_box li a{color: var(--white);}
.header_sec{position: relative;}
.header_sec::before{position: absolute; left: 0; top: 0; bottom: 3rem; width: 100%; background-color: var(--blue); content: "";}
.header_sec ul li{display: inline-block;}
.top_lt ul li a{position: relative; display: block; font-size: 2rem; color: var(--white); padding-right: 1rem; 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);}
.hedder_rt_box li i{font-size: 2rem; padding-right: 1rem;}
.hedder_rt_box li span{position: relative; display: block; font-weight: 600; text-transform: capitalize;}
.hedder_rt_box{position: relative;}
.hedder_rt_box li{position: relative; padding-left: 1rem; margin-right: 3rem;}
.header_menu{position: relative; margin-bottom: -3rem; z-index: 2;}
.menu_sec{position: relative;}
.top_lt{position: relative;}
.top_rt{position: relative;}
.header_sec .click{margin-top: 0;}
.hedder_rt_box li:last-child{margin-right: 0;}
.heder_top ul li a:hover{color: var(--brand);}
.icon_bar em{display: none;}



@keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
.header_sec.fixed{position: fixed; left: 0px; top: 0px; z-index: 99; background: var(--darkcolor1); background: var(--white); box-shadow: 0 0 7px 0px #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;}
.header_menu .nav_top{background: var(--white); padding: 1rem 0 1rem 1rem; border-radius: 1rem 0 0 1rem;}
.header_menu::before{position: absolute; content: ""; right: 0; top: 0; height: 100%; background: var(--white); width: 50%; border-radius: 1rem 0 0 1rem;}
.img_flud{position: relative;}
.icon_bar{position: absolute; right: 0; top: 3rem;}
.header_sec.fixed .header_menu .nav_top{padding-left: 0;}






/*banner*/  
.bannersec{width: 100%; position: relative;}
.banner_box{position: relative; padding: 20rem 0; background-color: rgba(1, 12, 52, 0.9) !important;}
.banner_box::before{position: absolute; left: -50%; bottom: 0; height: 100%; width: 100%; background-color: rgba(255, 0, 207, 0.6); content: ""; -webkit-transform: rotate(-25deg); -ms-transform: rotate(-25deg); transform: rotate(-25deg);}
.banner_box::after{position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(1, 12, 52, 0.6);}
.banner_txt{position: relative; z-index: 1;}
.banner_txt strong{width: 100%; display: inline-block; font-size: 6.5rem; line-height: 8rem; text-transform: capitalize; color: var(--white);}
.banner_txt em{width: 100%; display: inline-block;}
.banner_txt span{width: 100%; display: inline-block; font-size: 3rem; line-height: 4rem; text-transform: uppercase; color: var(--yellow); padding-bottom: 1.5rem; font-weight: 700; letter-spacing: .1rem;}
.bannersec .shap{position: absolute; bottom: 1rem; left: 5rem; z-index: 1; -webkit-animation: bounce-x 10s infinite; animation: bounce-x 10s infinite;}
.bannersec .shap2{position: absolute; top: 3rem; right: 20rem; z-index: 1; -webkit-animation: bounce-x 10s infinite; animation: bounce-x 10s infinite;}
.bannersec .click{background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);}
.bannersec .carousel-indicators{bottom: 0; left: 45%; margin-right: 0; top: inherit; flex-direction: column; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 2rem; margin-bottom: 0; margin-left: 0;}
.bannersec .carousel-indicators [data-bs-target]:last-child{margin-bottom: 0;}
.bannersec .carousel-indicators{justify-content: center; display: inline-block;} 
.bannersec .carousel-indicators li{margin: 2rem 0 !important;}
.bannersec .carousel-indicators [data-bs-target]{pointer-events: all; margin: 0 1rem 1.5rem; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-block; position: relative; background: transparent; opacity: 1;}
.bannersec .carousel-indicators [data-bs-target]::before{display: block; top: 0; left: 0; content: ""; top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: .7rem; height: .7rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-clip: border-box; background: var(--white);  -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.bannersec .carousel-indicators [data-bs-target]::after{display: block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; width: 2rem; height: 2rem; border: .1rem dashed var(--brand); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-clip: border-box; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; position: absolute; left: .5rem; top: -.8rem;}
.bannersec .carousel-indicators [data-bs-target].active:before {background: var(--white);}
.bannersec .carousel-indicators [data-bs-target].active:after {zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; border-color: var(--white);}








/* inner_banner */
.inner_banner .breadcrumb-item + .breadcrumb-item::before{padding: .1rem 1rem 0; font-family: "Font Awesome 6 Pro"; content: "//";}
.inner_banner .breadcrumb_sec .breadcrumb-item.active{color: var(--brand); text-transform: capitalize;}
.inner_banner .breadcrumb_sec .breadcrumb-item a, .breadcrumb-item + .breadcrumb-item::before{color: var(--white);}
.inner_banner .banner_txt h1 strong{font-size: 3.5rem; line-height: 4.5rem; text-transform: uppercase; padding-top: 2rem;}
.inner_banner .banner_box::before{display: none;}
.inner_banner .banner_box{padding: 5rem 0;}
.inner_banner{position: relative; overflow: hidden;}
.inner_banner .breadcrumb_sec li{font-size: 2rem;}
.inner_banner::before{content: ""; background: url(../images/icon_world.png) no-repeat center center; background-size: auto; background-size: auto; width: 40rem; height: 40rem; position: absolute; background-size: 100%; left: -20rem; top: 0; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-animation: fa-spin 60s infinite; animation: fa-spin 60s infinite; z-index: 1;}
.inner_banner::after{content: ""; background: url(../images/icon_world.png) no-repeat center center; background-size: auto; background-size: auto; width: 40rem; height: 40rem; position: absolute; background-size: 100%; right: -20rem; top: 0; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);  -webkit-animation: fa-spin 60s infinite; animation: fa-spin 60s infinite;}
.inner_banner .banner_box::after{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: linear-gradient(45deg, #00082e 0%, #081245 100%); opacity: .9; content: "";}
.inner_banner .breadcrumb{margin-bottom: 0;}

 



/* time_info_box */
.time_count_box{position: relative; text-align: center; padding: 2.5rem 2rem 2.5rem 2rem;}
.time_count_title{color: var(--white);}
.countdown_sec .countdown li{display: inline-block;}
.countdown_sec .countdown .countdown_box{text-align: center;}
.countdown_sec .countdown .countdown_box strong{font-weight: 700; font-size: 4.5rem; margin-bottom: .5rem; color: var(--white);}
.countdown_sec .countdown .countdown_box span{width: 100%; display: inline-block; color: var(--white); padding-top: 2rem; font-size: 2rem;}
.time_count{overflow: hidden; position: absolute; right: 0; bottom: 0; z-index: 2;}
.time_info_box{position: relative;}
.countdown_box{position: relative; border-bottom: .1rem solid var(--white);}
.time_count_box_img img{height: 20rem; object-fit: cover;}
.countdown_box{padding-top: 2rem;}
.time_count_box h4{color: var(--white);}
.time_count_box{position: relative; display: block; max-width: 15rem; padding: 5rem 2rem; overflow: hidden; background: linear-gradient(45deg, #ff00c6 0%, #610062 100%); border-radius: 1rem 1rem 0 0;}
.time_count_box::before{position: absolute; left: -5rem; top: 0; height: 100%; width: 100%; background-color: rgba(255, 255, 255, 0.10); -webkit-transform: skew(-18deg); -ms-transform: skew(-18deg); transform: skew(-18deg); content: "";}
.countdown ul li{display: inline-block; width: 100%;}







/* about_sec */
.about_box{position: relative;}
.about_img_1{position: relative; z-index: 1;}
.about_img_1::before{position: absolute; height: 100%; width: 100%; top: 2.5rem; right: -2rem; content: ""; border-radius: 1rem; background: linear-gradient(rgba(255, 174, 0, 0.9) 0%,rgba(255, 95, 106, 0.9) 100%);}
.about_box img{position: relative;  z-index: 1; border: 1rem solid var(--white); box-shadow: 0 2rem 3rem rgba(14,16,48,.10); border-radius: .5rem;}
.about_img_2{position: absolute; left: 0; bottom: 0;}  
.about_img_2 img{width: 30rem; border-radius: 2rem; animation: jump-1 10s linear infinite;}
.about_img_1 img{border-radius: 2rem;}
.about_txt{padding-left: 5.9rem;}
.about_info_box{padding: 2rem 1rem; border-radius: 1rem; box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.1); margin-top: 1rem;}
.about_info_img{width: 5rem; height: 5rem; background: var(--red); color: var(--white); font-size: 2rem; font-weight: 700; border-radius: 100%; text-align: center; padding-top: 1.5rem;}
.about_info_box h4{color: var(--blue);}
.about_info{margin-top: 2rem;}
.about_sec .heding{text-align: left;}
.about_sec .heding::before{left: 0; top: 0;}






/* experience_sec */
.experience_box{position: relative;}
/* .experience_box::before{background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; content: " ";  height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0;} */
.experience_sec .row:nth-child(odd){justify-content: end;}
.experience_txt{padding: 12rem 9rem; position: relative;}
.experience_txt span{width: 100%; display: inline-block; color: var(--white); font-size: 2rem; font-weight: 500; text-transform: uppercase; position: relative;}
.experience_txt strong{width: 100%; display: inline-block; position: relative; text-transform: capitalize; font-size: 3.5rem; font-weight: 600; letter-spacing: .1rem; line-height: 4.5rem; color: var(--white); padding: 1.5rem 0;}
.experience_txt p{color: var(--white); position: relative;}
.experience_txt{background: #1c1a4f; min-height: 40rem; position: relative;}
.experience_txt::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: url(../images/shap.png) no-repeat 100%/cover;}
.experience_sec .click{background: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);}







/* categories_sec */
.categories_box{position: relative; padding: 4rem 2rem 4rem 15rem; background: var(--white); box-shadow: .2rem .5rem .5rem rgba(0, 0, 0, 0.1); -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; overflow: hidden; margin-top: 4rem; border-radius: 1rem;}
.categories_box h3 a{color: var(--black);}
.icon_box{position: absolute; left: -2rem; top: 0; height: 100%; width: 15rem;}
.icon_box::before{position: absolute; left: 0; top: 0; height: 100%; width: 100%; background-color: var(--blue); content: ""; -webkit-transform: skew(-15deg); -moz-transform: skew(-15deg); -ms-transform: skew(-15deg); -o-transform: skew(-15deg); transform: skew(-15deg); -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; -moz-transition: all 600ms ease; transition: all 600ms ease;}
.categories_box:hover .icon_box::before{-webkit-transform: skew(15deg); -moz-transform: skew(15deg); -ms-transform: skew(15deg); -o-transform: skew(15deg); transform: skew(15deg);}
.categories_icon{position: absolute; left: 50%; top: 50%; font-size: 4rem; margin-top: -2rem; margin-left: -2rem; color: var(--white); -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -ms-transition: all 400ms ease; -o-transition: all 400ms ease; transition: all 400ms ease;}
.categories_box:hover .icon_box .categories_icon{-webkit-transform: scale(-1) rotate(180deg); -moz-transform: scale(-1) rotate(180deg); -ms-transform: scale(-1) rotate(180deg); -o-transform: scale(-1) rotate(180deg); transform: scale(-1) rotate(180deg);}
.categories_info:nth-child(3n+2) .icon_box::before{background-color: var(--red);}  
.categories_info:nth-child(3n+3) .icon_box::before{background-color: var(--yellow);}
.categories_info:nth-child(3n+4) .icon_box::before{background-color: var(--greem);}
.categories_sec{position: relative;}
.categories_sec .shap5{position: absolute; top: 7rem; right: 0;}






/*counter_sec*/
.counter_sec{position: relative; background-attachment: fixed !important;}
.counter_box{background: rgba(255,255,255,0.2); padding: 2rem; border-radius: 1rem; transition: all 0.5s ease-in; width: 100%;}
.counter_txt span{display: inline-block; color: var(--white); font-size: 5rem; font-weight: 600;}
.counter_txt h5{color: var(--white); padding-top: 2rem; font-size: 2rem;}
.counter_sec::before{background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; content: " ";  height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0;}
.counter_datils{position: relative; padding: 4rem 2em; border-radius: 1rem;}







/* our_blog */
.our_blog .row{text-align: left;}
.bolg_box{margin-top: 3rem;}
.blog_txt{padding: 3rem 2rem;}
.blog_txt .d-flex{align-items: center; justify-content: space-between;}
.blog_txt ul li{color: var(--black); text-transform: capitalize; font-weight: 700;}
.blog_txt ul li i{padding-right: .5rem; color: var(--red);}
.blog_txt h4{color: var(--black); padding: 1rem 0;}
.blog_txt h4 a{color: var(--black);}
.blog_txt h4 a:hover{color: var(--yellow);}
.blog_img{position: relative;}
.blog_img img{border-radius: 1rem 1rem 0 0;}
.blog_time{position: absolute; right: 1rem; top: 1rem; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; background: var(--red); padding: .8rem 2rem; border-radius: 1rem; text-align: center; color: var(--white); text-transform: capitalize; -webkit-transform: skew(-20deg); transform: skew(-20deg);}
.blog_time h4{color: var(--black);}
.blog_txt .click{color: var(--brand); background-color: var(--white); width: 100%; display: flex; justify-content: space-between; padding: 0 1rem; align-items: center; font-weight: 600; border: .1rem solid var(--border);}
.blog_txt .click:hover{box-shadow: none; background: none; color: var(--yellow);}
.blog_txt .click::before{display: none;}
.blog_txt .blog_txt:hover:after{transform: translateX(-50%) scaleX(0); transition: transform .5s cubic-bezier(.28,0,.18,1);}
.blog_txt .blog_txt:hover::before{height: 100%; bottom: auto; top: 0;}
.bolg_box{overflow: hidden; border-radius: 1rem; position: relative; z-index: 1; box-shadow: 0 15px 38px 0 rgba(0,0,0,0.1);}
.blog_img{overflow: hidden; position: relative;}
.bolg_box:hover .blog_img img{transform: scale3d(1.1, 1.1, 1.1);}
.blog_img img{transition: all 1.5s cubic-bezier(0, 0, 0.2, 1);}
.our_blog .click i{display: flex; width: 3.6rem; height: 3.6rem; background-image: linear-gradient(-45deg, #ffc600 1%, #ff6c00 100%);; color: var(--white) !important; border-radius: .5rem; overflow: hidden; align-items: center; justify-content: center; font-size: 1.8rem;}
.our_blog{position: relative;}
.our_blog .shap6{position: absolute; top: 7rem; left: 0;}







/* services_sec */
.service_sec{position: relative;}
.service_txt h3{padding: 1.5rem 0;}
.service_box{background-color: var(--white); box-shadow: 0 2rem 5rem 0 rgba(11.999999999999996, 21.000000000000007, 40.99999999999999, 0.1); text-align: left; position: relative; overflow: hidden; padding: 5rem 2.5rem; border-radius: 1rem 1rem 0 0; margin-top: 3rem; border-bottom: .2rem solid var(--brand); min-height: 35rem;}
.service_box::before{background: rgba(255, 174, 0, 0.1);}
.service_box::before{content: ""; width: 80%; height: 30%; -webkit-transform: rotate(-15deg); transform: rotate(-15deg); border-radius: 0 0 5rem 5rem; overflow: hidden; position: absolute; left: 50%; top: -60px; -webkit-transition: .5s ease; transition: .5s ease;}
.service_box::after{content: ""; width: 0%; height: 0%; -webkit-transform: rotate(-15deg); transform: rotate(-15deg); border-radius: 0 0 5rem 5rem; overflow: hidden; position: absolute; left: 50%; top: -60px; -webkit-transition: .5s ease; transition: .5s ease;}
.service_box:hover::after{width: 80%; height: 30%; background: rgba(255, 174, 0, 0.9);}
.services_img img{width: 6rem;}
.service_sec .shap3{position: absolute; bottom: 1rem; left: 0;}
.service_sec .shap4{position: absolute; top: 1rem; right: 5rem; z-index: 1; -webkit-animation: bounce-x 10s infinite; animation: bounce-x 10s infinite;}
.service_txt h3 a{color: var(--blue);}
.service_txt h3 a:hover{color: var(--brand);}










/* footer_sec */
.ft_top{padding-top: 7rem;}
.ft_txt{position: relative; display: inline-block; width: 100%; padding-bottom: 6rem;}
.ft_txt .logo img{filter: brightness(100); width: 12rem;}
.ft_txt strong{font-size: 2.4rem; font-weight: 700; text-transform: capitalize; line-height: 3rem; position: relative; color: var(--white); padding-bottom: 1.5rem; margin-bottom: 3rem; display: inline-block;}
.ft_txt strong::before{content: ""; width: 25rem; position: absolute; bottom: 0; border-bottom: .2rem solid var(--white); border-color: rgba(255, 255, 255, 0.8); left: 0;}
.ft_txt strong::after{content: ""; width: 10rem; position: absolute; bottom: 0; border-bottom: .2rem solid var(--brand); left: 0;}
.ft_menu_list li{width: 50%; float: left; font-weight: 700; position: relative; padding-left: 2rem;}
.ft_menu_list li:last-child a{margin-bottom: 0;}
.ft_menu_list li a:hover{color: var(--brand);}
.footer_bottom{padding: 1.5rem 0; position: relative;}
.footer_bottom .d-flex{justify-content: space-between;}
.ft_top .cll:nth-child(2) .ft_txt, .ft_top .cll:nth-child(3) .ft_txt{padding-left: 4rem;}
.footer_bottom span, .footer_bottom span a{color: var(--white); position: relative;}
.footer_bottom span a:hover{color: var(--blue);}
.ft_icons li{display: inline-block; margin-top: 1rem;}
.ft_icons li a{display: inline-block; margin-right: 1rem; width: 3rem; height: 3rem; border: .1rem solid var(--white); color: var(--white); border-radius: .5rem; text-align: center;}
.ft_icons li a i{line-height: 2.9rem;}
.ft_icons li:last-child a{margin-right: 0;}
.footer_bottom::before{position: absolute; content: ""; right: 10%; top: 0; width: 100%; height: 100%; border-radius: 3rem; background: linear-gradient(180deg, #ffc600 1%, #ff6c00 100%); content: "";}
.ft_menu_list li{position: relative;}
.ft_menu_list li:last-child:before{display: none;}
.ft_menu_list li:nth-child(7):before{display: none;}
.ft_menu_list li::before{position: absolute; content: ""; top: 50%; left: .5rem; height: 100%; width: .1rem; background: var(--white);}
.ft_menu_list li a{display: inline-block; font-weight: 500; color: var(--white); padding: .5rem 0 .5rem 2rem; position: relative; -webkit-transition: all .2s; transition: all .2s; text-transform: capitalize;}
.ft_menu_list li a::after{position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -2rem; height: 1rem; width: 1rem; border-radius: 50%; background: var(--white); -webkit-transition: all .2s; transition: all .2s;}
.ft_txt .input_type input[type="email"]{border: none; width: 100%; height: 6rem; outline: none; padding: 0 1.5rem; background: var(--white); color: var(--text_color); border-radius: 0.7rem;}
.ft_txt .input_type{position: relative;}
.ft_txt .input_type{margin-top: 2rem;}
.ft_txt .click{position: absolute; right: 2rem; top: 1rem; line-height: 0; height: 4rem; overflow: hidden; margin-top: 0; text-transform: uppercase; color: var(--white); display: inline-block; padding: 1rem; border-radius: 1rem; transition: all ease 0.5s; z-index: 1; border: none;}





/* about_page */
.choose_sec .heding::before{left: 0;}
.choose_sec .heding{text-align: left;}
.feature_list{margin-top: 3rem;}
.single_feature i{color: var(--red); padding-right: 1rem;}
.single_feature span{color: var(--blue); width: 100%; display: inline-block; padding-top: 1rem;}
.choose_box{text-align: center; background: var(--white); box-shadow: 0 1rem 2rem rgba(0,0,0,.04); border-radius: 1rem; padding: 4rem 2rem; margin-bottom: 2rem; min-height: 24rem;}  
.choose_box h4{color: var(--black); padding-top: 1rem;}
.story_box{position: relative; border: .2rem solid #ce144633; padding: 5rem 3rem; background: var(--white);}
.story_box_title{position: absolute; left: 15%; top: 0; display: inline-block; background: var(--white); font-size: 3.5rem; color: var(--red); -webkit-transform: translateY(-52%); transform: translateY(-52%); padding: 0 2rem;}
.choose_txt{padding-right: 2.5rem;}
.choose_sec{position: relative;}
.choose_sec .shap8{position: absolute; bottom: 10rem; right: 0;}
.story_sec{position: relative;}
.story_sec .shap9{position: absolute; bottom: 10rem; left: 0;}








/* service_page */
.service_sec .pegination_sec{margin-top: 3rem;}
.service_sec .pegination_sec ul li{display: inline-block; margin-top: 2rem;}
.team_sec .page_number:hover, .pegination_sec ul li .current{background: var(--brand); color: var(--white); border-color: transparent;}
.service_sec .page_number:hover, .pegination_sec ul li .current{background: var(--brand); color: var(--white); border-color: transparent;}
.service_sec .page_number{color: var(--black); padding: 3px; background: transparent; min-height: 4rem; min-width: 4rem; line-height: 3.2rem; font-size: 1.4rem; border-width: 0.1rem; border-style: solid; margin: 0 0.3rem; text-align: center; display: inline-block; border-color: #cccccc; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: .5rem;}



/* blog_page */
.our_blog .pegination_sec{margin-top: 3rem;}
.our_blog .pegination_sec ul li{display: inline-block; margin-top: 2rem;}
.team_sec .page_number:hover, .pegination_sec ul li .current{background: var(--brand); color: var(--white); border-color: transparent;}
.our_blog .page_number:hover, .pegination_sec ul li .current{background: var(--brand); color: var(--white); border-color: transparent;}
.our_blog .page_number{color: var(--black); padding: 3px; background: transparent; min-height: 4rem; min-width: 4rem; line-height: 3.2rem; font-size: 1.4rem; border-width: 0.1rem; border-style: solid; margin: 0 0.3rem; text-align: center; display: inline-block; border-color: #cccccc; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: .5rem;}





/*gallery_page*/
.img_areaa{column-count: 3; column-gap: 1rem;}
.img_areaa img{border-radius: 1rem;}
.gallery_img{position: relative; cursor: pointer; border-radius: 1rem; overflow: hidden; margin-bottom: 1rem;}
.gallery_img::before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 8; opacity: 0; -webkit-transform: perspective(400px) rotateX(-90deg); -ms-transform: perspective(400px) rotateX(-90deg); transform: perspective(400px) rotateX(-90deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background-color: rgba(0, 0, 0, 0.75); z-index: 1; border-radius: 1rem;}
.gallery_img:hover::before{opacity: 1; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); top: 0;}
.gallery_img .overlay{position: absolute; left: 50%; top: 50%; background: var(--brand); border-radius: 100%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; padding: 1.5rem; display: inline-block; font-size: 1.6rem; color: var(--white)!important; opacity: 0; visibility: hidden;}
.gallery_img:hover .overlay{opacity: 1; visibility: visible;}






/*contact_page*/
.map_sec iframe{width: 100%; height: 40rem; border-radius: 1rem;}
.contact_form .input_type{position: relative;}
.contact_form_icon{position: absolute; top: 0; right: 2rem; margin: 1.5rem 0 1.5rem}
.contact_form_icon i{color: var(--blue);}
.contact_form .input_type{margin-top: 2rem;}
/* .location_txt span{width: 100%; display: inline-block; font-size: 2rem; text-transform: capitalize; color: var(--black); padding: 1.5rem 0; font-weight: 700;} */
.location_info li{font-size: 1.6rem;}
.location_info li a{color: var(--black);}
.contact_form .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 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(--border);} 
.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 textarea:focus{border: .1rem solid var(--brand);}
.input_type textarea{height: 100px; resize: none; padding: 1.5rem;}


/* .contact_txt{box-shadow: 0 1rem 3rem rgba(4, 6, 66, 0.08); border-radius: 1rem; padding: 3rem 2.5rem;} */
/* .contact_heding{border-bottom: 0.2rem solid var(--border); padding-bottom: 1rem; position: relative; width: 100%; display: inline-block; color: var(--black); font-size: 2.2rem; text-transform: capitalize; font-weight: 800;}
.contact_heding:after{content: ""; height: 0.2rem; width: 10rem; background-color: var(--brand); position: absolute; bottom: -0.2rem; left: 0;} */
/* .location_icon{background: var(--brand); color: var(--white); width: 5rem; height: 5rem; border-radius: 100%; text-align: center;}
.location_icon i{line-height: 5rem; font-size: 2rem; font-weight: 900;} */




.location_txt{background: var(--white); box-shadow: 0 1rem 2rem rgba(0,0,0,.04); border-radius: 1rem; padding: 3.5rem 3rem; position: relative; margin-top: 2rem; -webkit-transition: all .2s;
  transition: all .2s;}
.location_txt::before {
  content: "";
  background: url(../images/contact_shape1.png) no-repeat center center;
    background-size: auto;
  background-size: auto;
  background-size: auto;
  width: 12rem;
  height: 100%;
  position: absolute;
  background-size: 100%;
  left: 0;
  top: 0;
  }
  .location_txt::after {
    content: "";
    background: url(../images/contact_shape2.png) no-repeat center center;
    background-size: auto;
    background-size: auto;
    width: 12rem;
    height: 100%;
    position: absolute;
    background-size: 100%;
    right: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all .2s;
transition: all .2s;
    
  }




  .location_txt:hover:after{
    opacity: 1;
    -webkit-transition: all .2s;
transition: all .2s;
  }


  .location_txt span{width: 100%; display: inline-block; font-size: 2.5rem; color: var(--blue); text-transform: capitalize; font-weight: 700; margin-bottom: .5rem;}


  .contact_form{
    background: var(--white);
    
    box-shadow: 0 11rem 2rem rgba(0,0,0,.04);
    border-radius: 1rem;
    padding: 4rem 2.5rem;
    margin-left: 3rem;
  }

  .contact_form h4 {
    font-weight: 800;
    font-size: 35px;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-text-stroke: 1px #2d373c;
    -webkit-text-fill-color: transparent;
  }

.location_icon{padding-right: 2rem;}










  
/* terms_condition_page */
.terms_condition_box ul li {
  position: relative;
  padding-left: 20px;
  margin-top: 8px;
}


.terms_condition_box ul li::before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background: var(--red);
  border-radius: 100%;
  content: "";
}
.terms_condition_box h3{color: var(--blue); padding: 1rem 0;}





/* Refund_Policy_page */
.refund_policy_box ul li {
  position: relative;
  padding-left: 20px;
  margin-top: 8px;
}


.refund_policy_box ul li::before {
  position: absolute;
  left: 0;
  top: 8px;
  width: 8px;
  height: 8px;
  background: var(--red);
  border-radius: 100%;
  content: "";
}










/* blog_details_page */
.blog_details_box img{border-radius: 1rem;}
.blog_details_date{margin-top: 2rem;}
.blog_details_date ul li i{color: var(--red); padding-right: 1rem;}
.blog_details_date ul li{color: var(--black); text-transform: capitalize;}
.blog_details_box .d-flex{justify-content: space-between;}
.blog_details_box h3{color: var(--blue); padding: 1rem 0;}
.blog_details_txt{margin-top: 3rem;}
.blog_details_inner_box .row{align-items: center;}
.blog_details_lt ul li{display: inline-block;}
.blog_details_lt ul li a{color: var(--black); padding-left: .5rem;}
.blog_details_lt ul li:first-child{color: var(--brand);}
.blog_details_rt ul li{display: inline-block;}
.blog_details_rt ul li a{
  width: 4rem;
  height: 4rem;
  color: var(--white);
  background: var(--brand);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}


.blog_details_rt ul li i{color: var(--white); padding-right: 0;}

.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;
}



.blog_deatils_info{
  background: #f4f4f4;
  padding: 2.5rem 2rem; border-radius: 1rem; margin-bottom: 2rem;}
.categories, .tag{background: var(--white); padding: 1.5rem; border-radius: 1rem;}
.blog_deatils_info h4{color: var(--black); padding-bottom: 2rem;}

.blog_details_box_snd{padding-left: 2rem;}

/* .tag li a{position: relative; background: #e7e7e7;} */
.tag li a {
  display: block;
  background: #e7e7e7;
  font-size: 13px;
  color: var(--black);
  padding: 8px 13px;
  position: relative;
}
.tag li a:hover{color: var(--brand);}
.tag li {
  display: inline-block;
  background: var(--white);
  border-radius: .5rem;
  padding: .5rem 1rem;
  text-transform: capitalize;
  margin-top: 1rem;
}
.tag li a::before{
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  width: 0;
  height: 100%;
  border-style: solid;
  border-width: 0 0 35px 10px;
  border-color: transparent transparent #e7e7e7 transparent;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}






/* faq_page */
.faq_box h3{color: var(--blue);}
.faq_box .accordion-button{background: #f9f9f9; padding: 1.5rem; border-radius: .5rem !important; overflow: hidden;}
.faq_box  .accordion-item {border-color: transparent; margin-top: 1rem;}
.faq_box .accordion-button:not(.collapsed) {box-shadow: none; color: var(--brand); background: var(--brand);}
.faq_box .accordion-button:not(.collapsed) h4{color: var(--white);}
.faq_box .accordion-body{padding: 1.5rem;}
.faq_box .accordion-button h4{font-size: 1.7rem; color: var(--blue);}
.faq_box .accordion-button:not(.collapsed)::after, .faq_box .accordion-button::after {background-image: none; content: "\f067"; font: normal 14px/1 FontAwesome; color: var(--brand); position: absolute; right: 2rem; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.faq_box .accordion-button:not(.collapsed)::after{content: "\f068"; color: var(--white);}
.faq_box .accordion-button:focus {border-color: var(--green); box-shadow: 0 0 0 .2rem var(--green);}
.ask_box h4{color: var(--blue); padding-bottom: .5rem;}
.ask_box .input_fld textarea{font-size: 1.7rem;}
.faq_box{background: var(--white); box-shadow: 0 0 4rem 0 rgba(0,0,0,.1); padding: 5rem 3rem; border-radius: .8rem;}
.accordion{padding-top: 3rem;}




















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

    .img_flud{border-radius: 1.5rem 1.5rem 0 0; margin-top: -3rem; padding: 2rem 0;}
    .menu_sec li a{padding-right: 1.5rem; font-weight: 600;}
    /* .click_title span{display: none;}
    .click_title em{display: inline-block; padding: 1rem;} */
    /* .icon_bar{top: 2rem;} */
    .about_txt{padding-left: 3rem;}
    .experience_txt{padding: 10rem 5rem;}
    .footer_bottom::before{right: 0;}
    .about_info{margin-top: 1rem;}
    .about_info_box{padding: 1.7rem 1rem;}
      




}


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

    
}

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

    .img_flud{border-radius: 0; margin-top: 0; padding: 2rem 0;}
    /* .hedder_rt_box li span{display: none;} */
    .hedder_rt_box li{margin-right: 1.5rem;}
    /* .navbar-brand img{width: 18rem;}        */
    .img_flud{padding: 0;}
    .banner_box{padding: 13rem 0;}
    .banner_txt strong{font-size: 5rem; line-height: 6rem;}
    .countdown_sec .countdown .countdown_box strong{font-size: 3rem;}
    .time_count_box{padding: 3rem 2rem;}
    .about_txt{padding-left: 2rem;}
    h1, h2{font-size: 3rem; padding-bottom: .8rem;}
    .about_info_box{padding: 1.5rem 1rem;}
    .bannersec .carousel-indicators{bottom: 0; left: 40%;}
    .about_img_1::before{top: 2rem; right: -1rem;}
    .ft_top .cll:nth-child(2) .ft_txt, .ft_top .cll:nth-child(3) .ft_txt{padding-left: 2rem;}
    .ft_menu_list li a{padding: .5rem 0 .5rem 1rem;}

    .ptb{padding: 6rem 0;}
    .blog_txt{padding: 3rem 1rem;}
    /* .about_info{margin-top: 1rem;} */
    .choose_txt{padding-right: 1.5rem;}
    .choose_box{padding: 4rem 1.5rem;}
    .blog_details_box_snd{padding-left: 1rem;}
    .experience_txt{padding: 6rem 3rem;}
    
    

    






}

@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(--brand); 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.show{left: 0;}        
    .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);}

    .header_menu{background: var(--white);}
    .icon_bar{right: 5rem;} 
    .about_txt{padding-left: 0; padding-top: 5rem;}
    .experience_txt{padding: 4rem 2rem;}
    .menu_sec li a{padding-right: 0; padding: 1.5rem; border-bottom: .1rem dashed var(--brand); width: 100%;}    
    .menu_sec{margin-right: 0; padding: 0;}
    .top_rt{display: none;}
    .ft_top .cll:nth-child(2) .ft_txt, .ft_top .cll:nth-child(3) .ft_txt{padding-left: 0;}
    .header_menu{margin-bottom: 0;}
    .ptb{padding: 5rem 0;}
    .blog_details_box_snd{padding-left: 0; padding-top: 3rem;}
    .inner_banner .banner_txt h1 strong{padding-top: 1rem;}
    .contact_form{margin-left: 0;}
    





}

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

    .banner_txt span{font-size: 2.5rem; line-height: 3rem;}
    .shap2 img{width: 10rem;}
    .shap img{width: 10rem;}
    .banner_txt strong{font-size: 4rem; line-height: 5rem;}
    .bannersec .shap{left: 1rem;}
    .time_count_box{padding: 2rem 1rem;}
    .bannersec .shap2{top: 1rem;}
    .categories_box{padding: 3rem 1rem 3rem 14rem;}
    .ptb{padding: 4rem 0;}
    .about_img_1::before{top: 1rem; right: 0;}
    .service_box:hover::after{width: 60%;}
    .service_box::before{width: 60%; height: 30%;}
    .story_box{padding: 5rem 2rem;}
    .choose_txt{padding-right: 0; padding-bottom: 2.5rem;}
    .feature_list{margin-top: 1rem;}
    h1, h2{font-size: 2.8rem;}
    .choose_box{min-height: 25rem;}
    .ft_txt{padding-bottom: 4rem;}
    .ft_top{padding-top: 4rem;}
    .location_txt{padding: 2.5rem 3rem;}
    .ft_txt strong{margin-bottom: 2rem;}
    .ft_menu_list li{font-size: 1.5rem;}
    .ft_menu_list li a{padding: .5rem 0 .5rem .4rem;}
    .map_sec iframe{height: 35rem;}
    .navbar-brand img{width: 10rem;}
    .icon_bar{top: 2rem;}
    

    
    
}


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

  .time_count_box{max-width: 100%;}
  .time_count{width: 100%; right: inherit; bottom: inherit; position: inherit;}
  .countdown_sec ul li{display: inline-block;}
  h1, h2{font-size: 2.5rem; padding-bottom: .5rem; line-height: 3rem;}
  .service_box{padding: 5rem 2rem;}
  h3{font-size: 2.2rem;}
  .experience_txt strong{font-size: 2.5rem; padding: 1rem 0;}
  .heding::before{left: 35%;}
  .experience_txt span{font-size: 1.8rem;}
  .categories_icon{left: 70%; font-size: 3rem; margin-left: -1rem;}
  .icon_box{left: -8rem;}
  .categories_box{padding: 2rem 1rem 2rem 9rem;}
  .blog_txt .d-flex{flex-direction: column;}
  /* .ft_txt{padding-bottom: 5rem;} */
  /* .icon_bar{display: none;} */
  .shap2 img{width: 5rem;}
  .shap img{width: 5rem;}
  .banner_box{padding: 8rem 0;}
  .banner_txt strong{font-size: 3rem; line-height: 4rem;}
  .banner_txt span{font-size: 2rem; line-height: 3rem; padding-bottom: 1rem;}
  .bannersec .carousel-indicators{bottom: 13.5rem; left: 30%;}  
  .countdown ul li{width: auto;}
  .time_count{margin-top: -3rem;}
  .about_img_1::before{top: 2rem; right: 0;}
  .countdown_box{border-bottom: transparent;}
  .about_img_2 img{width: 15rem;}
  .about_box img{border: .5rem solid var(--white);}
  .about_img_1::before{top: 1rem;}
  .time_count_box{border-radius: 1rem;}
  .blog_txt .d-flex{align-items: start;}
  .about_sec .row{flex-direction: column-reverse;}
  .about_txt{padding-top: 0; padding-bottom: 3rem;}
  .about_info .d-flex{flex-direction: column; align-items: start !important;}
  .inner_banner::before{width: 35rem; height: 35rem; left: -25rem;}
  .inner_banner::after{width: 35rem; height: 35rem; right: -25rem;}
  .story_box_title{font-size: 2.5rem; padding: 0 1rem;}
  .story_box{padding: 3.5rem 1rem;}
  .img_areaa{column-count: 2;}
  .location_icon{padding-right: .5rem;}
  .location_txt span{font-size: 2rem;}
  .contact_form{padding: 3rem 1.5rem;}
  .blog_deatils_info{padding: 2rem 1rem;}
  .blog_details_box .d-flex{flex-direction: column;}
  .blog_details_rt{padding-top: 1.5rem;}
  .header_menu .nav_top{padding: .8rem 0 .8rem 0;}
  .inner_banner .banner_txt h1 strong{font-size: 2.5rem; line-height: 4rem; padding-top: 0;}
  .inner_banner .banner_box{padding: 4rem 0;}
  .inner_banner .breadcrumb_sec li{font-size: 1.8rem;}
  .inner_banner .breadcrumb-item + .breadcrumb-item::before{padding: .1rem .8rem 0;}
  .map_sec iframe{height: 30rem;}
  .location_icon img{width: 4.5rem;}
  .icon_bar em{display: inline-block; padding: 1rem 0;}
  .click_title span{display: none;}
  .icon_bar{top: 3rem;}
  .navbar-brand img{width: 9rem;}
  .counter_box{margin-top: 1rem;}
  .bannersec .shap2{right: 5rem;}
  .bannersec .shap{left: inherit; right: 5rem; bottom: 16rem;}
  .shap4 img{width: 4rem;}
  .service_sec .shap4{top: 0; right: 4rem;}
  .shap3 img{width: 5rem;}
  .shap5 img{width: 2.5rem;}
  .shap6 img{width: 4rem;}
  .our_blog .shap6{top: 1rem;}
  .categories_sec .shap5{top: 4rem;}
  .top_lt ul li a{font-size: 1.5rem;}
  .time_count{z-index: 0;}
  

  
  

    

    
}

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

}