@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ padding: 0; margin: 0; list-style: none; font: normal 1.6rem/2.4rem 'Archivo', sans-serif; color: var(--body_txt_color); }
p{padding: 0; margin: 0;}
a{padding: 0; margin: 0; outline: none;}
ul{ list-style: none; padding: 0; margin: 0;}
label{ list-style: none; padding: 0; margin: 0;}
ul li{ padding: 0; margin: 0;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0; margin: 0; font-family: 'Fira Sans', sans-serif; color: var(--heading);}
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: 'Fira Sans', sans-serif; */


:root{
    --black: #000;
    --white: #ffff;
    --brand: #e98c14;
    --body_txt_color: #696A87;
    --red: #ff0000;
    --green: #37676a;
    --heading: #0D1E50;

}

@keyframes zoomIn{
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
    50% {
        opacity: 1;
    }
}






em{font-style: normal;}
.ptb{padding: 7rem 0;}
.inner_ptb{padding: 4rem 0 7rem;}
.hidden_sec{overflow: hidden;}
/* .as_btn{display: inline-block; font-weight: 500;  letter-spacing: 0.07em; text-transform: uppercase; line-height: 5rem; color: var(--white); position: relative; padding: 0 3rem; height: 5rem; text-shadow: 0 0 .1rem #BF4C28;}
.as_btn::before { content: ""; display: inline-block; height: 5em;  position: absolute; bottom: -.1rem; left: 1rem;  right: 1rem; z-index: -1;  border-radius: 2em;  filter: blur(1.4rem) brightness(0.9);  transform-style: preserve-3d;  transition: all 0.3s ease-out; background: linear-gradient(180deg, #fa7e29 0%, #F6682F 80%, #F6682F 100%);}
.as_btn:hover{color: var(--white);}
.as_btn:hover::before {bottom: .3rem; filter: blur(6px) brightness(0.8);} */
.as_btn{background:  var(--red); padding: 0 3rem; overflow: hidden; display: inline-block; -webkit-box-shadow: 0 4px 10px rgb(0 0 0 / 25%); -moz-box-shadow: 0 4px 10px rgba(0,0,0,.25); box-shadow: 0 4px 10px rgb(0 0 0 / 25%); -webkit-border-radius: 4px; -moz-border-radius: 4px;  border-radius: 4px;  letter-spacing: .1rem;  font-size: 1.4rem;  line-height: 2.0999999999999996rem;  -webkit-transition: all .3s ease-in-out 0s;  -moz-transition: all .3s ease-in-out 0s;  -o-transition: all .3s ease-in-out 0s;  transition: all .3s ease-in-out 0s; margin-top: 2.5rem; height: 5rem; line-height: 5rem; text-transform: uppercase; color: var(--white); font-size: 1.4rem; font-weight: 500;}
.as_btn:hover{color: var(--white); background: var(--green);}
.as_btn:hover span{display: block; -webkit-animation-name: zoomIn; animation-name: zoomIn;  -webkit-transform-origin: center;  transform-origin: center; animation-duration: .5s; animation-timing-function: linear;}
.more_btn{text-transform: uppercase; font-size: 1.4rem; color: var(--red); font-weight: 500; display: inline-block; margin-top: 1.5rem; border-bottom: .1rem solid var(--red); font-weight: 500;}
.more_btn i{transform: rotate(-45deg);  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg); padding-left: .8rem; vertical-align: middle;}
.more_btn:hover{color: var(--green); border-color: var(--black);}


h1, h2{text-transform: capitalize; font-size: 4rem; line-height: 5rem; color: var(--black); font-weight: 600;}
.sub_title{color: var(--red); font-family: 'Archivo', sans-serif; text-transform: capitalize; font-size: 1.8rem; margin-bottom: .5rem;} 
.sub_title::before{content: "\\"; margin-right: .5rem;}
.sub_title::after{content: "\\"; margin-left: .5rem;}
h4{text-transform: capitalize; font-size: 2.2rem; line-height: 3.2rem; color: var(--black); font-weight: 600;}
h3{text-transform: capitalize; font-size: 3rem; line-height: 4rem; color: var(--black); font-weight: 600;}






