@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap);

.header-section .header-widget ul,
.header-social ul,
.package ul {
    padding-left: 0;
    margin-bottom: 0
}

.header-social ul li a i,
.header-social ul li a i:hover {
    width: 30px;
    height: 30px;
    line-height: 26px;
    text-align: center;
    font-size: 14px
}

#popUp,
.footer-box-text,
.header-social ul li a i,
.img-box,
.img-text,
.main-logo,
.our-product-text,
.page-img,
.page-text,
.pop-img,
.qution,
.ra-img,
.testimonial-text,
.wel-come-img {
    text-align: center
}

.certificate-img img,
.main-logo img,
.pop-img img,
.wel-come-img img {
    width: 100%;
    height: auto
}

.submitId,
[dir=rtl] .slick-slide {
    float: right
}

.package ul li,
.package-sev ul li {
    background-image: url(../images/arrow-now.png);
    padding-left: 33px
}

body {
    padding: 0;
    margin: 0;
    font-family: 'Roboto Condensed', sans-serif
}

a:focus {
    outline: -webkit-focus-ring-color auto 0 !important;
    outline-offset: 0 !important
}

a:hover {
    text-decoration: none
}

#popUpMain {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 9901
}

#popUp {
    width: 35%;
    height: auto;
    background-color: #000;
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: inset 0 0 5px 4px #00254e;
    padding: 15px;
    border-radius: 10px;
    border: 2px solid #fff
}

.pop-img img {
    border-radius: 0
}

.submitId {
    margin: 15px 20px 0 0;
    background-color: #fcfcfc;
    border: none;
    font-size: 17px;
    padding: 10px 11px;
    color: #000;
    width: 127px;
    border-radius: 53px
}

.mgtop {
    margin-top: 20px
}

.header-widget ul li,
.rs-courses-2 .cource-item .course-body .course-category {
    display: inline-block
}

.header-section {
    background: #01a651;
    padding: 6px 0
}

.content-grid,
.our-product-part,
.package ul li,
.package-sev ul li {
    background-repeat: no-repeat
}

.header-section .header-widget ul li {
    font-size: 17px;
    padding-right: 23px;
    margin-right: 15px;
    color: #fff;
    position: relative;
    line-height: 30px
}

.header-section .header-widget ul li::before {
    position: absolute;
    content: '';
    background: #fff;
    width: 5px;
    height: 25px;
    right: 2px;
    top: 3px
}

.header-section .header-widget ul li i {
    margin-right: 5px;
    font-size: 18px;
    top: 1px;
    position: relative
}

.header-section .header-widget ul li a {
    color: #fff;
    font-weight: 500
}

.header-section .header-widget ul :nth-child(2)::before,
.slick-arrow.slick-hidden,
.slick-slide.slick-loading img {
    display: none
}

.header-social ul {
    list-style: none;
    float: right
}

.header-social ul li {
    float: left;
    margin: 0 2px
}

.header-social ul li a i {
    border-radius: 25px;
    color: #01a651;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #fff;
    border: 2px solid #008b90
}

.header-social ul li a i:hover {
    border-radius: 25px;
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #ec008c;
    border: 2px solid #fff
}

.main-logo {
    padding: 5px 0
}

.carousel-control {
    opacity: .8
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    background-color: #01a651;
    width: 50px;
    height: 50px;
    font-size: 14px;
    border-radius: 50px;
    line-height: 43px;
    box-shadow: inset 0 0 0 4px #fff;
    border: 3px solid #ff0090 !important
}

.carousel-control.left,
.carousel-control.right {
    background-image: none
}

.carousel-indicators li {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0;
    text-indent: -999px;
    cursor: pointer;
    background-color: #2b741c;
    border: 5px solid #fff;
    border-radius: 30px
}

.carousel-indicators .active {
    width: 30px;
    height: 30px;
    margin: 0;
    background-color: #8cc63d
}

.features-section {
    padding: 0;
    background-color: #f3f3f3;
    position:relative;
    z-index:2;
}

.section-content {
    position: relative;
    bottom: 40px
}

.page-part {
    padding: 30px 0
}

.page-part-text p {
    font-size: 17px;
    line-height: 29px;
    font-weight: 400;
    color: #5c5c5c;
    text-align: justify;
    margin: 0
}

