@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
*{padding: 0px; margin: 0px; outline: none; list-style: none; text-decoration: none !important;}
body{font: normal 1.6rem/2.4rem 'Roboto', sans-serif; color: var(--boby_txt_color); }
/* p{padding: 0px; margin: 0px;} */
/* a{padding: 0px; margin: 0px; outline: none;} */
ul,p{ 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{font-family: "Roboto Condensed", sans-serif; margin: 0;}
/* 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; }
/* background-size: 250% auto; */
/* font-family: "Roboto", sans-serif; */
/* font-family: "Rajdhani", sans-serif; */
/* font-family: "Roboto Condensed", sans-serif; */

:root{
    --black: #00081B;
    --brand: linear-gradient(-90deg, #0c0c0c 51%, #3a59ac 0%, #db014f 100%);
    --boby_txt_color: #3E3F3F;
    --white: #fff;
    --red: #db014f;
   }

@keyframes pxl_right_left{
    0% {
        transform: translateX(0);
      }
      25% {
        transform: translateX(40px);
      }
      50% {
        transform: translateX(0);
      }
      75% {
        transform: translateX(-40px);
      }
      100% {
        transform: translateX(0);
      }
}

@keyframes gradient{
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes shine{
  100% {
    background-position: -200% center;
  }
}

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

@keyframes scroll {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(calc(-100%));
  }
}

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

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes topBottomTwo{
  0%, 100% {
    transform: translateY(0);
  }
  25%, 75% {
    transform: translateY(5px);
  }
  50% {
    transform: translateY(-5px);
  }
}

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

@keyframes alltuchtopdown{
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
}
50% {
    -webkit-transform: rotateX(0deg) translateY(-20px);
    -moz-transform: rotateX(0deg) translateY(-20px);
    -ms-transform: rotateX(0deg) translateY(-20px);
    -o-transform: rotateX(0deg) translateY(-20px);
    transform: rotateX(0deg) translateY(-20px);
}
100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px);
}
}


@keyframes float-bob-y{
  0% {
    transform: translateY(-20px);
  }
  50% {
      transform: translateY(-10px);
  }
  100% {
      transform: translateY(-20px);
  }
}

@keyframes open {
  0% {
    opacity: 0;
    transform: translateY(-10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}


@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}




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


em{font-style: normal;}
.as_btn{display: inline-block; padding: 0 3.5rem; height: 5rem; line-height: 5rem; text-transform: uppercase; font-size: 1.4rem; background: var(--red); text-align: center; color: var(--white) !important; background-size: 250% auto; margin-top: 2rem; border-radius: 2.5rem; position: relative; overflow: hidden; font-weight: 600; letter-spacing: .1rem;}
.btn_txt{display: block; position: relative;  transition: all 0.4s ease-in-out;}
.as_btn:hover{box-shadow: 0 0 1rem 0 var(--red);}
.btn_txt1{position: absolute; top: 100%; display: block; transition: all 0.4s ease-in-out;}
.btn_wrap{display: inline-block; overflow: hidden; position: relative; z-index: 1;}
.as_btn:hover .btn_txt{transform: translateY(-150%);}
.as_btn:hover .btn_txt1{top: 50%; transform: translateY(-50%);}
.sub_txt{background-image: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 100%); box-shadow: 0 2rem 3rem 1rem rgba(200, 208, 214, 0.25); padding: .8rem 2.9rem .9rem 2.9rem; color: var(--red); display: inline-flex; align-items: center; justify-content: space-between; border-radius: 2.5rem; margin-bottom: .8rem; text-transform: capitalize;}
.dot{width: .8rem; height: .8rem; background: var(--red); border-radius: 100%; display: inline-block; position: relative;}
.dot_left{left: -.9rem; top: .1rem;}
.dot_right{right: -.9rem; top: .1rem;}
.ptb{padding: 6rem 0;}
.inner_ptb{padding: 3rem 0 6rem 0;}
.other_ptb{padding: 6rem 0 3rem 0;}
h4{font-size: 3rem; text-transform: capitalize; color: var(--black); line-height: 3.5rem; font-weight: 700;}
h3{font-size: 2.5rem; text-transform: capitalize; color: var(--black); line-height: 3rem; font-weight: 700;}
h5{font-size: 2rem; text-transform: capitalize; color: var(--black); line-height: 2.5rem; font-weight: 700;}
/* .add_btn {background: #f8f8f8; border-radius: 5rem; height: 5rem; line-height: 5rem; text-transform: capitalize;  color: var(--black); text-transform: capitalize; font-weight: 500; position: relative; display: inline-block; padding: 0 1.5rem; text-align: center; margin-top: 2rem;}
.book_icon { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: calc(30px + (37 - 30) * ((100vw - 320px) / (1920 - 320)));height: calc(30px + (37 - 30) * ((100vw - 320px) / (1920 - 320))); background: var(--white); border-radius: 100%; color: var(--red); position: absolute; right: .4rem; top: 50%;}
.add_btn:hover{background: var(--red); color: var(--white);}
.add_btn b{display: inline-block; padding: 0 3.5rem 0 0;} */
.call_btn{color: var(--black); border: .2rem solid #e6e1e1; padding: 0 3rem; height: 5rem; line-height: 4.9rem; text-transform: capitalize; font-weight: 500; display: inline-block; border-radius: 2.5rem; margin-top: 1.3rem; text-align: center;}
.call_btn i{padding-left: .5rem;}
.call_btn:hover{background: var(--brand); color: var(--white); border-color: transparent; background-size: 250% auto;}
.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%;}