/*header*/
.header_sec{width: 100%;  position: absolute; left: 0; top: 0; z-index: 9999;}
.top_rt ul li{padding-right: 1rem;}
.top_rt ul li::before{position: absolute; content: ''; border: .1rem solid rgba(255, 255, 255, 0.2); height: 1rem; width: .1rem; top: .7rem; right: 0;}
.top_rt ul li:last-child::before{display: none;}
.top_rt ul li:last-child{padding-right: 0;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
.menu_sec{padding-right: 12rem;}
.menu_sec li{position: relative; text-transform: capitalize; font-size: 1.8rem;  font-weight: 500; letter-spacing: .1rem;}
.navbar-brand img{width: 11rem;}
.menu_sec li a{display: inline-block; padding: 0 1.5rem; color: var(--black); position: relative;}
.menu_sec li a:hover,.menu_sec li.active a{color: var(--red);}
.menu_sec li a::before{content: "";  width: .5rem;  height: .5rem;   color: inherit;   background-color: currentColor;   border-radius: 50%;   opacity: 0.1;  -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; position: absolute; left: 0; top: 1rem;}
.menu_sec li a:hover::before,.menu_sec li.active a::before{opacity: 1;}
.details_lt li{position: relative;}
.details_lt li::before{position: absolute; content: ''; border: .1rem solid rgba(255, 255, 255, 0.2); height: 1rem; width: .1rem; top: .7rem; right: 0;}
.hd_rt_sec{position: absolute; right: 2rem; top: 3.2rem;}
.rt_call_img img{width: 5rem;}
.rt_call_txt span{display: block;}
.rt_call_txt span{font-size: 1.4rem;}
.rt_call_txt a{font-size: 2rem; color: var(--red); font-weight: 600;}
.rt_call_txt a:hover{color: var(--green);}
.nav_top{background: var(--white); padding: 1.5rem 2rem; border-radius: 0 0 .5rem .5rem;}

.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 .heder_top{display: none;}
.header_sec.fixed .nav_top {padding: 1.5rem 0;}
.header_sec.fixed .hd_rt_sec {right: 0;}


   
 /*banner*/  
.bannersec{ width: 100%; position: relative; z-index: 1;}
.bannersec:before{content: ""; background: url(../images/parallax_img1.png) no-repeat center center; width: 100%; height: 100%; position: absolute;  top: 0; z-index: -1; opacity: 1; left: 0;}
.banner_box{padding: 20rem 0 12rem; position: relative;}
/* .banner_text span{width: 100%; display: inline-block; font-size: 1.8rem; letter-spacing: .1rem; padding-bottom: 1rem; text-transform: uppercase; color: var(--white); font-weight: 800;} */
.banner_sub_title{z-index: 9; font-family: Verdana, Geneva, sans-serif; height: auto; width: auto; color: rgba(255, 255, 255, 0.81);text-decoration: none; white-space: nowrap; min-height: 0; min-width: 0;  max-height: none;  max-width: none;  text-align: left;  line-height: 10rem;  letter-spacing: 0;  font-weight: 800;   font-size: 10rem;   transform-origin: 50% 50% 0;   opacity: 1;  transform: translate(0px); visibility: visible; -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px rgba(230,230,230,.2) !important;text-transform: uppercase;}
.banner_text strong{width: 100%; display: inline-block; font-size: 7rem; text-transform: capitalize; color: var(--white); letter-spacing: .1rem; line-height: 8rem; font-family: 'Fira Sans', sans-serif; margin-top: -5rem; position: relative;}
.banner_text p{color: var(--white); font-size: 2rem; letter-spacing: .1em;}
/* .banner_box:before{position: absolute; background: rgba(0, 0, 0, 0.2); left: 0; top: 0;  width: 100%; height: 100%; content: "";} */

/* .inner_banner .banner_box::before{background: rgba(17, 17, 17, 0.2) none repeat scroll 0 0; content: " ";  height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0;}

.inner_banner .breadcrumb_sec .breadcrumb-item{font-size: 1.7rem; color: var(--white); text-transform: capitalize;}
.banner_text .breadcrumb-item a, .banner_text .breadcrumb-item+.breadcrumb-item::before{color: var(--white); }
.banner_text .breadcrumb-item + .breadcrumb-item {padding-left: 0;}
.banner_text .breadcrumb-item+.breadcrumb-item::before{content: "\f101"; font-family: "Font Awesome 6 Pro"; padding: 0 .8rem;} */
.banner_text{position: relative; z-index: 2;}
/* .inner_banner .banner_box{padding: 5rem 0;}
.inner_banner .banner_text{position: relative;}
.inner_banner .banner_text strong{font-size: 3rem; padding-bottom: 0;} */
/* .bannersec:before{content: ""; background: url(../images/pattern.png) no-repeat left center; width: 100%; height: 100%; position: absolute; background-size: 100%;  top: 0; z-index: 1; opacity: 1; left: 0;}
.bannersec .shap1{position: absolute; bottom: 8rem; right: 11rem; z-index: 1; max-width: 100px;}
.bannersec .shap1 img{width: 20rem;}
.shap1{-webkit-animation: slide-top 4s linear infinite; animation: slide-top 4s linear infinite;}
.inner_banner .banner_text h1{padding: 0;} */
.lft_pic{position: relative;}
.lft_pic:before{position: absolute; background-image: url(../images/left_img.jpg);}
/* .bannersec .carousel-indicators [data-bs-target]{box-sizing: content-box; flex: 0 1 auto; width: 2rem; height: 2rem; padding: 0; margin-right: .3rem; margin-left: .3rem; text-indent: -999px; cursor: pointer; background-clip: padding-box; border: .1rem dashed var(--brand); transition: opacity .6s ease; background: var(--white); border-radius: 100%;} */

.bannersec .carousel-indicators [data-bs-target]{width: 1.8rem !important; height: 1.8rem !important; border: .2rem solid transparent !important; border-radius: 50% !important; background: transparent !important; transition: all ease 350ms !important; -moz-transition: all ease 350ms !important; -webkit-transition: all ease 350ms !important; position: relative;}
.bannersec .carousel-indicators [data-bs-target]::before{background: rgba(255,255,255,0.8) !important; width: .8rem !important; height: .8rem !important; position: absolute !important; content: '' !important; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; margin: auto !important; border-radius: 50% !important; transition: all ease 350ms !important; -moz-transition: all ease 350ms !important; -webkit-transition: all ease 350ms !important;}
.bannersec .carousel-indicators [data-bs-target]:hover, .bannersec .carousel-indicators [data-bs-target].active{border-color: var(--white) !important;}
.bannersec .carousel-indicators {bottom: 1rem;}

.banner_img{position: relative; margin-left: 2rem; z-index: 2;}
.banner_img img{border: 1rem solid var(--white); width: 30rem; height: 30rem; object-fit: cover; box-shadow: .2rem .2rem .8rem 0 rgba(0, 0, 0, 0.2);}
.img1{transform: rotate(-9deg); -webkit-transform: rotate(-9deg); -moz-transform: rotate(-9deg);}
.img2{position: absolute; right: 0; top: 0; transform: rotate(6deg); -webkit-transform: rotate(6deg); -moz-transform: rotate(6deg);}
.social_icons {position: absolute; top: 50%; left: 2rem; z-index: 999; -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);}
/* .line_fixed { background: var(--white); width: .1rem; height: 3rem; margin: 0 0 .5rem .9rem;} */
.social_icons li a { color: var(--white);  display: inline-block; border: .1rem solid rgba(255, 255, 255, 0.2); width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin-bottom: 1rem;}
.social_icons li:last-child a{margin-bottom: 0;}
.social_icons li a:hover{background: var(--brand); border-color: transparent; color: var(--white);}

