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





/* Variables */

:root {

    --theme-color: #FFCC2A;

    --text-color: #000;

    --hover-color: #ffca45c2;

    --p-text-color: #647685;

    --bg-color: #E8F5FF;

    --white: #fff;

}



/* Variables */



/* :default css */

html {

    scroll-behavior: smooth;

}



* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

    list-style: none;

    outline: none;

    border: none;

    text-decoration: none;

}



body {

    margin: 0;

    padding: 0;

    background-color: #fff;

    color: var(--text-color);

   font-family: 'Nunito Sans', sans-serif;

}





a {

    color: var(--hover);

    font-size: 18px;

    text-transform: capitalize;

    font-weight: 500;

}

#mail_join {

    font-size: initial;

    text-transform: none;

    font-style: italic;

    font-weight: 700;

}


p {

    color: var(--p-text-color);

    font-size: 16px;

    line-height: 24px;

    font-weight: 400;

    padding: 20px 0 40px 0;

}



h1 {

    font-size: 50px;

    line-height: 60px;

    font-weight: 700;

    color: var(--text-color);

    text-transform: capitalize;

  font-family: 'Nunito Sans', sans-serif;

}



h2 {

    font-size: 50px;

    line-height: 40px;

    font-weight: 700;

    color: var(--text-color);

   font-family: 'Nunito Sans', sans-serif;

    text-transform: capitalize;

}



h3 {

    font-size: 25px;

    line-height: 25px;

    font-weight: 500;

   font-family: 'Nunito Sans', sans-serif;

    /*text-transform: capitalize;*/

    color: var(--text-color);

}



h4 {

    font-size: 20px;

    line-height: 45px;

    font-weight: 600;

   font-family: 'Nunito Sans', sans-serif;

    /*text-transform: capitalize;*/

    color: var(--text-color);

}



/* button */





.btn {

    background-color: var(--theme-color);

    width: 150px;

    height: 44px;

    line-height: 42px;

    padding: 0;

    border: none;

    position: relative;

    font-family: 'Outfit', sans-serif;

    font-weight: 500;

    letter-spacing: 1px;

    transition: 0.3s;

    font-size: 18px;

    cursor: pointer;

}



.btn span {

    position: relative;

    display: block;

    width: 100%;

    height: 100%;

    transition: 0.5s;

}



.btn:before,

.btn:after {

    position: absolute;

    content: "";

    right: 0;

    top: 0;

    background-color: var(--theme-color);

    transition: all 0.5s ease;

}



.btn:before {

    height: 0%;

    width: 2px;

}



.btn:after {

    width: 0%;

    height: 2px;

}



.btn:hover {

    background: transparent;

    box-shadow: none;

}



.btn:hover:before {

    height: 100%;

}



.btn:hover:after {

    width: 100%;

}



.btn span:hover {

    color: var(--theme-color);

    letter-spacing: 2px;

}



.btn span:before,

.btn span:after {

    position: absolute;

    content: "";

    left: 0;

    bottom: 0;

    background-color: var(--theme-color);

    transition: all 0.3s ease;

}



.btn span:before {

    width: 2px;

    height: 0%;

}



.btn span:after {

    width: 0%;

    height: 2px;

}



.btn span:hover:before {

    height: 100%;

}



.btn span:hover:after {

    width: 100%;

}



/* button */





/* :default css */

/* Adavance css */

.d-flex {

    display: flex;

}



.justify-content-between {

    justify-content: space-between;

}



.justify-content-around {

    justify-content: space-around;

}



.justify-content-end {

    justify-content: end;

}



.justify-content-evenly {

    justify-content: space-evenly;

}



.justify-content-center {

    justify-content: center;

}



.align-items-center {

    align-items: center;

}

.align-item-normal{

    align-items: normal !important;

}



.flex-wrap {

    flex-wrap: wrap;

}



.pd-lr-15 {

    padding-left: 15px;

    padding-right: 15px;

}



.pd-l-15 {

    padding-left: 15px;

}



.pd-r-15 {

    padding-right: 15px;

}



.pd-tb-15 {

    padding-top: 15px;

    padding-bottom: 15px;

}



