@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: 400 1.6rem/2.4rem 'Roboto', sans-serif; color: var(--body_txr_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, li{-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;
    --brand: #ff5e00;
    --body_txr_color: #4d546b;
    --blue: #750293;
    --heading: #00235A;
    --white: #fff;
    --backgroundOverlayColor: hsla(0,0%,0%,1);
   }



@keyframes pulse-border{
    0% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
      opacity: 1;
    }
    100% {
      transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
      opacity: 0;
    }
}



/* top_button */
.top_btn {background: var(--brand); border-radius: 100%; bottom: 1rem; color: var(--white); height: 5rem; opacity: 0; overflow: hidden; position: fixed; right: 1rem; width: 5rem; z-index: 9999;  text-align: center; display: inline-block;}
.top_btn i{font-size: 2rem; line-height: 5rem;}
.top_btn.show{opacity: 0.7;}
.top_btn:hover {bottom: .3rem; opacity: 1; color: var(--white);}


.as_btn{background: var(--brand); height: 5rem; display: inline-block; padding: 0 2.5rem; border-radius: .8rem; font-size: 1.6rem; line-height: 5rem; text-transform: capitalize; color: var(--white) !important; position: relative; font-weight: 700; overflow: hidden; z-index: 1; letter-spacing: .1rem; margin-top: 2.5rem;}
.as_btn::after{content: ""; background: var(--heading); position: absolute; height: 1.2rem; width: 1.2rem; right: 0; bottom: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; z-index: -1;}
.as_btn:hover::after{ height: 100%; width: 100%;}
.as_btn i{vertical-align: middle;}
.fixed_icon{position: fixed; top: 50%; right: 0; padding: 1rem 0 1rem;  margin: -8.9rem 0 0; background: var(--white); box-shadow: 0 .6rem 1.2rem rgb(0 0 0 / 25%); z-index: 99999; border-radius: 1rem 0 0 1rem;}
.fixed_icon ul li a{color: var(--heading);  display: block; position: relative; width: 5.5rem;  text-align: center; padding-bottom: 2rem;}
.fixed_icon ul li:last-child a{padding-bottom: 0;}
.fixed_icon ul li a:hover{color: var(--brand);}
.ptb{padding: 6rem 0;}
h1, h2{color: var(--heading); text-transform: capitalize; font-weight: 600; color: var(--heading); font-size: 3.5rem; line-height: 4.5rem;}
h3{font-size: 2.2rem; line-height: 2.8rem; text-transform: capitalize; font-weight: 600; color: var(--brand);}
h6{font-size: 1.8rem; line-height: 2.8rem; text-transform: capitalize; font-weight: 600; color: var(--heading);}
h4{font-size: 1.9rem; line-height: 2.5rem; text-transform: capitalize; color: var(--brand); font-weight: 700;}
em{font-style: normal;}
.img_sec{border-radius: 1rem; overflow: hidden; position: relative; z-index: 1; padding: 2rem; box-shadow: 0 2.6rem 2.6rem rgba(0,0,0, 0.20);}
.img_sec::after { content: ''; position: absolute; top: 0; left: 0; right: 50%; bottom: 50%; z-index: 1; background: var(--brand); z-index: -1;}
.img_sec::before{content: ''; position: absolute; top: 50%; left: 50%; right: 0; bottom: 0; z-index: 1; background: var(--brand); z-index: -1;}
.img_sec img{border-radius: 1rem;}
.hd_title{padding-bottom: 1.5rem; border-bottom: .2rem dashed var(--heading); margin-bottom: 5rem;}