.page-part-text h3,
.page-part-text h4 {
    font-weight: 700;
    text-transform: uppercase
}

.page-part-text h4 {
    margin: 6px 0 4px;
    font-size: 20px;
    line-height: 32px;
    color: #00a651
}

.page-part-text h3 {
    margin: 1px 0;
    font-size: 18px;
    line-height: 30px;
    padding: 5px 12px;
    color: #fff;
    background-color: #36a755;
    border-radius: 7px;
    border-bottom: 3px solid #003a3c8f
}

.page-part-page {
    padding: 30px 0;
    background-color: #fff0f9
}

.page-img img,
.ra-img img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 5px solid #ccc
}

.ra-img h5 {
    font-size: 20px;
    margin-bottom: 4px
}

.ra-img strong {
    font-size: 17px;
    line-height: 28px
}

.page-img p {
    font-size: 17px;
    line-height: 29px;
    font-weight: 400;
    color: #5c5c5c;
    text-align: center;
    margin: 0 0 7px
}

.feature-current-item .inner-box .feature-sub-title {
    position: relative;
    display: inline-block;
    padding-left: 15px;
    margin: 0;
    line-height: 14px;
    color: #6a778c
}

.feature-current-item .inner-box .feature-sub-title:before {
    content: "";
    height: 100%;
    width: 2px;
    position: absolute;
    left: 0
}

.feature-current-item .feature-icon {
    position: absolute;
    right: 0;
    top: 50%;
    height: 100px;
    width: 100px;
    transform: translateY(-50px);
    line-height: 100px;
    text-align: center;
    transition: .4s
}

.feature-current-item .feature-icon:after {
    position: absolute;
    content: "";
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    left: -20px;
    border-width: 0 20px 100px 0;
    border-color: transparent red transparent transparent;
    transition: .4s
}

.feature-current-item .feature-icon i {
    color: #fff;
    font-size: 54px
}

.feature-current-item-style2 .details .title a,
.feature-current-item:hover .inner-box .feature-sub-title,
.feature-current-item:hover .inner-box .feature-title {
    color: #fff
}

.feature-current-item:hover .feature-icon,
.feature-current-item:hover .inner-box .feature-sub-title:before {
    background: #fff
}

.feature-current-item:hover .feature-icon:after {
    border-color: transparent #fff transparent transparent
}

.feature-current-item-style2 {
    position: relative;
    border: 5px solid #fff;
    box-shadow: 0 3px 4px #00000096
}

.feature-current-item-style2 .details {
    left: 50%;
    padding: 8px 24px;
    position: absolute;
    text-align: center;
    top: 48%;
    transform: translate(-50%, -32%);
    width: 100%;
    transition: .3s;
    z-index: 1
}