h1,h2{font-size: 4rem; line-height: 4.5rem; text-transform: capitalize; color: var(--black); font-weight: 800;}
h1 span, h2 span{background: var(--brand); background-size: 250% auto; background-clip: text; -webkit-text-fill-color: transparent; animation: shine 8s linear infinite;}
.rating li { display: inline-block !important;margin: 0 .2rem 0 0 !important; padding: 0 !important; border: none !important; width: auto !important; float: none !important;}
.bold_icon::before, .liner_icon::before {font: normal 1.4rem / 1 FontAwesome; content: "\f006"; color: #FFC107;}
.bold_icon::before {content: "\f005";}
.transition{transition: all 0.5s ease;}




/*header*/
.header_sec{ width: 100%; position: fixed; left: 0; top: 0; z-index: 9999; background: var(--white);}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0;}
.nav_top .dropdown-menu li a{ font-size: 1.5rem; border-bottom: .1rem dashed #ccc; padding: 1rem 0; display: block; width: 100%; color: var(--black) !important;}
.nav_top .dropdown-menu li a:hover{color: var(--red) !important;}
.nav_top .dropdown-menu li:last-child a{border-bottom-color:transparent;}
.menu_sec{padding-right: 44rem;}
.menu_sec li{ position: relative; text-transform: capitalize; font-size: 1.7rem; font-weight: 500;}
.menu_sec li a{display: inline-block; padding: 1.5rem 3rem 1.5rem 0; color: var(--black);}
.menu_sec li a:hover, .menu_sec li.active a{color: var(--red);}
.menu_sec li:last-child a{padding-right: 0;}
.heder_top{padding: .5rem 0; text-align: center; background: var(--brand); color: var(--white); background-size: 250% auto;}
.heder_menu {padding: .5rem 0;}
.heder_menu .container{max-width: 100%; padding: 0 5rem;}  
.nav_top .navbar-brand img{width: 30rem;}
.heder_menu{box-shadow: 0 1.5rem 2rem 1rem rgba(215, 216.99999999999997, 236.99999999999997, 0.15);}
.heder_rt_ph_btn{position: absolute; right: 23.8rem; top: .7rem;}
.heder_rt_ph_btn a{display: inline-flex; align-items: center; color: var(--black); border-right: .2rem solid #262B3538; padding-right: 2rem;}
.heder_rt_ph_icon{width: 4rem; height: 4rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: var(--red); margin-right: 1rem;}
.heder_rt_ph_icon img{width: 2.2rem;}
.heder_rt_ph_txt em{display: block; font-size: 1.4rem; line-height: 1.4rem; text-transform: capitalize; color: #4E5D6A; font-weight: 500;}
.heder_rt_ph_txt{color: var(--black); font-size: 1.8rem; font-weight: 600;}  
.rt_top_social_list ul li{display: inline-block; margin-right: .8rem;}
.rt_top_social_list ul li:last-child{margin-right: 0;}
.rt_top_social_list ul li a{border: .1rem solid #E7EDF3; width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; color: #B8B9DA; border-radius: 100%;}
.rt_top_social_list ul li a:hover{color: var(--white); background: var(--red);}
.rt_top_social_list{position: absolute; right: 0; top: .7rem;}
.header_sec.fixed .heder_top{display: none;}
.drop-arw::after{position: absolute; right: 1.3rem; top: 1.5rem; border: none; font-family: "Font Awesome 6 Pro"; content: "\f107"; color: var(--black); font-size: 1.4rem;}
.menu_sec li.dropdown{margin-right: 1rem;}


/*banner*/  
.bannersec{ width: 100%; position: relative;}
.banner_box{padding: 20rem 0 5rem; position: relative;}
.banner_lt_img{position: absolute; left: 0; bottom: 0; animation: pxl_right_left 12s ease-out infinite; -webkit-animation: pxl_right_left 12s ease-out infinite;}
.banner_lt_img1{position: absolute; bottom: 0; right: 0;}
.banner_lt_img1 img{opacity: .5;}
.banner_txt strong, .info strong{text-transform: capitalize; color: var(--black); font: 800 4.5rem/5rem "Roboto Condensed", sans-serif; display: block;}
.banner_txt, .banner_img{position: relative;}


/* service_sec */
.srv_rt_box{margin: 0 auto; border-style: solid !important; border-width: .1rem .1rem .1rem .1rem !important; border-color: #E6EEFF !important; padding: 3rem; -webkit-box-shadow: 0 0 43px rgba(7,23,85,.1);
  -khtml-box-shadow: 0 0 43px rgba(7,23,85,.1);
  -moz-box-shadow: 0 0 43px rgba(7,23,85,.1);
  -ms-box-shadow: 0 0 43px rgba(7,23,85,.1);
  -o-box-shadow: 0 0 43px rgba(7,23,85,.1);
  box-shadow: 0 0 43px rgba(7,23,85,.1); border-radius: 1rem; position: relative; margin-left: 3rem;}
.frm_icon{position: absolute; right: 2rem; top: 2.1rem; color: #647293;}
.srv_rt .input_fld input[type="text"], .srv_rt .input_fld input[type="email"], .srv_rt .input_fld select{height: 6rem;}
.check_fld input[type="checkbox"] {display: none;}
.check_fld input[type="checkbox"] + label {background: url(../images/check_img.png) no-repeat left center; cursor: pointer; display: block; -vertical-align: middle; color: var(--black); padding-left: 3.5rem; margin-top: 1.1rem;}
.check_fld input[type="checkbox"]:checked + label {background: url(../images/uncheck_img.png) no-repeat left center; outline:none;}
.srv_box{background: var(--white); box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%); padding: 2rem; margin-top: 3rem; border-radius: .5rem;}

.srv_img a{position: relative; display: block; z-index: 1; border-radius: .5rem; overflow: hidden;}
.txt_list li{position: relative; text-transform: capitalize; color: var(--black); margin-top: 1.5rem; padding-left: 2.2rem;}
.txt_list li::before{font-family: "Font Awesome 6 Pro"; content: "\f058"; color: var(--red); position: absolute; left: 0; top: 0;}
.srv_txt h3 a{color: var(--black);}
.srv_img, .srv_img img{height: 100%; object-fit: cover;}
.srv_rt{margin-top: 3rem;}
.srv_btn_list li{display: inline-block; margin-right: 1rem; width: 50%;}
.srv_btn_list li a{padding: 0 2rem; width: 100%;}
.srv_btn_list li:last-child{margin-right: 0;}
.srv_btn_list{display: flex; align-items: center;}
.batch_images{margin-top: -5.5rem;}
.batch_images li img { max-width: 100%; width: 6rem;}
.batch_images li{display: inline-block; margin-right: 1rem;}
.batch_images li:last-child{margin-right: 0;}
.srv_box:hover .srv_img img{transform: scale(1.1);}



/* about_sec */
.about_sec{position: relative;}
.ab_rt{margin: 3rem 0 0 2rem; position: relative; z-index: 2;}
.ab_lt{position: relative; z-index: 2; margin-top: 3rem;}
.ab_lt img{border-radius: .5rem;}
.ab_lt, .ab_lt img{height: 100%; object-fit: cover;}
.ab_lt_img{position: absolute; left: -2.5rem; top: -2.5rem; animation: jump 4s infinite linear; background: var(--black); display: flex; align-items: center; padding: 1rem 1.5rem; border-radius: .5rem;}
/* .ab_lt_img img{width: 17rem;} */
.ab_shape_img{position: absolute; left: 0; top: 0; animation: pxl_right_left 12s ease-out infinite; -webkit-animation: pxl_right_left 12s ease-out infinite;}
.ab_shape_img1{position: absolute; right: 0; top: 0;}
.ab_shape_img3{position: absolute; right: 0; bottom: 0;}
.ab_frature{border-top: .1rem solid #ccc; margin-top: 1.5rem;}
.ab_frature_list li{display: inline-flex; align-items: center; margin-top: 3.5rem; width: 50%; float: left;}
/* .ab_feature_icon{background: var(--white); width: 6rem; height: 6rem; display: flex; align-items: center; justify-content: center; margin-right: 1rem; box-shadow: 0 5px 20px rgba(204,204,204,.3);} */
.ab_feature_txt{color: var(--black); text-transform: capitalize; font-size: 2.2rem; line-height: 2.8rem; font-family: "Rajdhani", sans-serif; font-weight: 800;}
.ab_feature_icon img{width: 5rem; margin-right: 1.5rem;}
.ab_frature_list{display: inline-block; width: 100%;}
.ab_lt_img_icon img{width: 4.5rem; margin-right: 1rem;}
.ab_lt_img_txt h6{color: var(--white); font-size: 1.8rem; line-height: 1.8rem; font-weight: 600; letter-spacing: .1rem;}
.awat_txt{border-bottom: .1rem solid var(--white); padding-bottom: .4rem; margin-bottom: .4rem;}
.about_top{z-index: 2;}
.count_box{margin-top: 4rem; text-align: center;}
.count_munber strong{font-size: 4rem; line-height: 4.5rem; color: var(--red); font-weight: 800; text-shadow: 0 5px 6px #c9c9c9;}
.count_munber sub {bottom: .2rem;}
.count_txt{color: var(--black); text-transform: capitalize; font-size: 1.8rem; line-height: 1.8rem; display: block; font-weight: 600; padding-top: .5rem;}
.ab_rt .as_btn{margin-top: 3rem;}


/* recent_project */
.recent_project_box{position: relative; display: block; overflow: hidden; border-radius: .5rem;}
.recent_project_box::before{content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border: .2rem solid var(--black); background: rgba(33, 36, 45, 0.90); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective(1200px) rotateX(0deg) scale(1.3); transform: perspective(1200px) rotateX(0deg) scale(1.3); transition: all 700ms linear; transition-delay: 0s; transition-delay: 0.1s; opacity: 0; z-index: 2;}
.img_holder{position: relative; display: block;}
.inner {position: relative; display: block; overflow: hidden;}
.inner img{width: 100%; transition: all 200ms linear; transition-delay: 0.1s; height: 100%; object-fit: cover;}
.overlay_content{position: absolute; top: -30%; left: 0; bottom: -30%; right: 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: perspective(1200px) rotateX(0deg) translateZ(-100%); transform: perspective(1200px) rotateX(0deg) translateZ(-100%); -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; opacity: 0; z-index: 2;}
.title_box{position: absolute; left: 2rem; bottom: 1.4rem; right: 2rem;}
.button_rt{position: absolute; top: 2rem; right: 2rem;}
.button_rt a {position: relative; width: 3.5rem; height: 3.5rem; background: var(--red); font-size: 1.5rem; text-align: center; display: flex; align-items: center; justify-content: center; color: var(--white); border-radius: .5rem;}
.recent_project_box:hover::before{-webkit-transform: perspective(1200px) rotateX(0deg) scale(1.0); transform: perspective(1200px) rotateX(0deg) scale(1.0); opacity: 1;}
.recent_project_box:hover .overlay_content{-webkit-transform: perspective(1200px) rotateX(0deg) translateZ(0px); transform: perspective(1200px) rotateX(0deg) translateZ(0px); top: 0; bottom: 0; opacity: 1;}
.recent_project_rt{margin-right: -29rem; height: 100%;}
.recent_project_rt .owl-nav{display: flex; align-items: center; position: absolute; left: -14.9rem; bottom: 0; font-size: 0;}
.recent_project_rt .owl-prev, .recent_project_rt .owl-next{border: .2rem solid #3e4354; width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center;}
.recent_project_rt .owl-prev::before, .recent_project_rt .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f104"; color: var(--black); font-size: 1.8rem;}
.recent_project_rt .owl-next::before{content: "\f105";}
.recent_project_rt .owl-prev{margin-right: 1rem;}
.title_box h3 a, .title_box p{color: var(--white);}


/* client_sec */
.marquee { width: 100%; margin:auto; --duration: 60s; display: flex; overflow: hidden; user-select: none; gap: 4rem; background-size: 250% auto !important; }
.marquee__group { flex-shrink: 0; display: flex; align-items: center; justify-content: space-around; gap: 6rem; min-width: 100%; animation: scroll var(--duration) linear infinite;}
.marquee__group img {max-width: clamp(21rem, 1rem + 28vmin, 20rem); object-fit: cover; border-radius: 1rem; max-height: 8rem; margin: auto;}
.marquee--reverse .marquee__group {animation-direction: reverse;animation-delay: calc(var(--duration) / -2);}
.clients_box{text-align: center;}
.clients_sec{padding: 3rem 0;}


/* feed_back_sec */
.feed_back_lt{margin-right: 2rem;}
.feed_back_box{background: #F7F8FC; padding: 3rem 3rem 5rem 3rem; position: relative; margin-top: 3rem; margin-right: 70px; margin-bottom: 35px;}
.feed_back_box::before{content: ""; background: linear-gradient(45deg, #0E90D5, #3032A2) !important; height: 100%; width: 100%; position: absolute; top: 0; left: 0; opacity: 0.05; -moz-transform: translate(10px, 10px); -o-transform: translate(10px, 10px); -ms-transform: translate(10px, 10px); -webkit-transform: translate(10px, 10px); transform: translate(10px, 10px); -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.person_txt{position: relative;}
.person_img{position: absolute; right: 0; bottom: 0;}
.person_name{text-transform: capitalize; color: var(--black); font-weight: 800; font-family: "Roboto Condensed", sans-serif; display: block; font-size: 2.8rem; line-height: 3rem; margin-top: 2rem;}
.person_post{font-size: 1.4rem; line-height: 1.4rem; text-transform: uppercase; color: var(--red); font-weight: 600; display: block; padding-top: .1rem;}
.qution_img{position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.qution_img img{opacity: 0.1;}
.feed_back_boxes{position: relative;}
.feed_back_boxes .owl-nav{display: flex; align-items: center; background: var(--black); position: absolute; bottom: 1rem; right: 35%; font-size: 0; width: 13rem; justify-content: center; -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);}
.feed_back_boxes .owl-prev, .feed_back_boxes .owl-next{width: 6rem; height: 5rem; color: var(--white); display: flex; align-items: center; justify-content: center;}
.feed_back_boxes .owl-prev::before, .feed_back_boxes .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f104"; color: var(--white); font-size: 1.8rem;}
.feed_back_boxes .owl-next::before{content: "\f105";}
.feed_back_boxes .owl-nav::after {position: absolute; top: 2rem; left: 50%; bottom: 2rem; width: .1rem; background: var(--white); opacity: 0.20; content: "";}
.person_img{position: absolute; right: -6.5rem; bottom: -3.4rem;}
.person_img img{width: 13rem !important; height: 13rem; object-fit: cover; border-radius: .5rem;}
.play_btn { position: absolute; right: 3rem; bottom: 3rem; width: 4.5rem; height: 4.5rem; background: rgb(219,1,79,0.6); border-radius: 100%; text-align: center; display: inline-block; display: flex; align-items: center; justify-content: center; z-index: 1; color: var(--white) !important;}
.play_btn::before {content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); display: block; width: 5rem; height: 5rem; border-radius: 50%; animation: pulse-border 1.5s ease-out infinite; background: rgb(219,1,79,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;}

/* call_sec */
.call_sec{padding: 3rem 0;}
.call_btn_list .as_btn{background: var(--white); color: var(--red) !important; line-height: 5.5rem;}
.call_as_btn{display: inline-flex; align-items: center; justify-content: center; border: .1rem solid var(--white); height: 5rem; line-height: 4.9rem; padding: 0 1.5rem 0 1rem; border-radius: 2.5rem; font-weight: 600; color: var(--white); margin-top: 2rem;}
.call_as_btn i{color: var(--red);  background: var(--white); padding: 1rem; border-radius: 100%; margin-right: 1rem;}
.call_as_btn:hover{background: var(--white); color: var(--red) !important;}
.call_as_btn:hover i{background: var(--red); color: var(--white);}
.call_btn_list li{display: inline-block; margin-right: 1.5rem;}
.call_btn_list li:last-child{margin-right: 0;}
.call_btn_list{display: flex; align-items: center; justify-content: end;}

/* faq_and_choose_sec */
.faq_box{box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.06); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 3rem; background: var(--white); border-radius: 1rem;}
.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(--red); font-weight: 700; line-height: 1; margin-right: 2rem;}
.faq_content .accordion-button:not(.collapsed){background: transparent; box-shadow: none;}
.faq_content .accordion-button {padding: 1rem 1.25rem; background: transparent; border: .1rem solid #DDE6E3; border-radius: 2.5rem !important;}
.faq_content .accordion-button:not(.collapsed)::after {content: "\f068"; background-image: none; }
.faq_content .accordion-button::after{color: var(--black); 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 .5rem 1.5rem;}
.faq_content .accordion-body p a{color: var(--brand);}
.faq_content .accordion-item { border: none; margin-top: 1.5rem;}
.faq_content .accordion-button:focus {box-shadow: none;}
/* .img_areaa { column-count: 3; column-gap: 1.5rem;} */
.choose_box{  position: relative; transition: .3s linear; z-index: 1;  border-radius: 1.5rem;}
.choose_icon{display: flex; align-items: center; justify-content: center; background: rgba(219, 1, 79, 0.08); width: 5.5rem; height: 5.5rem; border-radius: .5rem; position: relative; margin-right: 2rem;}
.choose_icon::before{content: ""; position: absolute; left: 50%; transform: translateX(-50%); background: var(--red); top: 0; width: 1.6rem; height: .3rem; border-radius: .3rem;}
.choose_icon img{width: 3.5rem; transition: 0.3s linear;}
/* .choose_box:hover{background: var(--red); border-color: transparent; box-shadow: 0 2rem 5rem rgba(219, 1, 79, 0.29);}
.choose_box:hover h5, .choose_box:hover p{color: var(--white);}
.choose_box:hover .choose_icon{background: var(--white);} */
/* .choose_rt .cumll:nth-child(even) .choose_box{margin-top: 6rem;} */
.choose_top_flex {align-items: center; margin-bottom: 1rem;}
.chose_rt_shape{position: absolute; right: 0; top: -2.1rem;}
.chose_rt_shape img{width: 12rem;}
.choose_rt .cumll{padding: 3rem; border: .1rem solid #E3E6EE; margin: 0px -1px -1px 0px;}
.choose_sec .row{margin: 0;}
.choose_rt{margin-top: 3rem;}
.choose_box:hover .choose_icon img{transform: rotateY(180deg); transition: 0.3s linear;}
.faq_content{margin-top: 2.5rem;}


/* marquee_sce */
.marquee_sec{background: var(--brand); padding: 3rem 0; background-size: 250% auto;}
.marquee_sec .container{max-width: 100%;}
.marquee { position: relative; width: 100vw; max-width: 100%; overflow: hidden;}
.track { white-space: nowrap; will-change: transform; animation: marquee 32s linear infinite; width: 100%; display: flex; align-items: center; justify-content: space-between;}
.content{margin: 0 1rem; color: var(--white); font-size: 4rem; line-height: 4rem; font-family: "Rajdhani", sans-serif; font-weight: 700; position: relative; padding-left: 7rem;}
.content::before{position: absolute; right: -6rem; bottom: .7rem; width: 1.2rem; height: 1.2rem; border-radius: 50%; content: ""; background-color: var(--white); -webkit-text-fill-color: var(--white);}
.content::after{position: absolute; right: -4.4rem; top: .4rem; content: "|"; color: var(--white); -webkit-text-fill-color: var(--white); transform: rotate(27deg);}
.track li.content:nth-child(2n) {-webkit-text-fill-color: transparent; -webkit-text-stroke-width: .1rem; -webkit-text-stroke-color: var(--white);}
.track li{display: inline-block;}




/* work_sec */
.work_sec{position: relative;}
.work_content{position: relative; z-index: 2;}
.work_box{position: relative; z-index: 5; margin-top: 5rem; text-align: center;}
/* .work_box::after{ position: absolute; z-index: 0; left: 50%; width: 100%; height: auto; top: calc(50% - 34px/2); border-bottom: .1rem solid #ccc; transform: scaleX(1); transition-delay: .25s; transition: transform 1s; transform-origin: left; width: 100%; content: ""; z-index: -1;} */
.work_icon{width: 20rem; height: 16rem; background: rgba(219, 1, 79, 0.08); border-radius: 100%; display: flex; align-items: center; justify-content: center; margin: 0 auto .5rem auto; position: relative; -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 283 300"><path d="M60.53 122L60.53 109C60.53 109 60.53 104 66.54 101L133.54 61C133.54 61 140.54 58.4 146.54 61L218.55 102C218.55 102 223.15 105 222.55 111L222.55 189C222.55 189 221.35 195.4 216.55 198L147.54 239C147.54 239 146.14 241.6 135.54 240L63.53 198C63.53 198 60.93 196.6 60.53 189L60.53 122Z"></path></svg>'); mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 283 300"><path d="M60.53 122L60.53 109C60.53 109 60.53 104 66.54 101L133.54 61C133.54 61 140.54 58.4 146.54 61L218.55 102C218.55 102 223.15 105 222.55 111L222.55 189C222.55 189 221.35 195.4 216.55 198L147.54 239C147.54 239 146.14 241.6 135.54 240L63.53 198C63.53 198 60.93 196.6 60.53 189L60.53 122Z"></path></svg>'); -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-size: cover;
  mask-size: cover;}
.work_e_number{position: absolute; right: 3.5rem; top: 0; -webkit-text-fill-color: transparent;-webkit-text-stroke-width: 2px; -webkit-text-stroke-color: var(--red); font-size: 6.5rem; font-weight: 600;}
.work_icon img{width: 6rem;}
.work_content .row .cummll:last-child .work_box::after{display: none;}
.work_sec .ab_shape_img3{height: 100%; overflow: hidden; display: block;}
.arrow_item{position: absolute; right: -6rem; top: 7rem; width: 9.6rem; height: 2.9rem; background-position: 50%; background-repeat: no-repeat;}




/* blog_sec */
.blog_box{background: #f9f9f9; margin-top: 3rem; text-align: left; border-radius: .5rem; overflow: hidden; padding: 1.5rem;}
.blog_txt{padding: 1.5rem 0 0 0;}
.blog_txt h5{font-size: 1.8rem; line-height: 2.2rem;}
.blog_txt h5 a{color: var(--black);}
.blog_img{position: relative; overflow: hidden; border-radius: .5rem;}
.blog_img img{transition: all 0.5s ease;}
.five_entry_date{position: absolute; top: 3rem; left: 3rem; border-radius: .5rem; background: var(--white); color: var(--black); height: 5.1rem; width: 5.5rem; text-align: center; font-size: 1.4rem; font-weight: 700; text-transform: uppercase; line-height: 1; box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.06);}
.date{color: var(--white); background: var(--red); padding: .6rem .5rem;  display: block;}
.month{padding: .5rem; display: block;}
.rt_blog_box .blog_img, .rt_blog_box .blog_img img{ height: 25rem; object-fit: cover;}
.rt_blog_box .blog_txt h4{font-size: 2.5rem; line-height: 3rem;}
/* .rt_five_entry_date{position: inherit; top: inherit; left: inherit; margin-top: 2rem;} */
.blog_box:hover .blog_img img{transform: scale(1.1);}
.rt_blog_box .blog_img{margin-right: 1.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(--red); outline: 0; box-shadow: none; }
/* .input_fld .form-select{background:  var(--white)  url(../images/select_arrow.png)no-repeat right 1.5rem center; background-size: 1rem; padding: 0 1rem; height: 4.9rem; cursor: pointer;} */
.input_fld button{border: none;}
/* .search_box .input_fld button a{color: #555 !important;} */
/* .input_fld .form-select:focus{border-color: var(--red); box-shadow: none;}  */
.input_fld{margin-bottom: 1.5rem; position: relative;}
.input_fld textarea{height: 12rem; resize: none; padding: 1.5rem;}
.ban_frm_box .input_fld{width: 100%;}
.input_fld .form-select{background: url(../images/select_arrow.png)no-repeat right 1.5rem center var(--white); background-size: 1.2rem; height: 5rem; padding: 0 1.5rem 0 2.5rem; color: #999; border: .1rem solid #ced4da; height: 5rem; font-size: 1.5rem;  border-radius: 1rem; padding: 0 1.5rem; cursor: pointer; width: 100%;}
.input_fld .form-select.form-control:focus{border-color: var(--red); outline: 0; box-shadow: none; } 




/*footer_sec */
.footer_sec{background-color: #00081B; position: relative; padding-top: 4rem; overflow: hidden;}
.footer_blur_shape ul li { width: 43.1rem; height: 43.1rem; border-radius: 43.1rem; background: #231435; filter: blur(100px); position: absolute; z-index: 1;}
.footer_blur_shape ul li:nth-child(1){bottom: -36%; left: 0;}
.footer_blur_shape ul li:nth-child(2){top: -40%; left: 17%; background-color: #141C35;}
.footer_blur_shape ul li:nth-child(3){top: -35%; right: -10%; background-color: #141C35;}
.footer_blur_shape ul li:nth-child(4){bottom: -35%; right: 5%; background-color: #130B31;}
.ft_txt{padding-bottom: 3rem;}
.ft_top, .ft_mid, .ft_bottom{position: relative; z-index: 2;}
.ft_top_heading{background: linear-gradient(90deg, #FFF -2.1%, #8B7AF5 53.56%, #FFF 83.46%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 5rem; font-weight: 700; line-height: 5.8rem; animation: gradient 5s ease infinite; background-size: 300% 100%; text-transform: capitalize;}
.ft_top_rt{display: flex; align-items: center; justify-content: space-between;}
.ft_top_lt img{width: 12rem;}
.ft_top{border-bottom: .1rem solid #1D212F; padding-bottom: 3rem; margin-bottom: 3rem;}
.ft_heading{font-size: 2rem; text-transform: capitalize; color: var(--white); display: inline-block; margin-bottom: .5rem; font-family: "Rajdhani", sans-serif; letter-spacing: .1rem;}
.ft_txt p, .ft_srv_list li a, .ft_info_list li, .ft_info_list li a, .ft_btm_rt, .ft_btm_lt{color: #7E818A;}
.ft_news_box{border: .1rem solid #e6e5e5; border-radius: 5rem; margin: 2rem 0 0 0; width: 100%; display: inline-block; padding: .5rem;}
.ft_news_box.input_fld input[type="email"]{width: 76%; border: none; float: left; height: 4rem;}
.ft_news_box .as_btn{border: none; padding: 0; width: 4rem; height: 4rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; float: right; margin-top: 0; float: right;}
.ft_srv_list{display: inline-block; width: 100%;}
.ft_srv_list li{width: 50%; float: left;}
.ft_srv_list li{text-transform: capitalize; position: relative;}
.ft_srv_list li a{display: block; margin-top: 1.2rem; text-transform: capitalize; position: relative; padding-left: 1.8rem;}
.ft_srv_list li a:hover{color: var(--red);}
.ft_srv_list li a::before{position: absolute; left: 0; top: .8rem; width: .8rem; height: .8rem; border-radius: 100%; background: var(--red); content: "";}
/* .ft_srv_list li:first-child a{margin-top: 0;} */
.ft_info_list li{margin-top: 1.2rem;}
/* .ft_info_list li:first-child{margin-top: 0;} */
.ft_call_txt{font-size: 2rem;}
.ft_call_txt a{color: var(--white) !important;}
.ft_mid .cumml:nth-child(2) .ft_txt{padding-left: 7rem;}
.ft_bottom{border-top: .1rem solid #1D212F; display: flex; align-items: center; justify-content: space-between; padding: 1.5rem 0;}
.ft_social_list ul li{display: inline-block;}
.ft_social_list ul li a{height: 3.8rem; width: 3.8rem; border-radius: 3.8rem; background-color: #1D212F; display: inline-flex; align-items: center; justify-content: center; transition: all 0.4s ease-in-out; overflow: hidden; color: #777B84; margin: 1rem .5rem 0 0;}
.ft_social_list ul li:last-child a{margin-right: 0;}
.ft_social_list ul li a:hover{background: var(--red); color: var(--white);}
.ft_top_rt .as_btn{margin-top: 0;}
.ft_txt p{padding-top: 1.2rem;}


/* services_page */
.inner_banner .banner_box {padding: 15rem 0 5rem;}
.banner_lt_img img{max-width: 100%;}
.srv_img a::after{content: ""; position: absolute; bottom: 0; left: 0; right: 0; top: 0; display: block; z-index: 0; opacity: 0; background: linear-gradient(180deg, transparent 20%, rgba(0,0,0, 0.4) 100%); -webkit-transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);}
.srv_box:hover .srv_img a::after{opacity: 1;}
/* .inner_serv_sec .srv_img, .srv_img img {height: auto;}
.inner_serv_sec .srv_txt{padding-top: 1.5rem;}
.inner_serv_sec .srv_btn_list {justify-content: center;} */
/* .tab_list{margin-top: 1.5rem;} */
/* .tab_list .nav-link{font-size: 1.8rem; text-transform: capitalize; color: var(--black); font-weight: 600; padding: .5rem 1.5rem;}
.other_txt_heading{border-bottom: .1rem dashed #ccc; padding-bottom: 1rem; margin-bottom: 3rem;}
.nav-tabs.tab_list .nav-item.show .nav-link, .nav-tabs.tab_list .nav-link.active {color: var(--red);} */
.srv_choose_box{background: var(--white); filter: drop-shadow(0px 5px 40px rgba(189,202,202,0.35)); border-radius: .5rem;}
.srv_choose_lt, .srv_choose_rt{padding: 3rem;}
.srv_choose_rt .srv_rt_box{box-shadow: none;}
.why_srv_choose_list li{display: flex; align-items: center; margin-top: 4rem;}
.srv_choose_icon{display: flex; align-items: center; justify-content: center; background: rgba(219, 1, 79, 0.08); width: 6.5rem; height: 6.5rem; margin-right: 1.5rem;  position: relative; border-radius: .5rem;}
.srv_choose_icon img {width: 4.5rem;}
.srv_choose_txt b{text-transform: capitalize; color: var(--black); font-size: 1.8rem; line-height: 2.2rem;}

.srv_clent_box .main_row { margin-top: 3rem; overflow: hidden;}
.srv_clent_box .cumm{position: relative; z-index: 1;}
.srv_clent_img{margin-top: 1rem; display: flex; align-items: center; justify-content: center; padding-bottom: 1rem;}
.srv_clent_box .cumm::after {content: ""; position: absolute; border-bottom: .1rem dashed #ccc; border-left: .1rem dashed #ccc; position: absolute; left: -.1rem; bottom: -.1rem; height: 100%; width: 100%; z-index: -1;}
.srv_clent_img img{max-width: 50%;}
.srv_clent_box{margin-right: 3rem;}
.srv_list_box .srv_box:nth-child(even) .row{flex-direction: row-reverse;}
.srv_listing_sec .srv_btn_list li {width: auto;}
.srv_listing_sec .srv_btn_list li a{padding: 0 3rem;}
.srv_list_box .srv_txt{margin: 0 0 0 2rem;}
.srv_list_box .srv_box:nth-child(even) .row .srv_txt{margin: 0 2rem 0 0;}
.call_info_wrap{ display: flex; align-items: center; width: 46%; flex: 0 0 auto; position: relative; margin-right: 3rem;}
.call_info_wrap::before {content: "";position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: .3rem; height: 7.4rem; background: var(--white);}
.call_info_wra_icon{font-size: 5rem; color: var(--white); line-height: 0; margin-right: 1.5rem;}
.call_info_wra_txt span { display: block; font-weight: 600; font-size: 1.8rem; color: var(--white); line-height: 1; margin-bottom: 1rem;}
.call_info_wra_txt a { font-weight: 700; font-size: 3rem; display: inline-block; line-height: 1; color: var(--white);}
.srv_list_call_lt{display: flex; align-items: center; justify-content: space-between;}
.srv_list_box .srv_btn_list{display: flex !important; flex-direction: row;}
.srv_list_box .srv_btn_list li{margin-right: 1rem;}


/* contact_page */
.inner_con_rt{box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); background-color: #F7F7F7; padding: 2rem; border-radius: .5rem;}
.inner_con_lt{margin-right: 2rem;}
.inner_con_lt .srv_rt_box{margin: 0; box-shadow: none; background: transparent;}
.inner_con_img{display: block; margin: 2rem 0;border-radius: .5rem; overflow: hidden;}
.con_social_list{position: inherit; right: inherit; top: inherit;}
.con_social_list ul li a{color: #4d5b68; border-color:#4d5b68; margin-top: .5rem;}
.con_social_list ul li a:hover{background: var(--red); color: var(--white); border-color: transparent;}
.map_sec{position: relative; margin-top: 5rem;}
.map_sec iframe{width: 100%; height: 40rem;}

.get_in_touch_icon{width: 4rem; height: 4rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; background: var(--brand); color: var(--white); background-size: 250% auto; font-size: 2rem; margin-right: 1.5rem; position: absolute; left: 0; top: .1rem;}
.get_in_touch_top{align-items: center; margin-bottom: 1.5rem; position: relative; padding-left: 5.5rem;}
.get_in_touch_top b{color: var(--black); font-size: 2.2rem; font-family: "Rajdhani", sans-serif; display: block; padding-bottom: .2rem;}
.get_in_touch_box{margin-top: 3rem;}
.get_in_touch_txt p , .get_in_touch_txt a{color: var(--black);}
.map_content { position: absolute; left: 0; top: -6.4rem; width: 100%; height: 100%; z-index: 2;}
.add_box { background: var(--white); padding: .1rem 2rem 2rem 2rem; border-left: .5rem solid var(--red); box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%); border-radius: .5rem;}
.support_box {max-width: 29rem; margin-top: 1rem; border-left: .5rem solid var(--red); padding: 1rem 2rem 1rem 2rem; background: var(--white);}
.support_box .d-flex .images img {width: 4.5rem;height: 4.5rem; border-radius: 50% !important; margin-right: -2rem; border: .4rem solid var(--white); object-fit: cover;}
.support_text {margin-left: 3rem;}

/* pagination */
/* .paginiation_sec{ width: 100%; margin-top: 3rem; text-align: left;}
.paginiation_sec ul{display: inline-block;}
.paginiation_sec ul li{ margin: .5rem 0 0 1.5rem; float: left; width: 4.2rem; border: .2rem solid #e2dfeb;; height: 4.2rem; text-align: center;  color: var(--black); display: flex; align-items: center; justify-content: center;}
.paginiation_sec ul li:first-child{ margin-left: 0; }
.paginiation_sec ul li.actv{ background: var(--red); color: var(--white); }
.paginiation_sec ul li a{color: var(--black); width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;} */

/* portfolio_page */
/* .inner_portfolio_txt{border-bottom: .2rem solid rgba(12,110,109,0.10196078431372549); position: relative; margin: -5rem 2rem 0 0; padding: 1.5rem; background: var(--white); border-radius: 0 .5rem 0 0; box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.09);
  -webkit-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.09);} */
/* .inner_portfolio_txt::before{position: absolute; left: 50%; bottom: 0; content: ""; height: .2rem; background: var(--red); width: 0%; transition: .5s;}
.inner_portfolio_box:hover .inner_portfolio_txt::before{width: 100%; left: 0%;} */
.portfolio_sub_title{position: relative; color: var(--red); font-weight: 600; display: inline-block; padding-left: 4rem; margin-top: 1rem;}
.portfolio_sub_title::before {position: absolute; content: ""; left: 0; top: 1.1rem; height: .2rem; width: 3rem; background: var(--red);}
/* .inner_portfolio_box{margin-top: 3rem;} */
/* .img_areaa{column-count: 2; column-gap: 2.5rem; margin-top: 3rem;} */
.inner_portfolio_img img{height: 45rem; object-fit: cover; border-radius: .5rem .5rem .5rem 0;}
.prort_folo_lt{background-color: var(--white); border: .2rem solid #F3F5F4; box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.05); border-radius: .5rem; padding: 2rem; border-left: .3rem solid var(--red);}
/* .port_foli_box{margin-top: 3rem; position: relative;} */
.prort_folo_rt .srv_dtls_rt .owl-prev, .prort_folo_rt .srv_dtls_rt .owl-next{top: inherit !important; bottom: 1rem !important; left: inherit !important; right: 1rem !important; transform:inherit; width: 3.5rem; height: 3.5rem; position: absolute !important;}
.prort_folo_rt .srv_dtls_rt .owl-prev{right: 5rem !important;}
/* .inner_portfolio_sec .port_foli_box:nth-child(even) .row{flex-direction: row-reverse;} */
/* .prort_folo_lt{margin: 0 2rem 0 0;} */
/* .inner_portfolio_sec .port_foli_box:nth-child(even) .row  .prort_folo_lt{margin: 0 0 0 2rem;} */
.inner_portfolio_sec .container{max-width: 100%; padding: 0 10rem;}
.port_foli_box{margin-top: 3rem;}
.prort_folo_lt, .prort_folo_rt, .prort_folo_rt img{height: 100%; object-fit: cover;}
.inner_portfolio_sec .main_row:nth-child(even) .row{flex-direction: row-reverse;}
.prort_folo_rt .srv_dtls_img img{-webkit-transform: scale(1.01); transform: scale(1.01); transition: all 900ms ease;}
.port_foli_box:hover .srv_dtls_img img{-moz-transform: scale(1.2) rotate(3deg); -o-transform: scale(1.2) rotate(3deg); -ms-transform: scale(1.2) rotate(3deg); -webkit-transform: scale(1.2) rotate(3deg); transform: scale(1.2) rotate(3deg);}
.port_foli_box .srv_dtls_img::before{position: absolute; background: linear-gradient(0deg, #11112e, transparent); height: 100%; width: 100%; content: ""; left: 0; bottom: 0; opacity: 0; -moz-transition: all 500ms ease-out 0s; -webkit-transition: all 500ms ease-out 0s; -ms-transition: all 500ms ease-out 0s; -o-transition: all 500ms ease-out 0s; transition: all 500ms ease-out 0s; z-index: 1;}
.port_foli_box:hover .srv_dtls_img::before{opacity: 1;}
.work_url span img{width: 3rem; margin-right: .5rem;}
.work_url{display: inline-block; margin-top: 1rem; color: var(--black) !important; font-weight: 600; font-size: 1.8rem;}


/* srv_dtls_page */
.banner_rt_panel{position: absolute; right: 0; top: 66%; -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: 1px solid #DADFEE; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1);}
.srv_dtls_banner.inner_banner .banner_box {padding: 24rem 0 13rem;}
.srv_dtls_img{display: block;  border-radius: .5rem; overflow: hidden; position: relative;}
.other_srv_box{background: #f2f2f2; padding: 2rem; border-radius: .5rem;}
.srv_dlts_clent_sec .clients_sec{margin-top: 2rem;}
.srv_dtls_lt, .srv_dtls_rt{margin-top: 3rem; position: relative;}
.srv_dtls_lt{margin-right: 2rem;}
.srv_dtls_rt .owl-prev, .srv_dtls_rt .owl-next{box-shadow: 0 .3rem 3rem 0 rgba(0,0,0,.1); background: var(--white); width: 4.5rem; height: 4.5rem; border-radius: 1rem; display: flex; align-items: center; justify-content: center; font-size: 0; 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%);}
.srv_dtls_rt .owl-prev::before, .srv_dtls_rt .owl-next::before{font-family: "Font Awesome 6 Pro";  content: "\f060"; color: var(--black); font-size: 1.5rem;}
.srv_dtls_rt .owl-next{left: inherit; right: -2rem;}
.srv_dtls_rt .owl-next::before{ content: "\f061";}
.srv_feature_box{background: var(--white); padding: 1.5rem 1.5rem 1.5rem 2.5rem; margin-top: 3rem; border-radius: .5rem; position: relative; -webkit-box-shadow: 0 0 43px rgba(7,23,85,.1);
  -khtml-box-shadow: 0 0 43px rgba(7,23,85,.1);
  -moz-box-shadow: 0 0 43px rgba(7,23,85,.1);
  -ms-box-shadow: 0 0 43px rgba(7,23,85,.1);
  -o-box-shadow: 0 0 43px rgba(7,23,85,.1);
  box-shadow: 0 0 43px rgba(7,23,85,.1);}
.srv_feature_icon{background: #f3f4f9; border-radius: 100%; width: 6rem; height: 6rem; display: flex; align-items: center; justify-content: center; margin-right: 1rem;}
.srv_feature_icon img{width: 4rem;}
.srv_feature_top {align-items: center;}
.srv_feature_box::after { content: ""; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: .5rem; height: 10rem; background-color: var(--red); transition: all .5s; animation: topBottomTwo 3s linear infinite;}
.ab_srv_dlts_lt, .ab_srv_dlts_lt img{position: relative; height: 100%; object-fit: cover;}
.ab_srv_dlts_lt img{border-radius: 12rem 0 12rem 0;}
.ab_srv_dlts_lt::before, .ab_srv_dlts_lt::after{position: absolute; content: ""; background-color: var(--red); width: 17.7rem; z-index: -1; height: 18.2rem; border-radius: 12rem 0 12rem 0;}
.ab_srv_dlts_lt::before{right: -1rem; bottom: 0;}
.ab_srv_dlts_lt::after {left: 0; top: -1rem;}
.ab_srv_dlts_rt{margin-left: 2rem;}
.other_txt_list{display: inline-block; width: 100%;}
.other_txt_list li{width: 50%; float: left;}
.srv_para_box{background: var(--white); padding: 2rem; position: relative; border-left: .2rem solid var(--red); box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.1); border-radius: .5rem; margin-top: 2rem;}
.srv_dtls_call_sec{position: relative; padding: 1.5rem 0; background-attachment: fixed !important;}
.srv_dtls_call_sec::before{background: #010A1ECC url(../images/shape_img_8.png)no-repeat center center/cover; height: 100%; width: 100%; top: 0; left: 0; position: absolute; content: "";}
.srv_dtls_content{position: relative; border: .1rem solid #FFFFFF1A; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin: 1.5rem; padding: 6rem 1.5rem;}
.srv_dtls_choose_box{margin-top: 3rem; position: relative;}
.srv_dtls_choose_icon img{width: 5rem; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; margin-bottom: 1rem;}
.srv_dtls_choose_box:hover .srv_dtls_choose_icon img{transform: translate3d(-10px,0,0) !important; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
.srv_dtls_choose_number{position: absolute; right: 10.2rem; top: .6rem; font-size: 6rem; font-weight: 800; opacity: .2;}
.svr_faq_lt{background: var(--white); box-shadow: 0px 15px 60px -10px rgb(109 117 143 / 33%); padding: 2rem; border-radius: .5rem;}
.srv_dtls_frm_box{padding: 2.5rem;}

.popular_list ul{margin-top: 2rem;}
.popular_list ul li{display: inline-block; font-size: 1.4rem; text-transform: capitalize; font-weight: 500;}
.popular_list ul li a{margin: .5rem .5rem 0 0; padding: .5rem 1rem; border: .1rem solid #e5e5e5; border-radius: .5rem; color: var(--black); display: block;}
.popular_list ul li a:hover{background: var(--brand); color: var(--white); border-color: transparent; background-size: 250% auto;}
.srv_dtls_all_contet .container{max-width: 100%; padding: 0 3rem;}
.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%;}

/* blog_dtls_page */
#section {width: 100%; word-wrap: break-word;}
.moretext {display: none;}
.moreless_button{text-transform: capitalize; color: var(--white) !important; font-weight: 500; margin-top: 1rem; background: var(--red); display: inline-block; padding: 0 1.5rem; height: 3.5rem; line-height: 3.5rem; text-transform: capitalize; border-radius: 2.5rem; font-size: 1.4rem; letter-spacing: .1rem;}
.blog_dtls_img_arear{display: block; margin-top: 2rem; border-radius: .5rem; overflow: hidden;}
.blog_dtls_top_flex.d-flex{border-bottom: .1rem dashed #ccc; padding-bottom: 1.5rem; align-items: center; justify-content: space-between;}
.blog_dtls_list li{display: inline-block; margin: 1.2rem 1rem 0 0; color: var(--black); text-transform: capitalize; font-size: 1.4rem;}
.blog_dtls_list li i{color: var(--red); margin-right: 1rem;}
.blog_dtls_list li:last-child{margin-right: 0;}
.recnt_box{background: #f7f7f7; padding: 2rem; border-radius: .5rem; position: relative;}
.recnt_blog_dtls_img img{width: 10rem; height: 8rem; margin-right: 1rem; object-fit: cover; border-radius: .2rem;}
.blog_dtls_txt span{font-size: 1.8rem; color: var(--black); display: inline-block; padding-bottom: .5rem; font-weight: 600;}
.blog_dtls_txt .recnt_blog_dtls_list li{color: var(--boby_txt_color); font-size: 1.4rem; margin-top: 0;}
.recnt_blog_box{align-items: center;}
.recnt_box li{margin-top: 1.5rem;}
.para_box{background: rgba(219, 1, 79, 0.1); padding: 1.5rem; border-radius: .5rem; color: var(--black); margin: 1.5rem 0; border-left: .5rem solid var(--red);}
.blog_dtls_img_box{display: block; margin-top: 2rem; border-radius: .5rem; overflow: hidden;}
.blog_share_list a{width: 3rem; height: 3rem; display: inline-flex; align-items: center; justify-content: center; border: .1rem solid #e5e7eb; color: #111827; border-right-color:transparent;}
.blog_share_list{display: inline-flex; margin: 1.2rem 0 0 0; align-items: center;}
.blog_share_list li{margin-right: 1rem;}
.blog_share_list a:last-child{border-right-color: #e5e7eb;}
.leav_cont_sec{border: .1rem dashed #ccc; border-radius: .5rem; margin-top: 2rem; padding: 2rem;}
.help_txt{background: var(--black); clip-path: polygon(0 16%, 100% 0%, 100% 100%, 0% 100%); position: relative; display: block; padding: 6rem 1.5rem 1.5rem 1.5rem; margin-top: -15rem;}
.call_icon{width: 5rem; height: 5rem; border-radius: 100%; background: var(--red); display: flex; align-items: center; justify-content: center; position: absolute; left: -1.8rem; top: 50%; -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); color: var(--white);}
.help_box{margin-top: 3rem;}
.help_contet{background-color: var(--white); border-radius: .9rem; position: relative; padding: 1.9rem 1.9rem 1.7rem 5rem; margin: 1.5rem 0 0 2.5rem;}
.help_contet::before {width: 100%; height: 100%;  right: -.5rem; position: absolute; content: ''; top: 0; border-radius: .9rem;  background-color: var(--red); z-index: -1;}
.call_number em{font-size: 1.8rem; line-height: 2.2rem; display: block; text-align: center; background: var(--brand); background-size: 250% auto; background-clip: text; -webkit-text-fill-color: transparent; animation: shine 8s linear infinite;}
.call_number a{color: var(--black); display: block; text-align: center;}

/* career_page */
.job_icon{background: var(--red); color: var(--white); width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; font-size: 2rem; border-radius: .5rem;}
.career_heading_top{display: flex; align-items: center; margin-bottom: 1.5rem;}
.job_icon{margin-right: 1rem;}
.career_box{filter: drop-shadow(0px 5px 40px rgba(189,202,202,0.35)); background: var(--white); padding: 2rem; margin-top: 3rem; position: relative; border-bottom: .4rem solid var(--red); border-radius: .5rem;}
.job_loaction_list li{display: inline-block; margin: 1rem 1.5rem 0 0;}
.job_loaction_list li i{color: var(--red); margin-right: 1rem;}
.job_loaction_list{border-top: .1rem dashed #ccc; margin-top: 1rem; border-bottom: .1rem dashed #ccc; padding-bottom: 1rem;}
.share_box{width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; position: absolute; right: 2rem; top: 1rem; background: #f4f6ff; color: #677699; border-radius: 100%;}
.share_box:hover{background: var(--red); color: var(--white);}
.career_box h4 a{color: var(--black);}
.job_time {color: var(--black); padding: .5rem 1.5rem;  display: inline-block; transition: all ease .5s; border-radius: .5rem; text-transform: capitalize; margin-top: 1rem; background: #f7f7f7; font-size: 1.4rem;}
.time_list li { display: inline-block; padding: .6rem 1.8rem !important; border-radius: 5rem; font-size: 1.4rem !important; font-weight: 500; margin: 1.5rem 1rem 0 0 !important;}
.f_time { color: #001848 !important; background: linear-gradient(180deg, #FFF0F2 0%, #FFF0F2 100%); border: .1rem solid #F9E2E5;}
.freelance { color: #001848 !important; background: linear-gradient(180deg, #F5FAFF 0%, #F5FAFF 100%) !important; border: .1rem solid #E5F1FD;}
.urgent {color: #001848 !important; background: linear-gradient(180deg, #FAF5FF 0%, #FAF5FF 100%) !important; border: .1rem solid #F3ECFA;}
.hiring_flex {align-items: center; justify-content: space-between;}
.appliaction_rt .blog_dtls_txt p{color: var(--boby_txt_color); font-size: 1.4rem; line-height: 2rem;}










.files-wr input {display: none;}
.files-wr { padding: 3rem 2rem 2rem 2rem;}
.files-wr label { margin-bottom: 2rem; border-bottom: .1rem dashed var(--black); position: relative; display: inline-block; color: var(--black); font-size: 1.8rem; font-weight: 400; cursor: pointer; transition: all 0.2s;}
.files-wr label:after { content: "\f0c6"; width: 3.2rem; height: 3.2rem; border-radius: .5rem; background-color: #e9e9ed; position: absolute; top: -.4rem; right: -4.7rem; font-size: 1.8rem; color: var(--black);text-align: center; transition: all 0.2s; display: flex; align-items: center; justify-content: center; font-family: "Font Awesome 6 Pro";}
.files-wr label:hover, .files-wr label:active {color: var(--red); border-color: var(--red);}
.files-wr label:hover:after, .files-wr label:active:after {background-color: var(--red); color: var(--white);}
.files-wr .one-file ~ .one-file label { display: none;}
.files-wr .one-file.error { border: none;}
.files-wr .one-file.error .file-name { color: var(--black);}
.files-wr .file-item { position: relative; margin-top: .4rem; display: flex; align-items: center;}
.files-wr .file-item.hide-btn {display: none;}
.files-wr .file-name { font-size: 1.6rem; font-style: italic; line-height: 2.6rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 1rem;}
.files-wr .btn-del-file {margin-left: .5rem; width: 1.6rem; min-width: 1.6rem; height: 1.6rem; line-height: 1.6rem; border-radius: .3rem; color: var(--white); text-align: center; cursor: pointer; transition: all 0.2s; background-color: var(--black); display: flex; align-items: center; justify-content: center;}
.files-wr .btn-del-file:hover, .files-wr .btn-del-file:focus {background-color: var(--black);}
















.fixed_icon{display: none; align-items: center; justify-content: center; position: fixed; left: 0; z-index: 100; bottom: 0; width: 100%;}
.fixed_icon a {height: 3.5rem; color: var(--black);  text-align: center; font-size: 1.6rem; box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);  transition: transform 0.5s ease; display: flex; width: 50%; align-items: center; justify-content: center; text-transform: capitalize; font-weight: 600; letter-spacing: .1rem;}
.qwhtsapp {bottom: 7rem; background-color: #25d366; color: var(--white); border-radius: 0 1rem 0 0;}
.qcall {bottom: 12rem; background: var(--brand);  border-radius: 1rem 0 0 0; background-size: 250% auto;}
.fixed_icon a i {margin-top: 1rem;}
/* .fixed_icon a:hover {transform: scale(1.1);} */





/* refferral_page */
.earning_box{background-color: transparent; padding: 2rem; background-image: linear-gradient(180deg, #314DFF14 0%, var(--white) 100%); border-radius: 1rem; border: .1rem solid #314DFF4D; -webkit-transition: all .5s ease; transition: all .5s ease; position: relative; text-align: left; margin-top: 3rem;}
/* .num_earning{top: 1.5rem; bottom: unset; position: absolute; right: 3rem; left: unset; opacity: 0.5; font-size: 9rem; line-height: 10rem;}
.num_earning span{-webkit-text-stroke-width: .1rem; stroke-width: .1rem; -webkit-text-stroke-color: #BEC6FC; stroke: #BEC6FC; -webkit-text-fill-color: #02010100; font-weight: 700;} */
.earning_img img{width: 7rem; margin-right: 2rem; transition: 0.3s linear;}
.earning_box:hover .earning_img img{transform: rotateY(180deg); transition: 0.3s linear;}
.inner_rating_sec{padding: 5rem 0;}
.earning_top_flex{align-items: center;}
.referral_step_top{position: relative; border: .1rem solid #e3e6ec; width: 11.6rem; height: 11.6rem; border-radius: 50%; left: 0; right: 0; top: -1rem; margin: 0 auto 1.5rem; display: flex; padding: 1.2rem; transition: all 0.6s ease-in-out; z-index: 10; align-items: center; justify-content: center;}
.icon_image {position: relative; display: block; width: 9rem; height: 9rem; margin: 0 auto; text-align: center; background: #ebeef2; border-radius: 5rem; font-weight: 500; transition: all 0.6s ease-in-out; display: flex; align-items: center; justify-content: center;}
.icon_bg_rotate::before { position: absolute; content: ""; height: 1.2rem; width: 1.2rem; border-radius: 50%; top: 1.4rem; right: .8rem; background: var(--red); transition: all 0.6s ease-in-out;}
.icon_image img{width: 6rem;}
.icon_bg_rotate {position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.6s ease-in-out; display: block; animation-name: rotateme; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme;  -moz-animation-duration: 4s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 4s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 4s;  -o-animation-iteration-count: infinite; -o-animation-timing-function: linear;}
.referral_step_box{margin-top: 4rem; position: relative;}
.step_numer{position: absolute; right: -1.5rem; top: 30%; -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); font-size: 3.6rem; font-weight: 800; color: var(--red); text-shadow: -.5rem .5rem 0 #eceefe; background: var(--white); display: flex; align-items: center; justify-content: center; width: 6rem; height: 6rem; box-shadow: 0px 0px 40px 0px rgba(0,0,0,.09); border-radius: 100%;} 
/* .referral_info{position: relative;} */
.referral_step_box::before{position: absolute; right: 0; top: 30%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 50%; height: .1rem; border: .1rem dashed #ccc; content: "";}
.referral_step_box::after{position: absolute; left: 0; top: 30%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 50%; height: .1rem; border: .1rem dashed #ccc; content: "";}
.referral_info .cumlm:first-child .referral_step_box::after, .referral_info .cumlm:last-child .referral_step_box::before{display: none;}
.rehharral_banner_lt{padding: 15rem 0 5rem 0; margin-right: 3rem;}
.rehharral_banner_rt{padding-top: 11rem; position: absolute; z-index: 1; text-align: right; right: 2.4rem; top: 0;}
.rehharral_banner_rt::before{position: absolute; right: 0; top: 50%; content: "";height: 50rem; width: 50rem; -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); border: .1rem solid #246bfd; z-index: -1; margin-left: 2rem; margin-top: -2rem; border-radius: 50%; opacity: 0.3;}
.rehharral_banner_rt::after{position: absolute; left: 50%; top: 50%; content: ""; height: 50rem; width: 50rem; transform: translate(-50%, -50%); border: 10rem solid #246bfd; z-index: -1; border-radius: 50%; opacity: 0.04;}
.rehharral_banner_rt img{width: 100%; max-width: 42%;}

.rehharral_btn_flex{margin-top: 2rem;}
.srv_btn_list.rehharral_btn_flex li{width: auto;}
.srv_btn_list.rehharral_btn_flex li a{padding: 0 3.5rem;}
.earning_sec_rt{margin-top: 3rem; box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.06); background: var(--white); padding: 1.5rem 3rem 3rem 3rem; border-radius: .5rem;}
.earning_sec_lt{position: relative; margin: 3rem 2rem 0 0; border: 1rem solid white;  box-shadow: 0 10px 15px 3px rgba(0, 0, 0, 0.15), 0 5px 20px 3px rgba(0, 0, 0, 0.1);}
.earning_sec_lt_img_2{position: absolute; bottom: 12%; right: 3rem; z-index: 2; width: 219px; max-width: 75%; display: block; overflow: hidden; display: inline-block; border: 1rem solid var(--white); border-radius: 2rem; -webkit-transform: rotate(15deg);transform: rotate(15deg); -webkit-box-shadow: 0 3px 50px 0px rgba(41, 183, 155, .1); box-shadow: 0 3px 50px 0px rgba(41, 183, 155, .1);}

.earning_sec_lt .owl-nav {display: flex; align-items: center; justify-content: end; position: absolute; right: 0; bottom: -1rem; font-size: 0;}
.earning_sec_lt .owl-prev, .earning_sec_lt .owl-next{width: 5rem; height: 5rem; background: var(--white); display: flex; align-items: center; justify-content: center;}
.earning_sec_lt .owl-prev::before, .earning_sec_lt .owl-next::before{font-size: 2.5rem; font-family: "Font Awesome 6 Pro"; content: "\f104"; color: var(--black);}
.earning_sec_lt .owl-next::before{content: "\f105";}
.agreement_lt{position: relative;}
.agreement_2nd_img{position: absolute; right: -2.5rem; bottom: -15rem;}
.agreement_1st_img img{height: 40rem; object-fit: cover;}
.agreement_shape{position: absolute;  left: 1rem; bottom: -13.7rem;}
.agreement_shape img{-webkit-animation: alltuchtopdown 2s ease-in-out 0s infinite alternate;animation: alltuchtopdown 2s ease-in-out 0s infinite alternate; animation-duration: 3s;}

.agreement_rt{margin-left: 4rem;}
.agreement_box{ background-color: #F6F9F8; border: .1rem solid #e7e7e7; border-radius: 2rem; padding: 2rem; position: relative; margin-top: 2rem; transition: all 520ms ease;}
.agreement_box_top{position: relative; display: flex; align-items: center;}
/* .agreement_icon{position: absolute; left: 0; top: 0;} */
.agreement_icon img{width: 4.5rem; margin-right: 2rem;}
/* .agreement_box_top h5{padding-left: 5rem;} */
/* .agreement_txt{padding-top: 2rem; display: block;} */
.agreement_box:hover{background-color: var(--white); box-shadow: 10px 10px 0px 0px rgba(0, 0, 0, 0.3); border-style: solid; border-color: var(--red);}
.agreement_btm_txt{margin-top: 2rem;}
.strategy .item {position: absolute; left: 2rem; bottom: 30%; display: flex; background: var(--white); padding: 1.5rem 2rem; border-radius: 10px 30px; align-items: center; border: .1rem solid #e7e7e7; text-align: left; box-shadow: 11px 11px 0px 0px rgba(0, 0, 0, 0.27);}
.strategy .item i { display: inline-block; height: 6rem; width: 6rem; line-height: 6rem; text-align: center; background: var(--red); border-radius: 1rem; color: var(--white); font-size: 3rem; margin-right: 1.5rem; font-weight: 100;}
.strategy .item:nth-child(2) {left: auto; right: -10rem; top: 50%; bottom: auto; margin-top: -16rem;}
.referral_clebt_sec{display: flex; align-items: center; }
.support_lt{padding: 0 0 0 2rem; width: 39rem;}
.rehharral_ban_list_box{background: var(--white); padding: 1rem 2rem; display: flex; align-items: center; max-width: 24rem; border-radius: 4.2rem;}
.rehharral_ban_list_icon img{width: 3rem; margin-right: 1rem;}
.rehharral_ban_list{position: absolute; left: 50%; top: 11rem; -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);}
.rehharral_ban_list li{margin-top: 4rem;}
.rehharral_ban_list li:first-child{margin-left: 14rem;}
.rehharral_ban_list li:nth-child(2){margin-left: 6rem;}
.rehharral_ban_list li:nth-child(3){margin-left: 3rem;}
.rehharral_ban_list li:nth-child(4){margin-left: 8rem;}
.rt_bactch{position: absolute; right: 0; top: 9.9rem; background: rgb(219,1,79,0.3); z-index: 1;}
.rt_bactch ul li img{width: 5rem; margin-top: 1rem;}



/* school_management */
.school_banner .banner_box{padding: 30rem 0 0 0;}
/* .school_banner .banner_box::before{position: absolute; top: 0px; left: 0; bottom: 0; width: 100%; content: ""; background: rgb(0, 0, 0, 0.20);} */
.sch_banner_txt{background-image: url(../images/bg_img_5.jpg); background-color: #0a0c4e;  padding: 2rem; position: relative; background-repeat: no-repeat; background-position: top left; background-size: cover;}
.sch_banner_txt::before{position: absolute; left: -.3rem; top: 2.6rem; background: var(--red); width: .5rem; height: 72%; content: "";}
.solution_provide_rt{margin-top: 3rem;}
.solution_provide_icon img{width: 6rem; margin-bottom: 2rem;}
.solution_provide_box{margin-top: 3rem; text-align: center; background:  url(../images/shape_img_11.webp)no-repeat center center #F6F9FE; padding: 2rem; position: relative; transition: .5s; border-radius: .5rem;}
.numbering{text-align: left; color: #E0DFFD7A; font-size: 48px; font-weight: 700; top: 45px; position: absolute; left: 15px;}
.numbering::before{background-color: var(--red); width: .6rem; height: 4.7rem; top: -1.2rem; position: absolute; left: -1.5rem; border-radius: 0 1rem 1rem 0; content: "";}
.solution_provide_box:hover{transform: translate3d(0, -6px, 0);}
/* .school_management_lt{position: relative;}
.img_arear_1{display: block; width: 65%;}
.img_arear_2{position: absolute; right: 0; bottom: -2.1rem; width: 63%; display: block;}
.school_management_lt, .school_management_rt{margin-top: 5rem;}
.about_two_shape_2{position: absolute; top: 4rem; right: -4rem; opacity: .4; z-index: -1;}
.float-bob-y {-webkit-animation-name: float-bob-y; animation-name: float-bob-y; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear;}
.about_two_shape_2 img{max-width: 83%;}
.school_management_rt{margin-left: 2rem;} */
.main_content_sec  .container{max-width: 100%; padding: 0 3rem;}
/* .school_management_work_box{margin-top: 3rem; position: relative;}
.school_management_work_box img{border-radius: .5rem;}
.school_management_work_txt{display: inline-block; background: rgba(255, 255, 255, 0.8);  -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 1px 2px 0px 0px rgba(255, 255, 255, 0.6) inset, -12px 1.5rem 3rem 0px rgba(127, 124, 168, 0.18); padding: 1.5rem 3rem; border-left: .3rem solid var(--red); border-radius: .5rem;}
.school_management_work_txt_box{position: absolute; left: 0; bottom: -3rem; width: 100%; text-align: center;}
.school_management_work_sec .owl-item{padding-bottom: 6rem;}
.school_management_work_sec.recent_project_rt .owl-nav {display: flex !important; position: inherit; left: inherit; bottom: inherit; justify-content: center;}
.school_management_work_sec{height: auto;} */
.main_content_rt .srv_rt_box{background: var(--white);}
/* .main_content_rt{margin-top: -23rem; position: relative;} */
.school_management_content{margin-top: 3rem;}
.other_txt_list{display: flex; flex-wrap: wrap;}
.other_txt_list li{width: 50%;}
.other_txt_list li {margin-top: 2.5rem;}
.main_content_rt {margin-top: -9rem;}
.maght_sub_heading{margin-top: 2rem;}
.school_management_work_img{background: #f0f3f9; padding: 3rem; border-top-left-radius: 3rem; border-bottom-right-radius: 3rem; display: block; position: relative;}
.school_management_work_img img{border-top-left-radius: 3rem; border-bottom-right-radius: 3rem;}
.school_management_lt{margin-right: 5rem;}

.school_management_rt .owl-nav{display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; margin-top: 2rem; font-size: 0;}
.school_management_rt .owl-nav::after{background: #e0e8f4; position: absolute; left: 0; top: 50%; width: 100%; height: .1rem; content: ""; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: -1;}
.school_management_rt .owl-prev, .school_management_rt .owl-next{width: 3.7rem; height: 3.7rem; box-shadow: 0 0 30px rgba(137, 151, 186, .25); display: flex; align-items: center; justify-content: center; z-index: 1; position: relative; background: var(--white);}
.school_management_rt .owl-prev::before, .school_management_rt .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f104"; font-size: 1.5rem;}
.school_management_rt .owl-next::before{content: "\f105";}
.school_management_work_img_url{position: absolute; left: 4.9rem; bottom: 4rem; background: var(--white); display: inline-block; padding: 1rem 1.5rem; border-radius: .5rem;}
.school_management_work_img_url a{color: var(--black); font-weight: 600;}
.school_management_work_img_url a i{color: var(--red); margin-right: .5rem;}
.start_sec{background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%;	animation: gradient 15s ease infinite; padding: 3rem 0;}
.start_sec_txt_lt h4, .start_sec_txt_lt p{color: var(--white);}
.start_sec_txt_lt h4 {font-size: 2.5rem; line-height: 3rem;}
.start_sec_txt_lt_icon img{width: 8rem; margin-right: 2.5rem;}
.start_sec_txt{align-items: center; justify-content: space-between;}
.sch_mgnt_rt_img, .sch_mgnt_rt_img img{height: 100%; object-fit: cover; border-radius: .5rem;}
.sch_mgnt_faq .faq_box{margin-right: 2rem;}

/* p_scroll */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: var(--brand) !important;}
.blog_content{height: 32rem; overflow-y: auto; margin-bottom: 2rem;}
.blog_content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color: var(--brand);}
.client_img_box:hover .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: var(--brand) !important; z-index: 3;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: var(--brand) !important;}




/* brand_feture_sec */
.brand_feature_box{background: var(--white); border: .2rem solid #0E0E0E1A; padding: 1.5rem; height: 10rem; display: flex; align-items: center; justify-content: center; margin-top: 3rem; box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1);}
.brand_feature_box img{width: 8rem !important;}
.brand_feture_sec .owl-nav{display: none !important; align-items: center; font-size: 0;}
.brand_feture_sec .owl-prev, .brand_feture_sec .owl-next{background: var(--red); width: 3rem; height: 3rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; position: absolute; left: -.9rem; top: 62%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.brand_feture_sec .owl-prev::before , .brand_feture_sec .owl-next::before{font-family: "Font Awesome 6 Pro"; content: "\f060"; color: var(--white); font-size: 1.5rem;}
.brand_feture_sec .owl-next::before{content: "\f061";}
.brand_feture_sec .owl-next{left: inherit; right: -.9rem;}

/* new_srv_sec */
.new_srv_rt{padding: 3rem; margin: 3rem 0 0 2rem; border: .4rem solid #E6EEFF; border-radius: .5rem;}
.new_frm_top{border-left: .2rem solid var(--red); padding-left: 2rem;}
.new_srv_box{padding: 2rem; border-radius: 0; background-color: rgb(255, 255, 255); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.1s linear, transform 0.15s ease-out; position: relative; margin-top: 3rem;}
/* .new_srv_box::before{position: absolute; content: ''; left: 0px; top: 0px; width: 100%; height: 100%; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; z-index: 1;} */
.new_srv_box:hover{transform: translateY(-10px); box-shadow: 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12), 0 7px 8px -4px rgba(0, 0, 0, 0.2);}
.new_srv_icon img{width: 6rem; margin: 0 0 1.2rem 0;}
.new_srv_txt h3 a{color: var(--black);}
.new_srv_txt h3{font-size: 1.8rem; line-height: 2.5rem;}
.new_srv_txt, .new_srv_icon{position: relative; z-index: 1;}
.frn_btn{color: var(--black); font-size: 1.4rem; line-height: 1.4rem; text-transform: uppercase; font-weight: 600; display: block; margin-top: 1.5rem; background: #edf0f5; padding: 15px 40px; letter-spacing: .2rem;}
.frn_btn:hover{background: var(--black); color: var(--white);}
.new_srv_txt p{font-size: 1.5rem; line-height: 2.2rem;}
.fixed_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;
}

















@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: .4rem solid var(--red); 
    background: var(--white); box-shadow: 0 8px 8px rgba(23,22,24,4%),0 4px 4px rgba(23,22,24,4%),0 2px 2px rgba(23,22,24,4%); transition: transform .3s cubic-bezier(.175,.885,.32,1.275); width: 20rem; border-radius: 0 0 .5rem .5rem; left: 0; right: inherit; padding: 0 1rem;}

.nav_top .dropdown:hover .dropdown-menu { max-height: 30rem;opacity: 1; visibility: visible; }

}

/* responsive */
@media only screen and (max-width: 2000px){
  .feed_back_sec .container{max-width: 100%; padding: 0 12rem;}
}
@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: 1900px) {
  .recent_project_rt {margin-right: -22rem;}
}

@media only screen and (max-width: 1699px) {
  .recent_project_rt {margin-right: -9rem;}
  .heder_menu .container {padding: 0 3rem;}
  .heder_rt_ph_btn {right: 21.8rem;}
  .menu_sec li a {padding: 1.5rem 2rem 1.5rem 0;}
  .drop-arw::after {right: .5rem;}
  .heder_menu .container {padding: 0 2rem;}
}

@media only screen and (max-width: 1499px) {
  .heder_menu .container {padding: 0 1.5rem;}
  .menu_sec li a {padding: 1.5rem 2rem 1.5rem 0;}
  .heder_rt_ph_btn .heder_rt_ph_txt{display: none;}
  .heder_rt_ph_icon {margin-right: 0;}
  .menu_sec {padding-right: 29rem;}
  .recent_project_rt {margin-right: -6rem;}
  .drop-arw::after {right: .7rem; top: 1.7rem; font-size: 1.2rem;}
  .ft_top_heading {font-size: 4rem; line-height: 4.8rem;}
  .srv_btn_list li a {padding: 0 1rem;}

  /* portfoli_page */
  .inner_portfolio_txt h4{font-size: 2.5rem; line-height: 3rem;}

  /* blog_dtls_page */
  .blog_dtls_txt span {font-size: 1.6rem;}

  /* portfolio_page */
  .inner_portfolio_sec .container {padding: 0 3rem;}
  .prort_folo_lt h4 {font-size: 2.5rem; line-height: 3rem;}


  /*---------------------------------------------------------------------------5-3-25------------------------------------------------------------------*/
  .brand_feture_sec .owl-prev{left: -1.8rem;}
  .brand_feture_sec .owl-next {right: -1.8rem;}
}

@media only screen and (max-width: 1299px) {
  .rt_top_social_list ul li a { width: 3rem; height: 3rem;}
  .heder_rt_ph_btn {right: 17.8rem;}
  .menu_sec {padding-right: 23rem;}
  .menu_sec li {font-size: 1.6rem;}
  .ft_top_heading {font-size: 4rem; line-height: 4.8rem;}
  .recent_project_rt {margin-right: -3rem;}
  .nav_top .navbar-brand img {width: 24rem;}
  .heder_rt_ph_btn {top: .6rem;}
  .rt_top_social_list {top: 1.2rem;}
  .srv_btn_list {flex-direction: column;}
  .srv_btn_list li {display: block; margin-right: 0; width: 100%;}
  .srv_btn_list li a {width: 100%;}
  .srv_btn_list li .call_btn{margin-top: 1.5rem;}

  /* srv_liat_page */
  .feed_back_sec .container {padding: 0 3rem;}

  /* portfoli_page */
  .inner_portfolio_txt h4{font-size: 2rem; line-height: 2.5rem;}

  /* srv_dtls_page */
  .banner_rt_panel {width: 37.6%;}
  
}





@media only screen and (max-width: 1199px){
  .nav_top .navbar-toggler {color: transparent; border: none; padding: .5rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -.5rem;}
  .nav_top .navbar-toggler .icon-bar {display: block; width: 2.5rem; 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-collapse {position: fixed; top: 0; left: -30.10rem; background: var(--white); z-index: 999999; width: 20.80rem; padding: 2.5rem 1.5rem; height: 100% !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow-y: auto; min-height: 100vh; align-items: baseline; justify-content: start !important; border-right: .5rem solid var(--red);}
  .nav_top .navbar-collapse.show {left: 0;}
  .banner_txt strong {font-size: 3.5rem; line-height: 4rem;}
  .rt_top_social_list{right: 5rem;}
  .heder_rt_ph_btn {right: 22.8rem;}
  .heder_menu {padding: 1.5rem 0;}
  .heder_rt_ph_btn {top: -.5rem;}
  .rt_top_social_list {top: 0;}
  .recent_project_rt .owl-nav {left: -10.9rem;}
  h1, h2 {font-size: 4rem; line-height: 4.5rem;}
  .ft_top_heading {font-size: 3.2rem; line-height: 3.8rem;}
  .recent_project_rt {margin-right: -2rem;}
  .menu_sec li a {padding: 1.5rem 0; display: block; width: 100%; border-bottom: .1rem dashed #ccc;}
  .menu_sec {padding-right: 0;}
  .menu_sec li.dropdown {margin-right: 0;}
  .drop-arw::after {top: 1.5rem;}
  .nav_top .dropdown-menu li a {padding: 1rem;}
  .nav_top .navbar-nav .dropdown-menu{padding: 0; margin-top: 1rem;}

  /* portfoli_page */
  .inner_portfolio_img img {height: 32rem;}

  /* srv_dtls_page */
  .banner_rt_panel{position: inherit; right: inherit; top: inherit; transform: inherit; width: 100%; padding: 5rem 3rem 0 3rem;}
  .banner_right{width: 100%; float: none;}
  .srv_dtls_banner.inner_banner .banner_box {padding: 16rem 0 7rem;}

  /* blog_dtls_page */
  .call_number a {font-size: 2.2rem; line-height: 2.8rem;}

  /* portfolio_page */
  .prort_folo_lt{margin-top: 1.5rem;}
  .prort_folo_lt, .prort_folo_rt, .prort_folo_rt img {height: auto;}

  /*----------------------------------------------------------------------------------------------6-11-24----------------------------------------------------*/
  .rt_blog_box .blog_img, .rt_blog_box .blog_img img {height: 30rem;}
  .ft_mid .cumml:nth-child(2) .ft_txt {padding-left: 5rem;}
  .count_txt {font-size: 1.6rem;}
  .srv_rt_box {margin-left: 1rem;}
   
}

@media only screen and (max-width: 991px){
  .banner_box {padding: 15rem 0 3rem;}
  .srv_rt_box {max-width: 100%; margin: 6rem 0 0 0;}
  .ab_rt {margin: 3rem 0 0 0;}
  .ab_lt, .ab_lt img {height: auto; object-fit: cover;}
  .recent_project_rt {margin: 3rem 0 0 0;}
  .recent_project_rt .owl-nav {display: flex; align-items: center; position: inherit; left: inherit; bottom: inherit; justify-content: center; margin-top: 2rem;}
  .recent_project_rt , .inner img{height: auto;} 
  .feed_back_lt {margin: 0 0 2rem 0;}
  .arrow_item {right: -1rem;}
  .rt_blog_box .blog_img, .rt_blog_box .blog_img img {height: auto;}
  .blog_txt h4{font-size: 2.5rem; line-height: 3rem;}
  .ft_top_rt{margin-top: 1rem;}
  .ft_mid .cumml:nth-child(2) .ft_txt {padding-left: 0;}
  .rt_blog_box .blog_img {margin-right: 0;}
  .srv_rt.fixe_rt{position: relative; top: inherit; bottom: inherit;}
  .ptb{padding: 5rem 0;}
  .inner_ptb{padding: 2rem 0 5rem 0;}
  .other_ptb{padding: 5rem 0 2rem 0;}
  .banner_img {margin-top: 1rem;}

  /* srv_list_page */
  .srv_list_box .srv_txt, .srv_list_box .srv_box:nth-child(2n) .row .srv_txt {margin: 2rem 0 0 0; padding: 0;}
  .inner_banner .banner_box {padding: 13rem 0 4rem;}
  .call_info_wra_txt a {font-size: 2.5rem;}
  .srv_clent_box {margin: 0 0 2rem 0;}

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

  /* portfoli_page */
  .inner_portfolio_img img {height: auto;}

  /* srv_dtls_page */
  .srv_dtls_banner.inner_banner .banner_box {padding: 14rem 0 5rem;}
  .ab_srv_dlts_rt {margin: 3rem 0 0 0;}
  .srv_dtls_lt {margin-right: 0;}
  .srv_dtls_frm_box{margin: 3rem 0 0 0;}

  /* blog_dtls_page */
  .blog_dtls_lt{margin-bottom: 3rem;}

  /*-----------------------------------------------------------------------------------------6-11-24------------------------------------------------------------*/
  .recent_project.ptb{padding-top: 0;}
  .ab_rt .as_btn{width: 100%;}
  .srv_txt{margin-top: 2rem;}

    
}

@media only screen and (max-width: 767px){
    
    .container, .feed_back_sec .container, .inner_portfolio_sec .container{max-width: 100%; padding: 0 1.5rem;}
    .banner_txt strong {font-size: 3rem; line-height: 3.5rem;}
    .srv_img, .srv_img img {height: auto;}
    .srv_txt{padding-top: 1.5rem;}
    .ab_lt_img {left: 1.1rem;}
    .count_box{text-align: center;}
    
    h1, h2 {font-size: 3.5rem; line-height: 4rem;}
    .content {font-size: 3rem; line-height: 3rem; padding-left: 5rem;}
    .marquee_sec {padding: 1.5rem 0;}
    .arrow_item{display: none;}
    .ab_shape_img{animation: none;}
    .ab_shape_img img{max-width: 100%;}
    .heder_top{font-size: 1.4rem; line-height: 2rem;}
    .ft_srv_list li {width: 100%;}
    .ptb{padding: 4rem 0;}
    .inner_ptb{padding: 1rem 0 4rem 0;}
    .other_ptb{padding: 4rem 0 1rem 0;}
    .rt_top_social_list {right: 4rem;}
    .heder_rt_ph_btn {right: 20.8rem;}

    /* srv_liat_page */
    .srv_list_call_lt {align-items: start; flex-direction: column;}
    .call_info_wrap {width: 100%;margin: 0 0 3rem 0; justify-content: center;}
    .call_info_wrap::before{display: none;}
    .srv_list_call_lt h4{text-align: center;}
    .srv_list_call_rt.text-end{text-align: center !important;}
    .banner_lt_img img{max-width: 100%; width: 46rem;}

    /* portfoli_page */
    .inner_portfolio_txt h4 {font-size: 2.5rem; line-height: 3rem;}

    /* srv_dtls_page */
    .srv_feature_top {align-items: start; flex-direction: column;}
    .srv_feature_icon {margin: 0 0 1rem 0;}
    .srv_dtls_rt .owl-prev, .srv_dtls_rt .owl-next {position: inherit; left: inherit; top: inherit; transform: inherit;}
    .srv_dtls_rt .owl-nav{display: flex; align-items: center; justify-content: center; margin-top: 2rem;}
    .srv_dtls_rt .owl-next {margin-left: 1rem;}

    /* portfoli_page */
    .prort_folo_rt .srv_dtls_rt .owl-prev, .prort_folo_rt .srv_dtls_rt .owl-next {bottom: 3rem !important;}

    /*-----------------------------------------------------------------------------------------6-11-24------------------------------------------------------------*/
    .banner_box {padding: 12rem 0 3rem;}
    .banner_img {display: none;}
    .recent_project.ptb{padding-top: 0;}
    .fixed_icon{display: flex;}

    /*------------------------------------------------------------------8-11-24-----------------------------------------------------*/
    .choose_rt .cumll {padding: 2rem;}
}


@media only screen and (max-width: 575px){
.rt_top_social_list{display: none;}
.ab_frature_list li {flex-direction: column;}
.ab_feature_txt { font-size: 1.6rem; line-height: 2.2rem; text-align: center;}
.ab_feature_icon img {margin: 0 0 .5rem 0;}
.count_txt {font-size: 1.4rem;}
.count_munber strong {font-size: 3.5rem; line-height: 4rem;}
.count_box {margin-top: 3rem;}
h1, h2 {font-size: 2.5rem; line-height: 3rem;}
.ab_rt, .recent_project_rt {margin: 2rem 0 0 0;}
.ab_frature_list li {margin-top: 2rem;}
/* .feed_back_box {margin: 2rem 0 3.5rem 0;}
.person_img {position: relative; right: inherit; bottom: inherit; margin-bottom: 1rem; display: block;} */
/* .play_btn {right: 0; bottom: 0;} */
.feed_back_boxes .owl-nav {right: 2%; bottom: -1.4rem;}
.call_sec{text-align: center;}
.call_btn_list{flex-direction: column;}
.call_btn_list li {margin-right: 0;}
.faq_box {padding: 1.5rem;}
.faq_content .accordion-button {border-radius: .5rem !important;}
.faq_heading {font-size: 1.6rem; line-height: 2.2rem; margin-right: 2rem;}
/* .choose_rt .cumll:nth-child(2n) .choose_box , .choose_box{margin-top: 2rem;}  */
.choose_rt {margin-top: 2rem;}
.work_icon{mask: none; width: 12rem; height: 12rem; margin: 0 auto .8rem auto;}   
.work_e_number {top: -1rem; font-size: 5.5rem;}
.rt_blog_box .blog_txt h4, .blog_txt h4 {font-size: 2rem; line-height: 2.5rem;}
.blog_box, .srv_box{margin-top: 2rem;}
.ft_top_rt {flex-direction: column;}
.ft_top_rt .ft_top_heading{text-align: center; font-size: 3rem; line-height: 3.5rem; margin-bottom: .8rem;}
.ft_top_lt{text-align: center;}
/*.ft_heading {margin-bottom: 1rem;}*/
.ft_bottom{flex-direction: column; text-align: center;}
.ft_btm_lt{display: block; padding-bottom: .4rem;}
.srv_rt_box{padding: 2rem;}
.check_fld input[type="checkbox"] + label {padding-left: 2.5rem;}
.inner_ptb{padding: 2rem 0 4rem 0;}
.other_ptb{padding: 4rem 0 2rem 0;}
.banner_txt strong {font-size: 2.2rem; line-height: 2.8rem;}
.nav_top .navbar-brand img {width: 20rem;}
.heder_rt_ph_btn {right: 3.8rem;}
.heder_rt_ph_icon {width: 3rem; height: 3rem;}
.heder_rt_ph_icon img {width: 1.5rem;}
.heder_rt_ph_btn a {padding-right: .5rem;}
.heder_rt_ph_btn {top: -.4rem;}
.nav_top .navbar-toggler { padding: .2rem; margin-right: -.2rem;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .3rem;}
.heder_menu {padding: 1rem 0;}

/* srv_listing_page */
.banner_lt_img img {width: 25rem;}
.inner_banner .banner_box {padding: 12rem 0 3rem;}
.srv_list_box .srv_btn_list {flex-direction: column;}
.srv_list_box .srv_btn_list li, .srv_list_box .srv_btn_list li a {margin-right: 0; width: 100%; display: block;} 
.call_info_wra_icon {font-size: 4rem;}
.call_info_wra_txt a {font-size: 2rem;}
.srv_list_call_lt h4, .srv_rt_box  h4{font-size: 2.5rem; line-height: 3rem;}
.why_srv_choose_list li {align-items: start; margin-top: 2rem; flex-direction: column;}
.srv_choose_icon {margin: 0 0 1.5rem 0;}
.srv_choose_lt, .srv_choose_rt {padding: 1.5rem;}

/* portfolio_page */
.inner_portfolio_box{margin-top: 2rem;}
.inner_portfolio_txt {margin-right: 0;}
.inner_portfolio_txt h4 {font-size: 2rem; line-height: 2.5rem;}

/* srv_dtls_page */
.banner_rt_panel {padding: 3rem 1.5rem 0 1.5rem;}
.banner_right {padding: 2rem;}
.ab_srv_dlts_lt img {border-radius: 5rem 0 5rem 0;}
.ab_srv_dlts_lt::before, .ab_srv_dlts_lt::after {border-radius: 5rem 0 5rem 0;}
.other_txt_list li {width: 100%;}
.srv_feature_box{margin-top: 2rem;}
.srv_dtls_content {padding: 3rem 1rem;}
.faq_number {margin-right: 1rem;}
.ab_srv_dlts_lt::before {right: -.5rem;}
.ab_srv_dlts_lt::after {top: -.5rem;}

/* blog_dtls_page */
.blog_dtls_top_flex.d-flex {flex-direction: column;}
.recnt_blog_box {align-items: start; flex-direction: column;}
.recnt_blog_dtls_img{display: block; width: 100%;}
.recnt_blog_dtls_img img {width: 100%; height: 12rem; margin: 0 0 1rem 0;}
.help_contet {padding: 1.9rem 1.9rem 1.7rem 4rem;}
.help_txt {padding: 4rem 1.5rem 1.5rem 1.5rem;}

/* career_page */
.hiring_flex {flex-direction: column; align-items: start;}
.hiring_flex .as_btn{width: 100%;}
.career_box h4 {font-size: 2.5rem; line-height: 3rem;}
.time_list li { padding: .2rem 1rem !important; border-radius: .5rem; font-size: 1.3rem !important; margin: 1.5rem .5rem 0 0 !important;}
.career_box{margin-top: 2rem;}
.share_box { width: 3.2rem; height: 3.2rem; right: 1rem; top: 1rem;}
.job_loaction_list li {margin: .5rem .5rem 0 0; font-size: 1.4rem;}
.job_loaction_list li i {margin-right: .5rem;}
.career_heading_top{font-size: 2.5rem; line-height: 3rem;}
.port_foli_box {margin-top: 2rem;}

/*----------------------------------------------------------------------------6-11-24------------------------------------------------------*/
.feed_back_box { margin: 2rem 1rem 1rem 0;}
.person_img img {width: 10rem !important; height: 10rem;}
/* .feed_back_boxes .owl-nav{position: inherit; bottom: inherit; right: inherit; transform: inherit; margin: auto;} */
.person_img { position: relative; right: inherit; bottom: inherit; display: block;}
.person_img img { width: 100% !important; height: auto; margin-bottom: 1rem;}
.play_btn {right: 0rem; bottom: -2rem;}
.feed_back_box{padding: 2rem 2rem 5rem 2rem;}
.srv_rt .input_fld input[type="text"], .srv_rt .input_fld input[type="email"], .srv_rt .input_fld select {height: 5rem;}
.srv_rt .frm_icon {top: 1.6rem;}
.ft_txt p {padding-top: .5rem;}
.ft_srv_list li a {margin-top: .8rem;}

}

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

}