/*header*/
.header_sec{ width: 100%; position: absolute; left: 0; top: 0; z-index: 999; transition: all ease 0.4s; -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
.drop-nav{ position: absolute; top: 10px; right: 0px;}
.menu_sec{padding-right: 15rem;}
.menu_sec li{ position: relative; text-transform: capitalize; font-size: 1.8rem;}
.menu_sec li a{color: var(--heading); display: inline-block; padding-right: 3rem; font-weight: 600;}
.menu_sec li a:hover, .menu_sec li.active a, .menu_sec li.drop_menu a:hover::before, .menu_sec .drop_menu.active a::before{color: var(--brand);}
.nav_top .navbar-brand img{width: 23rem;}   
.heder_top{background:   url(../images/top_bg.png) var(--brand); padding: .5rem 0; background-repeat: repeat-x;} 
.heder_top .d-flex{align-items: center; justify-content: space-between;} 
.top_lt span{font-size: 1.4rem;}
.top_rt ul li{display: inline-block;} 
.top_rt ul li a{color: var(--white); display: inline-block; padding-right: 1.5rem;} 
.top_rt ul li:last-child a{padding-right: 0;}
.top_rt ul li a:hover{color: var(--heading);}
.top_rt a{color: var(--white); text-transform: capitalize;}
/* .nav_top{background: var(--white); position: relative; border-bottom-left-radius: 11rem; border-bottom-right-radius: 11rem; padding: 2rem 7rem;} */
.header_menu{background: var(--white); position: relative; border-bottom-left-radius: 11rem; border-bottom-right-radius: 11rem; padding: 1.5rem 0;}
.con_sec{position: absolute; right: 0; top: .9rem;}
.con_sec i{display: none;}
.header_sec.fixed{position: fixed; left: 0p; 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: 1rem 0;} */
.header_sec.fixed .con_sec {top: 1rem; right: 0;}
.top_rt i{font-size: 2.2rem; vertical-align: middle;}

/* .drop-arw{position: absolute; right: -.1rem; top: 0;} */
.drop_menu a::before {position: absolute; right: 1.1rem; top: 0; content: "\2b"; font-family: "Font Awesome 6 Pro"; font-size: 1.2rem; color: var(--heading); font-weight: 600;}
.drop_menu{margin-right: 1.5rem;}
.drop_menu:last-child{margin-right: 0;}
/* .dropdown_sec{margin-right: 1.5rem;}
.dropdown_sec:last-child{margin-right: 0;}
.menu_sec li:hover .dropdown-toggle::after, .menu_sec li.active .dropdown-toggle::after{color: var(--brand); cursor: pointer;}
.dropdown_sec .dropdown-menu li a{color: var(--white);}
.nav_top .dropdown-menu li a{ font-size: 1.5rem; padding: .8rem 2rem .8rem 0; display: inline-block; width: 100%; border-bottom: .1rem dotted var(--white); letter-spacing: .1rem;}
.nav_top .dropdown-menu li:last-child a{border-bottom-color: transparent;}
.nav_top .dropdown-menu li a:hover{padding-left: 2rem; color: var(--brand);} */
.drop_menu  .sub-menu li a::before{display: none;}
.drop_menu  .sub-menu li a{ font-size: 1.4rem; padding: .8rem 2rem .8rem 0; display: inline-block; width: 100%; border-bottom: .1rem dotted var(--white); letter-spacing: .1rem; color: var(--white);}
.drop_menu  .sub-menu li:last-child a{border-bottom-color: transparent;}
.drop_menu  .sub-menu li a:hover{color: var(--brand);}
.drop_menu  .sub-menu li:last-child a{padding-bottom: 0;}
 


/*banner*/  
.bannersec{ width: 100%; position: relative;}
.bannersec::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: var(--backgroundOverlayColor); content: ""; opacity: 0.6;} 
.banner_box{padding: 25rem 0 15rem;}
.banner_list li{color: var(--white); text-transform: capitalize; font-weight: 600; font-size: 2.2rem; position: relative; padding-left: 2rem; margin-right: 1rem; display: inline-block;}
.banner_list li::before{background: var(--brand); width: .8rem; height: .8rem; border-radius: 100%; content: ""; position: absolute; left: 0; top: .9rem;}
.banner_list li:last-child{margin-right: 0;}
.banner_btn ul li{display: inline-block; margin-right: .8rem;}
.banner_btn ul li:last-child{margin-right: 0;}
.banner_txt{position: relative;}


/* sell_sec */
.sell_info{background:  var(--white); box-shadow: 1.782px 0.908px 40px 0px rgb(0 27 54 / 10%); padding: 2rem; border-radius: 1rem 1rem 0 0;  position: relative; border-left: .5rem solid var(--brand); margin-top: -2rem;}
.sell_lt strong{font-size: 2.8rem; text-transform: capitalize; color: var(--heading); line-height: 3.5rem;}
/* .sell_rt a{color: var(--brand); border-bottom: .1rem dashed var(--brand);}
.sell_rt a:hover{color: var(--brand);} */
.trused_rt{ border-radius: 1rem; overflow: hidden; position: relative; z-index: 1; padding: 2rem 0 0 2rem;}
.trused_rt::after{content: ''; position: absolute; top: 0; left: 0; right: 50%; bottom: 50%; z-index: 1; background: var(--brand); z-index: -1;}
.expre_box{position: absolute; right: 0; bottom: 0; width: 26rem; padding: 1.5rem; z-index: 11; border-radius: .5rem 0 0 0; text-align: left; background: rgb(255, 94, 0, .8); box-shadow: 0 .5rem 2.5rem rgb(0 0 0 / 5%);}
.trused_lt{padding-right: 2rem;}
.special_text{-webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 7.2rem; font-weight: 700; line-height: 0.8em; letter-spacing: -3.6px; opacity: 1; -webkit-text-stroke: .1rem var(--white); text-stroke: .1rem var(--brand); font-family: "Manrope Alt", Sans-serif;  display: inline-block; width: 100%; margin-bottom: 1.5rem;}
.trused_rt img{border-radius: 1rem;}


