@charset "utf-8";
/* CSS Document */
/* :: All Transition */
* {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    outline: none;
}
.float{	position:fixed;	width:60px;	height:60px;	bottom:40px;	left:15px;	background-color:#25d366;	color:#FFF;	border-radius:50px;	text-align:center; font-size:30px;	box-shadow: 2px 2px 3px #999; z-index:100;}
.my-float{margin-top:16px;}
.field_error {color: red;font-size: 12px;}

.title-black-center{width: 100%; position: relative; margin: 0px 0px 35px 0px; padding: 0; text-align: center; }
.title-black-center h2{font-size:22px;font-family:"Poppins",serif;letter-spacing:0.04em;text-align:center;color:#000;font-weight:700;text-transform:capitalize;display:inline-block;position:relative}.title-black-center h2::before{content:"";display:inline-block;background:url(../images/beforeicon.png) no-repeat center center;background-size:contain;width:30px;height:30px;vertical-align:middle;margin-right:10px}.title-black-left{position:relative;text-align:left}.title-black-left h2{font-size:22px;letter-spacing:0.04em;text-align:left;line-height:28px;color:#000;font-weight:700;text-transform:capitalize;font-family:"Poppins",serif;display:inline-block;position:relative;vertical-align:middle}.title-black-left h2::before{content:"";display:inline-block;background:url(../images/beforeicon.png) no-repeat center center;background-size:contain;width:30px;height:30px;vertical-align:middle;margin-right:10px}
.title-black-left {width: 100%; position: relative; margin: 0px 0px 30px 15px; padding: 0; text-align: left; }
.title-black-left h2{font-size:22px;font-family:"Poppins",serif;letter-spacing:0.04em;text-align:left;color:#000;font-weight:700;text-transform:capitalize;display:inline-block;position:relative}.title-black-center h2::before{content:"";display:inline-block;background:url(../images/beforeicon.png) no-repeat center center;background-size:contain;width:30px;height:30px;vertical-align:middle;margin-right:10px}.title-black-left{position:relative;text-align:left}.title-black-left h2{font-size:22px;letter-spacing:0.04em;text-align:left;line-height:28px;color:#000;font-weight:700;text-transform:capitalize;font-family:"Poppins",serif;display:inline-block;position:relative;vertical-align:middle}.title-black-left h2::before{content:"";display:inline-block;background:url(../images/beforeicon.png) no-repeat center center;background-size:contain;width:30px;height:30px;vertical-align:middle;margin-right:10px}
.mobilegetbtn{display: none;}
.title-black-left p { font-size: 14px; line-height: 28px; font-weight: 600; padding: 0;  margin: 0;  letter-spacing: 0.06em;}

/* header part */
.header .header-item-first{width:100%;display:flex;padding:10px;position:relative;justify-content:end;border-bottom:1px solid #eeeeee}.header .header-item-first .left{position:relative;display:flex}.header .header-item-first .right{position:relative}.header .header-item-first .left ul{display:flex;gap:15px}
.header .header-item-first .left ul li{margin:0;padding:0; width: max-content; position: relative; display: flex; align-items: center; column-gap:5px}
.header .header-item-first .left ul li i{border:1px dashed #25d366;color:#25d366;margin-right:0px;border-radius:50%;display:inline-block;width:35px;height:35px;line-height:35px;text-align:center;font-size:18px;background:transparent;transition:all 0.3s ease 0s}

.header .header-item-first .left ul li .cilck-btn{padding: 8px 25px; margin-left: 10px; background-color: #009ee0; color: #ffffff; border-radius: 50px; border: none; outline: none;}
.header .header-item-first .left ul li button a { color: #fff;font-size: 15px;font-weight: 600; font-family: 'Poppins';}
.header .header-item-first .left ul li button i{margin-left: 10px; color: #ffffff;}

.header-item-second-div{padding: 8px 0px; display:flex;position:relative;background-color:#fff;width:100%;justify-content:center;align-items:center}
.header-item-second-div .left{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 25%;flex:0 0 25%}
.header-item-second-div .right{width:75%;position:relative}
.header-item-second-div .right .nav-item-box{background-color:#fff;border:.5px solid #77d0ea;border-radius:8px;justify-content:flex-start;align-self:center;align-items:center;padding:8px 5px;display:flex;box-shadow:0 5px 30px -12px #7b61ff4d}
.header .header-item-first .left ul li a{color: #000000; font-size: 15px;}
.header  .social-footer ul {list-style: outside none none; margin: 0; padding: 0; display: flex;}
.header  .social-footer ul li {display: inline-block; margin: 0px 5px 0 0px; color: #000000; font-size: 15px;}
.header  .social-footer a {background-image: none; text-decoration: none;}
.header  .social-footer ul li .fb {color: #43609c; display: block; border-radius: 50%; font-size: 15px; height: 45px; line-height: 45px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 45px; background: transparent; border: 1px dashed #43609c;}
.header  .social-footer ul li .fb:hover { background-color: #3b5998; color: #FFFFFF; border: 1px solid #3b5998;}
.header  .social-footer ul li .yt {color: #d73a3a; border-radius: 50%; display: block; font-size: 15px; height: 45px; line-height: 45px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 45px; background: transparent; border: 1px dashed #d73a3a;}
.header  .social-footer ul li .yt:hover {background-color: #d32727; color: #FFFFFF; border: 1px solid #d32727;}
.header  .social-footer ul li .ld {color: #1787bd; border-radius: 50%; display: block; font-size: 15px; height: 45px; line-height: 45px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 45px; background: transparent; border: 1px dashed #1787bd;}
.header  .social-footer ul li .ld:hover { background-color: #007bb6; color: #FFFFFF; border: 1px solid #007bb6; }
.header  .social-footer ul li .insta { color: #dd4ab0; display: block; border-radius: 50%; font-size: 15px; height: 45px; line-height: 45px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 45px; background: transparent; border: 1px dashed #dd4ab0;}
.header  .social-footer ul li .insta:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); color: #FFFFFF; border: 1px solid #d6249f;}
/* .header .social-footer .cilck-btn{padding: 12px 36px; margin-left: 10px; background-color: #009ee0; color: #ffffff; border-radius: 50px; border: none; outline: none;}
.header .social-footer button a { color: #fff;font-size: 15px;font-weight: 700; font-family: 'Poppins';}
.header .social-footer button i{margin-left: 10px;} */

/* Desktop banner */
.desktop-banner-sec{position:relative;width:100%}


/*.request-sec{width:100%;position:relative;background:url(../images/export-sec.jpg) no-repeat center top;background-size:cover;height:210px;border-radius:25px;width:80%;margin: 35px auto;display:flex;justify-content:center;align-items:center;gap:25px}*/
/*.request-sec .first{width:70%;margin:0 0 0 30px}.request-sec .first h1{font-size:60px;font-weight:700;color:#fff}.request-sec .first p{font-size:16px;line-height:26px;color:#fff;padding:10px 0 0}.request-sec .second{width:30%}*/
/*.request-sec .cilck-btn{padding:15px 60px;background-color:#000;color:#fff;border-radius:50px;border:none;outline:none;height:60px}*/
/*.request-sec button a{color:#fff;font-size:18px;font-weight:700}*/

.req-cal-sec { width: 100%; position: relative; padding: 40px 0; }
.request-sec { width: 100%; position: relative; background: url('../images/export-sec.jpg') no-repeat center top; background-size: cover; padding: 30px 20px; border-radius: 8px; display: flex; justify-content: space-between; align-items: center; gap: 15px; height:180px; }
.request-sec .first { width: 72%; }
.request-sec .first h1 { font-size: 26px; font-weight: 700; color: #fff; }
.request-sec .first p { font-size: 16px; line-height: 26px; color: #fff; margin-top: 10px; margin-bottom: 0px;}
.request-sec .second { width: 28%; }
.req-cal-sec .cilck-btn { display: inline-block; padding: 11px 18px; background-color: #000; color: #fff; border-radius: 50px; border: none; outline: none; font-weight: 700; font-size: 16px; text-decoration: none; text-align: center; transition: all 0.3s ease; }
.req-cal-sec .cilck-btn:hover { background-color: #333; }
.req-cal-sec a { font-size: 17px; font-weight: 700; text-decoration: none; }
.req-cal-sec a i{margin-left:2px;}

.welcome-sec{width: 100%; position: relative; display: flex; justify-content: start; column-gap: 30px; align-items: center; background: url(../images/wel-bg.jpg) no-repeat center top; background-size: cover; margin-bottom: 30px; margin-top: 0px;}
.welcome-sec .left-side{width: 40%; position: relative; padding: 100px 0px 100px 50px;}
.welcome-sec .left-side .left-bg{background:#ffdc00; width: 50%; height: 100%; position: absolute; left: 0; top: 0;}
.welcome-sec .left-side img{z-index: 1; position: relative;}
.welcome-sec .right-side{width: 60%; padding-right: 15px;}

.welcome-sec .right-side h2{font-size: 30px; font-weight: 600; font-family: "Inter", serif;}
.welcome-sec .right-side h2 strong{color: #009ee0;}
.welcome-sec .right-side p{padding: 30px 0px; margin: 0; font-size: 16px; line-height: 28px; color: #000000;}
.welcome-sec .right-side a{font-size: 14px; font-weight: 700; color: #009ee0;}


/* Our Offerings */
.our-offerings{width: 100%; position: relative; padding: 0px 0px 0px 0px;  margin-top: 30px; margin-bottom: 30px;}
.our-offerings .title-black-left p{font-size: 14px; line-height: 28px; font-weight: 600; padding: 0; margin: 0; letter-spacing: 0.06em;}
.our-offerings .owl-theme .owl-nav {text-align: center; position: absolute; top: -98px; right: 20px;}
.our-offerings .owl-theme .owl-nav .owl-prev, .our-offerings .owl-theme .owl-nav .owl-next {padding: 0px; color: #009ee0; font-size: 20px; margin: auto 5px; display: inline-block; cursor: pointer;  width: 48px; text-align: center; height: 48px; line-height: 48px; border-radius: 4px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(204,202,204,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(204,202,204,1);
    box-shadow: 0px 0px 19px 0px rgba(240,240,240,1);}
.our-offerings .owl-theme .owl-nav [class*=owl-]:hover { color: #009ee0!important; text-decoration: none; transition: .8s linear; border: 1px  #f0f0f0;}
/* .our-offerings .our-offerings-main{margin-top: 10px;} */



/* .our-offerings .our-offerings-main .card-main{width: 100%; position: relative; border: 1px solid #e4e4e4; margin-bottom: 10px; padding: 10px 10px 25px 10px; border-radius: 10px;}
.our-offerings .our-offerings-main a{font-size: 12px; color: #009ee0; font-weight: 700; }
.our-offerings .our-offerings-main p{font-size: 18px; line-height: 28px; font-family: 'Poppins'; font-weight: 600; padding: 20px 0px 0px 0px; margin: 0;}
.our-offerings .owl-carousel .owl-item img {border-radius: 6px;} */

.our-offerings .card-main{width: 100%; position: relative; border: 1px solid #e4e4e4; margin-bottom: 10px; padding: 10px 10px 25px 10px; border-radius: 10px;}
.our-offerings .card-main a{font-size: 12px; color: #009ee0; font-weight: 700; }
.our-offerings .card-main p{font-size: 18px; line-height: 28px; font-family: 'Poppins'; font-weight: 600; padding: 20px 0px 0px 0px; margin: 0;}
.our-offerings .card-main img {border-radius: 6px;}

/* Why choose */
.why-choose-us{width: 100%; position: relative; padding: 0px 0px 0px 0px; margin-bottom: 100px;}
.first-bg{background: url(../images/why-choose-bg.png) no-repeat center top; background-size: contain; height: 348px; width: 100%; position:relative; top: 0; left: 0;}
.second-bg{background-color: #000000;height: 486px; width: 100%; position: relative; top: -86px; left: 0;}
.why-choose-us .third-bg{z-index: 2;margin-top: -743px;width: 100%; }
.why-choose-us .third-bg .main-div{display: flex; width: 100%; position: relative; height: 600px;   background: url(../images/why-choose-bg.jpg) no-repeat center top; background-size: cover;}
.why-choose-us .third-bg .main-div img{width: 100%; height: 100%;}
.why-choose-us .third-bg .main-div .leftdiv{position: relative; width: 40%;}
.why-choose-us .third-bg .main-div .rightdiv{
  /* background-color: #f8f5f0; */
   position: relative; width: 60%; border-right: 12px solid #ffdc00; padding-top: 50px; padding: 48px 20px 35px 30px;}
   .why-choose-us .third-bg .main-div .rightdiv .title-black-left {margin: 0px 0px 20px 0px;}
.why-choose-us .third-bg .main-div .rightdiv .title-black-left .sub-title{font-size: 14px;line-height: 28px;font-weight: 600; letter-spacing: 0.06em;}
.why-choose-us .third-bg .main-div .rightdiv .icons-div{width: 100%; display: flex; align-items: center;justify-content: start;border-bottom: 1px solid #dcdcdc;column-gap: 15px; padding: 15px 0px;} 
.why-choose-us .third-bg .main-div .rightdiv .icons-div:last-child {border-bottom: none;}
.why-choose-us .third-bg .main-div .rightdiv .icons-div .first-div{ width: 110px;height: 102px; border: 1px dashed #05a0e0; border-radius: 50%;}
.why-choose-us .third-bg .main-div .rightdiv .icons-div .second-div{width: 86%; padding-left: 20px;}
.why-choose-us .third-bg .main-div .rightdiv p{font-size: 16px;  font-family: "Poppins", serif; font-weight: 600;} 
.why-choose-us .third-bg .main-div .rightdiv p:last-child{font-size: 14px; line-height: 24px; font-weight: normal;}



/* Industry Applications */
.industry-applications{width: 100%; position: relative; padding: 0px 0px 0px 0px; }
.industry-applications .title-black-center p{font-size: 14px; line-height: 28px; font-weight: 600; padding: 5px 0px 0px 0px; margin: 0; letter-spacing: 0.03em;}
.industry-applications .card-main{width: 100%; position: relative; border: 2px solid #f5f5f5; padding: 10px 10px 20px 10px;
      -webkit-box-shadow: 0px 0px 10px 0px rgba(204,202,204,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(204,202,204,1);
    box-shadow: 0px 0px 19px 0px rgba(240,240,240,1);
margin-bottom: 40px;
}
.industry-applications .card-main .title{font-size: 18px; font-weight: 700; font-family: 'Poppins'; padding: 20px 0px 5px 0px;;}
.industry-applications .card-main p{font-size: 14px; line-height: 25px;  padding: 0; margin: 0;}


/* Home Partners */
.home-partner-with-us{width: 100%; position: relative; padding: 0px 0px 0px 0px; margin-bottom: 40px; height: 50vh;
background: url(../images/partner-bg.jpg); background-size: cover;}
.home-partner-with-us .partner-bg{position: relative; width: 100%; padding: 50px 0px 50px 0px;}
.home-partner-with-us .partner-bg p{padding: 0; margin: 0; font-size: 16px; line-height: 26px; color: #000000;}
.home-partner-with-us .partner-bg h1{font-size: 60px; font-family: "Poppins", serif; font-weight: 700; margin-bottom: 30px; color: #009ee0; }
.home-partner-with-us .partner-bg .main{display: flex; position: relative; width: 100%; gap: 30px;}
.home-partner-with-us .partner-bg .main .left{width: 64%; position: relative; text-align: justify; align-items: start;}
.home-partner-with-us .partner-bg .main .right{width: 36%; position: relative;}
.home-partner-with-us .partner-bg .main .right i{margin-left: 5px;}
.home-partner-with-us .partner-bg .main .right .cilck-btn{padding: 15px 60px; height: 60px; background-color: #009ee0; color: #ffffff; border-radius: 50px; border: none; outline: none;}
.home-partner-with-us .partner-bg .main .right button a{color: #ffffff; font-size: 18px; font-weight: 700;}

/* Blog  */
.home-blog{width: 100%; position: relative; padding: 0px 0px 0px 0px; margin-bottom: 40px;}
.home-blog .card-main{width: 100%; position: relative; border: 2px solid #f5f5f5; padding: 10px 10px 15px 10px;}
.home-blog .card-main a{font-size: 12px; color: #009ee0; font-weight: 700;}
.home-blog .card-main p{font-size: 18px; line-height: 28px; font-family: 'Poppins'; font-weight: 600; padding: 0; margin: 15px 0px}
.home-blog .title-black-center p{font-size: 14px; line-height: 28px; font-weight: 600; padding: 0; margin: 0; letter-spacing: 0.06em;}

/* Footer section */
.footer{background: #404040; width: 100%; position: relative; padding: 30px 0px 0px 0px;}
.footer .footer-links{position: relative; width: 100%;  padding: 20px 0px 0px 0px; display: flex; justify-content: start; column-gap: 70px;}
.footer .footer-links h4{ font-weight: 700; font-size: 16px; line-height: 26px; margin-bottom: 20px; color: #ffffff;  padding: 0px 0px 10px 0px;}
.footer .footer-links h4::after {content: ''; display: block; width: 50px; height: 4px; background-color: #ffdc00; margin-top: 10px; }
.footer .footer-links .quick-links{ position: relative; margin-bottom: 10px; }
.footer .footer-links .quick-links ul {margin: 0; padding: 0;}
.footer .footer-links .quick-links ul li {list-style-type: none; font-size: 14px; color: #ffffff; display: block; text-align: left; margin-bottom: 15px; }
.footer .footer-links .quick-links ul li a {color: #ffffff; transition: all .5s ease;}
.footer .footer-links .quick-links ul li a:before { font-family: "Font Awesome 5 Free"; content: '\f30b'; font-weight: 900; font-size: 12px; color: #ffffff; margin-right: 10px;}
.footer .footer-links .quick-links ul li a:hover {color: #ffdc00; transition: 0.5s linear;}
.footer .social-contact {padding: 20px 0px;text-align: center;width: 100%;line-height: 40px;margin-bottom: 20px;border-bottom: 1px solid #5e5e5e;border-top: 1px solid #5e5e5e;display: flex;justify-content: space-between;column-gap: 30px;}
.footer .social-contact .contact-details {color: #ffffff;display: flex;justify-content: center;  align-items: center;  gap: 20px; }
.footer .social-contact .contact-details p { margin: 0; padding: 0; display: flex; align-items: center;  font-size: 15px; }
.footer .social-contact .contact-details a { margin: 0; padding: 0; display: flex; align-items: center;  font-size: 15px; color: #ffffff;}
.footer .social-contact .contact-details i {margin-right: 10px;border-radius: 50%;border: 1px dashed #ffffff;display: inline-block;width: 35px;height: 35px;line-height: 35px;text-align: center;font-size: 15px;background: transparent;transition: all 0.3s ease 0s;}
.footer .social-footer ul {list-style: outside none none; margin: 0; padding: 0; display: flex;}
.footer .social-footer ul li {display: inline-block; margin: 0px 5px 0 0px; color: #000000; font-size: 15px;}
.footer .social-footer a {background-image: none; text-decoration: none;}
.footer .social-footer ul li .fb {color: #ffffff; display: block; border-radius: 50%; font-size: 15px; height: 45px; line-height: 45px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 45px; background: transparent; border: 1px dashed #ffffff;}
.footer .social-footer ul li .fb:hover { background-color: #3b5998; color: #FFFFFF; border: 1px solid #3b5998;}
.footer .social-footer ul li .twt {color: #ffffff; border-radius: 50%; display: block; font-size: 15px; height: 45px; line-height: 45px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 45px; background: transparent; border: 1px dashed #ffffff;}
.footer .social-footer ul li .twt:hover {background-color: #26a4f0; color: #FFFFFF; border: 1px solid #26a4f0;}
.footer .social-footer ul li .yt {color: #ffffff; border-radius: 50%; display: block; font-size: 15px; height: 45px; line-height: 45px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 45px; background: transparent; border: 1px dashed #ffffff;}
.footer .social-footer ul li .yt:hover {background-color: #d32727; color: #FFFFFF; border: 1px solid #d32727;}
.footer .social-footer ul li .ld {color: #ffffff; border-radius: 50%; display: block; font-size: 15px; height: 45px; line-height: 45px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 45px; background: transparent; border: 1px dashed #ffffff;}
.footer .social-footer ul li .ld:hover { background-color: #007bb6; color: #FFFFFF; border: 1px solid #007bb6; }
.footer .social-footer ul li .insta { color: #ffffff; display: block; border-radius: 50%; font-size: 15px; height: 45px; line-height: 45px; text-align: center; text-decoration: none; transition: all 0.3s ease 0s; width: 45px; background: transparent; border: 1px dashed #ffffff;}
.footer .social-footer ul li .insta:hover { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); color: #FFFFFF; border: 1px solid #d6249f;}
.footer .terms-details{position: relative; width: 100%;}
.footer .terms-details a{color: #ffffff; transition: all .5s ease;  font-size: 15px;}
.footer .terms-details a:hover {color: #ffdc00; transition: 0.5s linear;}
.footer .copy-right{display: flex; color: #ffffff; justify-content: space-between; }
.footer .copy-right p{ font-size: 15px;}
.footer .copy-right a{color: #ffffff; font-size: 15px;}
.footer .copy-right a:hover{color: #ffdc00;}

/* Gallery page */
.gallery-bg { width: 100%; position: relative; padding: 0; margin-bottom: 30px; height: 50vh; background: url(../images/partner-bg.jpg); background-size: cover; display: flex; align-items: center; justify-content: center; text-align: center; }
.title-breadcrumb-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.gallery-bg .title-breadcrumb-wrapper h2 { font-size: 30px; font-weight: 700; font-family: "Poppins", serif; margin-bottom: 10px; }
.gallery-bg .breadcrumb { text-align: left; }
.gallery-bg .breadcrumb ul { list-style: none; display: flex; justify-content: center; padding: 0; margin: 0; }
.gallery-bg .breadcrumb ul li { display: inline; font-size: 14px; font-family: "Inter", serif; font-weight: 600;}
.gallery-bg .breadcrumb ul li:not(:last-child)::after { content: " / "; margin: 0 8px; color: #000000; }
.gallery-bg .breadcrumb ul li a { text-decoration: none; color: #000000; font-weight: 600; font-size: 14px; }
.gallery-bg .breadcrumb ul li a:hover { text-decoration: underline; }
.gallery-bg .breadcrumb ul li.active { color: #009ee0; font-weight: 600; }




.gallery-images { width: 100%; position: relative; padding: 0; margin-bottom: 30px; }
.gallery-images .productcard { width: 100%; position: relative; border: 1px solid #e8e8e8; margin-bottom: 30px; }
.gallery-images .productcard .productmain { padding: 8px; }
.gallery-images .productcard .producttitle { border-top: 1px solid #e8e8e8; padding: 10px 8px; }
.gallery-images .productcard .producttitle a { color: #009bec; font-weight: 600; text-decoration: none; }
.gallery-images .btnsec { position: relative; width: 100%; margin: 10px 0px 40px 0px; text-align: center; justify-content: center; align-items: center; }
.gallery-images .btnsec a { font-size: 16px; display: inline-block;font-weight: 600; text-transform: uppercase; padding: 14px 55px;  border-radius: 6px; margin-right: 5px; text-decoration: none; }
.gallery-images .tab-content { display: none; }
.gallery-images .tab-content.active { display: block; }
.gallery-images .tab-btn.active {  color: #ffdc00; background: #000000;  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #009ee0; }
.gallery-images .tab-btn {  color: #ffffff; background: #009ee0; }

/* Clientele Section */
.clientele-sec{width: 100%; position: relative; padding: 0; margin-bottom: 30px;}
.clientele-sec .client-img{width: 100%; margin-bottom: 30px; text-align: center; justify-content: center;  align-items: center; border: 1px solid #f1f1f1; padding: 5px;}
.clientele-sec .client-img img{width: 100%; }

.certifications-sec{width: 100%; position: relative; padding: 0; margin-bottom: 30px;}
.certifications-sec .client-img{width: 100%; margin-bottom: 30px; text-align: center; justify-content: center;  align-items: center; padding: 5px;  border: 1px solid #e8e8e8;}
.certifications-sec .client-img img{width: 100%; }

/* Gallery Listing Page */
.gallery-images-listing{width: 100%; position: relative; padding: 45px 0px 0px 0px; margin-bottom: 30px; }
.gallery-images-listing .gallery-card{width: 100%; position: relative; border: 1px solid #e8e8e8; padding: 8px; margin-bottom: 30px;  }
.gallery-images-listing .gallery-card img{width: 100%;}

/* blog section */
.blog-section{width: 100%; position: relative; padding: 20px 0px 20px 0px; margin: 0;}
.blog-section .blog-card {  width: 100%;  position: relative;   padding: 10px; border: 1px solid #e8e8e8;}
.blog-section .blog-card .blog-img {  width: 100%;    }
.blog-section .textsec{position: relative; width: 100%; text-align: justify;  align-items: center;}
.blog-section .textsec p{padding: 0px; margin:0px 0px 30px 0px; font-size: 16px; color: #000000; line-height: 26px;} 
.blog-section .textsec h5{font-size: 22px;  color: #000000; font-weight: 600; padding: 20px 0px;}
.blog-section .textsec ul{padding: 0; margin: 0px 0px 30px 0px; }
.blog-section .textsec ul li{font-size: 16px; line-height: 34px; color: #000000;  margin-left: 28px;}
.blog-section .textsec ul li:before { font-family: "Font Awesome 5 Free"; content: '\f30b'; font-weight: 900;font-size: 14px; color: #009ee0;   position: absolute; margin-left: -25px;}

/* Clientele */
.clientele-sec{width: 100%; position: relative; padding: 0px 0px 0px 0px; margin-bottom: 10px; }
.clientele-sec .title-black-left p{font-size: 14px; line-height: 28px; font-weight: 600; padding: 0; margin: 0; letter-spacing: 0.06em;}
.clientele-sec .owl-theme .owl-nav {text-align: center; position: absolute; top: -84px; right: 20px;}
.clientele-sec .owl-theme .owl-nav .owl-prev, .clientele-sec .owl-theme .owl-nav .owl-next {padding: 0px; color: #009ee0; font-size: 20px; margin: auto 5px; display: inline-block; cursor: pointer;  width: 48px; text-align: center; height: 48px; line-height: 48px; border-radius: 4px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(204,202,204,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(204,202,204,1);
    box-shadow: 0px 0px 19px 0px rgba(240,240,240,1);}
.clientele-sec .owl-theme .owl-nav [class*=owl-]:hover { color: #009ee0!important; text-decoration: none; transition: .8s linear; border: 1px  #f0f0f0;}
.clientele-sec .our-offerings-main{margin-top: 10px;}

/* Blog Listing Page */
.blog-listing-section{  width: 100%; position: relative; padding: 20px 0px 20px 0px; margin: 0;}
.blog-listing-section .card-main{width: 100%; position: relative; border: 2px solid #f5f5f5; padding: 10px 10px 15px 10px; margin-bottom: 30px;}
.blog-listing-section .card-main a{font-size: 12px; color: #009ee0; font-weight: 700; padding: 0; margin: 0;}
.blog-listing-section .card-main p{font-size: 18px; line-height: 28px; font-family: 'Poppins'; font-weight: 600; padding: 0; margin: 15px 0px}

/* Image Gallery Details */
/*.image-gallery-details{width: 100%; position: relative; padding: 45px 0px 0px 0px;  margin-bottom: 30px; }*/
/*.image-gallery-details .gallery-card{width: 100%; position: relative; border: 1px solid #e8e8e8; padding: 8px; margin-bottom: 30px;  }*/
/*.image-gallery-details .gallery-card img{width: 100%;}*/

/* Image Gallery Details */
.image-gallery-details { width: 100%; position: relative; padding: 45px 0px 0px 0px; margin-bottom: 30px; }  
.image-gallery-details .gallery-card { width: 100%; position: relative; border: 1px solid #e8e8e8; padding: 8px; margin-bottom: 30px; overflow: hidden; }  
.image-gallery-details .gallery-card img { width: 100%; display: block; }  
.image-gallery-details .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #009ee0; color: #f1f1f1; transition: .5s ease; opacity: 0; display: flex; align-items: center; justify-content: center; text-align: center; }  
.image-gallery-details .gallery-card:hover .overlay { opacity: 1; }  
.image-gallery-details .overlay i { font-size: 40px; }  


.video-gallery-details { width: 100%; position: relative; padding: 45px 0px 0px 0px; margin-bottom: 30px; }  
.video-gallery-details .gallery-card { width: 100%; position: relative; border: 1px solid #e8e8e8; padding: 8px 8px 0px 8px; margin-bottom: 30px; overflow: hidden; }  
.video-gallery-details .gallery-card img { width: 100%; display: block; }  
.video-gallery-details .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #009ee0; color: #f1f1f1; transition: .5s ease; opacity: 0; display: flex; align-items: center; justify-content: center; text-align: center; }  
.video-gallery-details .gallery-card:hover .overlay { opacity: 1; }  
.video-gallery-details .overlay i { font-size: 40px; }  
.image-gallery-details .gallery-card p { color: #009bec; font-weight: 600; font-size: 18px; padding-top: 8px; text-align: center;}


.lightbox { display: none; position: fixed; z-index: 99990; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center; text-align: center; }
.lightbox img { max-width: 90%; max-height: 90%; }
.lightbox .close { position: absolute; top: 10px; right: 20px; font-size: 30px; color: white; cursor: pointer; }
.gallery-card img { width: 100%; cursor: pointer;  }

/* Contact us section */
.contact-us-section {width: 100%; position: relative; padding: 10px 0px 0px 0px; }  
.contact-us-section .mapdiv {padding: 10px; border: 1px solid #f3f3f3;}  
.contact-us-form {width: 100%; position: relative; padding: 40px 0px 0px 0px; margin: 0; }  
.contact-us-form .main {position: relative; display: flex; text-align: justify;}  
.contact-us-form .main .first-p{margin-bottom: 40px;}
.contact-us-form .main p {font-size: 18px; line-height: 28px; margin: 0; padding: 0; }  
.contact-us-form .main .first {position: relative; width: 50%; background-color: #009ee0; color: #ffffff; padding: 30px 20px;}  
.contact-us-form .contact-iconsec {width: 100%; display: flex; align-items: center; justify-content: start; border-bottom: 1px solid #09b2f8; column-gap: 15px; margin-bottom: 20px; padding-bottom: 20px;}  
.contact-us-form .icondiv {width: 15%; border: 1px dashed #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center;}  
.contact-us-form .icondiv img{width: 100%; height: 100%;}  
.contact-us-form .textdiv {width: 85%; padding-left: 20px;}  
.contact-us-form .textdiv a{color: #ffffff;}
.contact-us-form .main .second {position: relative; width: 50%; background-color: #efd822; padding: 30px; display: flex; justify-content: center; align-items: center; margin: 0;}  
.contact-us-form .main .second .form-container {background: #efd822; padding: 0px; width: 750px;}  
.contact-us-form .main .second form {display: grid; grid-template-columns: 1fr 1fr; gap: 15px; align-items: center; }  
.contact-us-form .main .second label {font-family: "Inter", serif;  display: block; margin-bottom: 5px; font-size: 14px; color: black;}  
.contact-us-form .main .second label::after {content: '*'; color: red; margin-left: 5px;}  
.contact-us-form .main .second input,  
.contact-us-form .main .second select {width: 100%; padding: 12px; border: 2px solid #f5e039; box-sizing: border-box; font-size: 14px; background: transparent; height: 55px; margin-bottom: 26px; font-family: "Inter", serif;}  
.contact-us-form .main .second textarea {width: 100%; padding: 12px; border: 2px solid #f5e039; box-sizing: border-box; font-size: 16px; background: transparent; resize: none; }  
.contact-us-form .main .second .full-width {grid-column: span 2;}  
.contact-us-form .main .second .contact-container {display: flex; align-items: center; border: 2px solid #f5e039; background: transparent; padding: 0px 12px; height: 55px; margin-bottom: 26px;}  
.contact-us-form .main .second .contact-container img {width: 25px; height: 18px; margin-right: 8px;}  
.contact-us-form .main .second .contact-container span {font-size: 14px; margin-right: 5px;}  
.contact-us-form .main .second .contact-container input {border: none; outline: none; flex: 1; position: relative;  font-size: 16px; background: transparent;}  
.contact-us-form .main .second .button-container {display: flex; justify-content: flex-start; margin-top: 10px; height: 55px;}  
.contact-us-form .main .second button {background: black; color: white; padding: 12px; border: none; cursor: pointer; width: 194px; text-transform: uppercase; font-size: 18px; font-weight: 700; font-family: "Inter", serif; text-align: center; height: 55px;}  
.contact-us-form .main .second button:hover {background-color: transparent; border: 2px solid black; color: black;}  
.contact-us-form .main .second option {background-color: #ffffff; color: black;}  
.contact-us-form .main .second option:checked {background-color: #f5e039; color: black;}  
.contact-us-form .main .second select option[value="select-products"] {background-color: #ffffff; color: black;}  

/* Faq's Section */
.faq-sec { width: 100%; position: relative; padding: 0px 0px 0px 0px; margin-bottom: 30px; margin-top: 30px; }
.faq-sec .accordion { width: 100%; margin: auto; }
.faq-sec .accordion .accordion-item { margin-bottom: 10px; border: 1px solid rgb(238, 230, 230); border-radius: 0px; overflow: hidden; background-color: #f9f9f9;; }
.faq-sec .accordion .accordion-item  .fa{font-size: 15px; color: #252525; font-weight: 600;}
.faq-sec .accordion-header { background-color: #f9f9f9;; padding: 15px; cursor: pointer;   text-align: left; border: none; outline: none; width: 100%; display: flex; justify-content: space-between; align-items: center; }
.faq-sec .accordion-header p{font-size: 18px;   margin-bottom: 0px;}
.faq-sec .accordion-content { display: none; padding: 15px; border-top: 1px solid rgb(238, 230, 230); background-color: #f9f9f9;; }
.faq-sec .accordion-content p{font-size: 16px; line-height: 28px; margin-bottom: 0px;}
.faq-sec .accordion-item.active .accordion-content { display: block; }
.faq-sec .accordion-item.active:first-child { border-radius: 8px 8px 0 0; }
.faq-sec .accordion-item.active:last-child { border-radius: 0 0 8px 8px; }

/* budget-solutions */
.budget-solutions{ width: 100%; position: relative; padding: 0px 20px 0px 20px; margin-bottom: 30px; margin-top: 30px; }
.budget-solutions .first-text{align-items: center;  }
.budget-solutions .solution-title h2{font-size: 28px;text-transform: uppercase;  text-align: center; font-weight: 500; margin-bottom: 30px;}
.budget-solutions .solution-title h2 strong{ color: #009ee0;}
.budget-solutions p{ text-align: center; font-size: 16px; line-height: 26px; }
.making-choice{width: 100%; position: relative; padding: 0px; margin-bottom: 30px;}
.making-choice .imgdiv{width: 100%; position: relative;}
.making-choice .imgdiv img{width: 100%;}
.making-choice .textdiv{margin-bottom: 30px;}
.making-choice .textdiv .first-text p{text-align: justify; font-size: 16px; line-height: 26px;}
.making-choice .centbtn{text-align: center; justify-content: center; align-items: center; margin: 30px 0px 30px 0px;}
.making-choice .cilck-btn {padding: 20px 120px; margin-left: 10px; background-color: #009ee0;; color: #ffffff; border-radius: 50px; border: none; outline: none;}
.making-choice .cilck-btn a { color: #fff;font-size: 18px;font-weight: 700; font-family: 'Poppins';}
.making-choice .cilck-btn i {margin-left: 10px;}
.readymade-modular{width: 100%; position: relative; padding: 0px 15px; margin-bottom: 30px;}
.readymade-modular .imgdiv{width: 100%; position: relative;}
.readymade-modular .imgdiv img{width: 100%;}
.readymade-modular .textdiv .first-text p{text-align: justify; font-size: 16px; line-height: 26px;}
.feat-benefits { width: 100%; position: relative; padding: 30px 0 0; margin-bottom: 30px; background: #009ee0; }  
.feat-benefits .benefits-list { text-align: justify; margin-top: 10px; }  
.feat-benefits .icons-div { width: 100%; display: flex; align-items: center; justify-content: flex-start; border-bottom: 1px solid #ffffff; column-gap: 30px; padding: 30px 0; }  
.feat-benefits .rightdiv .icons-div:last-child { border-bottom: none; }  
.feat-benefits .icons-div .first-div { width: 100px; height: 100px; border: 1px dashed #ffffff; border-radius: 50%; padding: 8px; display: flex; align-items: center; justify-content: center; }  
.feat-benefits .icons-div .first-div img { width: 80%; height: auto; object-fit: contain; }  
.feat-benefits .icons-div .second-div { width: calc(100% - 115px); }  
.feat-benefits .title { font-size: 30px; font-family: "Poppins", serif; font-weight: 700; color: #ffffff; margin-bottom: 10px; }  
.feat-benefits .benefits-list .text { font-size: 18px; line-height: 32px; color: #ffffff; margin-bottom: 0; }  
.feat-benefits .feat-head { text-align: center; }  
.feat-benefits .feat-head h2 { font-size: 28px; text-transform: uppercase; color: #ffffff; font-weight: 700; }
.feat-benefits .title-black-center{width: 100%; position: relative; margin: 0px 0px 35px 0px; padding: 0; text-align: center; }
.feat-benefits .title-black-center h2{font-size:22px;font-family:"Poppins",serif;letter-spacing:0.04em;text-align:center;color:#ffffff;font-weight:700;text-transform:capitalize;display:inline-block;position:relative}
.title-black-center h2::before{content:"";display:inline-block;background:url(../images/beforeicon.png) no-repeat center center;background-size:contain;width:30px;height:30px;vertical-align:middle;margin-right:10px}

/*Partners with us*/
.partners-with-sec { width: 100%;  display: flex;   align-items: center; justify-content: center; padding: 0px 0px; margin-bottom: 40px; }
.partners-with-sec .parentdiv{box-shadow: 0px 0px 19px 0px rgba(240, 240, 240, 1); padding: 15px;}
.partners-with-sec .maindiv {background-color: #ffffff;  position: relative; width: 100%; display: flex; gap: 20px; align-items: center; justify-content: center; text-align: center; }
.partners-with-sec .maindiv .leftdiv, 
.partners-with-sec .maindiv .rightdiv { width: 50%; display: flex; flex-direction: column; text-align: left; }
.partners-with-sec .maindiv .rightdiv h3 { font-size: 25px; font-weight: 600; text-transform: uppercase; color: #009ee0; margin-bottom: 20px; }
.partners-with-sec .maindiv .rightdiv p { font-size: 16px; line-height: 26px; }
.three-ways-partners {width: 100%;padding: 0;display: flex;gap: 20px;flex-wrap: wrap;justify-content: center;align-items: stretch; margin-bottom: 40px;}
.three-ways-partners .partner-card { background: #e8e8e8; padding: 20px; border-radius: 10px; text-align: left; display: flex;flex-direction: column; justify-content: flex-start; height: 100%;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);flex-grow: 1; width: 100%; }
.three-ways-partners .firstdiv {display: flex; flex-direction: column; justify-content: flex-start; flex-grow: 2;}
.three-ways-partners .firstdiv h3 { font-size: 20px; font-weight: 600; color: #009ee0; text-transform: uppercase; margin-bottom: 15px;}
.three-ways-partners .firstdiv .f-text { font-size: 16px; line-height: 28px; flex-grow: 2; display: flex; align-items: flex-start; margin-bottom: 20px;}
.three-ways-partners .second {display: flex;flex-direction: column; flex-grow: 1; }
.three-ways-partners .second .sub-title { margin-bottom: 20px; color: #009ee0;}
.three-ways-partners .second ul { margin: 0; padding: 0; display: flex;flex-direction: column; flex-grow: 1; }
.three-ways-partners .second ul li {font-size: 15px;line-height: 28px; color: #000000;  margin-left: 28px;}
.three-ways-partners .second ul li:before { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 900; font-size: 14px; color: #009ee0; position: absolute; margin-left: -25px;}
.three-ways-partners .price-sec {margin-top: auto; }



.home-review-sec {  margin-bottom: 30px; position: relative; width: 100%; }
.home-review-sec .review-card { position: relative; background: white; margin: 40px 15px 10px 15px; border-radius: 10px; padding: 60px 20px 20px;  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06); text-align: left; }
.home-review-sec .icondiv { position: absolute; top: -40px; left: 30px; width: 80px; height: 80px; background: #ffdc00; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.home-review-sec .icondiv .fa-quote-right { font-size: 36px; color: #000000; }
.home-review-sec .review-card p { font-size: 16px; line-height: 26px; margin-bottom: 30px; }
.home-review-sec .review-card .author { font-weight: bold;  font-size: 14px; }
.home-review-sec .review-card .author span { color: #00aaff; font-size: 16px; }
.home-review-sec .owl-theme .owl-nav {text-align: center; position: absolute; top: -122px; right: 20px;}
.home-review-sec .owl-theme .owl-nav .owl-prev, .home-review-sec .owl-theme .owl-nav .owl-next {padding: 0px; color: #009ee0; font-size: 20px; margin: auto 5px; display: inline-block; cursor: pointer;  width: 48px; text-align: center; height: 48px; line-height: 48px; border-radius: 4px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(204,202,204,1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(204,202,204,1);
    box-shadow: 0px 0px 19px 0px rgba(240,240,240,1);}
.home-review-sec .owl-theme .owl-nav [class*=owl-]:hover { color: #009ee0!important; text-decoration: none; transition: .8s linear; border: 1px  #f0f0f0;}
.home-review-sec .title-black-left p{width: 880px;}
.home-review-sec .item a{color: black;}

.testimonial-sec{position: relative; width: 100%; margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px;}
.testimonial-sec .reivew-div{ border-bottom: 1px solid #e9e9e9; margin-bottom: 30px; }
.testimonial-sec .reivew-div:first-child{padding-bottom: 20px;}
.testimonial-sec .reivew-div p{font-size: 16px; line-height: 26px; margin-bottom: 20px; color: #000000;}
.testimonial-sec .reivew-div span{font-size: 16px; line-height: 26px; font-weight: 700; color: #009ee0; margin-bottom: 20px;}
.testimonial-sec .reivew-div .post{font-size: 14px; font-weight: 26px;}

.get-quote-form{position: relative; width: 100%; margin-bottom: 40px; padding-top: 15px;}
.get-quote-form .form-container { border: 1px solid #f4f4f4; border-radius: 15px; padding: 45px 30px; box-shadow: 0px 0px 19px 0px rgba(240, 240, 240, 1); }
.get-quote-form .second form { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; align-items: center; }
.get-quote-form .second label { font-family: "Inter", serif; display: block; margin-bottom: 10px; font-size: 15px; color: black; }
.get-quote-form .second label[for="full-name"]::after, .get-quote-form .second label[for="email"]::after, .get-quote-form .second label[for="contact_phone"]::after, .get-quote-form .second label[for="event-location"]::after, .get-quote-form .second label[for="estimated-number"]::after, .get-quote-form .second label[for="choose-event"]::after { content: '*'; color: red; margin-left: 5px; }
.get-quote-form .second input[type="tel"] { border: none !important; }
.get-quote-form .second input, .get-quote-form .second select, .get-quote-form .second textarea { width: 100%; padding: 12px; border: 2px solid #f4f4f4; box-sizing: border-box; font-size: 14px; background: transparent; margin-bottom: 15px; font-family: "Inter", serif; }
.get-quote-form .second textarea:last-child { margin-bottom: 0px; }
.get-quote-form .second .full-width { grid-column: span 2; margin-bottom: 15px; }
.get-quote-form .full-width { margin-bottom: 0px; }
.get-quote-form .second .contact-container { display: flex; align-items: center; border: 2px solid #f4f4f4; background: transparent; padding: 0px 12px; height: 50px; margin-bottom: 15px; }
.get-quote-form .second .button-container { display: flex; justify-content: flex-start; margin-top: 10px; height: 45px; }
.get-quote-form .second .cilck-btn { background-color: #009ee0; font-size: 15px; font-weight: 700; cursor: pointer; font-family: 'Poppins'; color: #ffffff; border-radius: 50px; border: none; outline: none; padding: 0px 70px; }
.get-quote-form .second button i { margin-left: 8px; }
.get-quote-form .second .radio-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 20px; }
.get-quote-form .second .custom-radio { display: flex; align-items: center; font-size: 14px; font-weight: 400; color: #333; cursor: pointer; position: relative; }
.get-quote-form .second .custom-radio input[type="radio"] { opacity: 0; position: absolute; z-index: -1; }
.get-quote-form .second .radio-btn { width: 16px; height: 16px; border: 2px solid #007bff; border-radius: 50%; margin-right: 8px; position: relative; flex-shrink: 0; }
.get-quote-form .second .custom-radio input:checked + .radio-btn { background-color: #007bff; border-color: #007bff; }
.get-quote-form .second .custom-radio input:checked + .radio-btn::after { content: ''; position: absolute; width: 8px; height: 8px; background-color: #fff; border-radius: 50%; top: 3px; left: 3px; }
.get-quote-form .second .custom-radio:hover input + .radio-btn { border-color: #0056b3; }

.aboutt-us-sec {
    position: relative;
    width: 100%;
    padding: 0 0 0px 0;
    display: flex;
    gap: 30px;
    justify-content: space-between;
    box-sizing: border-box;
    margin-top: -30px;
  }
  
  .aboutt-us-sec .imgdiv {
    position: relative;
    width: 40%;
  }
  
  .aboutt-us-sec .imgdiv img {
    width: 100%;
  }
  
  .aboutt-us-sec .text {
    position: relative;
    width: 60%;
    text-align: justify;
    padding: 0 100px 0 0;
    margin: auto 0; /* Vertically center only this div */
  }
  
  .aboutt-us-sec .text h2 {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 30px;
  }
  
  .aboutt-us-sec .text p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 30px;
  }


  .vision-mission-sec {width: 100%; position: relative; margin-bottom: 30px;}
  .vision-mission-sec .review-card {position: relative; background: white; margin: 40px 15px 10px 15px; border-radius: 10px; padding: 60px 20px 0px; border: 1px solid #88d2f1; text-align: left;}
  .vision-mission-sec .icondiv {position: absolute; top: -50px; left: 30px; width: 104px; height: 104px; background: #009ee0; border-radius: 20px; display: flex; align-items: center; justify-content: center;}
  .vision-mission-sec .review-card p {font-size: 16px; line-height: 24px; margin-bottom: 25px;}
  .vision-mission-sec .review-card h2 {font-size: 20px; font-weight: 600; margin: 20px 0;}
  

  .core-value-sec { width: 100%; position: relative; margin:0 0 30px 0; }
  .core-value-sec .review-card { position: relative; border-radius: 10px; border: 1px solid #88d2f1; padding: 30px; background: #fff; }
  .core-value-sec .rightdiv { background: #ffffff; }
  .core-value-sec .icons-div { display: flex; align-items: flex-start; padding: 20px 0; border-bottom: 1px solid #dcdcdc; gap: 20px; }
  .core-value-sec .icons-div:last-child { border-bottom: none; }
  .core-value-sec .first-div { flex-shrink: 0; width: 107px; height: 107px; border: 1px dashed #05a0e0; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
  .core-value-sec .first-div img {  object-fit: contain; }
  .core-value-sec .second-div { flex-grow: 1; }
  .core-value-sec .second-div h2 { font-size: 18px; font-weight: 600; margin-bottom: 8px; color: #000; }
  .core-value-sec .second-div p { font-size: 14px; line-height: 22px; margin: 0; color: #333; }
  

  .abt-why-saibaba{width: 100%; position: relative;  background-color: #f5f5f5;  padding: 30px 0px 20px 0px; }
  .abt-why-saibaba img{width: 100%; display: block; margin-bottom: 30px;}
  .abt-why-saibaba ul { padding: 0; margin: 0px 0px 0px 0px; display: flex; flex-wrap: wrap; justify-content: space-between; }
  .abt-why-saibaba ul li { font-size: 16px; line-height: 34px; color: #000000; margin-left: 28px; position: relative; width: 45%; margin-bottom: 10px; }
  .abt-why-saibaba ul li:before { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 900; font-size: 14px; color: #009ee0; position: absolute; margin-left: -25px; top: 0; }

  .lets-make-saibaba{ width: 100%; text-align: center; justify-content: center; align-items: center; position: relative; padding: 0;  height: 40vh; background: url(../images/partner-bg.jpg); background-size: cover; display: flex; }
  .lets-make-saibaba h2{font-size: 25px; font-weight: 700; margin-bottom: 15px;}
  .lets-make-saibaba p{font-size: 16px; line-height: 28px; margin-bottom: 15px; color: #000000; }
  .lets-make-saibaba a{font-size: 16px; line-height: 28px; color: #000000;  font-weight: 600; text-decoration: underline;}


  
.portable-first-sec{ position: relative; width: 100%; margin-bottom: 30px; }
.portable-first-sec .title-black-center p { font-size: 16px; font-weight: 500; margin-bottom: 0px; margin-top: 5px; }
.portable-first-sec .text { position: relative; width: 100%; }
.portable-first-sec .imgsec{width: 100%; position: relative; text-align: center;}
 .portable-text p { font-size: 16px; line-height: 26px; margin-bottom: 15px; }
 .portable-text h2 { font-size: 24px; font-weight: 600; margin-bottom: 15px; }
 .portable-text strong { font-size: 17px; text-transform: uppercase; display: inline-block; margin-bottom: 14px; font-weight: 600; }
 .portable-text ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between; justify-self: start; }
 .portable-text ul li { font-size: 16px; line-height: 34px; color: #000000; margin-left: 28px; position: relative; width: 42%; margin-bottom: 10px; }
 .portable-text ul li:before { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 900; font-size: 14px; color: #009ee0; position: absolute; margin-left: -25px; top: 0; }

.portable-text .cilck-btn { display: inline-block; padding: 11px 16px; background-color: #000; color: #fff; border-radius: 50px; border: none; outline: none; font-weight: 600; font-size: 15px; text-decoration: none; text-align: center; transition: all 0.3s ease; }
.portable-text .cilck-btn:hover { background-color: #333; }

.portable-second-sec{position: relative; width: 100%; margin-bottom: 30px; background: #f5f5f5; padding: 30px 0px;}
.portable-second-sec .portable-text ul{margin-bottom: 20px;}
.portable-second-sec .imgsec{position: relative; width: 100%;}
.portable-second-sec .imgsec img{box-shadow: 0px 0px 19px 0px rgba(240, 240, 240, 1);}

.portable-third-sec{position: relative; width: 100%; }
.portable-third-sec .portable-text-third{position: relative; width: 100%; margin-bottom: 30px;}
.portable-third-sec .portable-text-third img{margin-bottom: 25px;}
.portable-third-sec .portable-text-third h3{font-size: 20px; font-weight: 600; margin-bottom: 20px;}
.portable-third-sec .portable-text-third ul { padding: 0; margin: 0;  justify-content: space-between; justify-self: start; }
.portable-third-sec .portable-text-third ul li { font-size: 16px; line-height: 34px; color: #000000; margin-left: 28px; position: relative;  margin-bottom: 10px; }
.portable-third-sec .portable-text-third ul li:before { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 900; font-size: 14px; color: #009ee0; position: absolute; margin-left: -25px; top: 0; }

.where-portable-sec { position: relative; width: 100%; margin-bottom: 30px;}
.where-portable-sec .left { background-color: #009ee0;  padding: 40px  80px;}
.where-portable-sec .right{background-color: #0289c1;  padding: 40px 80px;}

.where-portable-sec .portable-icons-div { display: flex; align-items: center; padding: 20px 0; gap: 20px; }
.where-portable-sec .portable-icons-div .first-div { flex-shrink: 0; width: 108px; height: 108px; border: 1px dashed #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.where-portable-sec .portable-icons-div .first-div img { width: 107px; height: 107px; object-fit: contain; }
.where-portable-sec .portable-icons-div .second-div { flex-grow: 1; }
.where-portable-sec .portable-icons-div .second-div p { font-size: 18px;  margin: 0; color: #ffffff; }
.where-portable-sec h2{font-size: 20px; font-weight: 600; margin-bottom: 20px; color: #ffffff;}

.ready-to-book{ position: relative; width: 100%; margin-bottom: 30px; text-align: center; justify-content: center; align-items: center;}
.ready-to-book .text{position: relative; width: 100%;}
.ready-to-book .text h2{font-size: 36px; font-weight: 600; margin-bottom: 20px;}
.ready-to-book .text p{font-size: 16px; margin-bottom: 20px; line-height: 24px; }
.ready-to-book .text p:last-child{margin-bottom: 0px; font-size: 15px;}
.ready-to-book .text a{color: #ffffff; font-weight: 18px; padding: 12px 40px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; display: inline-block; background: #0289c1;}  

.urinal-first-sec{position: relative; width: 100%; margin-bottom: 30px;}

.urinal-first-sec .text { position: relative; width: 100%; }
.urinal-first-sec .imgsec{width: 100%; position: relative;}
.urinal-first-sec .urinal-text p { font-size: 16px; line-height: 26px; margin-bottom: 15px; }
.urinal-first-sec .urinal-text h2 { font-size: 24px; font-weight: 600; margin-bottom: 15px; }
.urinal-first-sec .urinal-text strong { font-size: 16px; text-transform: capitalize; display: inline-block; margin-bottom: 14px; font-weight: 600; }
 .urinal-text ul { padding: 0; margin: 0;  justify-self: start; }
 .urinal-text ul li { font-size: 16px; line-height: 34px; color: #000000; margin-left: 28px; position: relative;  margin-bottom: 10px; }
 .urinal-text ul li:before { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 900; font-size: 14px; color: #000000; position: absolute; margin-left: -25px; top: 0; }

.urinal-text .cilck-btn { display: inline-block; padding: 11px 16px; background-color: #000; color: #fff; border-radius: 50px; border: none; outline: none; font-weight: 600; font-size: 15px; text-decoration: none; text-align: center; transition: all 0.3s ease; }
.urinal-text .cilck-btn:hover { background-color: #333; }

.urinal-third-sec{position: relative; width: 100%; background-color: #f3f3f3; padding: 40px 0px 40px 0px; margin-bottom: 30px;}
.urinal-third-sec .portable-text-third{position: relative; width: 100%; }
.urinal-third-sec .portable-text-third img{margin-bottom: 25px;}
.urinal-third-sec .portable-text-third p{font-size: 16px; line-height: 26px; margin-bottom: 20px;}
.urinal-third-sec .portable-text-third p:last-child{margin-bottom: 0px;}
.urinal-third-sec .portable-text-third h3{font-size: 20px; font-weight: 600; margin-bottom: 20px;}
.urinal-third-sec .portable-text-third strong{font-weight: 600; font-size: 16px;}
.urinal-third-sec .portable-text-third ul { padding: 0; margin: 0px 0px 20px 0px;  justify-content: space-between; justify-self: start; }
.urinal-third-sec .portable-text-third ul li { font-size: 16px; line-height: 34px; color: #000000; margin-left: 28px; position: relative;  margin-bottom: 10px; }
.urinal-third-sec .portable-text-third ul li:before { font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 900; font-size: 14px; color: #009ee0; position: absolute; margin-left: -25px; top: 0; }
.urinal-third-sec .portable-text-third ul li:last-child{margin-bottom: 0px;}
.urinal-const-sec{position: relative; width: 100%;}
.urinal-const-sec h2{ font-size: 24px; font-weight: 600; margin-bottom: 15px; }
.urinal-const-sec .imgsec{position: relative; width: 100%; margin-bottom: 30px;}

.abt-tab-list{ background-image: url(../images/abt-our-service-bg.jpg); background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: 30px; padding: 40px 0px;}
.abt-tab-list .tab-box { background: #ededed; display: flex; align-items: center; padding: 15px 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); cursor: pointer; position: relative; margin-bottom: 20px; border-right: 5px solid #ffd400; transition: all 0.3s ease; }
.abt-tab-list .tab-box.active { border-right: 5px solid #009ee0; }
.abt-tab-list .tab-icon {  padding: 6px; background: #ffdc00;display: flex;align-items: center;justify-content: center;margin-right: 15px;transition: all 0.3s ease;}
.abt-tab-list .tab-box.active .tab-icon { background: #009ee0; }
.abt-tab-list .tab-icon img { width: 100%; object-fit: contain; }
.abt-tab-list .tab-title { font-size: 18px; font-weight: 600; color: #000; line-height: 24px; margin: 0; }
.abt-tab-list .tab-content-text { background: #fff; padding: 30px; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.abt-tab-list .service-img { width: 100%;  object-fit: cover; margin-bottom: 20px; }
.abt-tab-list .tab-content p{font-size: 16px; line-height: 26px; margin-bottom: 0;}
.abt-tab-list .tab-content{margin-left: 30px;}

.toilets-on-wheels-first{width: 100%; position: relative;}
.toilets-on-wheels-first .text-box{width: 100%; position: relative;  margin-bottom: 30px; padding: 0px 0px 0px 0px; }
.toilets-on-wheels-first .text-box img{width: 100%; margin-bottom: 30px;}
.toilets-on-wheels-first .text-box h3{font-size: 20px; line-height: 26px; font-weight: 600; margin-bottom: 15px;}
.toilets-on-wheels-first .text-box p{font-size: 16px; line-height: 26px; margin-bottom: 0px;}
.toilets-on-wheels-first .text-box p strong{font-weight: 600;}

.wheels-toilets-feat{width: 100%; position: relative; margin-bottom: 40px;}
.wheels-toilets-feat  .wheels-text-box{width: 100%; position: relative; padding: 30px 20px; border-radius: 8px; border: 1px solid #10a4e1;}
.wheels-toilets-feat .wheels-text-box h3{font-size: 22px; font-weight: 600; margin-bottom: 30px;}
 .wheels-text-box ul{padding: 0; margin: 0px 0px 0px 0px; }
 .wheels-toilets-feat .wheels-text-box ul li{font-size: 16px;  color: #000000; margin-bottom: 30px;  margin-left: 28px;}
 .wheels-toilets-feat .wheels-text-box ul li strong{font-weight: 600;}
 .wheels-text-box ul li:before {margin-top: 2px; font-family: "Font Awesome 5 Free"; content: '\f00c'; font-weight: 900;font-size: 14px; color: #10a4e1;   position: absolute; margin-left: -25px;}
 .wheels-text-box ul li:last-child{margin-bottom: 0px;}

.wheels-toilets-feat .cilck-btn { display: inline-block; padding: 11px 16px; background-color: #000; color: #fff; border-radius: 50px; border: none; outline: none; font-weight: 600; font-size: 15px; text-decoration: none; text-align: center; transition: all 0.3s ease; margin:20px auto 0px auto; display:block }
.wheels-toilets-feat .cilck-btn:hover { background-color: #333; }

 .toilets-on-wheels-first .wheels-text-box h3{font-size: 22px; font-weight: 600; margin-bottom: 20px;}
 .toilets-on-wheels-first .wheels-text-box{position: relative; width: 100%; margin-bottom: 30px;}
.toilets-on-wheels-first .wheels-text-box img{margin-bottom: 30px;}
 .toilets-on-wheels-first .wheels-text-box ul li{font-size: 16px; font-weight: 600;  color: #000000; margin-bottom: 20px;  margin-left: 28px;}
 .toilets-on-wheels-first .wheels-text-box ul li:last-child{margin-bottom: 0px;}
 .toilets-on-wheels-first .wheels-text-box p{font-size: 16px; line-height: 26px; margin-bottom: 0px;}
 .toilets-on-wheels-first .wheels-text-box p strong{font-weight: 600;}

.toilets-on-wheels-first .wheels-text-box .cilck-btn { display: inline-block; padding: 11px 16px; background-color: #000; color: #fff; border-radius: 50px; border: none; outline: none; font-weight: 600; font-size: 15px; text-decoration: none; text-align: center; transition: all 0.3s ease; margin:20px auto 0px auto; display:block }
.toilets-on-wheels-first .wheels-text-box .cilck-btn:hover { background-color: #333; }

.where-portable-sec p{font-size: 18px; line-height: 27px; color: #ffffff;}
.where-portable-sec .portable-icons-div:last-child{padding: 20px 0px 0px 0px;}

.other-service .row {border-bottom: 1px solid #e2e2e2;margin-bottom: 40px; padding-bottom: 40px; }
/* .other-service .row:first-child{border-bottom: none;} */
.other-service .row p:last-child{margin-bottom: 0px;}
.other-service{position: relative; width: 100%; margin-bottom: 0px;}
.other-service .text { position: relative; width: 100%; }
.other-service .imgsec{width: 100%; position: relative;}
.other-service .urinal-text p { font-size: 16px; line-height: 26px; margin-bottom: 15px; }
.other-service .urinal-text h2 { font-size: 24px; font-weight: 600; margin-bottom: 15px; }
.other-service .urinal-text strong { font-size: 16px; text-transform: capitalize; display: inline-block; margin-bottom: 14px; font-weight: 600; }
 
.medical-service{position: relative; width: 100%; margin-bottom: 0px;}
.medical-service .title-black-center{margin-bottom: 50px;}
.medical-service .text-center {position: relative; width: 100%; }
.medical-service .text-center p{font-size: 16px; margin-bottom: 0px; margin-top: 8px;}
.medical-service .row{margin-bottom: 50px;}
.medical-service .row:last-child{margin-bottom: 30px;}
.medical-service .text { position: relative; width: 100%; }
.medical-service .imgsec{width: 100%; position: relative;}
.medical-service .urinal-text p { font-size: 16px; line-height: 28px; margin-bottom: 15px; }
.medical-service .urinal-text h2 { font-size: 20px; font-weight: 600; margin-bottom: 15px; }
.medical-service .urinal-text strong { font-size: 16px; text-transform: capitalize; display: inline-block; margin-bottom: 14px; font-weight: 600; }
.medical-service .text-img{position: relative; width: 100%;}
.medical-service .text-img img{width: 100%; margin-bottom: 30px;}
.medical-service .text-img h2 { font-size: 24px; font-weight: 600; margin-bottom: 15px; text-align: center; }
.medical-service .text-img p{ font-size: 16px; line-height: 28px; margin-bottom: 15px; text-align: center; margin-bottom: 0px;}
 
.wheels-toilets-feat .wheels-text-box .strong-p{font-size: 18px; font-weight: 600; margin-bottom: 20px;}

.other-service2{position: relative; width: 100%; margin-bottom: 30px; margin-top: 40px;}
.other-service2 .title-black-center{margin-bottom: 40px;}
.other-service2 .title-black-center p{margin-bottom: 0px; margin-top: 10px;}
.other-service2 .text { position: relative; width: 100%; }
.other-service2 .imgsec{width: 100%; position: relative;}
.other-service2 .urinal-text p { font-size: 16px; line-height: 26px; margin-bottom: 15px; }
.other-service2 .urinal-text h2 { font-size: 24px; font-weight: 600; margin-bottom: 15px; }

.sports-event-include{position: relative; width: 100%; padding: 50px 0px 0px 0px; margin-bottom: 0px; background: #f5f5f5;}
.sports-event-include .title-black-center{margin-bottom: 40px;}
.sports-event-include .product-card{position: relative; width: 100%; margin-bottom: 50px}
.sports-event-include .product-card img { width: 100%; background-color: #ffffff; padding: 10px; margin-bottom: 25px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
.sports-event-include .product-card h3{font-size: 18px; font-weight: 600; margin-bottom: 15px;}
.sports-event-include .product-card p{font-size: 16px; line-height: 26px; margin-bottom: 15px;}
.sports-event-include .product-card a { font-size: 15px; font-weight: 600; color: #009fe1; position: relative; padding-right: 20px; text-decoration: none; }
.sports-event-include .product-card a::after { font-family: "Font Awesome 5 Free"; content: '\f30b'; font-weight: 900; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 14px; color: #009fe1; }
.sports-event-include .product-card:nth-child(4),
.sports-event-include .product-card:nth-child(5),

.key-metrics{position: relative; width: 100%; margin-bottom: 30px; display: flex; justify-content: space-between;}
.key-metrics .left { flex: 1 1 50%; padding: 30px; background: #009ee0; }
.key-metrics  h2 { font-size: 22px; font-weight: 600;  line-height: 36px; margin-bottom: 40px; color: #ffffff; text-align: left; }
.key-metrics .right { flex: 1 1 50%; padding: 30px; background: #0289c1;}
.key-metrics ul { list-style: none; padding: 0; margin: 0 0 10px 0; }
.key-metrics ul li { position: relative; font-size: 16px; margin-bottom: 50px; line-height: 28px; padding-left: 60px; color: #fff; }
.key-metrics ul li::before { content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #ffffff; font-size: 16px; width: 40px; height: 40px; border: 1px solid #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; top: 0px; }
.key-metrics ul li h3{font-size: 18px; font-weight: 600; margin-bottom: 10px;}
.key-metrics ul li p{font-size: 16px; line-height: 26px; margin-bottom: 0;}
.key-metrics ul li:last-child { margin-bottom: 0; }

.key-metrics3{position: relative; width: 100%; margin-bottom: 30px; display: flex; justify-content: space-between;}
.key-metrics3 .left { flex: 1 1 50%; padding: 30px; background: #009ee0; }
.key-metrics3  h2 { font-size: 22px; font-weight: 600;  line-height: 36px; margin-bottom: 40px; color: #ffffff; text-align: left; }
.key-metrics3 .right { flex: 1 1 50%; padding: 30px; background: #0289c1;}
.key-metrics3 ul { list-style: none; padding: 0; margin: 0 0 10px 0; }
.key-metrics3 ul li { position: relative; font-size: 16px; margin-bottom: 50px; line-height: 28px;  color: #fff; display: flex; align-items: center; gap: 15px; }
.key-metrics3 ul li::before { content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #ffffff; font-size: 16px; width: 40px; height: 40px; border: 1px solid #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: static; }
.key-metrics3 ul li h3 { font-size: 18px; font-weight: 600; margin-bottom: 0; line-height: 28px;}
.key-metrics3 ul li:last-child { margin-bottom: 0; }

.terms-sec{position: relative; width: 100%; margin: 40px 0px 0px 0px;}
.terms-sec h3{font-size: 20px; font-weight: 600; margin-bottom: 10px;}
.terms-sec p{font-size: 16px; line-height: 26px; margin-bottom: 40px;}
.terms-sec ol {  padding-left: 20px; }
.terms-sec ol li { margin-bottom: 25px; list-style: decimal !important; margin-bottom: 40px;}
.terms-sec ol li::marker { font-weight: 600;}
.terms-sec ol li h3 { margin: 0 0 8px; font-size: 16px; font-weight: 600; }
.terms-sec ol li p { margin: 0; font-size: 16px; line-height: 26px; margin-bottom: 0px; }

.privacy-sec{position: relative; width: 100%; margin: 40px 0px 0px 0px;}
.privacy-sec h3{font-size: 20px; font-weight: 600; margin-bottom: 20px;}
.privacy-sec  p{font-size: 16px; line-height: 26px; margin-bottom: 40px;}
.privacy-sec  ol {  padding-left: 20px; }
.privacy-sec  ol li { margin-bottom: 25px; list-style: decimal !important; margin-bottom: 40px;}
.privacy-sec  ol li::marker { font-weight: 600;}
.privacy-sec  ol li h3 { margin: 0 0 15px; font-size: 16px; font-weight: 600; }
.privacy-sec  ol li p { margin: 0; font-size: 16px; line-height: 26px; margin-bottom: 10px; }
.privacy-sec  a{color: #000000;}
.privacy-sec   a:hover{color: #10a4e1;}
.privacy-sec  ol li  ul { list-style: none; padding: 0; margin: 0 0 30px 0; }
.privacy-sec  ol li ul li { position: relative; font-size: 16px; margin-bottom: 5px; line-height: 28px;  display: flex; align-items: center; gap: 15px; }
.privacy-sec  ol li ul li::before { content: '\f00c'; font-family: 'Font Awesome 5 Free'; color: #10a4e1; font-weight: 900; font-size: 16px; width: 40px;   display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: static; }

/* blog section */
.blog-section{width: 100%; position: relative; padding: 20px 0px 20px 0px; margin: 0;}
.blog-section .blog-card {  width: 100%;  position: relative;   padding: 10px; border: 1px solid #e8e8e8;}
.blog-section .blog-card .blog-img {  width: 100%;    }
.blog-section .textsec{position: relative; width: 100%;}
.blog-section .textsec p{padding: 0px; margin:0px 0px 20px 0px; font-size: 16px; color: #000000; line-height: 26px; text-align: justify;} 
.blog-section .textsec h1{font-size: 28px;  color: #000000; font-weight: 600; padding: 20px 0px 20px 0px;}
.blog-section .textsec h2{font-size: 24px;  color: #000000; font-weight: 600; padding: 0px 0px 20px 0px;}
.blog-section .textsec h3{font-size: 22px;  color: #000000; font-weight: 600; padding: 0px 0px 20px 0px;}
.blog-section .textsec h4{font-size: 20px;  color: #000000; font-weight: 600; padding: 0px 0px 20px 0px;}
.blog-section .textsec h5{font-size: 18px;  color: #000000; font-weight: 600; padding: 0px 0px 20px 0px;}
.blog-section .textsec h6{font-size: 16px;  color: #000000; font-weight: 600; padding: 0px 0px 20px 0px;}

.blog-section .textsec ul{padding: 0; margin: 0px 0px 30px 0px; }
.blog-section .textsec ul li{font-size: 16px; line-height: 34px; color: #000000;  margin-left: 28px;}
.blog-section .textsec ul li:before { font-family: "Font Awesome 5 Free"; content: '\f30b'; font-weight: 900;font-size: 14px; color: #009ee0;   position: absolute; margin-left: -25px;}


/* .where-portable-sec .left { background-color: #009ee0;  padding: 40px  80px;}  //add this padding change in live css file
.where-portable-sec .right{background-color: #0289c1;  padding: 40px 80px;} */

.desktop-banner-sec{width: 100%; position: relative; display:block;}
.mob-banner-sec{width: 100%; position: relative; display:none;}