.feature-current-item-style2 .details .title {
    transition: .3s;
    opacity: 0;
    font-size: 27px;
    line-height: 40px;
    margin: 0;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.feature-current-item-style2 .details p {
    color: #fff;
    margin-bottom: 0;
    opacity: 0;
    font-size: 17px;
    visibility: hidden;
    transition: .3s;
    line-height: 29px
}

.feature-current-item-style2 .icon {
    height: 63px;
    line-height: 90px;
    text-align: center;
    width: 70px;
    transition: .3s;
    background-color: #01a651;
    position: absolute;
    bottom: 0;
    right: 0
}

.package ul li,
.w3l-breadcrum .breadcrum-bg {
    text-align: left
}

.feature-current-item-style2 .icon img {
    line-height: 20px;
    padding-right: 6px;
    color: #fff;
    padding-bottom: 22px
}

.feature-current-item-style2 .icon:after {
    position: absolute;
    content: "";
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    left: -22px;
    border-width: 0 25px 63px 0;
    border-color: transparent #01a651 transparent transparent;
    transition: .5s
}

.feature-current-item-style2:after {
    content: "";
    background: #262626;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: .3s;
    z-index: 0
}

.feature-current-item-style2:hover:after {
    opacity: .5
}

.feature-current-item-style2:hover .icon {
    opacity: 0
}

.feature-current-item-style2:hover .details {
    transform: translate(-50%, -45%)
}

.feature-current-item-style2:hover .details .title {
    z-index: 1;
    position: relative;
    opacity: 1
}

.feature-current-item-style2:hover .details p {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    position: relative
}

.wel-part {
    padding: 10px 0 50px;
    background-color: #f3f3f3
}

.wel-text h1 span {
    font-weight: 500;
    font-size: 17px;
    margin: 0;
    color: #56666e;
    text-transform: uppercase;
    display: block;
    line-height: 34px
}

.wel-text h1 {
    font-size: 50px;
    text-transform: uppercase;
    margin: 2px 0 0;
    color: #ec1a8c;
    line-height: 48px;
    font-weight: 800
}

.decor-1,
.welcome-text p {
    margin: 0 0 7px
}

.pro-page-text p,
.welcome-text p {
    line-height: 29px;
    font-weight: 400;
    color: #5c5c5c;
    text-align: justify;
    font-size: 17px
}

.pro-page-text p {
    margin-bottom: 10px
}

.welcome-text h4 {
    margin: 0 0 5px;
    font-size: 22px;
    line-height: 32px;
    font-weight: 700;
    color: #00a651
}

.decor-1 {
    width: 100%
}

.button-box,
.rs-courses-2 .cource-item {
    margin: 5px 0
}

.button-box {
    background-color: #ec1a8c;
    color: #fff;
    padding: 0 0 0 20px;
    font-size: 17px;
    text-transform: uppercase;
    display: inline-block;
    border: 0;
    font-weight: 600;
    text-decoration: none;
    border-radius: 10px
}

.button-box i {
    background-color: #01a651;
    padding: 12px 15px;
    margin-left: 12px;
    font-size: 20px;
    border-radius: 0 10px 10px 0;
    color: #fff;
    font-weight: 700;
    line-height: 21px;
    text-decoration: none
}

.our-product-part {
    background-color: #0f9b53;
    padding: 50px 0;
    background-image: url(../images/pro-bg.png);
    background-position: top left
}

.our-product-text h3 span {
    font-weight: 300;
    font-size: 17px;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    display: block;
    line-height: 25px
}

.our-product-text h3 {
    font-size: 50px;
    text-transform: uppercase;
    margin: 0;
    color: #fff;
    line-height: 60px;
    font-weight: 800
}

.decor-2 {
    text-align: center;
    margin-bottom: 10px
}

.package,
.rs-courses-2 {
    padding: 0
}

.rs-courses-2 .cource-item .cource-img {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0 0
}

.rs-courses-2 .cource-item .cource-img img {
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%
}

.rs-courses-2 .cource-item .cource-img .course-value {
    position: absolute;
    bottom: -25px;
    right: 25px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #ff3115;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    border-radius: 50%
}

.rs-courses-2 .cource-item .course-body {
    transition: .5s;
    background-color: #fff;
    text-align: center;
    border-radius: 0 0 10px 10px
}

.rs-courses-2 .cource-item .course-body .course-title {
    margin: 0;
    padding: 20px 20px 11px
}

.rs-courses-2 .cource-item .course-body .course-title a {
    text-transform: uppercase;
    transition: .35s;
    text-decoration: none;
    font-size: 22px;
    font-weight: 600;
    color: #ec1a8c;
    line-height: 25px
}

.rs-courses-2 .cource-item .course-body .course-title a:hover {
    color: rgba(33, 33, 33, .6)
}

.rs-courses-2 .cource-item .course-body .course-desc {
    padding: 1px 25px 17px;
    border-radius: 20px
}

.rs-courses-2 .cource-item .course-body .course-desc p {
    margin-bottom: 0;
    line-height: 29px;
    font-size: 17px;
    transition: .35s
}

.rs-courses-2 .cource-item:hover .course-body {
    background-color: #f3f3f3
}

.rs-courses-2 .cource-item:hover .course-body .course-title a {
    color: #01a651
}

.rs-courses-2 .cource-item .cource-btn {
    background-color: #ec1a8c;
    text-align: center;
    width: 41%;
    display: inline-block;
    margin-top: 0;
    padding: 10px 17px;
    font-size: 17px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    transition: .3s;
    text-decoration: none;
    border-radius: 15px 15px 0 0
}

.rs-courses-2 .cource-item:hover .course-body p {
    color: #606060
}

.rs-courses-2 .cource-item:hover .cource-btn {
    background-color: #00582b;
    color: #fff;
    text-decoration: none
}

.rs-courses-2 .cource-item:hover .cource-img img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
    opacity: .9
}