.pd-t-15 {

    padding-top: 15px;

}



.pd-b-15 {

    padding-bottom: 15px;

}







.width-100 {

    width: 100%;

}





.width-50 {

    width: 50%;

}



.width-75 {

    width: 80%;

}

.width-20 {

    width: 20%;

}



.width-33 {

    width: 33.33%;

}



.width-25 {

    width: 25%;

}



.container-fluid {

    width: 100%;

    padding: 0 15px;

}



.container {

    width: 100%;

    max-width: 1280px;

    margin: 0 auto;

    padding: 0 15px;

}



.row {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -15px;

    justify-content: space-between;

}



/* Adavance css */



/* header-css */





#header-main {

    width: 100%;

    display: inline-block;

    padding: 0px 0;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 11;

    background: var(--bg-color);

    border-top: 20px solid #000;

    box-shadow: 0px 0px 10px -3px #000c;

}



#header-main-inner {

    width: 100%;

    display: inline-block;

    padding:10px 0 !important;

    position: sticky;

    top: 0;

    left: 0;

    z-index: 11;

}



.logo a img {

    /* width: 140px; */

    height: 90px;

}



nav ul li a {

    padding: 15px 20px;

    font-size: 18px;

    font-weight: 600;

    color: var(--text-color);

    position: relative;

}



nav ul li a:hover {

    color: var(--theme-color);

}



nav ul li a:hover:before {

    transform: scaleX(1);

}



nav ul li a:before {

    content: "";

    border: 0;

    width: 100%;

    height: 2px;

    background-color: var(--theme-color);

    position: absolute;

    left: 0;

    bottom: 0;

    transition: all 0.3s linear;

    transform: scaleX(0);

    transform-origin: center;

}





/* ===moblie-bar-start=== */

.moblie-bar button {

    background-color: transparent;

    color: var(--theme-color);

    width: 30px;

    font-size: 35px;

    display: none;

}



/* ===moblie-bar-end=== */



#header-main.sticky {

    position: sticky;

    top: 0;

    left: 0;

    z-index: 11;

    animation: moov;

    animation-duration: 1s;

    animation-fill-mode: forwards;

    /* padding: 10px 0; */

    transition: 1s;

    z-index: 111;

}



#header-main.sticky .header {

    padding: 0;

}



@keyframes moov {

    0% {

        top: -50px;

        left: 0;

    }



    100% {

        top: 0px;

        left: 0;

    }

}



#header-main.sticky {

    background-color: #fff;

    box-shadow: 0 -5px 11px 0px #000;

    transition: 1s;

}



/* header-css */



/* banner-css */



#banner-main {

    width: 100%;

    display: inline-block;

    /* background-color: var(--bg-color); */

    /* padding: 200px 0 150px 0; */

    position: relative;

    margin-top: 140px;

    

}

#banner-main .banner-col-top{

    background-color: var(--bg-color);

    border-radius: 10px;

    padding: 80px 20px;

    text-align: center;

}

#banner-main .banner-text {

    max-width: 768px;

    margin: auto;

}

#banner-main .banner-col-bottom {

    padding: 0 100px;

    margin-top: -120px;

}



.row.banner {

    align-items: center;

}



.banner-text p {

    /* max-width: 510px;

    margin: auto; */

    margin-bottom: 0;

}



.banner-text input {

    border: 2px solid var(--theme-color);

    padding: 15px 20px;

    font-size: 16px;

    font-weight: 500;



}



.banner-text .submit {

    background-color: var(--theme-color);

    transition: 0.5s;

    cursor: pointer;

    margin-left: -5px;

}



.banner-text .submit:hover {

    background-color: var(--hover-color);

}



.banner-text input::placeholder {

    color: var(--text-color);

}



/* logo-slider-css */



.logo-slider {

    overflow: hidden;

    white-space: nowrap;

    position: relative;

    cursor: pointer;

}



.logo-slider:hover .logos-slide {

    animation-play-state: paused;

}



.logos-slide {

    display: inline-block;

    animation: 45s slide infinite linear;

}



