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

:root{
    --black: #000;
    --brand: #fb0300;
    --body_txt_color: #212121;
    --white: #fff;
    --border_color: #E8E8E9;
   }

   @keyframes letterroll {
    50% {
      transform: translateY(-75%);
      opacity: 0;
    }
    50.1% {
      transform: translateY(75%);
    }
    100% {
      transform: translateY(0%);
      opacity: 1;
    }
  }
  
  @keyframes backroll {
    50% {
      transform: translateY(75%);
    }
    50.1% {
      transform:translateY(-75%);
      opacity: 0;
    }
    100% {
      transform: translateY(0%);
      opacity: 1;
    }
  }


  @keyframes wave{
    0% {
      margin-left: 0;
    }
    100% {
        margin-left: -2600px;
    }
  }

  @keyframes tada{
    0%, 100% {
      transform: scale3d(1, 1, 1);
    }
    10%, 20% {
      transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
      transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
  }

  @keyframes testimonial_anim2{
    0% {
      transform: translateX(0);
    }
    50% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
  }

  @keyframes testimonial_anim{
    0% {
      transform: translateX(0);
    }
    50% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(0);
    }
  }

  @keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
  }

  @keyframes spinInfinit{
    0% {
      transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
  }

  @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);  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;}
.ptb{padding: 6rem 0;}
.inner_ptb{padding: 3rem 0 6rem 0;}
.rating li{display: inline-block !important; margin: .8rem .2rem 0 0 !important; padding: 0 !important; border: none !important; width: auto !important; float: 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";}


.as_btn {width:33.1rem; display: flex; height: 5rem;  color: var(--black) !important; align-items: center; border: solid .1rem var(--black); letter-spacing: .3em; padding-left: 4rem; text-transform: uppercase; margin-top: 3rem;}
.as_btn:hover > div { margin-left: 214px; transition: 0.5s cubic-bezier(.4,0,.2,1) ;}
.as_btn:hover > b { animation: letterroll cubic-bezier(.4,0,.2,1) 0.5s;}
.as_btn b {animation: backroll cubic-bezier(.4,0,.2,1) 0.5s;}
.as_btn div {width: 7.5rem;height:.1rem; background: var(--brand); margin-left: 23rem; position: absolute; transition: 0.5s;}
#butn{visibility: hidden;}
.wdt_button{color: var(--black); overflow: hidden;  font-weight: 600; padding-bottom: .3rem; position: relative; display: inline-block; font-size: 1.8rem; text-transform: capitalize;}
.wdt_button::before, .wdt_button::after{top: auto; content: ''; display: block; width: 100%; height: .1rem; position: absolute; bottom: 0; background: currentColor; transition: transform .4s cubic-bezier(.31,.29,.05,.96);}
.wdt_button::before{left: 0;}
.wdt_button::after{left: -100%; transition-delay: 0.3s;}
.wdt_button_text{display: inline-grid; align-content: center; text-align: left; gap: 1rem; height: 100%;}
.wdt_button:hover{color: var(--brand);}
.wdt_button:hover::before, .wdt_button:hover::after{transform: translateX(100%);}
h6{font-size: 1.8rem; line-height: 2.2rem; text-transform: capitalize; color: var(--black); font-weight: 600;}
h5{font-size: 2rem; line-height: 2.5rem; text-transform: capitalize; color: var(--black); font-weight: 600;}
h3{font-size: 2.2rem; line-height: 2.8rem; text-transform: capitalize; color: var(--black); font-weight: 600;}
h1,h2{font-size: 3rem; line-height: 4.5rem; text-transform: capitalize; font-weight: 700; color: var(--black);}
h1 em,h2 em{color: var(--brand); border-bottom: .5rem solid var(--brand);}
.txt_list li{color: var(--black); position: relative; margin-top: 1.5rem; padding-left: 1.5rem; font-weight: 500;}
.txt_list li::before{position: absolute; left: 0; top: .6rem; width: .8rem; height: .8rem; border: .1rem solid var(--brand); border-radius: 100%; content: "";}
.other_list{width: 100%; display: inline-block;}
.other_list li{width: 50%; float: left;}
.mr_btn{color: var(--brand); text-transform: uppercase; font-size: 1.4rem; line-height: 1.4rem;  display: block; padding-top: 1rem; font-weight: 600;}
.mr_btn i{display: inline-block; font-weight: 100; transform: rotate(-45deg); font-size: 2rem; position: relative; top: 2px;}
.mr_btn:hover{color: var(--black);}
.fixe_rt {position: -webkit-sticky; position: sticky; top: 6.4rem; bottom: 0; z-index: 2; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; width: 100%;}

/*header*/
.header_sec{ width: 100%; position: fixed; left: 0; top: 0; z-index: 999; background: var(--white);}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
.drop-nav{ position: absolute; top: 10px; right: 0px;}
.nav_top .dropdown-menu li a{ font-size: 13px;}
.menu_sec li{ position: relative; text-transform: capitalize; font-size: 1.8rem; font-weight: 500;}
.menu_sec::before{position: absolute; right: 0; top: 0; width: .1rem; height: 100%; content: ""; background: #EBEEEE;}
.menu_sec li a{padding: 1.5rem 3rem 1.5rem 0; display: inline-block; color: var(--black);}
.menu_sec li:last-child a{padding-right: 0;}
.header_top{background: var(--brand); padding: .8rem 0; font-weight: 600;}
.header_top .d-flex{align-items: center; justify-content: space-between;}  
.header_top_rt ul li{display: inline-block; color: var(--white);}  
.header_top_rt ul li a{display: inline-block; padding-right: 1rem; color: var(--white);}
.header_top_rt ul li:last-child a{padding-right: 0;}
.header_top_lt{color: var(--white); font-size: 1.4rem;}
.header_top_lt a{color: var(--white); text-transform: capitalize;}
.visit_txt{padding-right: 1rem; font-size: 1.5rem;}
.nav_top .navbar-brand img{width: 15rem;}
.nav_top .navbar-brand{position: absolute; left: -8rem; top: -6.5rem; height: 11.9rem; padding: 0 2rem 0 0; width: 16rem; display: flex; align-items: center; justify-content: center;}
.nav_top .navbar-brand::before{position: absolute; right: 0; top: 0; width: .1rem; height: 100%; background: #EBEEEE; content: "";}
.header_mid ul{border-bottom: .1rem solid #EBEEEE; text-align: right; margin-left: 7.8rem;}
.header_mid ul li{display: inline-block; position: relative; padding: 2rem 4rem 2rem 5rem; margin-right: 4.5rem; border-right: .1rem solid #EBEEEE; text-align: left;}
.header_mid ul li:last-child{margin-right: 0;}
.top_txt{color: var(--black); font-size: 1.8rem; display: flex;align-items: center;}
.top_txt em{display: inline-block; font-size: 1.3rem; line-height: 1.3rem; color: var(--body_txt_color); text-transform: capitalize; padding-right: .5rem;}
.top_icon{box-shadow: 0 .4rem 2.4rem 0 #DDE2EB; width: 3.5rem; height: 3.5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: var(--brand); position: absolute; left: 0; top: 1.5rem;}
.nav_top .dropdown-menu li a{ font-size: 1.4rem; padding: 1.5rem; border-bottom: .1rem dashed #ccc; width: 100%; position: relative; z-index: 1;}
.nav_top .dropdown-menu li:last-child a{border-bottom-color:transparent;}
.nav_top .dropdown{margin-right: 1rem;}
.drop-arw{cursor: pointer;}
.drop-arw::after {border: none; font-family: "Font Awesome 6 Pro"; content: "\f107"; color: var(--black); font-size: 1.3rem; position: absolute; right: 1.5rem; top: 1.7rem;}
/* .header_menu .container{max-width: 100%; padding: 0 2rem;} */
.rt_btn{position: absolute; right: -7.9rem; top: -2.6rem; cursor: pointer;}
.menu_icon{font-size: 4rem; color: var(--black);}
.header_sec.fixed {box-shadow: 0 0 .7rem 0 #ccc; padding: 1rem 0;}
.header_sec.fixed .header_top, .header_sec.fixed .header_mid{display: none;}
.header_sec.fixed .nav_top .navbar-brand {top: -.4rem; height: auto;}
.header_sec.fixed .nav_top .navbar-brand img{width: 13rem;}
.header_sec.fixed .rt_btn {top: .5rem;}
.menu_drawer {width: 25rem; background: var(--white); height: 100vh;  position: fixed;  left: -20rem;  top: 0;  transition: all ease 0.5s; padding: 5rem 2.5rem 1.5rem 3rem; z-index: 9999; border-right: .5rem solid var(--brand); opacity: 0;}
.open {left: 0; opacity: 1;}
.back_button{position: absolute; right: 2rem; top: 2rem; color: var(--black); cursor: pointer; font-size: 1.8rem; border: .1rem dashed #ccc; width: 3.5rem; height: 3.5rem; display: flex; align-items: center; justify-content: center; border-radius: 100%;}
.social_icons{margin-top: 2rem; text-align: left; width: 100%;}
.social_icons ul li a{display: inline-block; width: 3.5rem; height: 3.5rem; border: .1rem #ccc solid; border-radius: 100%; display: flex; align-items: center; justify-content: center; color: var(--black); margin-top: 1rem; margin-right: .5rem;}
.social_icons ul li{display: inline-block;}
.social_icons ul li a:hover{background: var(--white); color: var(--black);}
.social_icons ul li:last-child a{padding-right: 0;}
.logo_menu img{width: 15rem;}
.side_menu_list {max-height: 40rem !important; overflow-y: auto; margin-top: 3rem;}
.side_menu_list li a{display: block; text-transform: capitalize; color: var(--black); padding: 1rem; border-bottom: .1rem dashed #ccc;}

   
 /*banner*/  
.bannersec{ width: 100%; position: relative;}
.banner_box{padding: 28rem 0;}
.banner_rt_panel{position: absolute; right: 0; top: 70%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);  -moz-transform: translateY(-50%);  -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%;}
.banner_right {background: var(--white); padding: 3rem; width: 40.8rem; border-radius: .5rem; float: left; border-bottom: .3rem solid var(--brand); box-shadow: 0px 11px 35px 0px #E9D1CF;}

.banner_right h6{border-bottom: .1rem dashed #ccc; padding-bottom: 1rem;}
.banner_right .input_fld input[type="date"]{height: 4rem;}
.bannersec .carousel-indicators { left: 3rem; bottom: 35%; right: inherit; margin-left: 0; flex-direction: column; top: inherit;}
.bannersec .carousel-indicators [data-bs-target]{border: none; width: 1.6rem; height: 1.6rem; border-radius: 100%; border: .2rem solid var(--white); background: transparent; position: relative; display: block; margin: 1rem 0;}
.bannersec .carousel-indicators [data-bs-target]::before{content: ''; position: absolute; left: .4rem; top: .4rem; right: .4rem; bottom: .4rem; background: var(--white); border-radius: 50%; z-index: 1;}
.bannersec .carousel-indicators .active, .bannersec .carousel-indicators [data-bs-target]::before .active{opacity: 1;}


/* client_sec */
.client_heading{font-size: 2.4rem; font-weight: 400; line-height: 2.7rem; letter-spacing: -0.5px; color: var(--black);}
.count_number{text-decoration-line: underline; font-weight: 600;}
.client_sec{padding: 3rem 0 5rem 0;}
.clint_image{display: block; margin-top: 6rem; text-align: center;}
.clint_image img{max-width: 100%; max-height: 7rem; width: auto !important; margin: auto;}
.clint_images{border-bottom: .1rem solid #cbd5e0; padding-bottom: 3rem;}

/* about_sec */
.ab_lt{overflow: hidden; display: inline-block; border: 1rem solid var(--white); border-radius: 2rem;  -webkit-box-shadow: 0 3px 50px 0 rgba(41, 183, 155, .1); box-shadow: 0 3px 50px 0 rgba(41, 183, 155, .1); display: block;}
.top_srv_list{display: flex; flex-wrap: wrap; margin: 0 -1rem;}
.top_srv_list li{display: inline-block; padding: 0 1rem; width: 20%;}
.top_srv_list li a{border: none; border-radius: 3rem; display: inline-flex; align-items: center; color: rgb(28 28 28 / 80%); background: var(--white); gap: 2rem; padding: .8rem 2rem .8rem .8rem; transition: .5s; margin-top: 3rem; font-size: 1.5rem; font-weight: 500; text-transform: capitalize; width: 100%; }
.top_srv_icon{display: inline-flex; background: rgb(251 3 0 / 10%); border-radius: 50%; width: 3.5rem; height: 3.5rem; align-items: center; justify-content: center;}
.top_srv_icon img{width: 1.8rem;}
.top_srv_list li a:hover{background: var(--brand); color: var(--white);}
.top_srv_list li a:hover .top_srv_icon{background: var(--white);}
.ab_lt, .ab_rt{margin-top: 3rem;}
.ab_rt{margin-left: 2rem;}

/* call_sec */
.call_info{border: .1rem solid #ccc; border-radius: .5rem; padding: 1rem;}
.call_info_rt{margin-left: 2.7rem; padding: 2.2rem 2.5rem 2.2rem 9rem; background: var(--brand); -webkit-transition: all .3s ease; -khtml-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: relative;}
.call_txt h5 a{color: var(--white);}
.call_icon{position: absolute;  top: 50%; -webkit-transform: translateY(-50%); -khtml-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: -2.5rem; z-index: 1; display: flex; align-items: center; justify-content: center; width: 5.5rem; height: 5.5rem; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: var(--white); -webkit-box-shadow: 0 5px 18px rgba(14, 14, 14, .17); -khtml-box-shadow: 0 5px 18px rgba(14, 14, 14, .17); -moz-box-shadow: 0 5px 18px rgba(14, 14, 14, .17); -ms-box-shadow: 0 5px 18px rgba(14, 14, 14, .17); -o-box-shadow: 0 5px 18px rgba(14, 14, 14, .17); box-shadow: 0 5px 18px rgba(14, 14, 14, .17); font-size: 2rem; color: var(--brand);}
.call_icon i{-webkit-transition: all .3s ease; -khtml-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-animation: tada 1500ms ease-out infinite; -khtml-animation: tada 1500ms ease-out infinite; -moz-animation: tada 1500ms ease-out infinite; -ms-animation: tada 1500ms ease-out infinite; -o-animation: tada 1500ms ease-out infinite; animation: tada 1500ms ease-out infinite;}
.call_info_lt p a{color: var(--brand); text-transform: capitalize;}

/* srv_sec */
.srv_box{margin-top: 3rem; border: .1rem solid #d9e5e3; border-radius: 1rem; overflow: hidden; position: relative; transition: all 0.5s;}
.srv_box:hover{box-shadow: 0 1rem 2rem 0 rgb(0 0 0 / 5%);}
.srv_txt{position: relative;}
.srv_txt_lt{position: relative; padding: 0 8rem 0 0;  border-top: .1rem solid #d9e5e3; margin: 0px;}
.srv_txt_rt{position: absolute; top: 0; right: 0; width: 8rem;}
.srv_icon{position: relative; display: flex; width: 8rem; height: 9rem; text-align: center; border-bottom: .1rem solid #d9e5e3; align-items: center; justify-content: center;}
.srv_icon img{width: 5rem;}
.srv_dtls_link{position: relative; display: flex; align-items: center; justify-content: center; text-align: center; height: 48px;}
.srv_dtls_link i{position: relative; display: inline-block; font-size: 2.4rem; color: #b5c1c0;}
.srv_txt_lt_cont{border-right: .1rem solid #d9e5e3; padding: 2.5rem 1rem 2.2rem 2rem;}
.srv_txt_lt_cont h3{font-size: 2.2rem; line-height: 2.8rem; padding-bottom: 1.2rem; margin-bottom: 1.1rem; border-bottom: .1rem solid #d9e5e3;}
.srv_txt_lt_cont h3 a{color: var(--black);}
.srv_img{overflow: hidden;}
.srv_img img{transition: all 0.5s;}
.srv_box:hover .srv_img img{transform: scale(1.1);}
.all_btn_rt{position: absolute; right: 0; top: 0;}


/* feed_back_sec */
.feed_back_sec{overflow: hidden;}
.feed_back_box{background: var(--white); padding: 3rem; border: .1rem solid #f1f2f4; border-left: .4rem solid var(--brand); position: relative; min-width: 69rem; }
.person_name{font-family: "Fira Sans", sans-serif; color: var(--black); text-transform: capitalize; font-size: 2rem; line-height: 2.5rem;}
.qution_img{position: absolute; right: 3rem; top: 3rem;}
.qution_img img{width: 5rem !important;}
.person_info{position: relative;}
.google_img{position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);}
.google_img img{opacity: .1;}
.testimonial2_lists{ animation: testimonial_anim2 20s infinite ease-out; justify-content: flex-end; gap: 2.4rem;}
.testimonial2_lists_two{margin-top: 2.4rem; animation: testimonial_anim 20s infinite ease-out; justify-content: flex-start; gap: 2.4rem;}
.person_img img{width: 8rem !important; height: 8rem; border-radius: 100%; object-fit: cover; margin-right: 1.5rem;}
.person_flex{display: flex; align-items: center;}
.play_btn {position: relative; width: 3.5rem; height: 3.5rem; background: rgb(251, 3, 0, 0.6); border-radius: 100%; text-align: center; display: flex; align-items: center; justify-content: center; color: var(--white) !important; margin-top: 1.5rem;}
.play_btn::before{width: 4rem; height: 4rem; content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; border-radius: 50%; animation: pulse-border 1.5s ease-out infinite; background: rgb(251, 3, 0, 0.3);}
.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_box{display: flex; align-items: end; justify-content: flex-end;}



/* 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);}
.feed_back_lt img{max-width: 100%; animation: floating 3s linear infinite;}
.faq_content{margin-left: 2rem;}

/* blog_sec */
.blog_box{border-radius: 1rem; overflow: hidden; margin-top: 3rem; display: flex; align-items: center; padding: 1.5rem;}
.blog_txt{position: relative;  background: var(--white); box-shadow: 0 .4rem 3rem .5rem rgba(0, 0, 0, 0.03); border-radius: 1rem; padding: 2.6rem 2.2rem 3.7rem 2.2rem;}
.date_txt{border-top-right-radius: 1rem;  display: block; font-weight: 600; color: var(--brand);}
.blog_txt h3 a{display: block; color: var(--black); padding-top: 1.5rem;}
.date_txt ul li{display: inline-block;}
.aodim_txt{display: inline-block; border: .1rem solid #cccccc; border-radius: 3rem; padding: .5rem 1.5rem;  font-weight: 400; text-transform: capitalize; margin-right: 1rem; color: var(--black);}
.blog_img {max-width: 49rem; padding: 1.5rem; border-radius: 1rem; box-shadow: 0 .4rem 3rem .5rem rgba(0, 0, 0, 0.03); background: var(--white); height: 23rem;}
.blog_img img{height: 100%; object-fit: cover;}
.blog_lt{margin: 3rem 2rem 0 0; background: var(--white); border-radius: 1rem; padding: 3rem;}
.all_more_btn{text-align: center;}
.all_more_btn .as_btn{margin: 3rem auto 0 auto;}
.blog_lt h3 a{color: var(--black);}
.blog_boxes{position: relative;}
.blog_box_main{gap: 2.4rem; position: sticky; top: 12rem; margin-bottom: 2.4rem;}
.blog_box_2{top: 13rem;}
.blog_box_3{top: 14rem;}

/* case_study_sec */
.other_con_box{padding: .1rem 2.5rem 2.5rem 2.5rem; border-left: .3rem solid var(--brand); margin-top: 3rem; position: relative;}
.case_study_lt{position: relative; height: 100%;}
.case_study_lt::before{position: absolute; right: 3rem; bottom: 0; background: url(../images/bg_img_4.png)no-repeat center center; width: 32.5rem; height: 32.5rem; content: ""; background-size: 100%;  animation-name: spinInfinit; animation-duration: 60s; animation-iteration-count: infinite; animation-timing-function: linear; opacity: 0.8;}
.other_con_box ul li{position: relative; margin-top: 2.5rem; padding-left: 5rem;}
.other_con_box ul li .top_icon{top: -.5rem;}
.case_study_box{position: relative;}
.project_txt{position: absolute; bottom: 3rem; left: 3rem;  display: flex; align-items: center; justify-content: space-between;}
.project_txt_lt{background: var(--white); padding: 1rem 5.5rem 1rem 1.5rem; border-left: .3rem solid var(--brand); clip-path: polygon(0% 0%, 0 0, 94% 0, 100% 100%, 0% 100%);}
.case_study_rt{margin-left: 2rem;}
.project_txt h3 a{color: var(--black); }
.project_txt_rt{clip-path: polygon(0% 0%, 0 0, 100% 0, 100% 100%, 20% 100%); background: var(--brand); width: 8.3rem; padding: 2rem; font-size: 3.1rem; display: flex; align-items: center; justify-content: center; color: var(--white) !important;}
.project_txt_rt i{transform: rotate(-45deg);}
.case_study_box{border-radius: .5rem; overflow: hidden;}
.case_study_rt .owl-nav.disabled{display: flex !important; align-items: center; position: absolute; left: -12rem; bottom: 0; font-size: 0;}  
.case_study_rt .owl-nav .owl-prev, .case_study_rt .owl-nav .owl-next{background: var(--white); width: 5rem; height: 5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; box-shadow: 0 5px 18px rgba(14, 14, 14, .17);}
.case_study_rt .owl-nav .owl-prev::before, .case_study_rt .owl-nav .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f060"; font-size: 2rem;}
.case_study_rt .owl-nav .owl-next::before{content: "\f061";}
.case_study_rt .owl-nav .owl-prev{margin-right: 1rem;}



/* footer_sec */
.footer_sec{background: #101828; position: relative; overflow-x: hidden; padding-top: 4rem;}
.fly {position: absolute;}
.circle_shape{right: 0; top: 0;}
.circle_shape img{max-width: 100%; opacity: .3;}
.ft_txt p, .ft_call_txt span, .ft_srv_list li a, .ft_contact li, .ft_contact li a{color: rgba(255, 255, 255, 0.7);}
.fly.wave{background-repeat: repeat-x; bottom: 0; width: 12648px; background-position: bottom left; height: 100%; -webkit-animation: wave 50s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;animation: wave 50s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: none; opacity: 0.5; background: url(../images/wave_shape.png);}
.ft_sovial_rt_list li{display: inline-block;}
.ft_sovial_rt_list li a{color: var(--white); display: inline-block; border-right: .1rem solid #ccc; padding: 0 1rem;}
.ft_sovial_rt_list li:last-child a{padding-right: 0; border: none;}
.ft_sovial_rt_list li:first-child a{padding-left: 0;}
.ft_btm{align-items: center; justify-content: space-between; border-top: .1rem solid rgba(255, 255, 255, .1); padding: 1.5rem 0; position: relative;}
.copy_txt_ft{color: var(--white);}
.ft_txt{position: relative; padding-bottom: 3rem;}
.ft_call_txt{font-size: 2rem; color: var(--brand); display: block; padding-top: 2rem;}
.ft_call_txt span{font-size: 1.4rem; line-height: 1.4rem; display: block; padding-bottom: .2rem;}
.ft_call_txt span i{padding-right: .5rem;}
.ft_call_txt:hover{color: var(--brand);}
.ft_heading{font-family: "Fira Sans", sans-serif; color: var(--white); text-transform: capitalize; font-size: 2rem; line-height: 2.5rem; position: relative; display: block; padding-bottom: 1rem; margin-bottom: 1rem;}
.ft_heading em{color: var(--brand);}
.ft_heading::before{content: ''; width: 6.6rem; height: .2rem; background: var(--brand); position: absolute; bottom: 0; left: 2.5rem; z-index: 1;}
.ft_heading::after{content: ''; width: 2rem; height: .2rem; background: var(--white); position: absolute; bottom: 0;  left: 0; z-index: 1;}
.ft_srv_list li a{position: relative; display: inline-block; margin-top: 1.5rem; padding-left: 2rem;}
.ft_srv_list li a::before{position: absolute; left: 0; top: .6rem; width: .9rem; height: .9rem; border-radius: 100%; content: ""; border: .1rem solid var(--white);}
.ft_srv_list li a:hover{color: var(--brand);}
.ft_contact li{margin-top: 2.5rem;}


/* 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 .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: 4rem;}
.quantity_box .quantity-button {background: var(--white); color: #464646;  width: 3.3rem; height: 4rem; 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: 4rem; width: 100%; border-radius: 0;  text-align: center; border: none; padding-left: 2rem;}
.input_fld .as_btn{margin-top: 1.5rem; background: transparent;}


/* about_page */
.inner_banner_txt{background: var(--white); border-bottom: .5rem solid var(--brand); padding: .5rem 2rem; border-radius: 1rem; display: inline-block;}
.inner_banner .banner_box {padding: 25rem 0 5rem 0;}
.be_with_list {width: 100%; display: inline-block; position: relative; margin: 0 -1.5rem;}
.be_with_list li{width: 33.333%; float: left; padding: 0 1.5rem;}
.be_with_num_box {display: flex; height: 5rem; width: 5rem; background: #D8E7EF; text-align: center; color: var(--black); font-weight: 700; border-radius: 50%; margin-bottom: 1rem; align-items: center; justify-content: center;}
.be_with_list::after{position: absolute; left: .5rem; right: .5rem; content: ""; height: .3rem; border-top: .2rem dashed #cccccc; top: 2.2rem;  z-index: -1;}


/* srv_page */
.srv_listing_box{position: relative; border: .1rem solid #ccc; border-radius: 1rem; margin-top: 3rem;}
.srv_listing_img{padding: 1.5rem; border-right: .1rem solid #ccc;}
.srv_listing_img img{border-radius: 1rem; height: 30rem; object-fit: cover;}
.srv_listing_txt{padding: 1.5rem;}
.srv_listing_txt h3 a{color: var(--black);}
.srv_listing_para{text-align: center;}
.services_listing_sec .services_listing_boxes .srv_listing_box:nth-child(even) .row{flex-direction: row-reverse;}
.services_listing_sec .services_listing_boxes .srv_listing_box:nth-child(even) .row .srv_listing_img {border-left: .1rem solid #ccc; border-right-color:transparent;}
.srv_call_sec{position: relative;}
.srv_call_lt, .srv_call_rt{position: relative;}
.src_call_felx{display: flex; align-items: center; margin-top: 2rem;}
.srv_call_txt em{display: block; font-size: 1.4rem; line-height: 1.4rem; padding-bottom: .2rem;}
.srv_call_txt{font-size: 2.5rem; color: var(--white); font-weight: 600;}
.srv_call_img i{font-size: 3rem; margin-right: 1.5rem; color: var(--brand); -webkit-transition: all .3s ease; -khtml-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-animation: tada 1500ms ease-out infinite; -khtml-animation: tada 1500ms ease-out infinite; -moz-animation: tada 1500ms ease-out infinite; -ms-animation: tada 1500ms ease-out infinite; -o-animation: tada 1500ms ease-out infinite; animation: tada 1500ms ease-out infinite;}
.srv_call_lt{padding: 2.5rem 3rem 2.5rem 4rem;}
.srv_call_info{background: url(../images/shape_img_2.png)no-repeat left center #101828; position: relative; overflow: hidden; border-radius: 1.5rem;}
.cta_mask_img{background-color: var(--black); mask-image: url(../images/mask_img_1.png); mask-repeat: no-repeat; height: 100%;  width: 60rem; position: absolute;  top: 0; right: 0; z-index: 1;}
.srv_call_lt_content .as_btn{color: var(--white) !important; border: solid .1rem var(--white);}
.srv_call_sec .container{max-width: 100%; padding: 0 3rem;}
.srv_call_lt_content p{padding-top: 2rem; color: var(--white);}
.srv_feed_back_rt .feed_back_box{min-width: auto; width: 100%;}
.srv_feed_back_rt .owl-nav.disabled { display: flex !important; align-items: center; position: absolute; left: -16rem; bottom: 0; font-size: 0;}
.srv_feed_back_rt .owl-nav .owl-prev, .srv_feed_back_rt .owl-nav .owl-next { background: var(--white); width: 5rem; height: 5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; box-shadow: 0 5px 18px rgba(14, 14, 14, .17);}
.srv_feed_back_rt .owl-nav .owl-prev {margin-right: 1rem;}
.srv_feed_back_rt .owl-nav .owl-prev::before, .srv_feed_back_rt .owl-nav .owl-next::before {font-family: "Font Awesome 6 Pro"; content: "\f060"; font-size: 2rem;}
.srv_feed_back_rt .owl-nav .owl-next::before {content: "\f061";}
.shape_2{position: absolute;  top: 2.5rem; right: 0; z-index: 2; opacity: 0.2;}
.shape_2 img{max-width: 100%;}
.srv_listing_txt .project_txt_rt{padding: 1rem; margin-top: 1.5rem;}


/* srv_dtls_page */
.srv_dtls_banner .banner_box{position: relative; padding: 20rem 0;}
.srv_dtls_banner .banner_box::before{background-image: linear-gradient(71deg, #131313 40%, #FFFFFF00 100%);
  opacity: 0.8; position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: "";}
.srv_dtls_banner_txt{position: relative; max-width: 50rem;}
.srv_dtls_img{border: 1rem solid #F7F8FC; border-radius: 1rem; display: block; margin-top: 2rem;}
.srv_dtls_img img{border-radius: 1rem;}
.choose_box{overflow: hidden; position: relative; box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%); background: var(--white); padding: 2rem; margin-top: 2rem; border-radius: .5rem;}
.choose_img{background: var(--brand); width: 6rem; height: 6rem; display: flex; align-items: center; justify-content: center; border-radius: 100%; margin-right: 1.5rem;}
.choose_img img{width: 4rem;}
.choose_top_flex{align-items: center;}
.choose_txt{border-top: .1rem dashed #ccc; padding-top: 1.5rem; margin-top: 1rem;}
.srv_gallery_box{margin-bottom: 3rem;}
.srv_dtls_faq{margin: 5rem 0 0 0;}
.ort_srv_box{margin-bottom: 3rem; padding: 2rem; -webkit-box-shadow: 0 0 5rem 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 5rem 0 rgba(0, 0, 0, 0.1); border-radius: .6rem;}
.ort_srv_box ul li a{display: block; border: .1rem solid #e1e5e9; padding: 1.4rem 4rem 1.3rem 4.2rem; position: relative; color: var(--black); font-weight: 600; margin-top: 1.5rem; border-radius: .5rem;}
.ort_srv_box ul li a::before{position: absolute; content: "\f063"; font-family: 'Font Awesome 5 Pro'; font-weight: 700; font-size: 1.2rem; color: #838d9e; left: 2rem; top: 1.6rem; -webkit-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease;}
.ort_srv_box ul li a::after{position: absolute; content: "\f061"; font-family: 'Font Awesome 5 Pro'; font-weight: 700; font-size: 1.3rem; right: 1.5rem; top: 1.6rem; color: var(--white);}
.ort_srv_box ul li a:hover{padding-left: 2rem; color: var(--white); background: var(--brand);}
.ort_srv_box ul li a:hover::before{opacity: 0;}
.ort_srv_box ul li a:hover::after{opacity: 1;}
.srv_dtls_rt_call_box{background: url(../images/shape_img_3.png)no-repeat left top/cover #101828; padding: 3rem; border-radius: 1rem; }
.srv_dtls_rt_call_box h2 a{color: var(--brand); display: block; padding: 1.5rem 0;}
.mail_txt_srv_dtls{font-size: 1.8rem; color: var(--white); border-bottom: .2rem solid var(--white);}
.srv_drls_lt{margin-right: 3rem;}
.srv_drls_con_box{background-color: #F9F9F9; padding: 3rem; border-style: solid; border-width: .1rem .1rem .1rem .1rem; border-color: #E7E7E7; border-radius: 1.6rem 1.6rem 1.6rem 1.6rem;}
.map_sec iframe{width: 100%; height: 36rem;}
.map_sec{margin-left: 2rem;}



/* gallery_sec */
.galler_mid_img.portfolio_box img{height: 40rem; object-fit: cover;}
.galler_lt_img img{height: 19.1rem; object-fit: cover;}


/* portfolio_page */
.portfolio_box{position: relative; margin-top: 2rem; overflow: hidden; border-radius: .5rem;}
/* .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;}


/* blog_page */
.inner_blog_box{border: .1rem solid #ccc; border-radius: 1rem; overflow: hidden;}
.inner_blog_contrnt{padding: 1.5rem;}
.more_btn{background-color: #f4f5f8; display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 2rem; font-size: 1.5rem; text-transform: uppercase; color: var(--black);}
.ad_txt{color: var(--black); text-transform: capitalize; display: block; padding-bottom: .5rem; border-bottom: .1rem dashed #ccc; margin-bottom: .5rem;}
.ad_txt i{color: var(--brand); padding-right: .5rem;}
.more_btn:hover{background: var(--brand); color: var(--white);}
.inner_blog_img{position: relative; overflow: hidden;}
.inner_blog_img img{width: 100%;  -webkit-transform: scale(1);  -khtml-transform: scale(1);  -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);  -webkit-transition: all .3s ease; -khtml-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.inner_blog_box:hover .inner_blog_img img{-webkit-transform: translateX(0) scale(1.1); -khtml-transform: translateX(0) scale(1.1); -moz-transform: translateX(0) scale(1.1); -ms-transform: translateX(0) scale(1.1); -o-transform: translateX(0) scale(1.1); transform: translateX(0) scale(1.1);} 
.inner_date_txt {background: var(--brand); color: var(--white); padding: .4rem 1.3rem; display: inline-block; position: absolute; left: 0; top: 0; border-radius: 0 0 .5rem 0; font-size: 1.4rem;}

.inner_blog_txt h3 a{color: var(--black);}
.gallry_list {display: flex;flex-wrap: wrap; margin: 0 -.5rem;}
.gallry_list li {width: 25%; padding: 0 .5rem;}
.ft_gly_img {display: block;margin-top: 1rem; border-radius: .5rem; overflow: hidden; position: relative;}
.ft_gly_img img { height: 6rem; object-fit: cover;}
.over_lay {position: absolute; height: 100%; left: 0; top: 0; width: 100%; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); opacity: 0; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; background: rgba(0, 0, 0, 0.75); display: flex; align-items: center; justify-content: center;}
.zzoom_hover_icon {color: var(--brand); font-size: 2.2rem;}
.ft_gly_img:hover .over_lay {opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

.other_heading{position: relative; display: block; padding-bottom: 1rem; margin-bottom: 1rem;}
.other_heading::before{content: ''; width: 6.6rem; height: .2rem; background: var(--brand); position: absolute; bottom: 0; left: 2.5rem; z-index: 1;}
.other_heading::after{content: ''; width: 2rem; height: .2rem; background: var(--black); position: absolute; bottom: 0; left: 0; z-index: 1;}
.inner_blog_rt_gallery{border: .1rem dashed #ccc; padding: 1.5rem; border-radius: 1rem;}
.news_letter_box{border: .1rem dashed #ccc; padding: 1.5rem; border-radius: 1rem; margin-top: 3rem;}
.email_box {align-items: center; padding: 1rem; border: .1rem dashed var(--brand); border-radius: .5rem; margin-top: 2rem;}
.blog_email_box .input_fld {display: inline-block; width: 100%;}
.blog_email_box .input_fld input[type="email"] {width: 82%; float: left; border-color: transparent;}
.blog_email_box .input_fld button {width: 15%; float: right; margin: 0; padding: 0; text-align: center; display: flex; align-items: center; justify-content: center; border: none; background: var(--brand); color: var(--white) !important;}
.blog_email_box .input_fld button:hover{background: var(--black);}
.inner_blog_box{margin-top: 3rem;}
.inner_blog_lt{margin-right: 2rem;}

/* blog_dtls_page */
.inner_blog_dtls_lt{margin-right: 2rem;}
.blog_dtls_list{border-bottom: .1rem dashed #ccc; padding-bottom: .5rem;}
.blog_dtls_list li{display: inline-block; margin: 1.5rem 1.5rem 0 0; color: var(--black);}
.blog_dtls_list li:last-child{margin-right: 0;}
.blog_dtls_list li i{padding-right: .8rem; color: var(--brand);}
.blog_dtls_con_box{margin-top: 2rem;}


/* career_page */
.career_box {border: .1rem solid rgba(6, 18, 36, 0.1); padding: 2.6rem 2.3rem; border-radius: 1rem; background: var(--white); margin-top: 3rem; -webkit-transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1); transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1); position: relative;}
.career_box ul li {display: inline-block; margin: 1.5rem 1rem .5rem 0; color: #3c3c3c; font-size: 1.5rem;}
.career_box ul li i{color: var(--brand); padding-right: 1rem;}
.job_time{background:  rgba(251, 3, 0, 0.1); padding: .5rem 1.5rem; display: inline-block; color: var(--brand); border-radius: .5rem; margin-top: 1rem;}
.time_list li{display: inline-block; padding: .6rem 1.8rem; border-radius: 5rem; font-size: 1.4rem; font-weight: 500;  margin: 0 1rem 0 0;}
.f_time {color: #00CA99 !important; background: #e5faf5;}
.freelance {color: #ff5b4a !important; background: #ffefed !important;}
.urgent { color: #c90000 !important; background: #fae5e5 !important;}
.bookmark {text-align: center; position: absolute; right: 4rem; top: 2rem; color: #666; transition: all ease .5s; width: 4rem; height: 4rem; background: #f5f5f5; border-radius: 100%; display: flex; align-items: center; justify-content: center;} 
.bookmark:hover{color: var(--white); background: var(--brand);}
.apply_btn{display: flex; align-items: flex-end; justify-content: flex-end;}
.apply_btn .as_btn{margin-top: 0;}
.career_box:hover{border-color: var(--brand);}

/* contact_page */
.con_banner .banner_box{padding: 20rem 0 5rem 0;}
.con_mun_txt{color: var(--brand); display: block; padding-top: 1.5rem; font-size: 2.4rem; font-weight: 600;}
.con_mun_txt span{color: var(--white);}
.con_banner .as_btn{color: var(--white) !important; border-color: var(--white);}
.inner_map_sec iframe{width: 100%; height: 30rem;}
.inner_con_lt ul {margin-top: 20px;}
.inner_con_lt ul li {position: relative; padding-left: 4.5rem; margin-bottom: 2.2rem;}
.inner_con_lt ul li i { position: absolute; left: 0; top: 0;}
.inner_con_lt ul li a{color: var(--black);}
.qk_sec a{color: var(--brand);}







@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 (min-width: 4000px) and (max-width: 6999px) {
  .banner_rt_panel { width: 44.6%;}
}

@media (min-width: 2500px) and (max-width: 3999px) {
  .banner_rt_panel { width: 41%;}
}

@media (min-width: 2000px) and (max-width: 2499px) {
  .banner_rt_panel { width: 38%;}
}

@media (min-width: 1700px) and (max-width: 1999px) {
  .banner_rt_panel { width: 35.5%;}
}

@media (min-width: 1500px) and (max-width: 1699px) {
  .banner_rt_panel {width: 33.8%;}
}

@media (min-width: 1300px) and (max-width: 1499px) {
  .banner_rt_panel {width: 38.7%;}
}

@media only screen and (max-width: 1299px){
  .banner_rt_panel {width: 37.6%;}
  .nav_top .navbar-brand {left: -2.1rem;}
  .rt_btn {right: -31px; top: -2.1rem;}
  .menu_icon {font-size: 2.5rem;}
  .header_mid ul {margin-left: 13.8rem;}
}
@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;} */
  /* .nav_top .navbar-brand{position: inherit; left: inherit; top: inherit; height: auto;} */
  .header_mid ul {border-bottom: none; text-align: center;}
  .header_mid{padding: 1rem 0;}
  /* .rt_btn {right: .5rem; top: -5.4rem;} */
  .nav_top .navbar-brand, .header_sec.fixed .nav_top .navbar-brand {height: 6.5rem; left: 0; top: -7.5rem; width: auto;}
  .banner_rt_panel{position: inherit; transform:inherit; left: inherit; top: inherit; width: auto; margin: 3rem 5rem 2rem 5rem;}
  .banner_right{width: 100%; float: none;}
  .banner_right .input_fld .as_btn {margin: 1rem auto 0 auto;}
  .header_sec.fixed .header_mid {display: block;}
  .header_sec.fixed {padding: 0;}
  .header_sec.fixed .rt_btn, .rt_btn {top: -4.4rem; right: 0;}
  .header_mid ul li {padding: 1rem 3rem 1rem 5rem;}
  .top_icon {top: .4rem;}
  .header_sec.fixed .nav_top .navbar-brand img , .nav_top .navbar-brand img{width: 11rem;}
  .nav_top .navbar-brand, .header_sec.fixed .nav_top .navbar-brand { height: 5.5rem;top: -6rem;}
  .banner_box {padding: 22rem 0;}
  .bannersec .carousel-indicators {left: 0; bottom: 1rem; flex-direction: row; width: 100%;}
  .bannersec .carousel-indicators [data-bs-target]{margin: 0 .5rem;}
  .top_srv_list li {width: 33.333%;}
  .top_srv_list{justify-content: center;}
  .call_info_rt {padding: 2.2rem 2.5rem 2.2rem 6rem;}
  .srv_txt_lt_cont h3 {font-size: 1.8rem; line-height: 2rem;}
  .feed_back_box {min-width: 50rem;}

  /* srv_listing_page */
  .cta_mask_img, .shape_2{display: none;}
  .srv_call_lt_content{text-align: center;}
  .srv_call_lt {padding: 3rem;}
  .src_call_felx {justify-content: center;text-align: left;}
  .srv_call_lt_content .as_btn {margin: 3rem auto 0 auto;}

  /* srv_dtls_page */
  .srv_dtls_banner .banner_box {padding: 20rem 0 5rem;}
   
}

@media only screen and (max-width: 991px){
    
  .header_mid .top_txt{display: none;}  
  .header_mid .top_icon{position: inherit; left: inherit; top: inherit;}
  .header_mid ul li {padding: 1rem 0; border: none; margin-right: 1.5rem;}
  .header_mid ul{text-align: right; padding-right: 4rem; margin: 0;}
  .header_mid {padding: .5rem 0;}
  .banner_box {padding: 20rem 0;}
  .clint_image {margin-top: 3.5rem;}
  .ab_rt {margin-left: 0;}
  .call_info_rt {margin: 2rem 0 0 0;}
  .case_study_rt{margin: 2rem 0 0 0;}
  .case_study_rt .owl-nav.disabled {left: inherit; right: 2rem; bottom: 3rem;}
  .all_btn_rt {position: inherit; right: inherit; top: inherit; width: 100%; margin-top: 3rem;}
  .all_btn_rt .as_btn{margin: auto;}
  .case_study_lt::before {width: 25.5rem; height: 25.5rem;}
  .ptb{padding: 5rem 0;}
  .inner_ptb{padding: 2rem 0 5rem 0;}

  /* srv_listing_page */
  .inner_banner .banner_box {padding: 20rem 0 5rem 0;}
  .srv_listing_img {border-bottom: .1rem solid #ccc; border-right-color: transparent; border-left-color: transparent;}
  .srv_feed_back_rt{margin-top: 3rem;}
  .srv_feed_back_rt .owl-nav.disabled { position: inherit; left: inherit; bottom: inherit; margin-top: 2rem; }
  .srv_listing_img img {height: auto;}

  /* srv_dtls_page */
  .srv_dtls_banner .banner_box {padding: 18rem 0 5rem;}
  .srv_drls_lt {margin: 0 0 3rem 0;}
  .map_sec{margin: 3rem 0 0 0;}

  /* blog_page */
  .inner_blog_lt {margin: 0 0 3rem 0;}

  /* blog_dtls_page */
  .inner_blog_dtls_lt{margin: 0 0 3rem 0;}

  /* contact_page */
  .inner_con_lt{margin: 0 0 3rem 0;}
  .inner_map_sec iframe {height: 25rem;}
  

}

@media only screen and (max-width: 767px){
    
    .container, .srv_call_sec .container{max-width: 100%; padding: 0 1.5rem;}
    .top_srv_list li {width: 50%;}
    h1, h2 {font-size: 2.5rem; line-height: 3rem;}
    .srv_icon {height: 7rem;}
    .srv_icon img {width: 4rem;}
    .faq_content {margin: 3rem 0 0 0;}
    .feed_back_lt{text-align: center;}
    .feed_back_lt img {max-width: 48%; margin: auto;}
    .blog_box {flex-direction: column;}
    .blog_img {max-width: 100%; height: auto; margin-bottom: 1rem;}
    .blog_box_main {gap: 0; position: inherit; top: inherit; margin: 3rem 0 0 0; padding: 0;}
    .case_study_lt::before {width: 18.5rem; height: 18.5rem;}
    .ptb{padding: 4rem 0;}
    .inner_ptb{padding: 1rem 0 4rem 0;}
    .client_sec {padding: 3rem 0 4rem 0;}

    /* srv_listing_page */
    .inner_banner_txt {max-width: 18.5rem;}
    .srv_call_lt h2{line-height: 3.8rem;}
    
    /* srv_dtls_page */
    .galler_mid_img.portfolio_box img {height: 35rem;}
    .galler_lt_img img {height: 16.5rem;}
    .map_sec iframe {height: 30rem;}

    
    
}


@media only screen and (max-width: 575px){
  .header_top .d-flex {justify-content: center; flex-direction: column;}
  .banner_rt_panel {margin: 2rem 1.5rem;}
  .as_btn{width: 100%; padding: 0 1.5rem; justify-content: center;}
  .as_btn div{display: none;}
  .header_top_lt{display: block; text-align: center; font-size: 1.2rem;}
  .top_srv_list li a {border-radius: 1rem; flex-direction: column; font-size: 1.2rem; padding: 1rem .5rem; line-height: 1.2rem;}
  h1, h2 {font-size: 2rem; line-height: 3rem;}
  .ab_rt, .clint_image, .srv_box, .blog_box_main{margin-top: 2rem;} 
  .other_list li {width: 100%;}
  .call_icon {left: .7rem; width: 3.5rem; height: 3.5rem; font-size: 1.5rem; position: inherit; top: inherit; transform: inherit; margin-right: 1.5rem;}
  .call_info_rt {padding: 1.5rem; display: flex; align-items: center;}
  .srv_txt_lt {padding: 0;}
  .banner_box {padding: 15rem 0;}
  .client_heading {font-size: 2rem; line-height: 2.5rem;}
  .srv_txt_rt {position: inherit; top: inherit; right: inherit; width: 100%; display: flex; align-items: center; justify-content: space-between; padding: 1rem 1.5rem;}
  .srv_icon{width: auto; height: auto; border: none;}
  .srv_txt_lt_cont{border-right-color: transparent; border-bottom: .1rem solid #d9e5e3; padding: 1.5rem;}
  .feed_back_box {min-width: 26rem; padding: 2rem;}
  .faq_heading {font-size: 1.5rem; line-height: 2rem; margin-right: 3rem;}
  .blog_txt{padding: 1.5rem;}
  .blog_txt h3{font-size: 2rem; line-height: 2.5rem;}
  .top_txt {align-items: start; flex-direction: column;}
  .sub_txt{font-size: 1.2rem;}
  .project_txt {bottom: 2rem; left: 2rem;}
  .project_txt_lt h3{font-size: 1.8rem; line-height: 2rem;}
  .project_txt_rt {width: 6.3rem; padding: 1.5rem; font-size: 2.5rem;}
  .case_study_rt .owl-nav.disabled{position: inherit; left: inherit; right: inherit; bottom: inherit; margin-top: 2rem; justify-content: center;}
  .inner_ptb{padding: 2rem 0 4rem 0;}
  .person_flex {align-items: start; flex-direction: column;}
  .person_img img {margin: 0 0 1.5rem 0;}


  /* srv_listing_page */
  .inner_banner_txt h1{font-size: 2.5rem; line-height: 3rem;}
  .inner_banner .banner_box {padding: 20rem 0 3rem 0;}
  .srv_listing_box, .srv_feed_back_rt{margin-top: 2rem;}
  .src_call_felx {flex-direction: column;}
  .srv_call_txt {font-size: 2rem;}
  .srv_call_img{background: var(--white); width: 5rem; height: 5rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; margin: 0 0 1.5rem 0;}
  .srv_call_img i{margin: 0;}
  .srv_call_lt h2 {line-height: 2.8rem; font-size: 1.8rem;}
  .srv_call_lt {padding: 2rem;}

  /* srv_dtls_page */
  .portfolio_link{width: 3rem; height: 3rem; font-size: 1.5rem; color: var(--brand); z-index: 9;}
  .galler_mid_img.portfolio_box img {height: 25rem;}
  .galler_lt_img img {height: 11.5rem;}
  .ort_srv_box li{font-size: 1.4rem;}
  .srv_dtls_rt_call_box, .srv_drls_con_box {padding: 2rem;}
  .map_sec iframe {height: 25rem;}

  /* blog_page */
  .gallry_list li {width: 50%;}
  .inner_blog_contrnt h3{font-size: 1.8rem; line-height: 2.2rem;}

  /* career_page */
  .bookmark {right: 1rem; top: 1rem;}
  .job_time {font-size: 1.3rem;}
  .career_box ul li {margin: 1.5rem .5rem .5rem 0; padding: .6rem 1.2rem; font-size: 1.4rem;}

  /* contact_page */
  .inner_map_sec iframe {height: 20rem;}

}

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

}