.rs-courses-2 .view-more {
    bottom: auto
}

.rs-courses-2 .row.grid {
    min-height: 500px !important
}

.md-top {
    margin-top: 40px
}

.owl-controls .owl-nav>div {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    line-height: 42px;
    text-align: center;
    background-color: #fff;
    color: #004c4e;
    transform: translateY(-50%);
    font-size: 16px;
    border-radius: 50%;
    opacity: 1;
    border: 5px solid #0f9b53;
    -webkit-transition: .3s;
    transition: .3s
}

.owl-controls .owl-nav>div:hover {
    background-color: #ec1a8c;
    color: #fff
}

.owl-controls .owl-nav .owl-prev {
    left: -30px
}

.owl-controls .owl-nav .owl-next {
    right: -30px
}

.rs-carousel:hover .owl-controls .owl-nav>div,
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.owl-carousel .owl-stage-outer {
    margin: 0
}

.middle-box:after,
.middle-box:before {
    content: '';
    width: 40%;
    height: 3px;
    left: 0;
    margin: 0 auto;
    transition: .5s;
    background: #fff;
    right: 0
}

.certificate-text,
.counter,
.testimonial-part {
    padding: 50px 0
}

.middle-box {
    width: 100%;
    margin: 0;
    padding: 14px 15px;
    position: relative;
    text-align: center;
    border: 3px solid #ee538c
}

.middle-box:before {
    position: absolute;
    top: -3px;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s
}

.middle-box:after {
    position: absolute;
    bottom: -3px;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -webkit-transition: .5s
}

.contact-text-info:before,
.contact-text-info>li::after,
.contact-text-info>li:before {
    content: ' ';
    position: absolute;
    display: inline-block
}

.middle-box:hover:after,
.middle-box:hover:before {
    width: 0%
}

.middle-box h4 {
    font-size: 50px;
    line-height: 51px;
    font-weight: 800;
    color: #01a651;
    margin: 0
}

.middle-box p {
    font-size: 17px;
    color: #000;
    line-height: 30px;
    margin: 0;
    text-transform: uppercase
}

.input-group-lg {
    width: 100%;
    margin: 0 auto 10px;
    z-index: 0
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 48px;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 1;
    border-radius: 7px !important
}

.form-control:focus {
    border-color: #bbb;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.readmore2 {
    padding: 13px 45px;
    background-color: #0e9b53;
    text-transform: uppercase;
    color: #fff;
    border: none;
    border-bottom: 3px solid #ec008c;
    position: relative;
    text-align: center;
    font-size: 15px;
    border-radius: 24px;
    letter-spacing: 1px;
    margin: 5px
}

.contact-text-info,
.list-unstyled {
    padding-left: 0;
    list-style: none
}

.readmore2:hover {
    color: #fff;
    background-color: #ec008c;
    text-decoration: none;
    transition: .5s;
    border-bottom: 3px solid #0e9b53
}

.contact-text-info h3 {
    font-size: 18px;
    font-weight: 600;
    color: #01a651;
    line-height: 18px;
    margin: 20px 0 4px;
    letter-spacing: .5px;
    text-transform: uppercase
}

.contact-text-info a {
    color: #5c5c5c
}

.contact-text-info a:hover {
    color: #359c56;
    text-decoration: none;
    transition: .5s
}

.contact-detail span {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    text-transform: uppercase
}

.button-box-1 a,
.grid-2 h5,
.w3l-breadcrum .breadcrum-bg h1 {
    font-weight: 600;
    text-transform: uppercase
}

.contact-detail {
    padding-top: 25px
}

.contact-detail p {
    padding-top: 0
}

.contact-text-info {
    position: relative;
    text-decoration: none
}

.contact-text-info:before {
    background: #003a3c;
    left: 8px;
    width: 3px;
    height: 100%;
    z-index: 1
}

.contact-text-info li {
    padding-left: 40px;
    position: relative;
    color: #5c5c5c;
    line-height: 29px;
    font-size: 17px;
    padding-bottom: 0
}