.logos-slide img {

    width: auto;

    height: 70px;

    margin: 0 40px;

    object-fit: contain;

    filter: invert(1);

}





@keyframes slide {

    from {

        transform: translateX(0);

    }



    to {

        transform: translateX(-100%);

    }

}



.banner-img img {

    width: 100%;

    height: auto;

}



.banner-img {

    position: relative;

    animation: moov-d 5s infinite ease;

    animation-timing-function: linear;

}



@keyframes moov-d {

    0% {

      top: 0;

    right: 0;

    }



    50% {

           top: 20px;

        right: 0;

    }



    100% {

         top: 0;

    right: 0;

    }

}

/* logo-slider-css */



/* banner-css */



/* about-css */

.curve-bg {

    display: flex;

}

.curve-bg img{

   width: 100%;

}

.old-bg-color {

    background: #040404;

    color: #fff;

    border-radius: 15px 0 0 15px;

}

.section-table-common {

    /* padding: 15px 15px; */

}

.pro-bg-color{

    background: var(--theme-color);

    border-radius: 0 15px 15px 0;

}

.old-bg-color .table-heading h2 {

    color: #fff;

}

.table-heading:first-child {

    border-radius: 15px 0 0;

}

.table-heading:last-child {

    border-radius: 0 15px 0 0;

}

.table-heading h2{

    margin: 0;

}

.table-heading {

    text-align: center;

    background: #ffffff38;

    padding: 15px 0;    

}

.arrow {

    max-width: 100px;

    width: 100%;

    margin: 0px auto 10px;

    

}

#about-main {

    width: 100%;

    display: inline-block;

    padding: 0px 15px;

    background: var(--bg-color);

}



#about-main .row:nth-child(2) {

    align-items: center;

}



.about-col {

    width:40%;

}





.about-col.right {

    width:60%;

}



.about-main-text {

    width: 100%;

    text-align: center;

    padding-bottom: 70px;

    position: relative;

}





.about-main-text::before {

    margin-top: 10px;

    position: absolute;

    content: "";

    top: 50%;

    left: 50%;

    width: 120px;

    height: 5px;

    border-radius: 10px;

    background-color: var(--theme-color);

    transform: translate(-50%, -50%);

}



.about-main-text span {

    margin-top: 10px;

    position: absolute;

    content: "";

    top: 50%;

    left: 46%;

    width: 20px;

    height: 20px;

    border-radius: 50%;

    background-color: var(--theme-color);

    transform: translate(-50%, -46%);

    animation: moov 5s infinite;

    animation-timing-function: linear;

}





@keyframes moov {

    0% {

        left: 46%;

    }



    50% {

        left: 54%;

    }



    100% {

        left: 46%;

    }

}



.about-img {

    position: relative;

    width: 100%;

    margin-top: 56px;

}



.about-img::after {

    position: absolute;

    content: "";

    top: 17px;

    left: 60px;

    width: 136px;

    height: 120px;

    object-fit: contain;

    background-image: url(../images/Shape.jpg);

    z-index: -1;

    animation: moov-a 5s infinite;

    animation-timing-function: linear;

}





@keyframes moov-a {

    0% {

            top: 17px;

            left: 60px;

    }



    50% {

        top: 50px;

        left: 50px;

    }



    100% {

            top: 17px;

             left: 60px;

    }

}



.about-img::before {

    position: absolute;

    content: "";

  bottom: 20px;

    right: 48px;

    width: 136px;

    height: 120px;

    object-fit: contain;

    background-image: url(../images/Shape.jpg);

    z-index: -1;

    animation: moov-b 5s infinite;

    animation-timing-function: linear;

}





@keyframes moov-b {

    0% {

      bottom: 20px;

    right: 48px;

    }



    50% {

        bottom: 50px;

        right: 50px;

    }



    100% {

       bottom: 20px;

    right: 48px;

    }

}



.about-text {

        max-width: 600px;

    margin: 0 auto;

}



.about-img img {

    width: 100%;

    height: 500px;

    object-fit: contain;

}



.about-text p:nth-child(2){

    padding-bottom: 20px !important;

}



