@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 'Public Sans', 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: "Exo", sans-serif;}
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; }
/* font-family: "Exo", sans-serif; */

:root{
    --black: #000;
    --brand: #ff9203;
    --body_txt_color: #4D5765;
    --heading: #00235A;
    --white: #fff;
    --ft_bg_color: #0e121d;
   }

@keyframes ripple{
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
      }
      30% {
        opacity: 0.4;
      }
      100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 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; height: 5rem; line-height: 5rem; font-size: 1.4rem; text-transform: uppercase; color: var(--white); font-size: 1.4rem; padding: 0 2.5rem; position: relative; overflow: hidden; border-radius: .5rem; z-index: 1; background: var(--brand); margin-top: 2.5rem; font-weight: 500;}
.as_btn::before, .as_btn::after{content: ""; display: block;  width: 5rem; height: 5rem; transform: translate(-50%, -50%); position: absolute;  border-radius: 50%; z-index: -1; background-color: var(--black); transition: 1s ease;}
.as_btn::before{top: -2em; left: -2em;}
.as_btn::after { left: calc(100% + 2em); top: calc(100% + 2em);}
.as_btn:hover::before, .as_btn:hover::after{height: 41rem; width: 41rem;} 
.as_btn:hover{color: var(--white);}
.as_btn i{padding-left: .8rem;}
.ptb{padding: 6rem 0;}
.inner_ptb{padding: 3rem 0 6rem 0;}
h1,h2{font-size: 3rem; line-height: 3.5rem; text-transform: capitalize; color: var(--heading); font-weight: 700;}
h4{font-size: 2.5rem; line-height: 3rem; text-transform: capitalize; color: var(--heading); font-weight: 700;}
h5{font-size: 2rem; line-height: 2.5rem; text-transform: capitalize; color: var(--heading); font-weight: 700;}
.sub_heading{color: var(--brand); font-weight: 600; font-size: 1.4rem; line-height: 1.4rem; letter-spacing: .1rem; text-transform: uppercase; display: inline-block; padding: .5rem 0; position: relative; z-index: 1; margin-bottom: .5rem;}
.sub_heading::before{content: ''; position: absolute; left: 0; height: 100%; width: 50%;  background: #FFEAE1; z-index: -1; top: 0;}
h1 em,h2 em{display: block;}



/*header*/
.header_sec{ width: 100%; position: fixed; top: 0; left: 0; background: var(--white); z-index: 9999;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
.menu_sec{margin-right: 46rem; position: relative;}
.menu_sec::before{content: ""; width: 100%; height: .1rem; background-color: #151b2b; position: absolute; bottom: .3rem; left: 0; opacity: .1;}
.menu_sec li{ position: relative; text-transform: capitalize; font-size: 1.8rem; font-weight: 500;}
.menu_sec li a{display: inline-block; padding: 1.5rem 0; color: var(--black); position: relative; margin-right: 3rem;}
.menu_sec li:last-child a{margin-right: 0;}
.menu_sec li a::before{content: ""; width: .5rem; height: .5rem; border-radius: 50%; transition: all .35s linear 0s; display: inline-block; transform: translateY(-3px); background: var(--brand); opacity: 1; margin-right: 1rem;}
.menu_sec li a::after{content: ""; width: 0;  height: .1rem; background: var(--brand);  position: absolute;  left: 0; bottom: .3rem; opacity: 0; -webkit-transform: translateX(-100%); -khtml-transform: translateX(-100%); -moz-transform: translateX(-100%);  -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all .3s; -khtml-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.menu_sec li.active a::after, .menu_sec li a:hover::after{opacity: 1; -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); width: 100%;}
.heder_menu{padding: 1rem 0;}
.heder_menu .container{max-width: 100%; padding: 0 1.5rem;}
.nav_top .navbar-brand{background: var(--black); padding: 1rem;}
/* .nav_top .navbar-brand::before{position: absolute; right: -2.9rem; height: 11.9rem;  width: .1rem; background: #D7D7D7; content: ""; top: -1.5rem;} */
.nav_top .navbar-brand img{width: 16rem;}
.heder_rt_lt{position: absolute; right: 0; top: 1.5rem;}
.heder_rt_lt::before{position: absolute; left: -1.7rem; top: -3.5rem; width: .1rem; background: #D7D7D7; height: 10.6rem; content: "";}
.heder_rt_ph_box{background: var(--brand); width: 5rem; height: 5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin-right: 1.5rem;}
.heder_rt_ph_box img{width: 3rem;}
.heder_rt_ph_txt em{display: block; font-size: 1.4rem; line-height: 1.4rem; text-decoration: cadetblue; color: var(--body_txt_color);}
.heder_rt_ph_txt{color: var(--black); font-size: 2rem;}
.heder_rt_ph_flex{display: inline-flex; align-items: center;}
.heder_rt_ph{position: absolute; right: 26rem; top: 1.5rem;}
.header_sec.fixed {box-shadow: 0 0 .7rem 0 #ccc;}
   
   
 /*banner*/  
.bannersec{ width: 100%; position: relative;}
.banner_box{padding: 50rem 0 0 0; position: relative;}
.banner_txt{position: relative; background: url(../images/banner_bg_img_1_2.jpg); padding: 4rem 3rem; max-width: 65rem; border-radius: 0 5rem 0 0; overflow: hidden;}
.banner_txt::before{content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; background-color: #EDEEF2; opacity: 0.9;}
.banner_content{position: relative; z-index: 2;} 
.banner_sub_title{font-size: 1.4rem; color: var(--brand); line-height: 1.4rem; text-transform: uppercase; display: block; font-weight: 800; padding-bottom: 1rem;}
.banner_content strong{color: var(--heading); font-family: "Exo", sans-serif; font-size: 4.5rem; text-transform: capitalize; line-height: 5rem;}


/* about_us */
.ab_box{background: var(--white); box-shadow: 0 .5rem 8.3rem 0 rgba(0, 0, 0, 0.11); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; border-radius: .5rem;  margin-top: 3rem; overflow: hidden;}
.at_rt img{height: 100%; object-fit: cover;}
.ab_lt{padding: 3rem;}

/* counter_sec */
.counter_box{width: 100%;  border-radius: 1rem; display: flex; align-items: center; margin-top: 3rem; background: var(--brand); padding: 1.5rem 1.5rem 3rem 1.5rem;}
.counter_box strong{color: var(--white); font-weight: 800; font-size: 5rem; line-height: 6rem;}
.counter_box span{text-transform: capitalize; font-size: 2rem; display: block; padding: 0; color: var(--white); font-weight: 500; line-height: 2rem;}
.counter_box sup{color: var(--white); top: -2.5rem; font-size: 2.5rem;}
.count_lt{margin-right: 2rem; position: relative;}
/* .count_rt{background: var(--brand); padding: 0 3rem 3rem 3rem; border-radius: .5rem;} */
.count_icon{width: 8rem; height: 8rem; background: var(--white); margin: -3.1rem 1.5rem 0 0; display: flex; align-items: center; justify-content: center; border-radius: 0 0 9.9rem 9.9rem;}
.count_icon img{width: 5rem;}

/* more_about_us */
.more_about_us .container{max-width: 100%; padding: 0;}
.more_ab_rt{padding: 12rem 20rem 3.5rem 3.5rem;}
.more_ab_rt_box{box-shadow: 1rem 1rem rgba(255,255,255,.4); background: var(--white); padding: 3rem; max-width: 26rem;}
.more_ab_lt{background-color: #1E2023; padding: 3rem 5rem; height: 100%; position: relative; display: flex; align-items: start; justify-content: center; flex-direction: column;}
.more_ab_lt::before{position: absolute; right: 0; bottom: 0; background: url(../images/shape_img_1.png)no-repeat right bottom; background-size: 100%; width: 50rem; height: 30rem; content: "";}
.more_ab_lt p{color: #D7D7D7;}
.txt_list li{position: relative; color: var(--black); margin-top: 1rem; padding-left: 2rem;}
.txt_list li::before{font-family: "Font Awesome 6 Pro"; content: "\f560"; color: var(--brand); font-size: 1.4rem; position: absolute; left: 0; top: 0;}
.txt_list li:first-child{margin-top: 0;}
.more_ab_lt p a{color: var(--brand); text-transform: uppercase;}

/* service_sec */
.srv_txt{margin: -5rem 1.5rem 0 1.5rem; padding: 3rem; -webkit-filter: drop-shadow(0px 8px 10px rgba(7, 36, 95, 0.08)); filter: drop-shadow(0px 8px 10px rgba(7, 36, 95, 0.08)); background: var(--white); -webkit-clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0); clip-path: polygon(100% 0, 100% 75%, 75% 100%, 0 100%, 0 0); -webkit-transition: 0.4s; transition: 0.4s; border-top: .5rem solid var(--brand); border-radius: .5rem .5rem 0 .5rem; position: relative;}
.over_lay_img{position: absolute; right: 0; bottom: 0; opacity: 0.1;}
.over_lay_img img{width: 100%; transform: inherit !important; height: auto !important;}
.srv_img img{border-radius: .5rem; transition: 0.5s;}
.srv_box{margin-top: 3rem;}
.all_btn_sec{position: absolute; right: 0; top: 3.8rem;}
.srv_img{position: relative; overflow: hidden;}
.srv_img img:nth-child(1){transform: translatex(50%) scalex(2); opacity: 0; filter: blur(10px);}
.srv_img img:nth-child(2) { position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover;}
.srv_box:hover .srv_img img:nth-child(1) { transform: translatex(0) scalex(1); opacity: 1; filter: blur(0);}
.srv_box:hover .srv_img img:nth-child(2) {transform: translatex(-50%) scalex(2); opacity: 0; filter: blur(10px);}

/* work_step */
.work_box{margin-top: 3rem; position: relative;}
.work_img{width: 10rem; height: 8rem; border: .2rem dashed var(--brand); display: flex; align-items: center; justify-content: center; margin: 0 auto 2.5rem auto; position: relative;}
.work_img img{width: 5rem;}
.work_number{position: absolute; right: -1.4rem; top: -1.4rem; background: var(--brand); width: 3rem; height: 3rem; color: var(--white); display: flex; align-items: center; justify-content: center; border-radius: 100%;}
.w_1_st_box::before{position: absolute; right: -8.9rem; top: 2.5rem; background: url(../images/arrow_1.png)no-repeat center center; background-size: 100%; content: ""; width: 17rem;  height: 4.9rem;}
.w_2_st_box::before{position: absolute; right: -8.9rem; top: 2.5rem; background: url(../images/arrow_2.png)no-repeat center center; background-size: 100%; content: ""; width: 17rem;  height: 4.9rem;}


/* project_sec */
.project_sec .container{max-width: 100%;}
.project_txt{position: absolute; left: 3rem; bottom: 3rem; padding: 2rem 5.5rem 2rem 2rem; -webkit-clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%); clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%); max-width: 36rem;  -webkit-transition: 0.4s; transition: 0.4s; margin: 0; -webkit-filter: drop-shadow(0px 8px 10px rgba(7, 36, 95, 0.08)); filter: drop-shadow(0px 8px 10px rgba(7, 36, 95, 0.08)); background: var(--white); border-left: .5rem solid var(--brand); z-index: 2;}
.project_box{position: relative; overflow: hidden; border-radius: .5rem;}
.project_box img{border-radius: .5rem; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.project_box:hover img{-webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06);}
.project_slider .owl-nav.disabled{display: none;}
.project_slider .owl-dots{display: flex; align-items: center; justify-content: center; background: var(--white); padding: .8rem 1.5rem; border-radius: 2.5rem; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,33,85,0.1);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,33,85,0.1);
    box-shadow: 0px 0px 15px 0px rgba(0,33,85,0.1); margin: 3rem auto 0 auto; max-width: 10rem;}
.project_slider .owl-dot{width: 1.5rem; height: .9rem; background: #EDEDED; margin: 0 .5rem; transition: all .3s;}
.project_slider .owl-dot.active{background: var(--brand);}

/* portfolio_page */
.portfolio_box{position: relative; margin-top: 3rem; overflow: hidden;}
/* .portfolio_box img{height: 29rem; object-fit: cover; border-radius: .8rem;}
.portfolio_img img{height: 60rem !important; object-fit: cover;} */
.our_portfolio .row:nth-child(2n){flex-direction: row-reverse;}
.portfolio_content{position: absolute; width: 100%; height: 100%; top: 0; right: 0;}
.portfolio_link{width: 4rem; height: 4rem; background: var(--white); display: flex; align-items: center; justify-content: center; position: absolute; right: 2rem; top: 2rem; transition: 0.5s; border-radius: 100%; opacity: 0; visibility: hidden; font-size: 2.5rem; color: var(--brand); z-index: 9;}
.portfolio_link::before{content: ""; position: absolute; left: -.5rem; right: -.5rem; top: -.5rem; bottom: -.5rem; border: .2rem dotted var(--white); border-radius: 100%;}
.portfolio_info{position: absolute; bottom: 2rem; left: 2rem; opacity: 0; visibility: hidden; transition: 0.3s; z-index: 9;}
.portfolio_subtitle{font-size: 1.4rem; color: var(--white); margin-bottom: .7rem; letter-spacing: .1rem; text-transform: uppercase;}
.portfolio_subtitle span{color: var(--white);}
.portfolio_title{color: var(--white); font-size: 3rem;}
.portfolio_title a{color: var(--white);}
.portfolio_content:hover::before{opacity: 0.9; visibility: visible;}
.portfolio_content:hover .portfolio_link{opacity: 1; visibility: visible; color: var(--brand);}
.portfolio_content:hover .portfolio_info{opacity: 1; visibility: visible; bottom: 4.5rem;}
.portfolio_subtitle span img{width: 2rem !important; height: auto !important; margin-right: 1rem;}
.portfolio_box::before{content: ""; position: absolute; right: -21%; top: 50%; transform: translateY(-50%) rotate(135deg); width: 32rem; height: 100rem; background: linear-gradient(180deg, #181717 0%, rgba(18, 18, 18, 0) 100%); opacity: 0; -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; margin-right: -6rem; z-index: 1; pointer-events: none; border-radius: .8rem;}
.portfolio_box::after{content: ""; position: absolute; right: 32%; top: 50%; transform: translateY(-50%) rotate(135deg); width: 25rem; height: 95rem; background: linear-gradient(180deg, #262626 8.61%, rgba(18, 18, 18, 0) 100%); opacity: 0; -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; margin-right: -9rem; pointer-events: none; border-radius: .8rem;}
.portfolio_box:hover::before{opacity: 0.55; margin-right: 0;}
.portfolio_box:hover::after{opacity: 0.35; margin-right: 0;}


/* choose_sec */
.choose_box{border-right: .1rem solid #E5E4E4; margin-top: 4rem; position: relative;}
.choose_img{width: 10rem; height: 10rem; background: #f5f5f5; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem;}
.chhose_munber{position: absolute; font-weight: 600; line-height: 1;  right: 4.5rem;  top: 15%; font-size: 5.8rem; color: #565969; opacity: 0.1;  transition: all 0.5s ease;}
.choose_box:hover .choose_img{transform: rotatey(180deg); transition: all 0.5s ease;} 
.choose_box:hover .chhose_munber{right: 3rem; transition: all 0.5s ease;}
.choose_img img{width: 5rem;}
.chhose_lt_panel{margin-right: 2rem;}
.choose_rt{background: var(--white); padding: 2rem; box-shadow: 0px 0px 30px 6px rgba(0, 33.00000000000002, 84.99999999999999, 0.058823529411764705); border-radius: .5rem; position: relative;}




/* 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;}
.faq_content .accordion-body p a{color: var(--brand);}
.faq_rt{margin-left: 1rem; position: relative; border-radius: .5rem; overflow: hidden; height: 100%;}
.faq_rt img{height: 100%; object-fit: cover;}
.faq_rt::before{position: absolute; content: ''; top: 0; left: 0; right: 0;  bottom: 0;  background: linear-gradient(0deg,#1e2023 0%,rgba(30,32,35,1e-5) 60%);  z-index: 2; -webkit-transition: all .25s cubic-bezier(.645,.045,.355,1); -khtml-transition: all .25s cubic-bezier(.645,.045,.355,1); -moz-transition: all .25s cubic-bezier(.645,.045,.355,1);  -ms-transition: all .25s cubic-bezier(.645,.045,.355,1);  -o-transition: all .25s cubic-bezier(.645,.045,.355,1); transition: all .25s cubic-bezier(.645,.045,.355,1);}
.play_btn{background: var(--white); width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center; border-radius: 100%;  color: var(--brand) !important; z-index: 1; overflow: hidden;}
.play_btn::before, .play_btn::after{content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: var(--white);  z-index: -1;  border-radius: 50%;  -webkit-transition: all ease 0.4s;  transition: all ease 0.4s; width: 5rem; height: 5rem;}
.play_btn::before, .play_btn::after{-webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;  -webkit-animation-iteration-count: infinite;  animation-iteration-count: infinite; -webkit-animation-name: ripple; animation-name: ripple;}
.play_btn::after {-webkit-animation-delay: 2s; animation-delay: 2s;}
.faq_rt_content{position: absolute; left: 3rem; bottom: 3rem; z-index: 2;}
.faq_rt_ex_txt{display: block; color: var(--white); padding-top: 3rem; font-size: 2rem; font-weight: 600;}





/* footer_sec */
.ft_top{background: var(--ft_bg_color); padding: 4rem 0 0 0; background: url(../images/ft_bg_img.jpg)no-repeat center center/cover; position: relative;}
.ft_top::before{position: absolute; content: ''; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity: 0.95; background-image: -ms-linear-gradient(top, #222221 0%, #020302 100%); background-image: -moz-linear-gradient(top, #222221 0%, #020302 100%); background-image: -o-linear-gradient(top, #222221 0%, #020302 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #222221), color-stop(100, #020302)); background-image: -webkit-linear-gradient(top, #222221 0%, #020302 100%); background-image: linear-gradient(to bottom, #222221 0%, #020302 100%);}
.ft_txt{padding-bottom: 3rem; position: relative;}
.ft_lt_content{background-image: -ms-linear-gradient(bottom, #010100 0%, #222121 100%); background-image: -moz-linear-gradient(bottom, #010100 0%, #222121 100%); background-image: -o-linear-gradient(bottom, #010100 0%, #222121 100%);  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #010100), color-stop(100, #222121)); background-image: -webkit-linear-gradient(bottom, #010100 0%, #222121 100%); background-image: linear-gradient(to top, #010100 0%, #222121 100%); padding: 3rem; border-top: .5rem solid var(--brand);}
.ft_logo img{width: 25rem; margin-bottom: 2rem;}
.ft_heading{position: relative; font-weight: 700; color: var(--white); line-height: 1.2em; margin-bottom: 2rem;  padding-bottom: 2rem;  text-transform: capitalize; display: block; font-size: 2.4rem;}
.ft_heading::before{position: absolute; content: ''; left: 0; bottom: 0; height: .4rem; width: 6rem; background-image: linear-gradient(to right, #f7941d 0%, rgba(247,148,29,0.5) 100%);}
.ft_srv_list li{text-transform: capitalize;}
.ft_srv_list li a{position: relative; display: block; margin-top: 1.5rem; color: var(--white); padding-left: 1.8rem;}
.ft_srv_list li a:hover{color: var(--brand);}
.ft_srv_list li a::before{position: absolute; content: "--"; left: 0; top: .7rem; line-height: 1em; color: var(--white);}
.ft_top .cumml:nth-child(2) .ft_txt{padding-left: 10rem;}
.ft_top .cumml:nth-child(3) .ft_txt{padding-left: 5rem;}
.ft_con_list li, .ft_con_list li a{ color: var(--white); }
.ft_con_list li{margin-top: 1.5rem; position: relative; padding-left: 2.8rem;}
.ft_con_icon{position: absolute; left: 0; top: .4rem; color: var(--brand);}
.ft_social_list li{display: inline-block;}
.ft_social_list li a{background: #F6F6F6; width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; color: var(--brand); margin: 1rem 1rem 0 0; border-radius: 100%;}
.ft_social_list li:last-child a{margin-right: 0;}
.ft_social_list li a:hover{background: var(--brand); color: var(--white);}
.ft_btm{background-image: linear-gradient(to right, #f7941d 0%, rgba(247,148,29,0.5) 100%); padding: 1.5rem 0;}
.ft_btm_flex{align-items: center; justify-content: space-between;}
.ft_btm_flex span{color: #222222;}
.ft_btm_flex span a{color: #222222; border-bottom: .1rem solid #222222; font-weight: 700;}





/* form */
.input_fld input[type="text"], .input_fld input[type="email"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld textarea, .input_fld input[type="date"], .input_fld .form-select{width: 100%; border: .1rem solid #ced4da; height: 5rem; padding: 0 1.5rem; box-shadow: none; outline: none; -webkit-appearance: none; color: var(--black); font-size: 1.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 input[type="date"]::placeholder{color: #999; opacity: 1;}
.input_fld .form-control:focus{ border-color: var(--brand); outline: 0; box-shadow: none; }
.input_fld .form-select{background:  var(--white)  url(../images/select_arrow.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem; height: 4.9rem; cursor: pointer;}
.input_fld button{border: none;}
/* .search_box .input_fld button a{color: #555 !important;} */
.input_fld .form-select:focus{border-color: var(--brand); box-shadow: none;} 
.input_fld{margin-bottom: 1.5rem;}
.input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}
.ban_frm_box .input_fld{width: 100%;}
.quantity_box{width: 100%; display: inline-block; border: .1rem solid #b6b5b5; overflow: hidden; border-radius: 1rem;}
.quantity_box .quantity{ position: relative; margin: auto;}
.quantity_box .quantity-nav {line-height: 4.5rem;}
.quantity_box .quantity-button {background: var(--white); color: #464646;  width: 3.3rem; height: 4.5rem; position: absolute; top: 0; text-align: center; cursor: pointer; font-size: 0;}
.quantity_box .quantity-up {left: 0; border-right: .1rem solid #b6b5b5;}
.quantity_box .quantity-up::before, .quantity_box .quantity-down::before{content: "\2b"; font-family: "Font Awesome 6 Pro"; font-size: 1.5rem;}
.quantity_box .quantity-down {right: 0; border-left: .1rem solid #b6b5b5;}
.quantity_box .quantity-down::before{content: "\f068";}
.quantity input[type="number"]{outline: none;  color: #464646; height: 4.5rem; width: 100%; border-radius: 0;  text-align: center; border: none; padding-left: 2rem;}
/* .input_fld button{border: none;} */
.input_fld .form-select {background: var(--white) url(../images/select_arrow.png) no-repeat right 1.5rem center;background-size: 1rem;padding: 0 1rem; height: 4.5rem; cursor: pointer; font-size: 1.4rem;}



/* contact_page */
.inner_banner .banner_box {padding: 25rem 0 0 0;}
.inner_banner .banner_box h1{font-size: 4rem; line-height: 4.5rem;}
.inner_banner .banner_box h1 em{color: var(--brand); display: inline-block;}
.inner_banner .banner_txt {padding: 3rem 3rem; max-width: 30rem;}
.inner_con_rt{background: #F3F1F2; padding: 3rem; border-radius: .5rem;}
.inner_con_lt{margin-right: 2rem;}
.inner_con_box{background: #F3F1F2; padding: 4rem 2rem 2rem 2rem; border-radius: .5rem; margin-top: 3.5rem; position: relative;}
.inner_con_icon{background: var(--white); width: 5rem; height: 5rem; display: flex; align-items: center; justify-content: center;  border-radius: 100%; color: var(--brand); position: absolute; left: 50%; top: -2rem; -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); box-shadow: 0 .5rem 8.3rem 0 rgba(0, 0, 0, 0.11); font-size: 2.5rem;
}

.inner_con_txt a{color: var(--black); font-weight: 500;}
.add_icon{background: var(--brand); width: 5rem; height: 5rem; color: var(--white); display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; font-size: 2.5rem; border-radius: 100%;}
.add_txt{position: relative; display: block; padding-left: 3.5rem; margin-top: 2rem;}


/* project_page */
.inner_project_sec .project_box{margin-top: 1rem;}
.inner_pro_rt .project_box img{height: 27.3rem; object-fit: cover;}
.inner_project_sec{padding: 5rem 0 6rem 0;}
.inner_pro_lt .project_box img{height: 55.7rem; object-fit: cover;}
.inner_project_btm_lt .project_box img{height: 55.7rem; object-fit: cover;}
.inner_project_btm_mid .project_box img{height: 27.3rem; object-fit: cover;}
.inner_project_sec .row:nth-child(even){flex-direction: row-reverse;}


/* about_page */
.vision_box, .mision_box{margin-top: 3rem; background: var(--black); padding: 3rem; position: relative;}
.vision_box{background: var(--brand);}
.vimi_munber{color: rgba(255,255,255,0.2) !important; background: rgba(255,255,255,0.05) !important; position: absolute; right: 4rem; top: 4rem; width: 6.5rem; height: 6.5rem; display: flex; align-items: center; justify-content: center; font-size: 3.6rem; border-radius: 100%; font-weight: 700;}
.vimi_munber::after{content: ""; position: absolute; display: inline-block;  top: -25px; right: -20px; width: 30px; height: 30px; border-radius: 100%; background: rgba(0, 0, 0, 0.05); margin-left: -30px; z-index: 1;}
.mision_box .vimi_munber::after{background: rgba(255,255,255,0.05) !important;}
.mision_icon img{width: 6rem; margin-bottom: 1rem;}
.vision_box .vimi_munber{color: rgba(0,0,0,0.1) !important; background: rgba(0,0,0,0.05) !important;}
.vision_box .mision_txt h4, .vision_box .mision_txt p{color: var(--black);}
.inner_choose_rt img{height: 55rem;}

/* services_page */
.other_txt_list {display: inline-block; width: 100%; margin-top: 1.5rem;}
.other_txt_list li{width: 50%; float: left;}


/*--------------------------------------------------22-8-24----------------------------------------------*/
.project_txt h4{font-size: 2rem; line-height: 2.5rem;}









@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: 1699px) {
    .banner_box {padding: 49.1rem 0 0 0;}  
}
@media only screen and (max-width: 1499px){
    .banner_box {padding: 33rem 0 0 0;}
}

@media only screen and (max-width: 1299px){
    .banner_box {padding: 32rem 0 0 0;}
    .banner_content strong {font-size: 3.5rem; line-height: 4rem;}
    .menu_sec li a {margin-right: 1.5rem;}
    .heder_rt_ph {right: 25rem;}
    .ft_logo img {width: 20rem;}
}


@media only screen and (max-width: 1199px){
    .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;}
    .heder_rt_ph {right: 32rem;}
    .heder_rt_lt {right: 4.5rem;}
    .nav_top .navbar-collapse.show{left: 0;}
    .nav_top .navbar-collapse{position: fixed; top: 0; left: -30.10rem; background: var(--white); 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);}
    .menu_sec {margin-right: 0;}
    .menu_sec::before {display: none;}
    .menu_sec li a {margin-right: 0; display: block; width: 100%; padding: 1.5rem; border-bottom: .1rem dashed #ccc;}
    .menu_sec li{font-size: 1.5rem;}
    .menu_sec li a::after{display: none;}
    .menu_sec li a:hover{color: var(--brand);}
    .banner_content strong {font-size: 2.8rem; line-height: 3.2rem;}
    .banner_txt {padding: 3rem 2rem;}
    .more_ab_rt {padding: 17.5rem 20rem 3.5rem 3.5rem;}
    .ft_top .cumml:nth-child(2) .ft_txt {padding-left: 0;}
    .count_icon { margin: -5.1rem 1.5rem 0 0;}
}

@media only screen and (max-width: 991px){
    .banner_box { padding: 28rem 0 0 0;} 
    .ab_lt h4{font-size: 2.2rem; line-height: 2.8rem;}
    .ptb{padding: 5rem 0;}
    .inner_ptb{padding: 2rem 0 5rem 0;}
    .more_ab_lt {padding: 3rem 3rem;}
    .more_ab_rt {padding: 22.5rem 10rem 3.5rem 3.5rem;}
    .all_btn_sec { position: inherit; right: inherit; top: inherit; margin-top: 3rem; text-align: center;}
    .w_2_st_box::before {display: none;}
    .faq_rt {margin: 3rem 0 0 0; height: auto;}
    .chhose_lt_panel {margin: 0 0 3rem 0;}
    .ft_top .cumml:nth-child(3) .ft_txt {padding-left: 2rem;}
    .faq_rt img {height: auto;}
    .count_icon {margin: -3.1rem 1.5rem 0 0;}
    .more_ab_rt {padding: 22.5rem 7rem 3.5rem 3.5rem;}

    /* contact_page */
    .inner_con_lt { margin: 0 0 2rem 0;}

    /* project_page */
    .inner_project_sec .project_txt {padding: 2rem 4.5rem 2rem 2rem;}
    .inner_project_sec .project_txt h4{font-size: 2.2rem; line-height: 2.8rem;}
    .inner_project_sec {padding: 4rem 0 5rem 0;}
    .inner_pro_rt .project_box img {height: 23.9rem;}
    .inner_pro_lt .project_box img {height: 48.7rem;}

    /* about_page */
    .inner_choose_rt{margin-top: 0;}
    .inner_choose_rt img{height: auto;}

    
}

@media only screen and (max-width: 767px){
    
    .container{max-width: 100%; padding: 0 1.5rem;}
    .ptb{padding: 4rem 0;}
    .inner_ptb{padding: 1rem 0 4rem 0;}
    .banner_txt {max-width: 48rem;}
    .heder_rt_ph_txt{display: none;}
    .heder_rt_lt{top: .5rem;}
    .heder_rt_ph_box {margin-right: 0; width: 4rem; height: 4rem;}
    .heder_rt_ph_box img{width: 2rem;}
    .heder_rt_ph {right: 30rem; top: 1rem;}
    .nav_top .navbar-brand img {width: 11rem;}
    .counter_box span {font-size: 1.4rem;}
    .counter_box strong {font-size: 4rem; line-height: 5rem;}
    .more_ab_rt {padding: 5.5rem 5rem 3.5rem 3.5rem;}
    .w_1_st_box::before { right: -7.9rem; width: 13rem;}
    .work_txt h5{font-size: 1.8rem; line-height: 2.3rem;}
    .project_txt {left: 1.5rem; bottom: 1.5rem; padding: 2rem 3.5rem 2rem 2rem;}
    .project_txt h4, .choose_txt h4{font-size: 2rem; line-height: 2.5rem;}
    .heder_rt_lt::before {height: 10rem;}

    /* contact_page */
    .inner_banner .banner_box {padding: 18rem 0 0 0;}
    .inner_banner .banner_box h1 {font-size: 3.5rem; line-height: 4rem;}
    .inner_banner .banner_txt {padding: 2rem 3rem;}
    .inner_project_sec {padding: 3rem 0 4rem 0;}

    /* project_page */
    .other_inner_pro_img img{height: auto !important;}

    /* about_page */
    .vision_box{margin-top: 0;}
    
    
}


@media only screen and (max-width: 575px){
    .inner_ptb{padding: 2rem 0 4rem 0;}
    .heder_rt_lt{display: none;}
    .ab_lt{padding: 2rem;}
    .ab_box {margin-top: 2rem;}
    .ab_lt h4 {font-size: 2rem; line-height: 2.5rem;}
    .counter_box {margin-top: 2rem; flex-direction: column; padding: 0 1.5rem 1.5rem 1.5rem;}
    .count_txt{text-align: center;}
    .count_icon {margin: 0 0 1rem 0;}
    .counter_box strong {font-size: 3.5rem; line-height: 4rem;}
    .counter_box sup {top: -1.5rem;}
    h1, h2 {font-size: 2.5rem; line-height: 3rem;}
    .more_ab_lt {padding: 1.5rem;}
    .more_ab_rt_box {padding: 2rem;}
    .heder_rt_ph {right: 5rem;}
    .banner_content strong {font-size: 2.2rem; line-height: 2.8rem;}
    .banner_txt {max-width: 30rem; padding: 2rem 2rem;}
    .banner_box {padding: 19rem 0 0 0;}
    .srv_txt { margin: -3rem 1rem 0 1rem; padding: 2rem;}
    .srv_box{margin-top: 2rem;}
    .w_1_st_box::before {display: none;}
    .work_box {margin-top: 2rem;}
    .faq_heading {font-size: 1.4rem; line-height: 2.2rem; margin-right: 4rem;}
    .choose_rt h4{font-size: 2rem; line-height: 2.5rem;}
    .ft_heading { margin-bottom: 1rem; padding-bottom: 1.5rem; font-size: 2rem;}
    .ft_btm_flex{flex-direction: column;}
    .ft_btm_flex span{display: block; text-align: center;}
    .ft_btm_txt{padding-bottom: .5rem;}
    .ft_lt_content {padding: 2rem;}
    .nav_top .navbar-brand img {width: 9rem;}
    .heder_rt_ph {right: 4rem; top: .7rem;}
    .banner_content strong {font-size: 2rem; line-height: 2.5rem;}
    .banner_content p{display: none;}
    .banner_content .as_btn{margin-top: 1.5rem;}
    .faq_rt_content {left: 2rem; bottom: 2rem;}
    .choose_box { margin-top: 3rem;}

    /* contact_page */
    .inner_banner .banner_box h1 {font-size: 2.5rem; line-height: 3rem;}
    .inner_banner .banner_txt {padding: 2rem; max-width: 19rem;}
    .inner_con_rt {padding: 2rem;}
    .inner_banner .banner_box {padding: 13rem 0 0 0;}

    /* project_page */
    .portfolio_link { width: 3rem; height: 3rem; font-size: 1.5rem;}
    .inner_pro_rt .project_box img {height: 15.9rem;}

    /* about_page */
    .mision_box {margin-top: 2rem;}
    .vision_box, .mision_box {padding: 2rem;}
    .vison_mision_sec  h5{font-size: 1.8rem; line-height: 2.2rem;}
    .more_ab_rt {padding: 5.5rem 4rem 3.5rem 1.5rem;}
    

    
}

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

}