.grid-2 p,
.slick-prev:before {
    line-height: 30px;
    font-size: 18px
}

.contact-text-info>li:before {
    background: #fff;
    border-radius: 50%;
    border: 2px solid #ec008c;
    left: 0;
    width: 20px;
    height: 20px;
    z-index: 1
}

.contact-text-info li p {
    margin-bottom: 0;
    line-height: 26px
}

.contact-text-info>li::after {
    background: #003a3c;
    border-radius: 50%;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    z-index: 2
}

.content-grid {
    background-color: #0e0e0e;
    width: 100%;
    padding: 15px 0;
    background-image: url(../images/contact-bg.webp);
    background-size: cover
}

.content-grid-to {
    border-bottom: 1px dashed #fff;
    border-top: 1px dashed #fff;
    margin: 0;
    padding: 30px 0
}

.grid-2 {
    text-align: center;
    width: 70%;
    margin: 0 auto
}

.grid-2 p {
    color: #fff;
    margin: 0 0 9px
}

.grid-2 p span {
    color: #fff;
    font-size: 28px;
    margin: 7px 0 0;
    line-height: 34px;
    display: block
}

.grid-2 h5 {
    color: #fff;
    font-size: 35px;
    margin: 0;
    padding: 0 0 3px;
    line-height: 49px
}

.button-box-1 {
    margin: 29px 0 13px
}

.button-box-1 a {
    background-color: #ec1a8c;
    color: #fff;
    padding: 13px 27px;
    font-size: 22px;
    text-decoration: none;
    border-radius: 30px;
    border: 3px solid #fff;
    box-shadow: inset 0 0 4px 1px #0e0e0ed1
}

.breadcrum-bg {
    padding: 40px 0
}

.w3l-breadcrum {
    background-image: url(../images/page-banner.webp);
    background-repeat: repeat;
    position: relative;
    background-color: #001c0d;
    border-radius: 0 0 30px 30px;
    border-bottom: 4px solid #ec008c
}

.w3l-breadcrum:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.w3l-breadcrum .breadcrum-bg h1 {
    letter-spacing: 1px;
    line-height: 60px;
    font-size: 45px;
    color: #fff;
    margin: 0;
    padding-top: 0;
    padding-bottom: 8px
}

.w3l-breadcrum .breadcrum-bg p {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin: 0;
    background-color: #00a651;
    display: inline-block;
    padding: 4px 19px;
    border-radius: 3px;
    letter-spacing: .3px
}

.w3l-breadcrum .breadcrum-bg p span {
    margin: 0 9px;
    font-weight: 900
}

.w3l-breadcrum .breadcrum-bg p a {
    font-size: 16px;
    color: #fff
}

.testimonials-text {
    margin-bottom: 15px
}

.w3l_testimonial_grid {
    padding: 0 22px 20px;
    background: #f3f3f3;
    text-align: center;
    position: relative;
    margin: 58px 7px 00px;
    border-radius: 5px
}

.testimonial-text h4 span,
.why-text h5 span {
    font-weight: 500;
    font-size: 17px;
    margin: 0;
    color: #000;
    text-transform: uppercase;
    display: block;
    line-height: 25px
}

.testimonial-text h4 {
    font-size: 50px;
    text-transform: uppercase;
    margin: 0;
    color: #ec1a8c;
    line-height: 60px;
    font-weight: 800
}

.package ul li,
.package-sev ul li,
.w3l_testimonial_grid p {
    font-size: 17px;
    color: #5c5c5c
}

.agileits_testimonial_grid:focus,
.slick-list:focus,
.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover,
.w3l_testimonial_grid:focus {
    outline: 0
}

.w3l_testimonial_grid_pos {
    width: 100%;
    text-align: center;
    left: 0
}

.w3l_testimonial_grid_pos img {
    margin: 0 auto -44px;
    position: relative;
    bottom: 55px;
    border: 5px solid #fff;
    border-radius: 100px
}

.w3l_testimonial_grid p {
    line-height: 29px;
    position: relative;
    margin: 2px 0 4px
}

.agileits_testimonial_grid h4 {
    font-size: 17px;
    color: #01a651;
    line-height: 21px;
    font-weight: 700;
    margin: 6px 0 2px;
    text-transform: uppercase
}