.about-text p:nth-child(3){

    padding-top: 0 !important;

     padding-bottom: 0px !important;

}

.about-text p:nth-child(4), .about-text p:nth-child(5), .about-text p:nth-child(6){

    display: none;

}

/* about-css */



/* service-css */



#service-main {

    width: 100%;

    /* background-color: #F3FAFF; */

    display: inline-block;

    padding: 100px 0;

}

#service-main{

    background-image: url("../images/build-bg-image.jpg");

    background-position: center center;

    padding-top: 1px;

    background-repeat: no-repeat;

    background-size: cover;

    padding-top: 60px;

}

.service-text-main {

    text-align: center;

    width: 100%;

}



.service-text-main p {

    padding-top: 0;

    margin: -30px auto 0 auto;

    max-width: 800px;

}



.box {

    position: relative;

    width: 30%;

    padding: 20px 25px;

    background-color: #fff;

    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);

    border-radius: 15px;

    margin: 15px;

    overflow: hidden;

    text-align: center;

}

.service-box-main-col .service-box{

    flex-wrap: wrap;

    justify-content: center;

}



.box:before {

    content: '';

    width: 50%;

    height: 100%;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 2;

    pointer-events: none;

}







.box .icon {

    position: relative;

    width: 80px;

    height: 80px;

    color: #000;

    background-color: #000;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0 auto;

    border-radius: 50%;

    font-size: 40px;

    font-weight: 700px;

    transition: 1s;

}





.box .icon {

    box-shadow: 0 0 0 0 var(--theme-color);

    background-color: var(--theme-color);

}

.box .images-services-box {

    position: relative;

    width: 100%;

    height: 231px;

    color: #fff;

    background-color: #000;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0 auto;

    border-radius: 50%;

    font-size: 40px;

    font-weight: 700px;

    transition: 1s;

    margin-bottom:30px;

}

.box .images-services-box img{

        width: 100%;

    height: 100%;

}

ul{

        padding-left: 0rem;

            margin-bottom: 0rem;

}

a{

    text-decoration: none;

}

.box .border-bottem {

    height: 4px;

    width: 94px;

    background: #fac829;

    margin: 0 auto 10px;

	 

}



.box:hover .icon {

    box-shadow: 0 0 0 400px var(--theme-color);

    background-color: var(--theme-color);

}



.box .content {

    position: relative;

    z-index: 1;

    transition: 0.5s;

}





.box:hover .content {

    color: #fff;

}

.box .content h3 {

    font-size: 25px;

    margin: 0 0 6px 0px;

}



.box .content h4 {

    font-size: 22px;

    line-height: 24px;

    padding: 20px 0;

}



.box .content p {

    padding: 0 0 20px 0;

    min-height: 92px;

}

.box .peragraf001 {

    padding: 0 0 20px 0;

	font-size:15px;

	font-family: 'Nunito Sans', sans-serif;

}



.box .hover-anker {

    background: #ffcc2a !important;

}



.box .content .read-more-btn {

    display: inline-block;

    padding: 10px 40px;

    background-color: #fff;

    border-radius: 8px;

    text-decoration: none;

    color: #000;

    font-weight: 500;

    /* margin-top: 20px; */

    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, .2);

}



.service-btn {

    width: 100%;

    text-align: center;

    padding-top: 50px;

}



.service-btn .btn {

    width: 180px;

}



.service-box.main {

    display: none;

}

.modal-wrapper-popup .modal-header{

    background-color: var(--theme-color);

    padding: 1rem 2rem;

}

.modal-wrapper-popup .modal-title{

    font-size: 30px;

    font-weight: 600;

}

.modal-wrapper-popup .modal-body p{

    padding: 0;

    font-size: 22px;

    color: #000;

    font-weight: 600;

    text-align: center;

    max-width: 750px;

    margin: 7px auto 20px;

    line-height: 1.5;

}

.modal-wrapper-popup .modal-body ol li {

    list-style: auto;

    padding-left: 8px;

    font-size: 18px;

    margin-bottom: 20px;

    border-bottom: 1px dashed;

    padding-bottom: 20px;

}

