@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('../css/owl.carousel.min.css');
@import url('../css/font-awesome.min.css');
@import url('../css/simple-line-icons.css');
@import url('../css/fancybox.min.css'); 
@import url('../css/aos.css'); 

@font-face {
  font-family: 'Araboto';
  src: url('../fonts/Araboto Normal.ttf'); 
  font-weight:400;
  font-display: swap; 
}


::-webkit-scrollbar {
	width: 10px;
	border-radius: 100px
}

::-webkit-scrollbar-track {
	box-shadow: inset 0 0 10px #2a2c2e;
	border-radius: 100px
}

::-webkit-scrollbar-thumb {
	background-color: #848484;
	border-radius: 100px
}


/*header css*/
.hidden_header{height:90px;}
header{position:relative; z-index:99; background:#fff; border-bottom:1px solid #e4e4e4;}
.header-shrink{background:#fff; transition:all 0.3s ease-in-out;}

/*menu dropdown*/
.navbar-expand-lg{padding:0; width:60%; margin-left:auto;}
.dropdown:hover > .dropdown-menu{visibility:visible; opacity:1; z-index:1; transform:translateY(0%); transition-delay:0s, 0s, 0.3s;}
.dropdown > .dropdown-toggle:active{pointer-events:none;}
.dropdown-menu li:last-child a{border-bottom:none;}
.navbar-light .navbar-nav .nav-link .fa{font-size:15px;}
.dropdown-item img{width:18px; margin-right:10px;}
.navbar-light .navbar-nav .nav-link svg{width:18px; margin-left:0px;}

/*-- banner --*/
.banner{position:relative; z-index:1; padding:0;}
/*.banner .carousel-item:before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:linear-gradient(100deg, rgb(255 255 255 / 95%), rgb(255 255 255 / 5%)); z-index:1;}*/
.banner_text{display:flex; align-items:center; justify-content:center; flex-direction:column; height:100%; font-size:20px; line-height:1.3; padding-right:3rem; text-align:center; width:55%; margin:auto; padding-bottom:4rem;}
.banner_heading{font-size:53px; color:#515083; line-height:1.1; font-weight:600; margin-bottom:1.7rem;}
.banner:hover .carousel-control-next-icon, .banner:hover .carousel-control-prev-icon{opacity:1;}
.carousel-item .img-fluid{width:100%;}
/*-- //banner --*/

/*-- footer --*/
footer{background-color:#f7f7ff; font-size:14px; padding:4rem 0 0rem; position:relative;}
.f_logo{margin-bottom:2rem; color:#fff; font-size:45px; font-weight:700; line-height:1;}
.f_logo img{height:35px;}
.f_heading{color:#000; font-size:20px; font-weight:600; line-height:normal; text-transform:uppercase; margin-bottom:20px;}
.footer-grids ul{margin:0 0 0px; padding:0;}
.footer-grids ul li{list-style-type:none; margin-bottom:12px;}
.footer-grids ul li a{color:#555555; position:relative; transition:all 0.4s ease-in-out;}
.footer-grids ul li a:hover{color:#7853aa; padding-left:10px;}
.f_address .f_heading{font-size:16px; font-weight:500;}
.f_address a{color:#555555;}
.copyright{padding:25px 0; margin-top:3rem; border-top:#dbdbdb solid 1px; text-align:center;}
.social-icon{margin-top:1.5rem;}
.social-icon a{background:#7853aa; border-radius:5px; width:40px; height:40px; display:inline-flex; align-items:center; justify-content:center; font-size:16px; color:#fff; margin-right:5px;}
.social-icon a:last-child{margin-bottom:0;}
.social-icon a:hover{color:#fff; background:#275687;}
/*-- //footer --*/

/*-- move top --*/
#toTop{bottom:20px; right:15px; display:none; width:40px; height:40px; overflow:hidden; position:fixed; text-decoration:none; z-index:9999; font-size:0; color:transparent; background:rgba(48, 48, 52, 0.7); border:rgba(255, 255, 255, 0.1) solid 1px; border-radius:7px; opacity:1;}
#toTop:hover{ opacity:.9;}
#toTop:after{color:#fff; content:'\f106'; font-size:20px; line-height:38px; font-family:'FontAwesome'; text-align:center; display:block; position:absolute; top:0; right:0; bottom:0; left:0; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
/*-- //move top --*/

section{padding:5rem 0;}
.heading_main{margin-bottom:3rem; text-align:left; position:relative;}
.heading_main .heading{margin-bottom:1rem;}
.heading{font-size:45px; color:#000; margin-bottom:1.5rem; line-height:1.2; font-weight:600;}
.heading_main p{font-size:17px; color:#282828;}
.sub_heading{font-size:16px; color:#9375bb; font-weight:600; text-transform:uppercase; letter-spacing:1px; margin-bottom:1rem; line-height:normal; position:relative;}

.banner_bottom_bg{background:#f6f6f6; padding:2rem 0;}
.banner_bottom_bg ul{display:flex; align-items:center; justify-content:center; gap:60px; margin:0; padding:0;}
.banner_bottom_bg ul li{margin:0; padding:0; list-style:none; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:500;}
.banner_bottom_bg ul li img{height:35px; margin-right:15px;}

/*service css*/
.service_bg{background:#fff;}
.service{background:#f0f0f0; padding:25px 20px; border-radius:15px; text-align:center; margin-bottom:1.5rem; transition:all 0.4s ease-in-out;}
.service:hover{box-shadow:0px 10px 30px 0px rgb(0 0 0 / 10%); border-color:#fff;}
.service img{width:65px; margin-bottom:1.5rem;}
.service h4{font-size:20px; color:#515083; margin-bottom:0;}

/*counter css*/
.counter_bg{padding:2rem 0;}
.counter_main{color:#555555; font-size:16px; position:relative; text-align:left;}
.counter_main span{font-size:50px; font-weight:600;}

.about_bg{background:#f6f6f6; position:relative; z-index:1;}
.about{display:flex; align-items:flex-start; justify-content:center; flex-direction:column; height:100%; padding-right:3rem;}
.about_img img{height:530px; object-fit:cover; border-radius:15px;}

.striving_bg{}
.striving_box{background:url(../images/steriving-bg.jpg) no-repeat; background-attachment:fixed; background-size:cover; padding:8rem 3rem; color:#fff; border-radius:10px 0 0 10px; width:95.3%; margin-left:auto;}
.striving_box .heading{color:#fff;}
.striving_box ul{margin:1rem 0 0; padding:0; display:inline-flex; gap:15px;}
.striving_box ul li{margin:0; padding:0; list-style:none; font-size:12px; font-weight:300; text-align:center;}
.st_icon{background:#319c04; border-radius:10px; margin-bottom:10px; width:80px; height:80px; display:flex; align-items:center; justify-content:center;}

.offering_head{padding-right:5rem;}
.offering{background:#fcfcfc; padding:20px; border-radius:15px; border:#e1e0e0 solid 1px; margin-bottom:1.5rem; transition:all 0.4s ease-in-out;}
.offering:hover{box-shadow:0px 0px 20px 0px rgb(0 0 0 / 8%); border-color:#fff;}
.offering img{width:60px; margin-bottom:1.5rem;}
.offering h4{font-size:18px;}

.client_bg{background:#f6f6f6;}
.client_bg .heading_main{text-align:center;}
.marquee_container{overflow-x:hidden; display:flex; flex-direction:row; position:relative; width:100%; transform:none; margin:1rem 0;}
.marquee{min-width:100%; z-index:1; display:flex; flex-direction:row; align-items:center; animation:scroll 40s linear 0s infinite; /*animation-direction:reverse;*/}
.marquee img{margin:15px .5rem; height:90px; padding:15px 25px; box-shadow:0px 0px 20px 0px rgb(0 0 0 / 8%);}

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

/*inner page css*/
.inner-banner{background-image:url(../images/office-banner.jpg); background-position:center; background-repeat:no-repeat; background-size:100%; padding:0;}
.inner-page-layer{/*background:rgb(0 0 0 / 48%);*/ min-height:300px; display:flex; align-items:center;}
.inner-banner .heading{color:#515083; margin-bottom:1rem; line-height:normal; text-align:left; width:43%; line-height:1.2;}

.about_text{padding-left:2rem; display:flex; align-items:flex-start; justify-content:center; flex-direction:column; height:100%;}
.about_text h3{font-size:25px;}
.about_text ul{margin:0 0 0 25px; padding:0;}
.about_text ul li{margin:10px 0; padding:0;}
.ab_img img{height:550px; object-fit:cover; border-radius:15px;}
.counter_box{background:#515083; border-radius:20px; padding:60px 0; position:relative; z-index:1; overflow:hidden;}
.counter_box:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; background:url(../images/about-bg.webp) no-repeat; background-size:100%; z-index:-1; opacity:.2;}
.counter_box .counter_main{color:#fff; text-align:center;}

/*contact us css*/
.contact{background:#f8f8f8; text-align:center; overflow:hidden; margin-top:1rem; padding:50px 50px 75px;}
.contact img{margin-bottom:2rem;}
.form_bg{padding-top:2rem; padding-bottom:0;}
.form_bg form{background:#fff; padding:35px 45px; text-align:center; box-shadow:0px 0px 139px 0px rgb(0 0 0 / 10%);}
.form_bg form .heading{margin-bottom:2rem; font-size:40px;}
.form_bg form .btn{width:70%;}
.map_bg{margin-top:-3rem; padding:0; position:relative; z-index:-1; margin-bottom:-8px;}
.map_bg iframe{width:100%; height:450px; filter:brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg);}

.client{margin:1rem 0rem; text-align:center; padding:15px; box-shadow:0px 0px 20px 0px rgb(0 0 0 / 8%);}
.client img{height:85px;}

.categories_bg{background:#fff;}
.categories_bg .heading_main{text-align:center;}
.category{background:#f6f6f6; padding:25px 20px; border-radius:15px; text-align:center; margin-bottom:1.5rem; transition:all 0.4s ease-in-out;}
.category:hover{box-shadow:0px 10px 30px 0px rgb(0 0 0 / 10%); border-color:#fff;}
.category img{width:65px; margin-bottom:1.5rem;}
.category h4{font-size:18px; color:#515083;}
.category svg{width:20px; margin-left:5px;}

.solutions_bg{background:#fff;}
.solutions_bg .heading_main{text-align:center;}
.solution{background:#f8f8f8; padding:0 0 20px; text-align:center; border-radius:15px;}
.solution figure{margin-bottom:1.5rem; overflow:hidden; border-radius:15px;}
.solution figure img{transition-duration:2s;}
.solution:hover img{transform:scale(1.08);}
.solution h4{font-size:16px; margin-bottom:0;}

.bed{background:#f8f8f8; padding:20px; text-align:center; border-radius:15px; margin-bottom:1.5rem;}
.bed figure{margin-bottom:2rem; overflow:hidden; border-radius:15px;}
.bed figure img{transition-duration:2s;}
.bed:hover img{transform:scale(1.08);}
.bed h4{font-size:17px; margin-bottom:0;}

.detail_bg{padding-top:2rem; background:#f6f6f6;}
.product_image{position:sticky; top:1rem;}
.product_image .img-fluid{border-radius:10px;}
#proCarousel .carousel-indicators{bottom:0; position:relative; margin:15px -5px 0;}
#proCarousel .carousel-indicators>li{width:18%; height:auto;}
#proCarousel .carousel-indicators li img{display:inline-block; border-radius:5px;}
#proCarousel .carousel-indicators>li a.active{border-color:#9375bb;}
#proCarousel .carousel-indicators [data-bs-target]{margin-left:0; margin-right:0; height:auto; width:auto; background:none; border:#eee3fd solid 1px; padding:5px; border-radius:5px; display:block; text-indent:inherit;}
#proCarousel .carousel-indicators [data-bs-target]:before{display:none;}

.detail{background:#fff; border-radius:10px; padding:25px;}
.detail .heading{font-size:33px;}
.available{margin-bottom:1rem; padding-bottom:.7rem; border-bottom:#f0f6f9 solid 1px;}
.available span{color:#9375bb; font-weight:500;}
.qty_main{margin:1.5rem 0 2rem;}
.qty{border:#f6f6f6 solid 1px; display:inline-flex; position:relative; width:auto; border-radius:35px; margin-left:3rem;}
.qty button{border:none; cursor:pointer; background:#f6f6f6; padding:10px 15px; font-size:20px; font-weight:300; line-height:1; outline:0; border-radius:50%;}
.qty input{border:none; width:50px; text-align:center; padding:0; background:none;}
.qty_main .btn{margin-top:25px; width:100%;}

.ul_icon{background:#f6f6f6; margin:0; padding:25px; display:flex; gap:30px; text-align:center;}
.ul_icon li{margin:0; padding:0; list-style:none; width:25%; display:flex; align-items:center; flex-direction:column; font-size:13px; color:#58595b; line-height:18px;}
.ul_icon li img{height:45px; margin-bottom:15px;}

.overview_bg{margin-top:3.5rem;}
.overview_bg .nav-tabs{border-bottom:none; margin-bottom:2rem;}
.overview_bg .nav-tabs .nav-link{padding-top:10px; padding-bottom:10px; border-bottom:transparent solid 2px; color:#333; font-weight:500;}
.overview_bg .nav-tabs .nav-link.active{border-bottom-color:#9375bb; background:none; color:#9375bb;}
.overview_bg ul{margin:0; padding:0;}
.overview_bg ul li{margin:0 0 25px 0px; padding:0 0 0 35px; list-style:none; position:relative;}
.overview_bg ul li:before{content:''; position:absolute; left:5px; top:8px; background:#9375bb; width:10px; height:10px; border-radius:50%; z-index:1;}
.overview_bg ul li:after{content:''; position:absolute; left:0; top:3px; background:#ede0ff; width:20px; height:20px; border-radius:50%;}

.csr_text{padding-right:2rem; display:flex; align-items:flex-start; justify-content:center; flex-direction:column; height:100%;}
.csr_text ul{margin:25px 0 0; padding:0;}
.csr_text ul li{margin:0 0 20px 0px; padding:0 0 0 35px; list-style:none; position:relative;}
.csr_text ul li:before{content:''; position:absolute; left:5px; top:8px; background:#9375bb; width:10px; height:10px; border-radius:50%; z-index:1;}
.csr_text ul li:after{content:''; position:absolute; left:0; top:3px; background:#ede0ff; width:20px; height:20px; border-radius:50%;}
.gray_bg{background:#f6f6f6;}
.pond{text-align:center; margin-bottom:1.5rem; background:#fff; padding:15px; box-shadow:0px 5px 20px 0px rgb(0 0 0 / 10%);}
.pond img{width:100%;}
.pond h5{font-size:16px; margin-bottom:5px; margin-top:1.5rem;}

.csr{background:#fff; padding:20px 20px 10px 150px; position:relative; margin-bottom:1.5rem; border-radius:10px; font-size:14px;}
.csr img{position:absolute; left:20px; top:25px; height:105px;}

.about_category{padding-right:2rem; display:flex; align-items:flex-start; justify-content:center; flex-direction:column; height:100%;}
.about_category ul{margin:0 0 20px 15px; padding:0;}
.about_category ul li{margin:15px 0; padding:0 0 0 35px; list-style:none; position:relative;}
.about_category ul li:before{content:''; position:absolute; left:5px; top:8px; background:#9375bb; width:10px; height:10px; border-radius:50%; z-index:1;}
.about_category ul li:after{content:''; position:absolute; left:0; top:3px; background:#ede0ff; width:20px; height:20px; border-radius:50%;}
.ab_cat_img{position:sticky; top:2rem;}
.ab_cat_img img{border-radius:10px;}