.qution img {
    width: auto;
    height: auto;
    border-radius: 100px;
    border: 5px solid #eee;
    padding: 5px
}

.star-best i {
    font-size: 45px;
    margin: 0;
    color: #d7d7d7
}

.slick-slider {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-next,
.slick-prev {
    line-height: 0;
    position: absolute;
    top: 54%;
    display: block;
    width: 45px;
    height: 45px;
    margin-top: 0;
    padding: 0;
    cursor: pointer;
    border: 5px solid #fff;
    border-radius: 30px;
    font-size: 16px;
    outline: 0;
    background: #ee538c;
    z-index: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: FontAwesome;
    line-height: 30px;
    font-size: 18px;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev:before,
[dir=rtl] .slick-prev:before {
    content: "\f100"
}

.slick-next,
[dir=rtl] .slick-prev {
    right: 0
}

.slick-prev,
[dir=rtl] .slick-next {
    right: auto;
    left: 0
}

.slick-next:before,
[dir=rtl] .slick-next:before {
    content: "\f101"
}

.why-part {
    padding: 50px 0;
    background-color: #f3f3f3
}

.img-box img {
    width: 100%;
    height: auto;
    border-radius: 15px
}

.why-text h5 {
    font-size: 47px;
    text-transform: uppercase;
    margin: 0;
    color: #ee538c;
    line-height: 57px;
    font-weight: 800
}

.certificate-text h5,
.cliet-part-text h5 {
    font-size: 47px;
    line-height: 50px;
    font-weight: 800
}

.package ul li {
    background-position: 7px 9px;
    list-style: none;
    padding-top: 1px;
    padding-bottom: 1px;
    line-height: 27px
}

.footer-info ul,
.footer-information ul,
.package-sev ul {
    padding-left: 5px;
    margin-bottom: 0
}

.package-sev ul li {
    background-position: 7px 8px;
    list-style: none;
    display: inline-block;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 28px;
    margin: 7px 15px 9px 0
}

.certificate-text h5 span,
.cliet-part-text h5 span {
    display: block;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 17px
}

.pd-top-bottom {
    padding: 10px 0
}

.client-part {
    padding: 50px 15px
}

.cliet-part-text h5 span {
    font-weight: 500;
    margin: 0;
    color: #000
}

.cliet-part-text h5 {
    text-transform: uppercase;
    margin: 0;
    color: #ee538c
}

.certificate-part-img,
.client-slider {
    padding: 20px 0
}

#owl-demo2 .item,
#owl-demo3 .item,
#owl-demo4 .item {
    text-align: center;
    margin: 0 5px
}

#owl-demo2 .item img {
    width: 100%;
    padding: 4px 5px;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #0e9b53
}

#owl-demo3 .item img,
#owl-demo4 .item img {
    width: 100%;
    padding: 4px 5px;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #008b90
}

.certificate-part {
    background-color: #0e9b53;
    height: 500px
}

.certificate-text h5 span {
    font-weight: 300;
    margin: 0;
    color: #fff
}

.certificate-text h5 {
    text-transform: uppercase;
    margin: 0;
    color: #fff
}

.social-icon {
    position: relative;
    padding-left: 0;
    padding-top: 4px;
    text-align: center;
    margin: 0
}

.social-icon li {
    display: inline-block;
    margin: 0
}

.social-icon li a {
    display: inline-block;
    width: 45px;
    height: 45px;
    background: #ec1a8c;
    line-height: 36px;
    text-align: center;
    border-radius: 50%;
    transition: .5s;
    color: #fff;
    font-size: 17px;
    border: 4px solid #fff
}

.social-icon li a:hover {
    background: #0e9b53;
    border-color: #fff
}

.footer-info ul li,
.footer-information ul li {
    list-style: none;
    border-bottom: 1px solid #ffffff73;
    text-align: left
}

.blog-box {
    padding: 10px;
    border: 2px solid #00a651
}

.blog-box h4,
.blog-text h4 {
    font-size: 20px;
    font-weight: 700;
    color: #ec008c
}

.blog-box p,
.blog-text p {
    font-size: 17px;
    color: #5c5c5c;
    line-height: 29px
}