.modal-wrapper-popup .modal-body ol li:last-child{

    border: 0;

    padding-bottom: 0;

}

.modal-wrapper-popup .modal-body ol li::marker{

    color: var(--theme-color);

    font-size: 18px;

}

.modal-wrapper-popup .modal-body ol li span {

    color: #000000;

    font-weight: 800;

    font-size: 20px;

    

}

.modal-wrapper-popup .modal-body {

    padding: 20px 50px 20px 20px;

}





/* service-css */



/* contact-css */



#contact-main {

    width: 100%;

    /* display: inline-block; */

    padding: 80px 0 50px 0;

}

#contact-main{

    background-image: url("../images/contact-bg-image.jpg");

    /* background-position: left center; */

    background-repeat: no-repeat;

    background-size: cover;

}



.contact-map img {

    width:100%;

}

#contact-main .about-main-text h2, #contact-main .continer-section{

    color: #fff;

}

#contact-main .div-head h3 {

    color: #fff;

    font-size: 28px;

    /*max-width: 756px;*/

    margin: auto;

}

.contain-left-side {

    margin-top: 16px;

}



.contact-form {

    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/

    padding: 23px 70px 23px 38px;



}



.src-main {

    width: 100%;

    text-align: center;

    padding: 200px 0;

    position: relative;

    z-index: 11;

}



:focus {

    outline: none;

}



.input-effect {

    width: 100%;

    margin: 40px 3%;

    position: relative;

    font: 15px/24px "Lato", Arial, sans-serif;

    color: #333;

    width: 100%;

    box-sizing: border-box;

    letter-spacing: 1px;

}



/* necessary to give position: relative to parent. */

input[type="text"],

label,

textarea {



    color: #000;

    width: 100%;

    box-sizing: border-box;

    letter-spacing: 1px;

    font-weight: 400;

}







.effect {

    border: 0;

    padding: 4px 0;

    border-bottom: 1px solid #ccc;

    background-color: transparent;

}



.effect~.focus-border {

    position: absolute;

    bottom: 0;

    left: 50%;

    width: 0;

    height: 2px;

    background-color: var(--theme-color);

    transition: 0.4s;

}



.effect:focus~.focus-border,

.has-content.effect~.focus-border {

    width: 100%;

    transition: 0.4s;

    left: 0;

}



.effect~label {

    position: absolute;

    left: 0;

    width: 100%;

    top: 9px;

    color: #aaa;

    transition: 0.3s;

    z-index: -1;

    letter-spacing: 0.5px;

}



.effect:focus~label,

.has-content.effect~label {

    top: -16px;

    font-size: 12px;

    color: var(--theme-color);

    transition: 0.3s;

}



textarea {

    height: 100px;

    width: 100%;

    outline: 0;

    border-bottom: 1px solid #ccc !important;

}



textarea.effect~.focus-border {

    bottom: 6px;

}



.btn-submit {

    padding: 10px 50px;

    width: 100%;

    margin-left: 18px;

    font-size: 20px;

    font-weight: 600;

    font-family: 'Outfit', sans-serif;

    letter-spacing: 3px;

    background-color: var(--theme-color);

    border: 2px solid var(--theme-color);

    transition: 0.5s;

}



.btn-submit:hover {

    border: 2px solid var(--theme-color);

    background-color: transparent;

    color: var(--theme-color);

}



/* contact-css */



/* testimonial-css */



#testimonial-main {

    position: relative;

    width: 100%;

    padding: 100px 0;

    background-color: #F3FAFF;

}



.testimonial-text {

    width: 100%;

    display: flex;

    justify-content: center;

}



main {

    width: 100%;

    max-width: 1440px;

    padding: 16px;

}



main .slider .buttons {

    z-index: 1;

    right: 50%;

    top: 261px;

    width: 80px;

    height: 40px;

    position: absolute;

    border-radius: 50px;

    transform: translateX(50%);

    background-color: #ffffff;

}



main .slider .buttons .previous,

main .slider .buttons .next {

    width: 50%;

    height: 100%;

    position: absolute;

    background-repeat: no-repeat;

    background-position: center;

    cursor: pointer;

}