/* Professional_sec */
.professinal_sec{background-attachment: fixed !important;}
.pro_rt{position: relative;}
.play_btn{position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 6.5rem; height: 6.5rem; background: rgb(255,94,0,0.6); border-radius: 100%; text-align: center; display: inline-block;}
.play_btn i{font-size: 3.5rem; line-height: 6.5rem; color: var(--white);}
.play_btn::after{content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 7rem; height: 7rem; border-radius: 50%;  transition: all .2s;}
.play_btn::before{content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 7rem; height: 7rem; border-radius: 50%; animation: pulse-border 1.5s ease-out infinite; background: rgb(225,94,0,0.3);}
.pro_rt h6{position: absolute; font-weight: 400; color: var(--white); font-size: 1.6rem; padding-left: 5rem; right: 7rem; top: 5rem;}
.pro_rt h6::before{content: ''; width: 4rem; height: .1rem; background: var(--brand); position: absolute; left: 0; top: 50%;}

/* service_sec */
.srv_box{margin-top: 3rem; width: 100%; display: inline-block;}
.srv_img{border-radius: 1rem; overflow: hidden; position: relative; }
.srv_img img{transition: .5s;}
.srv_box:hover .srv_img img{transform: scale(1.1);}
.srv_img::before{position: absolute; top: 50%; left: 50%; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, .2); border-radius: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; z-index: 10;}
.srv_box:hover .srv_img::before{-webkit-animation: circle .75s; animation: circle .75s;}
.srv_txt h4{position: relative;}
.srv_txt h4 a{display: inline-block; padding: 1.5rem 0 1rem 0; color: var(--brand);}
.srv_txt h4 a:hover{color: var(--heading);}
.srv_txt .dtls_list li b{text-transform: capitalize; color: var(--brand);}
.name_title{position: relative;}
.name_title::before{position: absolute; content: ''; left: 0; bottom: 0; width: 100%; background: #e3e3e3; height: .1rem;}
.name_title::after{position: absolute; content: ''; left: 0; bottom: 0; width: 8.5rem; height: .1rem; background: var(--brand);}

/* practice_sec */
.practice_rt{position: relative; display: block; background: #f2f3f5; padding: 1.5rem; border-top-right-radius: 20rem; border-bottom-left-radius: 20rem; overflow: hidden;}
.practive_info{position: relative; display: block; overflow: hidden; border-top-right-radius: 20rem; border-bottom-left-radius: 20rem;}
.practice_lt{padding: 0 2rem 0 0;}
.practice_sec .row:nth-child(even){flex-direction: row-reverse;}
.practice_sec .row{margin-bottom: 7rem;}
.practice_sec .row:last-child{margin-bottom: 0;}
.practice_sec .row:nth-child(even) .practice_lt{padding: 0 0 0 2rem ;}

/* faq_page */
.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{padding-left: 3rem; font-size: 1.7rem;}
.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; left: 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(--green); padding-bottom: .5rem;}
.ask_box .input_fld textarea {font-size: 1.7rem;}
.faq_box{margin-top: 3rem;}

/* kind_sec */
.kind_sec{background-attachment: fixed !important;}
.kind_lt strong{font-weight: 600; font-size: 2.5rem; color: var(--white); display: inline-block; width: 100%; margin-top: 2rem;}
.get_rt {position: relative; display: block; border: 1rem solid var(--white); overflow: hidden; box-shadow: .2rem 3.464rem 1.8rem 0 rgb(227 222 222);}

/* footer */
.footer_sec{background: url(../images/footer_bg.png) #111631; background-size: cover; background-repeat: no-repeat; background-position: center;}
/* .footer_sec::before{background: var(--black); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "";} */
.ft_top{padding-top: 6rem;}
.ft_txt{position: relative; display: inline-block; width: 100%; padding-bottom: 4rem;}
.ft_txt .logo img{width: 28rem;}
.ft_txt .hd_mid_list li i{color: var(--white); font-size: 1.5rem;}
.ft_txt strong{font-size: 2.2rem; font-weight: 700; text-transform: capitalize; line-height: 3rem; position: relative; color: var(--white); padding-bottom: 1.5rem; margin-bottom: 2rem; 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: 3rem; position: absolute; bottom: 0; border-bottom: .2rem solid var(--brand); left: 0;}
.ft_menu_list li{width: 100%; float: left; font-weight: 700; position: relative; padding-left: 2rem; color: #CACFEB; margin-bottom: 1rem;}
.ft_menu_list li:last-child{margin-bottom: 0;}
.ft_menu_list li b{color: var(--white);}
.ft_menu_list li::before{content: "\f054"; font-family: "Font Awesome 6 Pro"; position: absolute; left: 0; top: 0; color: var(--green);}
.ft_menu_list li a{color: var(--white); display: inline-block; margin-bottom: .5rem;}
.ft_menu_list li:last-child a{margin-bottom: 0;}
.ft_menu_list li a:hover{color: var(--brand);}
.footer_bottom{background-color: rgba(0, 0, 0, 0.2); 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);}
.footer_bottom span a:hover{color: var(--brand);}
.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 a:hover{color: var(--brand); border-color: var(--brand);}
.ft_icons li:last-child a{margin-right: 0;}
.ft_para b{display: inline-block; width: 100%; text-transform: uppercase; letter-spacing: .2rem; padding-bottom: .5rem;}
.ft_vontent{padding-bottom: 3rem;}
.ft_vontent ul li{display: inline-block; margin-top: 1rem;}
.ft_vontent ul li a{color: var(--white); display: inline-block; padding: 0 1rem 0 1.5rem; position: relative;}
.ft_vontent ul li a::before{position: absolute; left: 0; top: .9rem; background: var(--brand); width: .8rem; height: .8rem; border-radius: 100%; content: "";}
.ft_vontent ul li a:last-child{margin-right: 0;}
.ft_vontent ul li a:hover{color: var(--brand);}


/* contact_page */
.map_sec{margin-top: 3rem;}
.map_sec iframe{width: 100%; height: 39rem; border-radius: 1rem;}
.inner_banner_txt h1{font-size: 4.8rem; line-height: 5.8rem; color: var(--white); text-transform: capitalize;}
.inner_banner .banner_box {padding: 18rem 0 5rem;}
.contact_sec{background: #F9FAFE;}
.contact_lt, .contact_rt{transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;  padding: 3rem; border-radius: 1rem; background: var(--white);}
.check_title{color: var(--heading); text-transform: capitalize; font-weight: 600;}
.contact_title{font-size: 3rem; position: relative; padding-bottom: 1.5rem; border-bottom: .2rem dashed var(--heading); margin-bottom: 2rem;}
/* .contact_title::before{content: ""; width: 6rem; position: absolute; bottom: 0; left: 0; background: url(../images/shape2.png)no-repeat bottom left; height: .6rem; background-size: 100%;} */
/* .contact_title::after{content: ""; width: 3rem; position: absolute; bottom: 0; border-bottom: .2rem solid var(--brand); left: 0;} */
.contact_information_list li{ margin-bottom: 2rem;}
.contact_information_list li:last-child{margin-bottom: 0;}
.contact_information_list li .ft_icons li{margin: 1.5rem 0 0 !important;}
.contact_information_list li .ft_icons li a {border: .1rem solid var(--heading); color: var(--heading); }
.contact_information_list li .ft_icons li a:hover{color: var(--brand); border-color: var(--brand);}
.contact_information_list li .ft_icons li{width: auto;}
.contact_information_list li b, .contact_information_list li strong{display: inline-block; width: 100%; text-transform: capitalize; color: var(--heading); font-size: 2rem; margin-bottom: .8rem;}
.contact_information_list li strong{margin-bottom: 0;}
.contact_information_list li a{color: var(--body_txr_color);}
.contact_information_list li a:hover{color: var(--brand);}
.contact_information_list li em{font-weight: 500; font-size: 1.8rem; color: var(--heading);}
.breadcrumb_sec{position: relative; overflow: hidden; background: var(--white); padding: 1.2rem 2.5rem 1.2rem; border-radius: 1rem;}
.brad_info{max-width: 100%; display: inline-block; margin-top: 2rem;}
.breadcrumb_sec .breadcrumb-item a{color: var(--heading);}
.breadcrumb_sec .breadcrumb-item{text-transform: capitalize; font-weight: 500; padding-left: 0;}
.breadcrumb_sec .breadcrumb-item.active{color: var(--brand);}
.breadcrumb_sec .breadcrumb-item + .breadcrumb-item::before{color: #e8e8e8; padding: 0 1rem;}







/* form */
.input_fld input[type="text"], .input_fld input[type="email"], .input_fld input[type="tel"], .input_fld input[type="password"], .input_fld select, .input_fld textarea{width: 100%; border: .1rem solid transparent; 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: #F8F9FC;}
.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(--brand); outline: 0; box-shadow: none; }
.input_fld .form-select{background:  var(--white)  url(../images/caret-down.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem; height: 4rem;}
.input_fld button{border: none;}
.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;}

/* ===== Select Box ===== */
.sel {font-size: 1rem; display: inline-block;   width: 100%;   background: #F8F9FC; position: relative; cursor: pointer; border: .2rem solid transparent; border-radius: 1rem; padding: 0 1.5rem; height: 5rem;}
.sel::before {position: absolute; right: 1.5rem; top: 50%; -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); background: url(../images/select_arrow.png)no-repeat right center; content: ""; background-size: 100%; width: 1.4rem; height: .8rem;
}
.sel__placeholder { display: block; font-size: 1.5rem;   text-align: left; pointer-events: none; user-select: none; visibility: visible; position: relative; z-index: 1; line-height: 4.5rem;}
.sel.active .sel__placeholder {visibility: hidden;}
.sel__placeholder::before {position: absolute; top: 0; bottom: 0; left: 0; right: 0; ; content: attr(data-placeholder); visibility: hidden; }
.sel.active .sel__placeholder::before {visibility: visible;}
.sel__box {position: absolute; top: calc(100% + .4rem); left: 0; display: none; list-style-type: none; text-align: left; font-size: 1em; background: var(--white); width: calc(100% + .8rem); box-sizing: border-box; box-shadow: 0 0 1.5rem 0 rgba(0,0,0,.05); z-index: 99; border-radius: .5rem; padding: 1rem 0;}
.sel.active .sel__box {display: block; animation: fadeInUp 500ms;}
.sel__box__options {display: list-item; font-size: 1.6rem;  padding: 0.5rem 1em; user-select: none; font-weight: 500;}
.sel__box__options::after {content: '\f00c'; font-family: 'FontAwesome'; font-size: 0.5em; margin-left: 5px; display: none;}
.sel__box__options.selected::after {display: inline;}
.sel__box__options:hover { background: #ebedef;}

/* ----- Select Box Black Panther ----- */
/* .sel--black-panther {z-index: 3;} */

/* ----- Select Box Superman ----- */
.sel--superman {z-index: 2;}

.sr_choose_sec input[type="checkbox"] {display: none;}
.sr_choose_sec input[type="checkbox"] + label {background: url(../images/uncheck_img1.png) no-repeat left center; cursor: pointer;  display: block; vertical-align: middle; font: 400 1.6rem/2.4rem 'Ubuntu', sans-serif; color: var(--black); padding-left: 3.5rem; margin-top: 1.5rem;}
.sr_choose_sec input[type="checkbox"]:checked + label {background: url(../images/check_img1.png) no-repeat left center;  outline:none;}
.uplod_btn{ width: 100%; display: inline-block; position: relative; margin-top: 1rem; }
.uplod_btn .inputfile+label { border: none;  color:#000; position: relative; padding-top: 1rem; margin: 0; padding-left: 0; padding-bottom: 0;
 float: left;}
.uplod_btn input[type="file"] { display: none;}
.uplod_btn .inputfile-2+label { background: none !important; border: none !important; width: auto; }
.uplod_btn .inputfile-2 + label strong { float: left; width: auto !important;  height: 3.5rem;    text-transform: uppercase;  color: #000 !important;
 background: url(../images/clip.png) no-repeat left top;  padding-left: 2.8rem; letter-spacing: .2rem; }
/* .uplod_btn::before { background: #ffe401; position: absolute; left: 0px; top: 4px;  content: "";  width: 228px;  height: 100%;  -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;  -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s;} */

.uplod_btn .inputfile-2 + label span { float: left; width: auto !important;  height: 3.5rem;  text-transform: capitalize; color: #000 !important;
 margin-left: 1rem; font-size: 1.8rem;}


 /* portfolio_page */
.protfolio_box{border-radius: 1rem; overflow: hidden; position: relative; margin-top: 3rem;}
.mail_sec a{display: inline-block; padding-left: .5rem;}
.mail_sec{display: inline-block;}
.gallery_icon{position: relative; display: inline-block;}
.gallery_icon::before{background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(1.4, 1.4, 1); transform: scale3d(1.4, 1.4, 1); opacity: 0; visibility: hidden; z-index: 1;}
.search_icon{position: absolute; top: 50%; left: 50%; z-index: 1; transition: 0.4s; opacity: 0; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: var(--brand); width: 6rem; height: 6rem;  text-align: center; border-radius: 50%; color: var(--white); display: inline-block; font-size: 2rem;}
.search_icon i{line-height: 6rem;}
.gallery_icon:hover .search_icon{opacity: 1;}
.gallery_icon:hover::before{opacity: 0.7; visibility: visible;} 



/* about_page */
.about_info{margin-top: 2rem;}
.about_list_sec{margin-top: 5rem;}
.about_list li{position: relative; padding-left: 2rem; margin-top: 1rem;}
.about_list li::before{position: absolute; left: 0;  top: 0; font-family: "Font Awesome 6 Pro"; content: "\f101"; color: var(--brand);}
.about_lt h4{color: var(--heading);}


/* careets_page */
.careers_info{border: .2rem dashed var(--brand); padding: 2rem; border-radius: 1rem;}

/* blog_page */
.blog_box{background: #f7f9fa; border-bottom: .5rem solid var(--brand); border-radius: 1rem; overflow: hidden; margin-top: 3rem;}
.blog_img{overflow: hidden; position: relative;}
.blog_img img{-webkit-transition: all 220ms linear 0ms; -khtml-transition: all 220ms linear 0ms; -moz-transition: all 220ms linear 0ms; -ms-transition: all 220ms linear 0ms; -o-transition: all 220ms linear 0ms; transition: all 220ms linear 0ms;}
.blog_box:hover .blog_img img{opacity: .8; -webkit-transform: scale(1.14); -khtml-transform: scale(1.14); -moz-transform: scale(1.14); -ms-transform: scale(1.14); -o-transform: scale(1.14); transform: scale(1.14);}
.blog_txt{padding: 2rem 1rem;}
.blog_txt h4 a{color: var(--heading);}
.blog_txt h4 a:hover{color: var(--brand);}
.blog_date{position: absolute; left: 2rem; top: 2rem; background: var(--brand); color: var(--white); padding: .5rem 1.5rem; text-transform: capitalize; border-radius: .5rem; font-size: 1.4rem; font-weight: 600;}
.blog_title{color: var(--brand); text-transform: capitalize; font-weight: 500; display: inline-block; width: 100%; margin-bottom: .8rem;}

/* blog_details_page */
.authoe_sec i{color: var(--heading); vertical-align: middle;}
.blog_deatils_lt h4{color: var(--heading); margin-top: 1rem;}
.blog_detls_list li{margin-top: 1rem;}
.blog_detls_list li b{position: relative; color: var(--heading); text-transform: capitalize; font-size: 1.8rem; display: inline-block; width: 100%; padding-left: 2rem; padding-bottom: 1rem;}
.blog_detls_list li b::before{position: absolute; left: 0; top: .6rem; background: var(--brand); width: 1rem; height: 1rem; border-radius: 100%; content: "";}
.blog_detls_list{margin-top: 2rem;}
.text_link{color: var(--brand); border-bottom: .1rem dashed var(--brand);}
.text_link:hover{color: var(--heading);}

.txt_title{font-size: 2.5rem; color: var(--brand); text-transform: capitalize;}
.rct_sec{border: .1rem dashed var(--brand); padding: 2rem; border-radius: 1rem; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
.rct_sec:hover{border-color: var(--heading);}
.blog_dtls_rt h4{font-size: 1.7rem; line-height: 2.1rem;}
.blog_txt .in_socl_list li{margin-top: 1.5rem;}
.blog_dtls_rt ul li a img{width: 9.5rem; border-radius: .5rem;}
.blog_dtls_rt ul li{margin-top: 1.5rem; border-bottom: .1rem dashed var(--brand); padding-bottom: 1.5rem; position: relative;}
/* .blog_dtls_rt ul li::before{left: 0; bottom: -.1rem; height: .3rem; content: ""; width: 3.7rem; position: absolute; background: var(--heading);} */
.blog_dtls_rt ul li:last-child{border-color: transparent; padding-bottom: 0;}
.blog_dtls_rt ul li:last-child::before{display: none;}
.blog_dtls_rt ul li a h4{color: var(--heading);}
.blog_dtls_rt ul li a:hover h4{color: var(--brand);}
.up_date{color: var(--body_txr_color); text-transform: capitalize;}

/* demolition_page */
.demol_info{margin-top: 4rem;}
.demol_why_sec{margin-top: 5rem;}
.demol_why_img{position: relative;}
.demol_why_img::before{background: url(../images/doubts-button.png)no-repeat center center; position: absolute; left: 50%; top: 2rem; width: 12rem; height: 12rem; background-size: 100%; content: ""; opacity: .2; -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);}


.bg_incon_sec::before{background: url(../images/i.png)no-repeat top center; top: 0; background-size: 100%;}
.images_box{border-radius: 1rem; overflow: hidden;}
.gallety_imges .owl-nav.disabled, .gallety_imges .owl-dots{display: none;}

/* house_foidation */
.house_info .row:nth-child(even){flex-direction: row-reverse;}
.house_info .row{margin-bottom: 5rem;}
.house_info .row:last-child{margin-bottom: 0;}




.para_txt{color: var(--heading); font-size: 2rem;}



























@media (min-width: 992px) and (max-width: 9000px) 
{
/* .nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0; border: none; border-bottom: .5rem solid var(--brand); 
    background: var(--heading); width: 27rem; padding: 0; border-radius: 0; left: 0; right: inherit; padding: 1rem 1.5rem; box-shadow: inherit; transform-origin: top;
    top: 100%;
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0); border-radius: .5rem;}

.nav_top .dropdown:hover .dropdown-menu { max-height: 30rem; opacity: 1; visibility: visible; top: 3.5rem;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);} */

.menu_sec .sub-menu {position: absolute; width: 22rem; background: var(--heading); border-bottom: 0.5rem solid var(--green); padding: 1rem 1.5rem; top: 100%; left: 0; z-index: 9; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; opacity: 0; visibility: hidden; border-radius: .5rem; border-bottom: .5rem solid var(--brand);} */
.menu_sec li .sub-menu {top: 0; left: inherit; opacity: 0; visibility: hidden; right: 0;}
.menu_sec .drop_menu:hover .sub-menu {top: 4.5rem; opacity: 1; visibility: visible;}
/* .menu_sec .sub-menu {width: 22rem; background: var(--heading); border-bottom: 0.5rem solid var(--green); padding: 1rem 1.5rem; position: absolute; top: 4.5rem; left: 0; z-index: 9; border-radius: .5rem;} */

}

/* responsive */
@media only screen and (max-width: 1399px){
    /* .nav_top {border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 1rem 0;} 
    .header_menu{background: var(--white);}
    .menu_sec {padding-right: 21rem;} 
    .con_sec { right: 0; top: 2rem;} */
    /* .con_sec {right: 4rem;}
    .nav_top {padding: 2rem 5rem; border-bottom-left-radius: 8rem; border-bottom-right-radius: 8rem;}
    .menu_sec {padding-right: 13.5rem;} */
    
}

@media only screen and (max-width: 1200px){
    .header_menu {border-bottom-left-radius: 9rem; border-bottom-right-radius: 9rem;}
    .menu_sec li a {padding-right: 2.5rem;}
    .nav_top .navbar-brand img {width: 22rem;}
}

@media only screen and (max-width: 1199px){
    .con_sec {right: 0; top: 0;}
    .header_sec.fixed .con_sec {top: .2rem;}
    .nav_top .navbar-brand img {width: 18rem;}
    .practice_rt, .practive_info{border-top-right-radius: 15rem; border-bottom-left-radius: 15rem;}
    .menu_sec {padding-right: 14rem;}
    .header_menu {border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 1rem 0;} 
    .header_menu{background: var(--white);}
    .menu_sec li {font-size: 1.6rem;}
    .menu_sec li a {padding-right: 1.5rem;}
    .drop_menu a::before {right: 0.1rem;}

    /* contact_page */
    .map_sec {margin-top: 2rem;}
    .map_sec iframe {height: 37rem;}
    .inner_banner .banner_box {padding: 15rem 0 5rem;}

    /* about_page */
    .about_list_sec{ margin-top: 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(--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;}  
    .con_sec {right: 5rem;}
    .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; align-items: baseline; justify-content: start !important; border-right: .5rem solid var(--brand);}
    .nav_top .navbar-collapse.show {left: 0;}
    /* drop_down */
    .menu_sec .sub-menu {background: var(--heading); margin-top: 1.5rem; border-radius: .5rem; padding: .5rem 1rem;} 
    .drop_menu a::before {top: 1.6rem; right: 1.5rem;}
    .menu_sec .sub-menu li a{padding: .8rem 1rem; font-size: 1.4rem;}
    .drop_menu {margin-right: 0;}
    .menu_sec {padding-right: 0;}
    .menu_sec li a {padding: 1.5rem; width: 100%; border-bottom: .1rem dashed var(--brand);}
    .sell_rt{margin-top: 1rem;}
    .ptb { padding: 5rem 0;}
    .trused_rt{margin-top: 3rem;}
    .ft_top .cll:nth-child(2) .ft_txt, .ft_top .cll:nth-child(3) .ft_txt {padding-left: 0;}
    .trused_lt {padding-right: 0;}
    .practice_lt {padding: 0 !important;}
    .practice_rt{margin-top: 2rem;}
    .header_sec.fixed .con_sec {right: 4rem; top: 1.3rem;}
    .practice_lt h2{text-align: center;}
    .dropdown_sec {margin-right: 0;}
    .con_sec {top: .1rem;}
    .hd_title {margin-bottom: 3rem;}

    /* contact_page */
    .contact_rt{margin-top: 3rem;}

    /* about_page */
    .about_rt{margin-top: 3rem;}

    /* demolition_page */
    .demol_rt{margin-top: 3rem;}
    .demol_info {margin-top: 2rem;}
}

@media only screen and (max-width: 767px){
    
    .container{max-width: 100%; padding: 0 1.5rem;}
    .ptb {padding: 4rem 0;}
    .banner_box {padding: 17rem 0 5rem;}
    .sell_lt strong {font-size: 2.5rem; line-height: 3.5rem;}
    h1, h2 {font-size: 3rem; line-height: 4rem;}
    .banner_list li{margin-bottom: 1rem;}
    .pro_rt{margin-top: 2rem; text-align: center;}
    .professinal_sec .play_btn {position: relative; left: inherit; top: inherit; transform: inherit;}
    .special_text {font-size: 5.8rem; line-height: 0.8em;}
    .ft_top { padding-top: 3rem;}
    .ft_txt {padding-bottom: 3rem;}
    h3 {font-size: 2rem; line-height: 2.8rem;}

    /* contact_page */
    .inner_banner_txt h1 {font-size: 4rem; line-height: 5rem;}

    /* house_foidation */
    .house_info .row {margin-bottom: 3rem;}
    
}


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

  .top_rt a span, .con_sec a span{display: none;}
  .nav_top .navbar-brand img {width: 15rem;} 
  .con_sec i {display: block; line-height: 1.5rem;} 
  .con_sec .as_btn{height: auto; padding: 1rem 1.5rem;}
  .con_sec {right: 4rem; top: .5rem;}
  .header_sec{position: inherit; left: inherit; top: inherit;}
  .banner_box {padding: 5rem 0;}
  h1, h2 {font-size: 2.5rem; line-height: 3.5rem;}
 .special_text {font-size: 4.8rem; line-height: 0.8em; }
 .pro_rt h6 {right: 0;}
 .play_btn {width: 5.5rem; height: 5.5rem;}
 .play_btn::before {width: 6rem; height: 6rem;}
 .play_btn i {font-size: 2.5rem; line-height: 5.5rem;}
 .trused_rt {padding: 1rem 0 0 1rem;}
 .practice_rt, .practive_info {border-top-right-radius: 10rem; border-bottom-left-radius: 10rem; }
 .practice_sec .row { margin-bottom: 3rem; }
 .faq_box {margin-top: 1rem;}
 .ft_txt strong {font-size: 2rem; margin-bottom: 2rem;}
 .footer_bottom .d-flex{flex-direction: column; align-items: center; justify-content: center;}
 .ft_lt{text-align: center; padding-bottom: .5rem;}
  h3 {font-size: 1.8rem; line-height: 2.5rem;}
 .hd_title {margin-bottom: 2rem;}

 /* contact_page */
 .contact_lt, .contact_rt {padding: 1.5rem;}
 .inner_banner_txt h1 {font-size: 3rem; line-height: 4rem;}
 .inner_banner .banner_box {padding: 3rem 0 3rem;}
 .brad_info {margin-top: 1rem;}
 .breadcrumb_sec {padding: 1rem 1.5rem;}
 .breadcrumb_sec .breadcrumb-item{font-size: 1.5rem;}

 /* porotfolio_page */
 .protfolio_box {margin-top: 2rem;}
 .mail_sec{padding: 1.5rem;}

 /* about_page */
 .portofolio_rt {margin-top: 2rem;}
 .about_rt {margin-top: 2rem;}
 .about_list_sec {margin-top: 2rem;}
 .img_sec {padding: 1rem;}

 /* blog_deatils_page */
 .txt_title {font-size: 2.2rem;}
 .blog_dtls_rt h4 {font-size: 1.5rem; line-height: 2.1rem;}
 .blog_dtls_rt ul li a img {width: 8.5rem;}

 /* demolition_page */
 .demol_rt {margin-top: 2rem;}
 .demol_why_sec {margin-top: 3rem;}
 .demol_why_img::before {width: 8rem; height: 8rem;}
    
}

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

}








/* 404-page */
.er-4-0-4-sec{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5rem 0; margin-top: 5rem}.error-img img{max-width:100%;height:auto;object-fit:cover;border-radius:1rem;margin-bottom:3.2rem}h2.er-text-1{font-weight:600;color:var(--secondry-color);margin-bottom:3rem}h2.er-text-1 span{color:var(--primary-color)} @media(max-width:575px){.er-4-0-4-sec{margin-top: 0;}}

/* 404-page */