.blog-box a {
    background-color: #ec008c;
    padding: 10px 15px;
    color: #fff;
    border-radius: 15px
}

.footer-part {
    background-color: #001c0d;
    border-top: 5px solid #0e9b53;
    background-image: url(../images/footer-bg.webp);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover
}

.footer-box {
    background-color: #eaeaea;
    padding: 45px 10px
}

.footer-box-text img {
    width: 100%;
    height: auto;
    padding: 0 13px 10px
}

.footer-box-text p {
    color: #5c5c5c;
    line-height: 29px;
    position: relative;
    font-size: 17px;
    margin: 12px 3px
}

.footer-info ul li p,
.footer-text h3 {
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    color: #fff
}

.mg-tb {
    padding: 26px 0
}

.footer-text h3 {
    font-size: 23px;
    line-height: 37px
}

.footer-decor-3 {
    width: 100%;
    margin: 0 auto
}

.footer-decor-3:after {
    position: relative;
    top: 5px;
    display: inline-block;
    width: 98px;
    border-bottom: 4px solid #ec008c;
    margin-bottom: 13px;
    content: ''
}

.footer-information ul li {
    background-image: url(../images/arrow-now.png);
    background-repeat: no-repeat;
    background-position: 0 13px;
    padding-left: 27px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 17px;
    line-height: 29px
}

.footer-information ul li a {
    color: #fff;
    text-decoration: none;
    letter-spacing: .2px
}

.footer-info ul li a:hover,
.footer-information ul li a:hover {
    color: #ffddef;
    text-decoration: none;
    transition: .5s
}

.footer-info ul li {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 18px;
    line-height: 28px;
    color: #fff
}

.footer-info ul li p {
    font-size: 18px;
    line-height: 25px
}

.footer-info ul li a {
    color: #e7e7e7;
    text-decoration: none;
    font-size: 17px;
    line-height: 27px
}

.social-midia {
    padding: 0 0 9px;
    text-align: center
}

.social-midia img {
    margin: 0 1px;
    width: auto;
    border-radius: 100px;
    height: auto;
    border: 2px solid #0e0e0e;
    padding: 3px
}

.power-by-part {
    padding: 10px 0;
    background-color: #ec1a8c;
    text-align: center
}

.power-by p {
    text-align: left;
    color: #fff;
    padding: 0;
    margin: 0;
    font-size: 19px;
    line-height: 29px
}

.power-bys p a {
    font-size: 15px;
    color: #ec1a8c;
    text-align: left
}

.img-text h4,
.img-text h4 a {
    margin: 0 auto;
    font-size: 17px;
    padding: 7px 4px;
    line-height: 30px;
    color: #fff;
    text-decoration: none
}

.project-post-image {
    overflow: hidden;
    position: relative;
    border: 1px solid #01a651;
    margin: 0
}

.zoom_img_effect {
    position: relative;
    transition: .8s ease-out;
    width: 100%;
    height: auto
}

.img-text h4 {
    background-color: #01a651
}

.page-text h3 {
    text-align: center;
    font-size: 40px;
    line-height: 50px;
    font-weight: 700;
    color: #01a651;
    border-bottom: 2px dashed #000;
    display: inline-block
}

.whatsapp_btn {
    position: fixed;
    bottom: 100px;
    left: 10px;
    width: 50px;
    height: 50px;
    z-index: 100
}

.whatsapp_btn .icon_logo {
    position: relative;
    z-index: 150;
    padding: 5px
}

.whatsapp_btn .icon_logo>a>img {
    width: 100%
}

.whatsapp_btn .circle_waves {
    border-radius: 50%;
    background-color: #3cc04e;
    width: 50px;
    height: 50px;
    position: absolute;
    opacity: 0;
    bottom: 1px;
    left: 0;
    z-index: 120;
    animation: 4s cubic-bezier(.36, .11, .89, .32) infinite waves
}

@keyframes waves {
    from {
        transform: scale(.55, .55);
        opacity: .6
    }

    to {
        transform: scale(1.8, 1.8);
        opacity: 0
    }
}