main .slider .buttons .previous {

    left: 0;

    background-image: url("https://alcs-slider.netlify.app/images/icon-prev.svg");

}



main .slider .buttons .previous:hover {

    transform: scale(1.25);

}



main .slider .buttons .next {

    right: 0;

    background-image: url("https://alcs-slider.netlify.app/images/icon-next.svg");

}



main .slider .buttons .next:hover {

    transform: scale(1.25);

}



main .slider .slide {

    display: flex;

    margin: 0 auto;

    text-align: center;

    align-items: center;

    justify-content: center;

    flex-direction: column-reverse;

}



main .slider .slide .testimonial {

    padding: 32px 51px;

    background-size: 60px;

    background-position: top;

    background-repeat: no-repeat;

    background-image: url(https://alcs-slider.netlify.app/images/pattern-quotes.svg);

}



main .slider .slide .testimonial blockquote {

    font-size: 18px;

    font-weight: 300;

    line-height: 24px;

    margin-bottom: 36px;

}



main .slider .slide .testimonial .author {

    font-size: 15px;

    font-weight: 700;

}



main .slider .slide .testimonial .author span {

    display: block;

    color: #babacf;

    font-weight: 500;

}



/* main .slider .slide .slider-img {

    width: 100%;

    padding: 30px;

    display: flex;

    margin-bottom: 40px;

    align-items: center;

    justify-content: center;

    background-size: contain;

    background-position: center;

    background-repeat: no-repeat;

    background-image: url(../images//test.png);

} */







main .slider .slide .slider-img img {

    width: 240px;

    display: block;

    border-radius: 10px;

}



main .slider .slide .active {

    opacity: 1;

    transform: translateX(0) scale(1);

    transition-delay: 0.4s;

}





.hide {

    display: none;

}



/* testimonial-css */



/* footer-css */

#footer-main {

    width: 100%;

    /* display: inline-block; */

    text-align: center;

}

.footer-top {

    width: 100%;

    display: inline-block;

    background-color: var(--theme-color);

    padding: 30px 0px;

}

.footer-bottom {

    width: 100%;

    display: inline-block;

    background-color: var(--text-color);

  

}



/* #footer-main .row.footer:nth-child(2) {

    border-bottom: 1px solid var(--white);

    padding-bottom: 32px;

} */

.row.footer {

    justify-content: center;

}



.footer-icon ul li {

    padding: 0 25px;

}

.footer-icon ul li a {

    border: 2px solid var(--white);

    padding: 12px 18px;

    font-size: 40px;

    border-radius: 50%;

    color: var(--white);

    width: 80px;

    display: inline-block;

    height: 80px;

    transition: 0.5s;

}

.footer-icon ul li:first-child a {

    padding: 12px 25px;

}

.footer-icon ul li a:hover {

    color: var(--text-color);

    background-color: var(--white);

} 

.footer-nav ul{

    justify-content: center;

}



/*.footer-nav {*/

/*    padding-top: 50px;*/

/*}*/



.footer-nav ul li a {

    color: #000;

    padding: 0 25px;

    font-weight: 700;

}

.footer-copy-right p {

    color: var(--white);

    padding:20px 0;

    margin: 0;

}

/* footer-css */

  /* back-to-top-css */



#button {

    display: inline-block;

    background-color: var(--theme-color);

    width: 50px;

    height: 50px;

    text-align: center;

    border-radius: 4px;

    position: fixed;

    bottom: 30px;

    right: 30px;

    transition: 0.5s;

    opacity: 0;

    visibility: hidden;

    z-index: 1000;

    border-radius: 50px;

  }

  #button::after {

    content: "\f077";

    font-family: FontAwesome;

    font-weight: normal;

    font-style: normal;

    font-size: 30px;

    line-height: 45px;

    color: #fff;

  }

  #button:hover {

    cursor: pointer;

    background-color: var(--hover-color);

  }



  #button.show {

    opacity: 1;

    visibility: visible;

  }

  

 

  /* back-to-top-css */



  #header-main, #banner-main, #about-main, #service-main, #contact-main, #testimonial-main, #footer-main {

    overflow: hidden;

  }



