@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200;0,6..12,300;0,6..12,400;0,6..12,500;0,6..12,600;0,6..12,700;0,6..12,800;0,6..12,900;0,6..12,1000;1,6..12,400;1,6..12,600;1,6..12,700;1,6..12,800&display=swap');


*{margin:0; padding:0; box-sizing:border-box;}

body{margin:0; padding:0; font-family: 'Nunito Sans', sans-serif; font-size:15px; color:#000; overflow:inherit;}


h1,h2,h3,h4,h5,h6{margin:0; padding:0 0 10px 0; font-family: 'Nunito Sans', sans-serif; color:#000; line-height:normal; text-transform:capitalize; }
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:20px;}
h4{font-size:18px;}
h5{font-size:14px;}
h6{font-size:12px;}

p{margin:0; padding:0 0 10px 0; font-family: 'Nunito Sans', sans-serif; font-size:14px; color:#555; line-height:28px; text-transform:capitalize;}
a{margin:0; padding:0; font-family: 'Nunito Sans', sans-serif; font-size:15px; color:#000; text-decoration:none; display:inline-block;}
a:hover{color: #fc9515;}
ul, li, ol, li{margin:0; padding:0; font-family: 'Nunito Sans', sans-serif; font-size:16px; color:#000; list-style-type:none; text-transform:capitalize;}

input[type="text"], input[type="email"], input[type="number"], select, textarea{margin:0 0 20px 0; padding:20px 30px; font-family: 'Nunito Sans', sans-serif; font-size:16px; color:#555; line-height:normal; width:100%;outline:none; border: none; background: #fff; border-radius:50px; }
input[type="submit"]{margin:10px 0; padding:8px 15px; font-family: 'Nunito Sans', sans-serif; font-size:14px; color:#fff; font-weight:600; line-height:normal; width:100%; border:none; outline:none; background:#fc9515;border-radius: 10px; transition:.5s;}
input[type="submit"]:hover{ background:#017ca5; }

textarea{ height: 100px; border-radius:20px;}

.side-form .offcanvas-body input[type="text"], .side-form .offcanvas-body input[type="email"], .side-form .offcanvas-body input[type="number"], .side-form .offcanvas-body select, .side-form .offcanvas-body textarea {
    background: #dddddd3d;
}

h2{font-size: 40px; font-weight: 800; }
.heading, .headingleft {text-align:center; font-size: 40px; font-weight: 800; color: #000;  }
.headingleft {text-align:left;}
.heading span {display: block;font-size: 16px;color: #999;line-height: 40px;	letter-spacing: 1px;font-weight: 600;}

/*heading-border*/
.heading-border {width:130px; height:3px; background:#fb9614; position:relative; margin-bottom:20px; overflow: hidden; display: block;}
.br-center{margin:0 auto 40px;}
.heading-border:before {content:''; position:absolute; top:0; left:0; width: 35px;height: 3px; border-left:10px solid #fff; border-right:10px solid #fff; z-index:2;
-webkit-animation: animborder 2s linear infinite;
 animation: animborder 2s linear infinite;}

@keyframes animborder{
0%{
-webkit-transform: translateX(0px);
transform:translateX(10px);}

100%{
-webkit-transform: translateX(113px);
transform:translateX(113px);}
}

.btn-primary i {font-size: 13px;margin-left: 10px;}







/*Back-to-top-button*/
#button {display: inline-block;background-color: #fc9515;width: 35px;height: 35px;text-align: center;border-radius: 50%;position: fixed;bottom: 30px;right: 30px;transition: background-color .3s, opacity .5s, visibility .5s;opacity: 0;visibility: hidden;z-index: 1000;display: flex !important;align-items: center;justify-content: center;}
#button i {color: #fff;font-size: 15px;}
#button:hover {cursor: pointer;background-color: #017ca5;color: #fff;}
#button:active {background-color: #017ca5;}
#button.show {opacity: 1;visibility: visible;}
.flex-wraper {display: flex;align-items: center;justify-content: space-between;}



/*search*/
.search{width: 100%!important;background: rgba(0,0,0,0.5);align-items: center;justify-content: center;height: 100%;}
.search .offcanvas-body {width: 100%;height: 100%;display: inline-flex;align-items: center;justify-content: center;}
.search .offcanvas-body form {width: 100%;}
.search .offcanvas-body form input[type="text"] {background: none;border-bottom: 2px solid #eee;border-radius: inherit; text-align: center;}
.search .offcanvas-header button i {font-size: 30px;color: #fff;position: absolute;top: 20px;right: 20px;}
.search .offcanvas-header .btn-close {   font-size:0;}

/*offcanvas*/

.offcanvas {padding: 20px;}
.offcanvas .logo  {   width: 150px;}
.offcanvas ul.sidebar-contact li {display: flex;align-items: center; margin-bottom: 20px;}
.offcanvas ul.sidebar-contact li p{padding: 0;margin: 0 0 0 20px; font-size:17px;}
.offcanvas ul.sidebar-contact li p span{display: block;font-size: 20px;}
.offcanvas ul.sidebar-contact li p a{font-size: 20px;display: block;text-transform: lowercase;}
.offcanvas .smoicons{margin: 40px 0;}
.offcanvas .smoicons ul li a {font-size: 20px;color: #fff;background: #4064ac;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 50px;margin-right: 15px;}
.offcanvas .subscribe input[type="email"] :placeholder {  color: #fff;}


/*header*/
header {position: sticky;top: 0;background: #fff;z-index: 99;	box-shadow: 1px 2px 5px #dddddd6b;}
header .logo img {width: 100px;}
.menubar ul li{position:relative;}
.menubar ul li a {font-size: 18px;font-weight: 500;margin:30px 40px 30px 0; position:relative; }
.menubar ul li a:before {content: '';position: absolute;bottom: -30px;left: 0;width: 0;height: 3px;background: #fc9515; transition:.6s;}
.menubar ul li a:hover:before {width:100%;}
.menubar ul li a i {font-size: 12px;margin-left: 6px;}
.menubar ul li .dropdown {display:none; position:absolute; left:0; width:250px; background:#fff; z-index:2; }
.menubar ul li:hover .dropdown {display:block;}
.menubar ul li:hover .dropdown li a {margin: 0;padding: 6px 15px;}
.menubar ul li:hover .dropdown li a:before {width:0;}


header .head-btn {background: #000;padding: 10px 20px;border-radius: 50px;	display: flex;align-items: center;	justify-content: center;width:;height: 50px;}
header .head-btn a.searchicon{font-size: 20px;color: #fff;margin-right: 20px;border-right: 1px solid #555;padding-right: 20px; }
header .head-btn a.searchicon:hover{color:#fc9515;}
header .head-btn {cursor: pointer;}
header .head-btn a.sidebar{width:30px; height:2px; background:#fff; position:relative; transform: rotate(130deg); margin-top: 10px;}
header .head-btn a.sidebar:before{content:''; position:absolute; top:-8px; left:3px; width:22px; height:2px; background:#fff; transition:.6s;}
header .head-btn a.sidebar:after{content:''; position:absolute; top:8px; left:3px; width:22px; height:2px; background:#fff; transition:.6s;}




/*

.head-btn ul li:first-child a{border-bottom: 2px solid #000;}
.head-btn ul li:first-child a i { font-size: 14px; margin-left: 6px;}
.head-btn ul li:last-child{background:#00bf63; margin-left:30px;  cursor: pointer; width: 83px;height: 83px;display: flex;align-items: center;justify-content: center; }
.head-btn ul li:last-child a{ width:30px; height:2px; background:#fff; position:relative; }
.head-btn ul li:last-child:hover a:before{ width:50%; }
.head-btn ul li:last-child:hover a:after{ width:50%; left:50%; }
.head-btn ul li:last-child a:before{content:''; position:absolute; top:-8px; left:0; width:30px; height:2px; background:#fff; transition:.6s;}
.head-btn ul li:last-child a:after{content:''; position:absolute; top:8px; left:0; width:30px; height:2px; background:#fff; transition:.6s;}

*/
/*slider*/



.slider .carousel-caption .container {display: flex;align-items: center;justify-content: space-between;}
.slider .carousel-caption-content{width:70%;}


.slider img{width:100%;}
.slider .carousel-caption h1 {font-size: 40px;color: #fff;font-weight: 700;}
.slider .carousel-caption h1 small {display: block;font-size: 15px;color: #fff;position: relative; padding-left:20px; margin-bottom: 20px;}
.slider .carousel-caption h1 span { font-style: italic; font-weight: 200;}
.slider .carousel-caption .carousel-caption-content-btn {margin-top:20px;}
.slider .carousel-caption .carousel-caption-content-btn figure img {width:32px;}
.slider .carousel-caption .carousel-caption-content-btn figure {margin: 0 20px 0 50px;background: #fff;padding: 17px;border-radius: 50%;}
.slider .carousel-caption .carousel-caption-content-btn p {   color:#eee;}
.slider .carousel-caption .carousel-caption-content-btn p a {display: block; color:#fff; font-size:20px;}
.slider .carousel-caption .carousel-caption-content-btn p a:hover {color: #fc9515;}
.slider .carousel-caption h1 small:before {content:''; position:absolute; top:3px; left:0; padding:5px; border-radius:50%; background:#00bf63;}

.slider video{width:100%; height:600px; object-fit:cover;}
.slider .carousel-caption {background:rgba(0,0,0,0.5);}






/*services*/
.services{margin-top:80px; background: url(../images/services-bg.png) no-repeat center center/cover; padding: 0 0 80px 0;}



.services .services-item {padding: 50px;background: #fff;box-shadow: 1px 0px 9px #ddd; height: 100%;}
.services-heading h2{border-right: 2px solid #fc9515;padding: 0 40px 0 0;text-align: right;margin: 0px 40px 0px 100px;}
.services-heading p{text-align:left;}
.services .services-item h3, .best-services .best-services-item h3 {font-size: 20px; font-weight: 800;margin: 30px 0 6px 0;}
.services .services-item .service-btn i, .best-services .best-services-item .service-btn i{font-size: 13px;margin-left: 11px; }
.services .services-item .service-btn:after{content:''; position:absolute; top:0; right:0; width:17px; height:1px; background:#000; transform: translateY(-50%); opacity:0;}
.services .services-item .service-btn:hover .service-btn:after{width:100%;}


/*user-wraper*/
.user-wraper {background: url(../images/digital-bg.jpg);background-size: cover;background-repeat: no-repeat;padding: 150px 0;margin-bottom: 50px; position:relative; overflow:hidden; transition:.5s;}

.user-wraper:before, .user-wraper:after {content: ''; position: absolute; top: 0; left: 50%; width: 3%; height: 100%;background: #fff;transform: skewX(-10deg);transition: .6s; overflow:hidden; opacity:0; box-shadow: 2px 2px 6px #fff; transition:.5s;}
.user-wraper:hover:before {left:107%; opacity:1;}
.user-wraper:hover:after {left:-50%; opacity:1;}


.user-wraper form {width: 70%;display: flex;align-items: center;	margin: 20px auto 0 ;}
.user-wraper form input[type="text"], .user-wraper form input[type="number"], .user-wraper form input[type="email"]{border: 0;background: #fff;border-radius: 50px 0px 0px 50px; position:relative;  margin: 0;}
.user-wraper form .form-field {width: 100%;	position: relative;overflow: hidden;}
.user-wraper form .form-field:after {position: absolute;content: '';top: 0;right: -40px;width: 60px;height: 100%;background: #fa6843;box-shadow: -6px 0px 0 1px #fa6843;border-radius: 50px;overflow: hidden;}
.user-wraper form input[type="submit"]{background: #000;color: #fff;border-radius: 50px;width: 50%;padding: 20px;margin: 0;}
.user-wraper form input[type="text"]:before{content:''; position:absolute; top:0; right:0; width:30px; height:100%; background:#0000FF; }


/*about*/
.about{margin:80px 0}
.about .about-img img{width:100%;}
.about .about-content .btn-primary{margin:25px 40px 0 0;}



/*counter*/
.counter { margin-bottom: 70px; padding:80px 0; background:#f3f3f3;}
.counter h4 {  font-size: 20px;color: #fc9515;letter-spacing: 1px;font-weight: 600;}
.counter h3 {font-size: 20px;color: #000; text-transform: uppercase;   margin: 25px 0 0px 0;}
.counter p { font-size:16px; color: #ffeded;  padding: 0;  margin: 0;}
.counter h4 span {font-size: 40px;}


/*best-services*/
.best-services {margin-bottom:80px;}
.best-services .row{row-gap:60px;}
.best-services .best-services-item {width: 70%;margin: 0 auto;}


.process{margin-bottom:80px; position:relative;}
.process .process-bg {position: absolute;top: 240px;z-index: -1;}
.process .process-bg img {width: 100%;}
.process figure {   width: 250px;height: 250px;border-radius: 50%;background: #61af38;display: inline-flex;align-items: center;justify-content: center;}
.process .col-lg-3:nth-child(2) figure, .process .col-lg-3:nth-child(4) figure {margin-top:70px; background: #fc9515;}
.process .col-lg-3:nth-child(3) figure { background: #066989;}
.process .col-lg-3:nth-child(4) figure {background: #ef6326;}
.process h3 {font-weight: 700;}


.testimonial{margin: 80px 0;background: url(../images/testimonial-bg.jpg) no-repeat center center/cover;padding:80px 0;}
.testimonial .testimonialslider{width: 600px !important; overflow:hidden; margin: 0 auto; position:relative;}
.testimonial .testimonials-item {width: 600px !important;background: #fff;padding: 50px; }

/*
.testimonial .testimonialslider:before {
content: '';
position: absolute;
top: 5%;
right: -10%;
width: 100%;
height: 100%;
background: #ff0000;
z-index: -1;
transform: skew(10deg, 10deg);
}

*/
.testimonial .testimonials-item ul li {display: flex;align-items: center;}

.testimonial .testimonials-item ul li h3 {font-size: 20px;color: #fc9515; font-weight:700;}
.testimonial .testimonials-item ul li h3 small{display: block;color: #555;font-size: 16px; font-weight:600;}
.testimonial .testimonialslider ul {margin-top:15px;display: flex;align-items: center;justify-content: center;}
.testimonial .testimonialslider ul li {font-size: 0;border: 0;}
.testimonial .testimonialslider ul li button{cursor: pointer;width: 10px;height: 10px;background: #000;margin: 0 10px;border-radius: 50px;}
.testimonial .testimonialslider ul li button:hover{background:#fc9515; border-color:transparent;}

/*storyfp*/
.storyfp{padding:0 0 35px 0;}

.tab-story .tab-menu {display: flex;justify-content: space-around;align-items: center; padding: 0;  position:relative; width: 16%;height: 40px;border: 1px solid #ddd;border-radius: 50px;margin: 0 auto 30px;}
.tab-story .tab-menu li {padding:0;margin:0;background:none;color:#000;font-size:17px; line-height:normal;cursor:pointer;transition:0.5s;position: relative;}
.tab-story .tab-menu li i{font-size:17px; margin:0 4px 0 0;}
.tab-menu li:hover{color: #f09276;}
.tab-story .tab-menu li.active:before{background:#555;}
.tab-story .tab-menu li.active:before{content: '';background: #fb9614;width: 100%;height: 2px;position: absolute;bottom: -9px;}

.tab-story .tab-menu li:last-child{ /*position:absolute; right:0;*/ margin:0;}
.tab-story .tab-menu li:last-child .btn{padding:0!important;margin:0 0 0 20px !important;font-size:11px !important;}
.tab-story .tab-menu li:last-child .btn:hover{color: #f09276;}
.tab-story .tab-menu li:last-child .btn i{font-size:11px;color: #4b4cff; margin:0 0 0 5px;}
.tab-story .tab-menu li:last-child .btn:hover i{color: #f09276;}

.tab-story .tab-content {display: none;padding:0;}
.tab-story .tab-content.active {display:inherit !important;}

.item-story{position:relative; background: #fff;box-shadow: 1px 2px 5px 1px #ddd; padding: 50px; height: 100%;}

.swiper-wrapper .col-lg-4:nth-child(2) .item-story{height: 105%;}


.item-story img{width:;}
.item-story a img{ position:absolute; left:10px; top:10px; z-index:99; width:50px; height:50px; border:2px solid #fff; border-radius:50%;}





.storyfp .item-story h4{font-size: 50px;color: #fa6742;}
.storyfp .item-story h4 sup{ margin-right:6px;font-size: 25px;color: #000;}
.storyfp .item-story h4 sub{ margin-left:6px;font-size: 14px;color: #555;}


.storyfp .swiper-slide h3{font-size: 25px;margin: 23px 0 20px 0;}

.storyfp .swiper-slide h3 small{    display: block;    font-size: 15px;}
.storyfp .swiper-slide ul li {margin-bottom: 10px;}




/*footer*/
footer {background: #000;margin-top:100px;padding: 80px 0 0 0;}
footer .footer-logo {width: 80%;background: #2a2a2a;padding: 40px;margin: -150 0 0 0;}
footer .footer-logo img {width: 170px;}
ul.footer-contact{margin-bottom:30px;}
ul.footer-contact li{width:50%; display: flex;align-items: flex-start;}
footer h3 {color:#fff;  }
footer ul.footer-menu li a{color: #ccc;margin-bottom: 10px;}
footer ul.footer-menu li a:hover{color: #fc9515;}

footer .footer-info h4 {color: #fff;font-size: 18px;margin: 20px 0 10px 0;}
footer .footer-info a {color: #eee;}
footer .footer-info a:hover {color: #00bf63;}
footer .footer-info p i {font-size: 13px;color: #eee;border: 1px solid #fff;border-radius: 50%;padding: 7px;margin-right: 10px;}
footer iframe {width: 100%;height: 100%;}


footer .footer-logo p {   margin: 20px 0;}
footer .smoicons ul li a{font-size: 20px;color: #fff;margin-right: 15px;}
footer .smoicons ul li a:hover{color:#fc9515;}


footer .maison-logo h4 { margin: 40px 0 10px 0;
    font-size: 22px;
    font-weight: 800;
    color: #fc9515 !important;
}

footer .maison-logo a  {
    margin: 0 0 0 20px;
}
footer .maison-logo a img {
    width: 173px;
}

footer p{ color: #ccc;}

footer ul.footer-menu li {width: 47%;display: inline-flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
footer ul.footer-contact li p{margin-left: 25px;}
footer ul.footer-contact li p span{display: block;line-height: 30px;font-size: 20px;color: #fff;}
footer ul.footer-contact li p a{display: block;color: #fff;	}



footer input[type="email"], .subscribe input[type="email"] {padding: 20px;border: 0;background: #fff;border-radius: 50px;}
footer input[type="submit"], .subscribe input[type="submit"] {font-family: 'Font Awesome 6 Free';font-weight: 700;font-size: 20px;	color:#fff;padding: 21px 16px;width: 56px;border-radius: 0px 50px 50px 0px;position: absolute;top: -10px;right: 0;background: #fc9515;}
.subscribe input[type="email"] {background:#017ca5; color: #fff;}
.subscribe input[type="email"]::placeholder { color:#fff;}




.copyright{ margin-top:80px; padding:50px 0; background: #2a2a2ab8;}

.copyright p{color:#eee;padding:0; }
.copyright p a{color:#eee;}
.copyright p a:hover{color:#fc9515; }
.copyright .copyright-link ul li a {font-size: 20px;color: #fff;  margin-left: 24px;  }
.copyright .copyright-link ul li a:hover {color: #fc9515;}




/*header-inner-page*/
.header-inner-page {background: linear-gradient(to right, #dddddd26, #eeeeee4a);padding: 60px 0;	clip-path: polygon(0 0, 100% 0, 100% 80%, 50% 100%, 0 80%);}
.header-inner-page ul li {font-size: 30px;margin: 0 16px;text-transform: uppercase;font-weight: 600;}

/*terms-page-&-privacy-page*/
.terms, .privacy{text-align: justify;}
.terms figure img, .privacy figure img { width: 100%;}
.terms p a, .privacy p a {    text-transform: lowercase;    font-weight: 800;    color: #fb9614;}
.terms h3, .privacy h3 { font-size: 25px; font-weight: 800;}
.terms ul li, .privacy ul li {    font-size: 20px;    font-weight: 600;    padding: 0 0 10px 25px; position:relative;}
.terms ul li:before, .privacy ul li:before{    content: '\f058';    position: absolute;    top: 7px;    left: 0;    font-family: 'Font Awesome 6 Free';    font-weight: 800;    font-size: 13px;    color: #fb9614;}








/*contact-page*/
.innerpage-header {background: url(../images/contact-banner.jpg) no-repeat center center/cover;padding: 100px 0; margin-bottom:80px;}
.innerpage-header h3 {font-size: 40px;color: #fff;font-weight: 800;letter-spacing: 1px;text-align: center;margin-bottom: 0px;}
.innerpage-header ul li {font-size: 20px;color: #eee;margin: 0 10px;}

.contact-details{margin-bottom:80px;}
.contact-details .contact-info {width: 80%;margin: 0 auto;background: #f5f5f5;padding: 50px;border-radius: 10px; height: 100%;}

.contact-details .contact-info .smoicons ul a {
    font-size: 25px;
    margin-right: 16px;
}

.contact-details .contact-info h3 {font-weight: 700;font-size: 25px;}
.contact-details .contact-info ul li p a {display: block;font-size: 17px;font-weight: 700;}
.contact-form {background: #f5f5f5;padding: 80px 0;}
.contact-form input[type="submit"]{width: 10%;}
.contact-innerpage iframe{width:100%; height:400px; border-radius:10px; margin-bottom:80px;}




.contact-page .contact-details {box-shadow: 0px 0px 4px #ddd;padding: 50px;border-radius: 50px;margin: 80px 0 -80px 0;z-index: 2;position: relative;background: #fff;}
.contact-page .contact-form{margin:80px 0;}
.contact-page .contact-form figure img {width: 100%;}
.contact-page .contact-details .contact-info {display: flex;align-items: center;}
.contact-page .contact-details .contact-info figure {margin: 0 15px 0 0;}





/*about-page*/


.about-inner-section figure img {width: 100%;}
.mission {background: #d11925; padding: 60px 0;}
.missionslider .mission-item {width: 1296px;display: flex;align-items: center;justify-content: space-between;}
.missionslider .mission-item figure img{width: 100%;}
.missionslider .mission-item .mission-content p {font-size: 20px;color: #eee;line-height: 35px;}

.missionslider .mission-item figure{width:40%;}
.missionslider .mission-item .mission-content{width:50%;}


.mission .missionslider .fa-chevron-left, .mission .missionslider .fa-chevron-right{position: absolute;top: 50%;left: -3%; color: #fff;transform: translateY(-50%); cursor:pointer;	font-size:16px;}

.mission .missionslider .fa-chevron-right{right: -3%; left: auto;}


.about-innerpage .testimonial {margin-top:0;}





.about-page .about-inner-page{margin:80px 0;}
.about-page .about-inner-page figure img {width: 100%;}
.about-page .about-inner-page .about-inner-page-content{margin-left:30px;}
.about-page .about-inner-page p{text-align:justify;}
.about-page .about-inner-page .btn-primary {margin-top: 20px;}
.about-page .mission {background-image: url(../images/action-bar.jpeg);background-size: cover;background-repeat: no-repeat;	background-attachment: fixed;padding: 80px 0;}
.about-page .mission .mission-content {background:#fff; padding:50px; width:70%;}
.about-page .mission .mission-content p {font-size: 20px;text-align: justify;	font-style: italic;}




/*seo-page*/
.inner-services{margin-bottom:80px;}

.inner-services .container {display: flex;align-items: center;justify-content: space-between;}
.inner-services .inner-services-heading {margin-bottom: 50px;}
.inner-services .inner-service-carousel {width: 900px; }

.inner-services .inner-service-carousel .inner-service-carousel-item { margin: 10px;border: 1px solid #ededed;padding: 20px;text-align: center;}

.inner-services .inner-service-carousel .inner-service-carousel-item figure {margin: 0 0 1rem;width: 50%;margin: 0 auto 30px;}
.inner-services .inner-service-carousel .inner-service-carousel-item figure img {width: 100%;}

.feature{margin-bottom:60px;}
.feature .feature-item {    border-right: 1px solid #ccc;    padding-right: 40px;}
.feature .col-lg-4:last-child .feature-item {    border-right: 0;    padding-right: 0px;}
.feature .feature-item h3 {    font-size: 25px;    font-weight: 800;    margin: 30px 0 0 0;}


.faqs .heading{text-transform: uppercase;}
.faqs h2 .accordion-button {
    font-size: 20px;
    font-weight: 800;
}



.inner-services .inner-service-carousel .fa-arrow-left-long, .inner-services .inner-service-carousel .fa-arrow-right-long { position: absolute; bottom: 26%; left: -44%; background: #f5f5f5; padding: 20px 25px; font-size: 20px; font-weight: 700; color: #000; cursor:pointer; transition:.6s;}
.inner-services .inner-service-carousel .fa-arrow-left-long:hover, .inner-services .inner-service-carousel .fa-arrow-right-long:hover {background:#fc9515; color:#fff;}
.inner-services .inner-service-carousel .fa-arrow-right-long{left: -37%;}


.actionbar {background: url(../images/inner-actionbar.jpg) no-repeat center center/cover;margin-bottom: -100px;padding: 100px 0;}
.actionbar .btn-primary {    padding: 9px 32px;}
/*products-wraper-inner-page*/


.products-wraper{margin:80px 0;}
.products-wraper .products-items {transition:.6s;
display: flex;
align-items: center;
justify-content: space-between;
background: #00bf63;
}
.products-wraper .products-items .products-content {transition:.6s;
background: #00a7567a;
padding: 20px 0px 37px 20px;
border-radius: 0 0% 50% 0;
	width: 60%;
height: 100%;
	
}
.products-wraper .products-items figure {
width: 40%;
}
.products-wraper .products-items .products-content h3 {
font-size: 30px;
color: #fff;
}
.products-wraper .products-items .products-content p {
font-size: 20px;
color: #fff;
font-style: italic;
font-weight: 500;
margin: 0 0 20px 0;
}
.products-wraper .products-items .products-content .btn-primary {
font-size: 15px; padding: 8px 10px;
}

.products-wraper .products-items figure img {
width: 100%;
border-radius: 10px;
}

.products-wraper .products-items:hover{box-shadow: 2px 2px 10px 2px #00bf633d;
transform: translateY(-10px); background: #00a7567a;}
.products-wraper .products-items:hover .products-content{background: #000;}





.products-details figure img{width:100%;}


.products-details figure h3 { color:#fff;transition:.6s; 
position: absolute;
top: 0;
right: 0;
background: #00b45d;
padding: 30px;
border-radius: 0% 0% 0% 50%;
width: 150px;
height: 150px;
}
.products-details figure:hover h3 {  background:#00000080; width:100%; height:100%;}




.main-products{margin-top:80px;}
.main-products .main-products-list figure img {
width: 100%;transition:.6s;
}

.main-products .main-products-list figure {
overflow: hidden;
}
.main-products .main-products-list  { transition:.6s;
border: 1px solid #dddddd59;
}
.main-products .main-products-list:hover figure img {transform: scale(1.1);}
.main-products .main-products-list:hover  {border: 1px solid #00bf63;}

.main-products .main-products-content{padding:20px;}

.main-products .main-products-content .btm:after{content:''; position:absolute; top:44%; right:0; width:20px; height:2px; background:#00bf63; z-index:1; transform: translateX(-56%); opacity:0; transition:.6s;}
.main-products .main-products-content .btm:hover:after{ opacity:1;right: -9px; }

.main-products .main-products-content .btm i {font-size: 16px;margin-left: 20px;}






.all-products .row{row-gap:20px;}

/*MOBILE-MENU*/
.header-nav {position: relative;padding: 0 15px;display: none;}
.mobnav-icon {position: absolute;top: -7px;right: 0;z-index: 999;display: block;width: 28px;height: 22px;margin: 0;padding: 0;}
.mobicon-line {background:#fc9515;transition: 0.6s ease;transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);position: absolute;width: 100%;height: 3px;}
.mobnav-icon:hover .mobicon-line {background: #00bf63;}
.top-line {top: 0;}
.mid-line {top: 8px;}
.bot-line {top: 16px;}
.top-animate {background: #c5861f;top: 13px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.bottom-animate {background: #c5861f;top: 13px;-webkit-transform: rotate(-225deg);transform: rotate(-225deg);}
.mid-animate {opacity: 0;}
.mobile-menu {position: fixed;top: 0;left: 0;z-index: 999;display: none;width: 100%;height: 100%;background: #fff;padding: 5% 0 0 0;}






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


.heading, .headingleft { font-size: 30px;}

header .head-btn a.searchicon {
          margin-right: 10px;
       padding-right: 10px;
}
.innerpage-header {padding: 60px 0;margin-bottom: 50px;}

.contact-details .contact-info {width: 100%;padding: 30px;}
.contact-details {margin-bottom: 70px;}
.contact-innerpage iframe {margin-bottom: 70px;}


.contact-form {padding: 60px 0;}
.contact-form input[type="submit"] {width: 15%;}


.menubar ul li a {font-size: 16px;margin: 28px 20px 28px 0;}
.menubar ul li a i {font-size: 10px;margin-left: 5px;}


.head-btn ul li:first-child a {border-bottom: 2px solid #000;font-size: 13px;}
.head-btn ul li:first-child a i {font-size: 12px;margin-left: 2px;}
.head-btn ul li:last-child {margin-left: 15px;width: 50px;height: 43px;}

.slider .carousel-caption h1 {font-size: 35px;width: 90%;}


.process figure {width: 200px;height: 200px;}

.about .about-content .btn-primary {margin: 16px 20px 0 0;padding: 10px 20px;}

footer .footer-logo {width: 100%;}
footer .footer-logo img {width: 150px;}


.about .about-content {padding: 20px 0px 20px 20px;}



.Products .Products-content {padding: 20px 30px;}

.about-inner-section {margin-bottom: 40px;}



.testimonials-item p {font-size: 15px;}
.products-wraper .products-items .products-content .btn-primary {font-size: 14px;padding: 8px 6px;}


.process .process-bg {    left: 63px;    width: 90%;}


.contact-details .contact-info .smoicons {
    margin: 0 0 9px 0;
}

.contact-details .contact-info .smoicons ul {
    margin-top: 20px;
}

.inner-services .container {flex-direction: column;}
.inner-services .inner-services-heading {    margin-bottom: 20px;}
/*.heading-border { margin: 0 auto 20px;}*/


.inner-services .inner-service-carousel .fa-arrow-left-long, .inner-services .inner-service-carousel .fa-arrow-right-long {    font-size: 0;}

.user-wraper form {    width: 90%;}


.contact-details .contact-info h3 {
    font-size: 20px;
}

}

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

.mobnav-icon {top: -62px;right: 4px;}
.header-nav {display: block;}
.mobile-menu ul {width: 200px;margin: 0;padding: 0 15px;text-align: left; display: block; }
header ul li:last-child {margin-left: 0;width: inherit;}
.mobile-menu ul li a {font-size: 15px !important;text-transform: capitalize;color: #000 !important;line-height: normal;margin: 0 0 10px 20px;padding: 0;}
.menubar .mobile-menu ul {display: block;}
.mobile-menu .logo {text-align: center;margin: 0 0 25px 0;}
.mobile-menu .smoicons {justify-content: start;margin: 15px 0 0 0;}
.header-nav{display:block;}




.offcanvas-body ul li a {
margin-bottom: 6px;
}

.offcanvas h5 img {
width: 170px;
}



.offset-1 {margin-left: 0;}

p {
font-size: 14px; text-align: justify;
}


h2 {
font-size: 23px;
}



.row{row-gap:20px;}




header .row{row-gap:0px;}

header .menubar {   display: none;}

header .head-btn{display: none;}

.slider .carousel-caption-content {
width: 100%;
}
.slider figure {
margin: 0 0 1rem;
display: none;
}




.slider .carousel-caption h1 {font-size: 20px;text-transform: capitalize;width: 100%;line-height: normal;}
.slider .carousel-caption h1 small {display: none;}
.slider .carousel-caption .carousel-caption-content-btn {margin-top: 0;}
.slider .carousel-caption .carousel-caption-content-btn figure {margin: 0 7px 0 15px;padding: 8px;}
.slider .carousel-caption .carousel-caption-content-btn figure img {width: 16px;}
.slider .carousel-caption .carousel-caption-content-btn p {line-height: normal;font-size: 13px; margin-left: 10px;padding: 0;}
.slider .carousel-caption .carousel-caption-content-btn p a {font-size: 14px;}

.slider img {height: 100%; object-fit: cover;}
.carousel-item {height: 200px;}
.carousel-inner {height: 200px;}

.slider .carousel-control-next i, .slider .carousel-control-prev i {font-size: 0;}

.slider .btn-primary {padding: 6px 10px; font-size:14px;}
.btn-primary {padding: 6px 20px; font-size:14px;}





.services .services-heading {
flex-direction: column;
margin-bottom: 30px;
}
.services-heading h2 {
border-right: 0;
padding: 0;
text-align: left;
margin: 0;
}



.user-wraper form {
width: 100%;
flex-direction: column;
}
.user-wraper form input[type="text"], .user-wraper form input[type="number"], .user-wraper form input[type="email"] {
border-radius: 50px 0px 0px 50px;
margin: 0 0 10px 0;
}
.user-wraper form .form-field:after {
display:none;}

.process .process-bg {
display: none;
}

footer .footer-logo {
width: 100%;
}



ul.footer-contact li {
width: 100%;
}
ul.footer-contact {
margin-bottom: 30px;
flex-direction: column;
}

header .logo {
margin: 15px 0;
}
header .logo img {
width: 170px;
}

.copyright .copyright-link ul li a {
font-size: 15px;
margin: 0 10px;
}
.copyright p {
text-align: center;
}


.about {margin: 35px 0;}
.about .about-img:after {
display:none;}




.about .row {
row-gap: 20px;
}

.about .about-content {
border-radius: 10px;
padding: 20px 10px;
}
.about .about-content .btn-primary {
margin: 0 10px 0 0;
}


.services {
margin: 35px 0;
padding: 0 0 35px 0;
}
.counter {
margin-bottom: 35px;
padding: 35px 0;
}

.process {
margin-bottom: 35px;
}
.process .col-lg-3:nth-child(2) figure, .process .col-lg-3:nth-child(4) figure {
margin-top: 0;
}
.process .btn-primary {
margin-top: 10px;
}

.tab-story .tab-menu {
width: 56%;
}


.btn-outline-primary {
padding: 7px 19px;
	}

.Products .Products-content h2 {
font-size: 20px;
margin-bottom: 10px;
}

.Products {
margin-bottom: 35px;
}
.Products .row {
row-gap: 20px;
}



.testimonial .testimonialslider .fa-chevron-right {
display: none !important;
}

.testimonial {
margin-top: 35px;
padding: 35px 0;
}

.testimonials-item p {
font-size: 14px;
line-height: 23px;
text-align: left;
}


.testimonial .testimonialslider {
width: 300px !important;
}
.testimonial .testimonials-item {
width: 300px !important;
	padding: 20px;
}

.testimonial .testimonials-item ul li:last-child figure img{
width: 0;
}

.user-wraper {
padding: 35px 0;
margin-bottom: 35px;
}
.user-wraper p {
text-align: center;
}
.user-wraper a {
margin-bottom: 0;
}

footer {
padding: 35px 0 0 0;
}

footer .row {
row-gap: 20px;
}

footer h3 {
margin-bottom: 0px;
}



.copyright .row  {text-align: center;row-gap: 20px;}

.copyright ul.justify-content-end {justify-content: center !important;}

.copyright {padding-top: 20px;}


#button {bottom: 95px;right: 9px;}


/*contact-page*/

.heading, .headingleft {font-size: 30px; color: #000 !important;}
.heading span {line-height: 30px;}
.innerpage-header {padding: 35px 0;margin-bottom: 35px;}
.innerpage-header h3 {font-size: 30px;}
.br-center {margin: 0 auto 20px;}
.contact-details {margin-bottom: 35px;}

.contact-details .contact-info {padding: 20px;}
.contact-details .contact-info h3 {font-size: 22px;}
.contact-innerpage iframe {margin-bottom: 35px;}
.contact-form {padding: 35px 0;}

input[type="text"], input[type="email"], input[type="number"], select, textarea {margin: 0;padding: 15px 30px;}
.contact-form input[type="submit"] {width: 40%;}
textarea {margin-bottom: 15px !important; height: 80px;}
footer input[type="email"], .subscribe input[type="email"] {padding: 15px;}
footer input[type="submit"], .subscribe input[type="submit"] {padding: 16px 16px;}


.contact-page .contact-header {padding: 35px 0;}
.contact-page .contact-header ul li {font-size: 20px;margin: 0 10px;}
.contact-page .contact-details {padding: 30px;margin: 35px 0;}
.contact-details .row {row-gap: 20px;}
.contact-page .contact-form {margin: 35px 0;}
.contact-page .contact-form .row {row-gap: 30px;}



.prudocts-inner-page .header-inner-page ul li {font-size: 16px;}

/*header-inner-page*/


.header-inner-page {padding: 35px 0;}
.header-inner-page ul li {font-size: 20px;margin: 0 10px;}








.about-page .about-inner-page {margin: 35px 0;}
.about-page .about-inner-page .row {row-gap: 30px;}
.about-page .about-inner-page .about-inner-page-content {margin-left: 0;}
.about-page .about-inner-page .btn-primary {margin-top: 3px;}
.about-page .mission {padding: 40px 0;}
.about-page .mission .mission-content {padding: 20px;width: 100%;}
.about-page .mission .mission-content p {font-size: 15px;}




.about-inner-section {margin-bottom: 20px;}

.mission {padding: 35px 0;}

.missionslider .mission-item {flex-direction: column;}
.missionslider .mission-item .mission-content p {    font-size: 15px;    line-height: 25px;}
.missionslider .mission-item .mission-content {width: 100%;}
.mission .missionslider .fa-chevron-left, .mission .missionslider .fa-chevron-right {font-size:0;}
/*prudocts-inner-page*/

.products-wraper {margin: 35px 0;}
.prudocts-inner-page .row {row-gap: 20px;}



.products-wraper .products-items .products-content { padding: 20px 10px;width: 57%;margin-right: 3%;}
.products-wraper .products-items .products-content p {margin: 0 0 10px 0;}
.products-wraper .products-items .products-content h3 {font-size: 20px;color: #fff;padding-bottom: 5px;}

.products-wraper .products-items .products-content p {margin: 0 0 7px 0;font-size: 15px;}
.products-wraper .products-items figure {width: 40%;margin: 5!important;}
.products-wraper .products-items .products-content .btn-primary {font-size: 15px;padding: 6px 8px;}

.main-products {margin-top: 35px;}



.inner-services .inner-service-carousel .inner-service-carousel-item p {
    text-align: center;
}
.inner-services {    margin-bottom: 35px;}
.inner-services .inner-services-heading {    margin-bottom: 0;}

.feature{margin-bottom:25px;}
.feature .feature-item figure img{    width: 100px;}
.feature .feature-item h3 {    font-size: 20px;    margin: 20px 0 0 0;}
.feature .feature-item p {    text-align: center;}
.seo-services .testimonial {    margin-bottom: 35px;}
.inner-services .inner-service-carousel {    width: 300px;}
.actionbar {    margin-bottom: -61px;    padding: 0 0 100px 0;}

/*terms-page-&-privacy-page*/
.terms, .privacy { margin-bottom:140px;}
.terms h3, .privacy h3 { font-size: 20px;}
.terms ul li, .privacy ul li {    font-size: 16px;    padding: 0 0 10px 20px;    text-align: left;}
.terms ul li:before, .privacy ul li:before {top: 3px;}




}