.bottom__new__content .menufacture__type__details .details__box .title {
    font-weight: 600;
    color: #000;
}
.bottom__new__content h3{
    font-size:26px;
}
.bottom__new__content {
    margin-bottom: 40px;
}
/* faqs section */
.faq_text{
    margin-bottom: 20px;
}
.faq_text h5 {
    font-size: 47px;
    text-transform: uppercase;
    margin: 0;
    color: #ee538c;
    line-height: 57px;
    font-weight: 800;
}
.faqs__section{
	padding:100px 0px;
}
.faqs__section .section__title {
    margin-bottom: 40px;
}


/*call to action*/
.cta_section{
  background: linear-gradient(45deg, #0f9b53, #ec1a8c);
  padding: 60px 20px;
  color: #fff;
  margin-bottom: 50px;
}

.cta_title{
  font-size: 32px;
  font-weight: 600;
  margin-bottom: 20px;
}

.cta_text{
  max-width: 750px;
  margin: 0 auto 15px;
  font-size: 16px;
  line-height: 1.6;
}

.cta_btn{
  background: #fff;
  color: #0067FF;
  padding: 12px 30px;
  border-radius: 30px;
  font-weight: 600;
  margin-top: 15px;
}

.cta_btn:hover{
  background:#f2f2f2;
}

/*what we ofer*/
.offer_section .testimonial-text h4{
    font-size: 47px;
    text-transform: uppercase;
    margin: 0;
    color: #ee538c;
    line-height: 57px;
    font-weight: 800;
}
.offer_list {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.offer_section{
  padding:50px 0;
  background:#f8f9fa;
}

.section_title h2{
  color:#0f9b53;
  font-size:16px;
  letter-spacing:2px;
  font-weight:600;
  margin-bottom:10px;
}

.section_title h3{
  font-size:32px;
  font-weight:700;
  margin-bottom:15px;
}

.section_title p{
  max-width:700px;
  margin:0 auto 40px;
  color:#666;
}

.offer_item {
    background: #fff;
    padding: 18px 25px;
    margin-bottom: 10px;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 13px;
}

/*our manufacture section*/
.manufacturing_section{
  padding:50px 0;
  background:#f5f7fb;
}

.section_tag{
  font-size: 47px;
    text-transform: uppercase;
    margin: 0;
    color: #ee538c;
    line-height: 57px;
    font-weight: 800;
}

.manufacturing_content h2{
  font-size:25px;
  font-weight:700;
  margin-bottom:20px;
}

.manufacturing_content p{
  color:#666;
  line-height:1.7;
}

.approach_card{
  background:#fff;
  padding:30px;
  margin-bottom:25px;
  border-radius:8px;
  position:relative;
  box-shadow:0 10px 25px rgba(0,0,0,0.08);
  transition:0.3s;
}
.menufacture__details__box {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}
.approach_card:hover{
  transform:translateY(-5px);
}

.approach_card .number{
  font-size:40px;
  font-weight:700;
  color:#ec1a8c;
  display:block;
  margin-bottom:10px;
}

.approach_card h4{
  font-size:18px;
  font-weight:600;
}

/*about section*/
.about_company{
  padding:50px 0 0px;
  background:#ffffff;
}

.about_tag{
  font-size: 47px;
    text-transform: uppercase;
    margin: 0;
    color: #ee538c;
    line-height: 57px;
    font-weight: 800;
}

.about_content h2{
  font-size:34px;
  font-weight:700;
  margin-bottom:20px;
}

.about_content p{
  color:#666;
  line-height:1.7;
}

.feature_list {
    margin-top: 20px;
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}
.feature_card p{
    margin-bottom: 0px;
    font-family: "Roboto Condensed", sans-serif;
}

.feature_card span{
  color:#ec1a8c;
  font-size:18px;
  margin-right:10px;
}

.feature_card{
  background:#f5f5f5;
  padding:18px 20px;
  margin-bottom:15px;
  border-radius:6px;
  display:flex;
  align-items:center;
  font-weight:500;
  transition:0.3s;
}

.feature_card span{
  color:#ec1a8c;
  font-size:18px;
  margin-right:10px;
}

.feature_card:hover{
  background:#0f9b53;
  color:#fff;
}

.feature_card:hover span{
  color:#fff;
}

.about_bottom_text{
  margin-top:20px;
  color:#555;
  line-height:1.7;
}