/*------- inner banner------------*/





.breadcumb-area {

    background: url(../images/about-banner.jpg);

    height: 320px;

    position: relative;

    background-size: cover;

}

.breadcumb-content h1 {

    margin-bottom: 10px;

    font-size: 42px;

    color: #ffffff;

    font-weight: 600;

    font-family: 'Nunito Sans', sans-serif;

}



.breadcumb-content ul li {

    text-transform: uppercase;

    display: inline-block;

    font-size: 16px;

    color: #ffffff;

    font-weight: 400;

    font-family: 'Nunito Sans', sans-serif;

    margin-right: 6px;

}



.breadcumb-content ul li a i {

    color: #fff;

    font-size: 15px;

    margin-right: 10px;

    transition: .5s;

}







.breadcumb-content ul li a {

    text-transform: uppercase;

    padding-right: 30px;

    position: relative;

    z-index: 1;

    font-size: 16px;

    color: #ffffff;

    font-weight: 500;

    font-family: "Yantramanav";

}



.breadcumb-content ul li a:hover {

    color: #FF5E14;

}



.breadcumb-content ul li a:hover i {

    color: #FF5E14;

}



.breadcumb-content ul li a:before {

    position: absolute;

    content: "";

    right: 8px;

    top: 3px;

    background: #fff;

    width: 2px;

    height: 12px;

    transition: .5s;

    transform: rotate(17deg);

}



/*-----------About us-----------*/



.inner-banners001 {

    margin:20px 0 0 0;

    padding:40px 0;

    background:url("../images/bg-images.jpg") center no-repeat;

	background-attachment: fixed;

}

.inner-banners001 h3{ font-size:32px; color:#FFF; text-align:left;}

.inner-banners001 p{ font-size:15px; color:#fff; font-family: 'Nunito Sans', sans-serif;}

.inner-banners001 .box-e{ width:100%;}



.border-top{ 

	width: 100px;

    height: 4px;

    background: #ffcc2a;

    margin-top: 10px;

}

.peragraf{ text-align: justify; font-family: 'Nunito Sans', sans-serif; font-size: 15px; padding-bottom:0}







.blog-main {

    width: 100%;

	margin-top:30px;

}

.blog-main .content-box{ padding:5px;}

.blog-main .content-box h3 {

    font-size: 18px;

    color: #000;

    font-family: 'Nunito Sans', sans-serif;

    font-weight: bold;

    padding: 10px 0;

    margin: 0;

    line-height: 21px;

	text-align: left;

}

.blog-main .content-box p {

    font-size: 13px;

    color:#aba8a8;

    font-family: 'Nunito Sans', sans-serif;

    text-align: left;

    line-height: 18px;

	padding:13px 0 4px 0!important;

}

.blog-main .service-box{ float:left;}

.blog-main .box-new {

    position: relative;

    width: 100%;

    padding: 9px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);

    border-radius: 4px;

    margin: 15px;

    overflow: hidden;

    text-align: center;

    border: 3px solid #ffcc2a;

}

.blog-main .box-new:hover{ margin-top:-20px;}

.blog-main .red-more {

    padding: 0;

    text-align: left;

    font-size: 14px;

}



.blog-main .box-new .images-services-box{margin:0}

.blog-main .box-new .images-services-box img{ width:100%;}



/*------- blog Detial-----------*/



.blog-main-detial {

    width: 100%;

	margin-top:30px;

}

.blog-main-detial .content-box{ padding:5px;}

.blog-main-detial .content-box h3 {

    font-size: 22px;

    color: #000;

    font-family: 'Nunito Sans', sans-serif;

    font-weight: bold;

    padding: 10px 0;

    margin: 0;

    /*line-height: 10px;*/

	text-align: left;

}

.blog-main-detial .content-box p {

    font-size: 13px;

    color:#aba8a8;

    font-family: 'Nunito Sans', sans-serif;

    text-align: left;

    line-height: 18px;

	padding:13px 0 4px 0!important;

}

.blog-main-detial .service-box{ float:left;}

.blog-main-detial .box-new {

    position: relative;

    width: 100%;

    padding: 9px;

    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);

    border-radius: 4px;

    margin:0 15px;

    overflow: hidden;

    text-align: center;

    border: 3px solid #ffcc2a;

}