/* service_sec */
.srv_box{position: relative;  margin-top:3rem;  background: var(--white);  overflow: hidden; box-shadow: 0 0 1.2rem -.1rem rgb(15 15 15 / 10%);  border-radius: 1rem; transition: all .2s;}
/* .srv_img{width: 35%; height: 100%; border-radius: 1rem 0 0 1rem; backface-visibility: hidden;} */
.srv_txt{padding: 2.5rem 1.5rem 2.5rem 2.5rem;}
.srv_img img{width: 23rem; height: 24rem; object-fit: cover;}
.srv_txt h4 a{color: var(--heading);}
.srv_box:hover .srv_txt h4 a{color: var(--red);}


/* about_sec */
.about_sec{position: relative; background-attachment: fixed !important; z-index: 1;}
.about_sec::before{position: absolute;  content: '';  background: url(../images/parallax_img1.png)no-repeat center center #272c49;  width: 50%; height: 100%; top: 0; right: 0;   z-index: -1;}
.ab_lt{background: var(--white); padding: 3rem; border-radius: .5rem; position: relative;}
.ab_lt_box{position: relative; margin-right: 5rem;}
.ab_lt_box::before{position: absolute; content: "";  top: 0; left: 1.8rem; right: 1.8rem; bottom: -1rem; -webkit-box-shadow: rgb(0 0 0 / 20%) 0 0 5rem 0; box-shadow: rgb(0 0 0 / 20%) 0 0 5rem 0;  background: rgb(255, 255, 255);  border-radius: 1rem;}
.ab_lt{position: relative;  z-index: 9;  -webkit-box-shadow: rgb(0 0 0 / 20%) 0 0 5rem 0;  box-shadow: rgb(0 0 0 / 20%) 0 0 5rem 0;  padding: 3rem;  background: rgb(255, 255, 255); border-radius: 1rem;}
.ab_lt ul li span{display: block; text-transform: uppercase; font-size: 1.8rem; color: var(--black); font-weight: 600; margin-bottom: .5rem;}
.ab_lt ul li a{font-size: 2.2rem; color: var(--red); font-weight: 600;}
.ab_lt em{display: block; padding-top: 2rem;}
.ab_lt ul li{margin-top: 1.5rem; position: relative; padding-bottom: 1.5rem; border-bottom: .1rem dashed var(--heading);}
.ab_rt{position: relative; z-index: 2; padding-left: 4rem;}
.txt_list li{position: relative; padding-left: 2.5rem; margin-top: 1rem;}
.txt_list li::before{font-family: "Font Awesome 6 Pro"; content: "\f061"; color: var(--red); font-size: 1.4rem; position: absolute; left: 0; top: 0;}
.ab_rt .txt_list li{color: var(--white);}



/* choose_sec */
.choose_box{background: var(--white); padding: 3rem;  border-radius: 2.5rem;  position: relative;  z-index: 1;  overflow: hidden; transition: all 0.4s; z-index: 1; box-shadow: 0 0 1.2rem -.1rem rgb(15 15 15 / 10%); margin-top: 3rem;}
/* .choose_box::before{content: ""; background-image: linear-gradient(30deg, #ffffff 69%, #FA0368 100%); opacity: 0.1; top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: -1;} */
.choose_number{display: block; width: 5.1rem;  height: 5.1rem;  margin: 0 auto;  padding: .4rem;  border: .1rem dashed var(--green);  border-radius: 100%;  margin-bottom: 1.5rem; position: relative;}
.choose_number::before, .choose_number::after{content: ''; position: absolute; top: 50%; left: 0; margin-top: -.1rem;  display: block;  width: 5rem; height: .2rem; background: rgba(0,0,0,.1); margin-left: -8rem;}
.choose_number::after{margin: 0 -8rem 0 0; left: auto;  right: 0;}
.mun_txt{width: 4.1rem; height: 4.1rem; line-height: 4.1rem; display: block; border-radius: 100%; background: var(--green); text-align: center; color: var(--white); color: var(--white); font-size: 1.8rem;}



/* client_sec */
.patner_sec{border-top: .1rem solid #e6e6e6; margin-top: 5rem;}
.cliet_img img{width: auto !important; max-width: 80%; display: inline-block;}
.silder_btn .owl-nav { font-size: 0; position: absolute; display: flex; align-items: center; justify-content: center; bottom: 0; left: -66.5rem;}
.silder_btn .owl-nav .owl-prev, .silder_btn .owl-nav .owl-next { width: 5.5rem; height: 5.5rem; border: .1rem dashed #cecece; border-radius: 100%; text-align: center;}
.silder_btn .owl-nav .owl-prev { margin-right: 1rem;}
.silder_btn .owl-nav .owl-prev::before, .silder_btn .owl-nav .owl-next::before { font-family: "Font Awesome 6 Pro"; content: "\f061"; color: var(--breand);  font-size: 2rem; line-height: 5.3rem;}
.silder_btn .owl-nav .owl-prev::before {content: "\f060";}
.cliet_img{margin-top: 3rem;}
.patner_sec .silder_btn .owl-dots, .patner_sec .silder_btn .owl-nav{display: none;}
/* .gallery_sec .container{max-width: 100%;} */



/* subcrip_sec */
.subcrip_info{padding: 5rem 6rem; border-radius: 20rem; position: relative; z-index: 1;}
.ft_frm_sec .input_fld{border: .1rem solid #cdcdcd; border-radius: .5rem; padding: .5rem; display: inline-block; width: 100%; margin-top: 2rem;}
.ft_frm_sec .input_fld input[type="email"]{width: 80%; float: left; border: none;}
.ft_frm_sec .input_fld button{width: 10%; float: right; padding: 0; font-size: 1.8rem}
.subcrip_info .row{align-items:center;}
.ft_subcrip_sec{position: relative;}
/*.ft_subcrip_conten{padding: 4rem 0 4rem 0; border-bottom: .1rem solid #a8a8ad;}*/
/*.subcrip_info{}*/
.subcrip_info{position: relative; z-index: 1;}
.subcrip_info:before{position: absolute; left: 2rem; right: 2rem; content: ''; height: 100%; bottom: -1rem; z-index: -1; background: rgba(255, 255, 255, 0.25); border-radius: 20rem;}


/* gallery_sec */
.gallery_sec{position: relative; z-index: 1; background-attachment: fixed !important;}
.gallery_sec::before{content: ""; position: absolute;top: 0;left: 0; bottom: 0;  right: 0; background: #21242d; opacity: 0.85; z-index: -1;}
.gallery_img_box{position: relative; border-radius: .5rem; overflow: hidden;}
.galler_over_lay{position: absolute; left: 0; top: 0; height: 100%; width: 100%; text-align: center; content: ""; opacity: 0; background-color: rgba(0,0,0,.50); -webkit-transform: scale(.7); -moz-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7); -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; display: flex; align-items: center; justify-content: center;}
.popup_box{display: block; height: 5.8rem; width: 5.8rem; background: var(--green); color: var(--white); border-radius: 50%; font-weight: 700; font-size: 1.8rem; display: flex; align-items: center; justify-content: center;}
.gallery_img_box:hover .galler_over_lay{ -webkit-transform: scale(1); -moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1); transform: scale(1); opacity: 1;}
/* .gallery_img_box img{height: 43rem; object-fit: cover;} */
.gallery_lt { max-width: 65.2rem; float: right;}
/* .gallery_img_box img{height: 50rem; object-fit: cover;} */
.gallery_rt .silder_btn .owl-nav{display: none;}


/* feed_back_sec */
.person_img img{position: relative;  display: inline-block; width: 9rem; height: 9rem; border-radius: 50%; background: var(--white); padding: .4rem;  -webkit-box-shadow: rgb(0 0 0 / 20%) 0 0 3rem 0; box-shadow: rgb(0 0 0 / 20%) 0 0 3rem 0;  object-fit: cover;}
.person_img strong{font-size: 2.5rem; text-transform: capitalize; color: var(--green); display: block; padding-bottom: .5rem;}
.person_img span{color: var(--heading); font-weight: 500;}
.quote_box .mun_txt{color: var(--white); display: flex; align-items: center; justify-content: center;}
.rating li{display: inline-block; margin: 0rem .5rem 0 0 !important; padding: 0 !important; border: none !important;}
.rating li::before{display: none;}
.rating li:last-child{margin-right: 0;}
.bold_icon::before, .liner_icon::before {font: normal 1.4rem/1 FontAwesome; content: "\f006"; color: #FFC107;}
.bold_icon::before{content: "\f005";}
.blog_content{height: 9rem; overflow-y: auto; margin-top: 1.5rem;}
/* .blog_content .mCSB_inside > .mCSB_container {margin-right: 1.5rem;} */
.blog_content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: var(--red);}
.quote_box::before, .quote_box::after{display: none;}
.quote_box{position: absolute; right: 3rem; top: -4.5rem; margin: 0 !important; opacity: 0.2;}
.person_txt{position: relative;}
.feed_back_box{margin-top: 3rem;}
.person_img{align-items: center; margin-bottom: 1.9rem;}
.person_name{display: inline-block; padding-left: 2rem;}
.btn_sec{border-top: .1rem dashed #ccc; margin-top: 3rem;}
.overlay{position: relative;}
.overlay:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/bg_img11.png)no-repeat left center/cover; content: " ";}


/*faq_sec*/
.faq_sec{margin-left: 9rem}
.faq_sec .accordion-item{margin-bottom:1rem; border: .1rem solid #d4d4d4 !important; border-radius: .5rem !important;}
.faq_sec .accordion-button {padding: 2rem 1.5rem; border-radius: .5rem !important;}
.faq_sec .accordion-button:not(.collapsed) {color: var(--white); background: transparent; box-shadow: none; padding: 2rem 1.5rem .5rem 1.5rem;}
.faq_sec .accordion-item:last-child{margin-bottom: 0;}
.faq_sec .accordion-button:focus {border-color: var(--red) !important; outline: 0; box-shadow: none;}
.faq_sec .accordion-button:not(.collapsed)::after, .faq_sec .accordion-button::after{background-image: none; font-family: "Font Awesome 6 Pro";  content: "\f068"; color: var(--black); width: auto; height: auto; font-size: 1.8rem;}
.faq_sec .accordion-button::after{content: "\2b"; }
.faq_sec .accordion-button:not(.collapsed) h4, .faq_sec .accordion-button:not(.collapsed)::after {color: var(--green);}
.faq_sec .accordion-button h4{font-size: 1.8rem; line-height: 2.8rem; padding-right: 2rem;}




/* form */
.input_fld input[type="text"], .input_fld input[type="email"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld textarea, .input_fld select{width: 100%; border: .1rem solid #ced4da; height: 5rem; padding: 0 1.5rem; box-shadow: none; outline: none; -webkit-appearance: none; color: var(--black); font: normal 1.5rem/2.4rem 'Barlow', sans-serif; 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{color: #999; opacity: 1;}
.input_fld .form-control:focus{ border-color: var(--red); 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: 5rem; cursor: pointer;}
.input_fld button{border: none;}
.input_fld button a{color: #555 !important;}
.input_fld .form-select:focus{border-color: var(--red); box-shadow: none;} 
.input_fld{margin-bottom: 2rem;}
.input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}




/* footer_sec */
.footer_sec{padding-top: 7rem;}
.footer_sec{position: relative;}
.footer_sec::before{background: rgba(27,39,61,.95); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "";}
.ft_top{padding: 7rem 0 4rem 0; position: relative;}
.ft_social_icons li{display: inline-block;}
.ft_social_icons li a{display: flex; height: 4rem; width: 4rem; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; border: .1rem solid #525164; text-align: center; color: #fff; font-size: 1.4rem; margin: 0 .5rem; align-items: center; justify-content: center;}
.ft_social_icons li a:hover{background: var(--red); border-color: transparent; color: var(--white);}
.ft_menu_list li{display: inline-block;}
.ft_menu_list li a{position: relative; color: #a8a8ad; padding: 0 2rem; text-transform: capitalize; margin-top: 2rem; display: inline-block;}
.ft_menu_list li a::before{position: absolute; left: 0; top: .1rem; bottom: 0; margin: auto; content: ''; background: #5f5e6f; width: .5rem; height: .5rem; border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%;}
.ft_menu_list li a:hover{color: var(--red);}
.ft_bottom{padding: 1.5rem 0; border-top: .1rem solid #a8a8ad; justify-content: space-between; align-items: center; position: relative}
.ft_bottom span{color: var(--white);}
.ft_rt a{color: var(--white); font-weight: 700; border-bottom: .1rem solid var(--white);}
.ft_rt a:hover{color: var(--red);}




/* about_page */
.about_company_box{position: relative;}
.about_company_img_snd{position: absolute; right: 0; bottom: -5rem;}
.about_company_box img{border-radius: 1rem;}
.about_company_img_fnd img{width: 30rem; height: 30rem; object-fit: cover;}
.about_company_img_snd img{width: 30rem; height: 30rem; object-fit: cover; border: 1.5rem solid var(--white); box-shadow: 0 0 1.2rem -.1rem rgb(15 15 15 / 10%);}
.about_company_experience{text-align: center; position: absolute; left: 0; bottom: 0; background:  url(../images/bg_img7.png)no-repeat center center/cover var(--heading); padding: 3rem; border-radius: 1rem;}
.about_company_experience h5{text-transform: capitalize; color: var(--white); font-size: 2rem;}
.about_company_experience h2{color: var(--white);}
.about_company_txt{padding-left: 2rem;}
.about_company{position: relative;}
.about_shape1{position: absolute; left: 0; bottom: 0; z-index: -1;}
.about_shape2{position: absolute; right: 0; bottom: 0; z-index: -1;}
.about_Project h5{font-size: 2rem;}
.about_Project_txt{padding-left: 2rem;}
.about_Project{padding-top: 2rem;}
.we_are_img{padding-left: 2rem;}
.we_are_img img{border-radius: 1rem;}
.inner_banner .banner_box {padding: 13rem 0 5rem;}
.breadcrumb_sec{position: absolute; right: 2rem; bottom: 2rem;}
.breadcrumb_sec .breadcrumb-item{text-transform: capitalize; font-weight: 600;}
.breadcrumb_sec .breadcrumb-item a{color: var(--white);}
.breadcrumb_sec .breadcrumb-item + .breadcrumb-item::before {padding:  0 1rem; color: var(--white); content: var(--bs-breadcrumb-divider, "//");}
.breadcrumb_sec .breadcrumb-item + .breadcrumb-item {padding-left: 0; color: var(--brand);}
.inner_banner_heading{font-size: 6rem; color: var(--white); line-height: 7rem; margin-top: -5rem;}
.about_company.ptb{padding: 7rem 0 12rem 0;}
.about_company_experience strong{font-size: 4rem; color: var(--white);}
.about_company_experience sup{color: var(--white); font-size: 1.4rem;}






/* services_page */
.service_sec .pegination_sec ul li{display: inline-block; margin-top: 2rem;}
.page_number:hover, .pegination_sec ul li .current{background: var(--green); color: var(--white); border-color: transparent;}
.page_number{color: var(--black); padding: .3rem; 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;}
.pegination_sec{margin-top: 2rem;}




/*contact_page*/
.map_sec iframe{width: 100%; height: 40rem;}
.contact_form .input_type{position: relative;}
.contact_icon{position: absolute; top: 0; right: 2rem; margin: 1.5rem 0 1.5rem}
.contact_icon i{color: var(--brand);}
/* .input_type input[type="text"], .input_type input[type="tel"], .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(--text_color);} 
.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 textarea{height: 100px; resize: none; padding: 1.5rem;}
.input_type{margin-top: 2rem;} */
/* .location_icon li b{width: 100%; display: inline-block; font-size: 2rem; text-transform: capitalize; padding-bottom: 1rem; color: var(--brand);}
.location_icon li{padding: 1rem 0; font-size: 1.9rem; border-bottom: 0.1rem dashed var(--brand);}
.location_icon li a{color: var(--black);} */
.contact_form .input_type button{border: none;}
/* .contact_form{box-shadow: 0 1rem 3rem 0 rgba(0, 0, 0, 0.1); padding: 5rem 2.5rem; border-radius: 1rem;}  */
/* .contact_info{border-style: solid; border-width: 0px 0px 1px 0px; border-color: #FD7F6B; padding: 2rem 0;}
.contact_txt{background-color: transparent; background-image: linear-gradient(100deg, #F94743 0%, #FF7C49 100%); padding: 4rem 3rem; border-radius: 1rem;}
.contact_info ul li b{width: 100%; display: inline-block; color: var(--white); padding: 1rem 0;}
.contact_info i{color: var(--white); font-size: 3rem;}
.contact_info ul li a{color: var(--white);}
.contact_info ul li{color: var(--white);} */

.con_lt ul li{position: relative; margin-top: 2rem; padding-left: 2.8rem; font-size: 2rem; border: .1rem solid #e7e7e7; padding: 2rem; border-radius: .5rem; background: var(--white);}
/* .con_lt ul li i{position: absolute; left: 0; top: .5rem;} */
.con_lt ul li b{display: block; width: 100%; color: var(--red); letter-spacing: .1rem; font-size: 1.8rem; padding-bottom: .8rem;}
.con_lt h2::before{display: none;}
/* .con_lt ul li span{padding-left: 2rem; display: inline-block;} */
.con_lt ul li a{color: var(--body_txt_color);}
.con_lt ul li a:hover{color: var(--red);}


/* service_detals_page */
/* .srv_dtls_lt .service_box .srv_txt {opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); padding: 2rem 0;}  */
/* .srv_dtls_lt .service_box{height: 35rem;} */
/* .list_txt{margin-top: 1.5rem;}
.list_txt li{position: relative; padding-left: 2.5rem; color: var(--black); margin-top: 1rem;}
.list_txt li::before{position: absolute; left: 0; top: .5rem; background: var(--brand); width: 1rem; height: 1rem; border-radius: 100%; content: "";} */
.srv_dtls_rt_box{border: .2rem dotted var(--brand); border-radius: .5rem; padding: 2rem; overflow: hidden;}
/* .accordion_sec .accordion-button:not(.collapsed){background: var(--brand);}
.accordion_sec .accordion-button:not(.collapsed) h6{color: var(--white);}
.accordion_sec .accordion-button:focus{border-color: transparent; outline: 0; box-shadow: none;}
.accordion_sec .accordion-button::after{background: none; font-family: "Font Awesome 6 Pro"; content: "\2b"; width: auto; height: auto; font-size: 1.6rem; color: var(--brand);}
.accordion_sec .accordion-button:not(.collapsed)::after{color: var(--white); content: "\f068";} */
.qick_call_sec{margin: 3rem 0 0 0;}
.qick_call_box{float: left; width: 100%; background: url(../images/bg_img7.png)no-repeat center center/cover #272c49;  text-align: center; padding: 3rem; -webkit-border-top-left-radius: 100%;  -moz-border-top-left-radius: 100%; border-top-left-radius: 20%; -webkit-border-top-right-radius: 100%;  -moz-border-top-right-radius: 100%;  border-top-right-radius: 20%;  position: relative;  margin-top: -3.9rem; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.imgg_sec{border-radius: .5rem; overflow: hidden; display: block; width: 100%;}
.qick_call_box span{display: block; width: 5rem; height: 5rem; border-radius: 100%; background: var(--white); text-align: center; color: var(--brand); position: relative;}
.qick_call_box span i{line-height: 5rem;}
.qick_call_box span::before{position: absolute; left: -.7rem; top: -.7rem;  bottom: -.7rem;  right: -.7rem; border: .1rem dashed var(--white); content: ''; border-radius: 100%; animation: spin 9s infinite linear; -webkit-animation: spin 9s infinite linear; -moz-animation: spin 9s infinite linear;}
.qick_call_box a{color: var(--white); padding: 2rem 0 0 0; font-size: 2.5rem;}
.other_srv_box{display: block; padding: 1.5rem; display: flex; align-items: center; justify-content: space-between; border: .1rem solid #eee; border-radius: .5rem; overflow: hidden; color: var(--dark); margin-top: 2rem;}
.other_srv_txt{font-weight: 500; font-size: 1.8rem;}
.other_srv_box:hover{background: var(--brand); border-color: transparent; color: var(--white);}
.srv_detals_galley .owl-nav.disabled, .srv_detals_galley .owl-dots{display: none;}
.srv_detals_galley img{border-radius: .5rem;}
.srv_dtls_img{border-radius: .5rem; overflow: hidden;}








@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: 2000px){
    .gallery_sec .container{max-width: 100%; padding: 0;}
    .gallery_sec .row{margin: 0;}
    .gallery_sec .cll{padding: 0;}
}

@media only screen and (max-width: 1399px){
    .menu_sec {padding-right: 17rem;}
    .gallery_lt { max-width: 53.5rem;}
    .banner_box{padding: 20rem 0 10rem;}
    .social_icons {top: inherit; transform: inherit; bottom: 1rem; display: flex;}
    .social_icons li a {margin: 1rem 1rem 0 0;}
    /* .banner_img img {width: 25rem; height: 25rem;} */
    /* .silder_btn .owl-nav { left: -56.5rem;} */
    .srv_img img { width: 23rem; height: 26rem;}
    
}

@media only screen and (max-width: 1199px){
    
   .menu_sec {padding-right: 22rem;}
   /* .menu_sec li{font-size: 1.5rem;} */
   .ptb{padding: 6rem 0;}
   .inner_ptb{padding: 3rem 0 6rem;}
   .banner_text strong{font-size: 5.5rem; line-height: 6.5rem;}
   .banner_img img {width: 25rem; height: 25rem;}
   h4 {font-size: 2rem; line-height: 3rem;}
   .srv_img img {width: 23rem; height: 26rem;}
   h1, h2 {font-size: 3rem; line-height: 4rem;}
   .gallery_lt { max-width: 44.5rem;}
   .faq_sec { margin-left: 6rem;}
   .ft_frm_sec .input_fld button {width: 15%;}

   /* about_page */
   .about_Project_txt {padding-left: 1rem;}
   .about_Project h5 {font-size: 1.8rem;}
}

@media only screen and (max-width: 991px){
    
    .nav_top .navbar-toggler {color: transparent; border: none; padding: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -1rem;}
    .nav_top .navbar-toggler .icon-bar {display: block; width: 3rem; height: .4rem; border-radius: .3rem; background-color: var(--black); opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
    .nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-webkit-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-webkit-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}
    .ptb{padding: 5rem 0;}
    .inner_ptb{padding: 2rem 0 5rem;}
    .header_menu .container{max-width: 100%; padding: 0 1.5rem;}
    .header_sec { position: inherit; left: inherit;top: inherit;}
    .nav_top {padding: 0 !important;}
    .header_menu{padding: 1.5rem 0;}
    .hd_rt_sec {right: 5rem !important; top: 1.7rem;}
    .banner_box {padding: 8rem 0;}
    .banner_img{display: none;}
    .banner_sub_title {line-height: 5rem;}
    .banner_text{text-align: center;}
    .nav_top .navbar-collapse {position: fixed; top: 0; left: -30.10rem; background: var(--white); z-index: 999999; width: 20.80rem; padding: 2.5rem 1.5rem; 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; align-items: baseline; justify-content: start !important; border-right: .5rem solid var(--green);}
    .nav_top .navbar-collapse.show {left: 0;}
    .menu_sec { padding-right: 0;}
    .menu_sec li a {padding: 2rem 1.5rem !important; width: 100%; border-bottom: .1rem dotted var(--heading);}
    .menu_sec li a::before {top: 3rem;}
    .menu_sec li:last-child a{border-bottom-color: transparent; padding-bottom: 0;} 
    .menu_sec li {font-size: 1.7rem;}
    .srv_box .d-flex{flex-direction: column;}
    .srv_img, .srv_img img{width: 100%;}
    .srv_img img { height: 20rem;}
    .srv_txt {padding: 2.5rem 2rem;}
    .srv_box{min-height: 45.5rem;}
    .about_sec::before {width: 100%;}
    .ab_lt_box {margin: -15rem 0 0 0;}
    .service_sec.ptb{padding: 5rem 0 15rem 0;}
    .ab_lt{text-align: center; margin-bottom: 5rem;}
    .ab_rt {padding-left: 0;}
    .gallery_lt {max-width: 100%; float: none; margin: 0 0 3rem 0 !important;}
    .gallery_sec .container{padding: 0 1.5rem;}
    .faq_sec {margin-left: 0;}
    .subcrip_info { padding: 3rem 6rem;}
    .subcrip_rt{margin-top: 2rem;}
    .ft_top {padding: 5rem 0 4rem 0;}
    h3 {font-size: 2.5rem; line-height: 3.5rem;}
    .social_icons {top: 1rem; bottom: inherit; left: 50%; -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);}

    /* contact_page */
    .contact_lt_info{margin: 0 !important;}
    .inner_banner .banner_box {padding: 10rem 0 5rem;}
    .inner_banner_heading {font-size: 5rem; line-height: 6rem;}

    /* srv_dtls_page */
    .srv_dtls_rt{margin-top: 3rem;}

    /* about_page */
    .we_are_img {padding-left: 0; margin-top: 2rem;}
    .about_company_txt{padding: 7rem 0 0 0;}
    .about_company.ptb {padding: 5rem 0 5rem 0;}
    .about_company_img_fnd img {width: 100%;}
    .about_Project{align-items: center; justify-content: space-between;}
}

@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;}
    .banner_text strong { font-size: 4.5rem; line-height: 5.5rem;}
    .srv_box, .choose_box, .feed_back_box {margin-top: 2rem;}
    .cliet_img img {max-width: 90%;}
    .subcrip_info {padding: 2rem; border-radius: 1rem;}
    .subcrip_info::before {border-radius: 1rem;}
    .footer_sec {padding-top: 4rem;}
    .ft_bottom {flex-direction: column;}
    .ft_lt{display: block; text-align: center; padding-bottom: .55rem;}

    /* contact_page */
    .inner_banner_heading {font-size: 4rem; line-height: 5rem;}
    .inner_banner .banner_box {padding: 8rem 0 5rem;}
    .breadcrumb_sec {bottom: 1rem;}

    /* about_page */
    .about_company.ptb {padding: 4rem 0;}
    .about_Project_txt {padding-left: 0rem;}
    .about_Project h5 {font-size: 1.6rem;}
    .about_Project {padding-top: 1rem;}
    .about_company_txt {padding: 5rem 0 0 0;}
    
}


@media only screen and (max-width: 575px){
    .inner_ptb{padding: 2rem 0 4rem;}
    .rt_call_txt{display: none;}
    .navbar-brand img {width: 9rem;}
    .hd_rt_sec {top: 1rem; right: 4rem !important;}
    .header_menu {padding: 1rem 0;}
    .banner_sub_title {line-height: 5rem; font-size: 7rem; margin-top: 2rem;}
    .banner_text strong {font-size: 3.5rem; line-height: 4.5rem; margin-top: -3rem; padding-bottom: 3rem;}
    .banner_box {padding: 7rem 0 2rem 0;}
    /* .social_icons {bottom: 5rem; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} */
    .bannersec .carousel-indicators {bottom: .5rem;}
    h1, h2 { font-size: 2.5rem; line-height: 3.5rem;}
    h4 {font-size: 1.8rem; line-height: 2.6rem;}
    .ab_lt {padding: 2rem;}
    .popup_box {height: 3.8rem; width: 3.8rem; font-size: 1.4rem;}
    .patner_sec {margin-top: 4rem;}
    .person_img img {width: 7rem; height: 7rem;}
    .person_img strong {font-size: 2.2rem;}
    .quote_box {right: 0rem;}
    .person_img {margin-bottom: 1rem;}
    .ab_lt {margin-bottom: 3rem;}
    .faq_sec .accordion-button h4 {font-size: 1.5rem; line-height: 2.4rem;}
    .faq_sec .accordion-button {padding: 1.2rem 1.5rem;}
    h3 {font-size: 2rem; line-height: 3rem;}
    .ft_frm_sec .input_fld button {width: 20%;}
    .ft_frm_sec .input_fld input[type="email"] {width: 75%;}
    .srv_box {min-height: auto;}
    .ab_lt ul li a { font-size: 1.9rem;}
    /* .service_sec .sub_title{text-align: left !important;} */

    /* contact_page */
    .inner_banner_heading {font-size: 3rem; line-height: 4rem;}
    .breadcrumb_sec {bottom: .5rem;}
    .inner_banner .banner_sub_title { line-height: 2rem; font-size: 5rem;}
    .inner_banner_heading {margin-top: -2rem;}
    .inner_banner .banner_box {padding: 4rem 0;}
    .inner_banner .social_icons{display: none;}
    .breadcrumb_sec .breadcrumb-item{font-size: 1.4rem; line-height: 2rem;}

    /* about_page */
    .about_company_img_snd img { width: 25rem; height: 20rem;}
    .about_company_img_snd {bottom: -3rem;}
    .about_Project{flex-direction: column; justify-content: center;}
    

    
}

@media only screen and (max-width: 350px){
  
    .banner_text strong {padding-bottom: 0;}

}