.blog-main-detial .red-more {

    padding: 0;

    text-align: left;

    font-size: 14px;

}



.blog-main-detial .box-new .images-services-box{margin:0}

.blog-main-detial .box-new .images-services-box img{

    width:100%;

        height: 400px;

}

.blog-main-detial  ul.nev{ padding:0; width:100%;}

.blog-main-detial ul.nev li {

    list-style: none;

    border-bottom: 1px dotted #b1b1b1;

    padding: 5px;

}

.blog-main-detial  ul.nev li a{ padding:5px; }



@media screen and ( min-width:360px) and (max-width: 640px) {

	

	.width-25{width:100%;}	

	.width-75{width:100%;}

	.width-20{width:100%;}

	.breadcumb-area {

    background: url(../images/about-banner.jpg);

    height: 150px;

    position: relative;

    background-size: cover;

}

	.breadcumb-content h1 {

    margin-bottom: 10px;

    font-size: 42px;

    color: #ffffff;

    font-weight: 600;

    font-family: 'Nunito Sans', sans-serif;

    padding-left: 10px;

}

}

@media screen and (max-width: 767px) {
    .coming-soon-phone{
        text-align: center;
        padding-top: 20px;
    }
    .coming-soon-phone img {
        width: 65%;
    }
    .coming-soon-content h2 {
        font-size: 55px !important;}
}
section.coming-soon {
    background: #000;
    padding: 40px 0;
}
.coming-soon .coming-soon-wrap{
    width: 100%;
    max-width: 1000px;
    background: #E8F5FF;
    padding: 40px 20px 20px;
    margin: auto;
    border-radius: 10px;
}
.coming-soon .coming-soon-wrap .coming-soon-content {
    text-align: center;
}
.coming-soon-content h2{
    font-size: 65px;
    font-weight: bolder;
    width: 250px;
    line-height: 0.9;
    margin: auto;
    font-weight: bold;
}
.coming-soon-content p{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    margin: 12px 0 30px;
    padding: 0;
}
.coming-soon-content .google-img img {
    width: 153px;
    height: 45px;
    margin: 0 5px;
}
.coming-soon-content  .google-img {
    display: flex;
    justify-content: center;
    align-items: center;
}
.coming-soon-phone img{
    width: 45%;
}
.pxlt-email{
    padding: 145px 0 30px;
    width: 100%;
    overflow: hidden;
    background: #ffcc2a;
    border-bottom: solid  1px #ccc;
}
.pxlt-email .card{
    border-radius: 10px;
    box-shadow: 0 0 15px 0 #0000003d;
    padding: 40px 0 30px;
}
.pxlt-email  .card-header {
   padding: 0 2rem;
    margin-bottom: 0;
    background-color: rgb(255 255 255);
    border-bottom: 0;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
}
.pxlt-email .pxlt-email-input{
    margin-bottom: 40px;
}
.pxlt-email .col-form-label{
    font-size: 14px;
}
.pxlt-email-btn{
    text-align: center;
}
.pxlt-email .card-body {
    padding:2rem 2rem;
}
.pxlt-email .pxlt-email-btn button.btn{
    width: 180px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    height: 42px;
    background: #000;
    font-family: 'Nunito Sans', sans-serif;
}
.pxlt-email .pxlt-email-btn button.btn:hover{
    background-color: #ffcc2a;
    color: #000;
}
.pxlt-email .pxlt-email-input .form-control:focus{
    box-shadow: none;
    border-color: #000;
}
.pxlt-email .pxlt-email-btn .btn:before, .pxlt-email .pxlt-email-btn .btn:after{
    display: none;
}

#loader {
    position: fixed;
    top: 0;
    /*left: 0;*/
    width: 100%;
    height: 100%;
    /*background: rgba(255, 255, 255, 0.7);*/
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    /*z-index: 9999;*/
}

#L9 {
    margin-top: 100px;
    width: 100px;
    height: 100px;
}