/* Deliverance Section
--------------------------------*/
#deliverance {
    padding: 100px 0;
    position: relative;
    height: auto;
    /* background: #f3f0ee; */
    background: url('/img/gray-gr.jpg') center center;
    background-size: cover;
    overflow: hidden;
}

#deliverance div {
    background-color: transparent;
}

#deliverance .left-img, #deliverance .right-img {
    position: absolute;
    top: 0;
    height: 800px;
    width: 400px;
    z-index: 0;
}

#deliverance .left-img {
    left: 0;
    background: url("/img/clouds-left-side.png");
    background-repeat: no-repeat;
    background-position: top left;
}

#deliverance .right-img {
    right: 0;
    background: url("/img/clouds-right-side.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.deliverance-content {
    text-align: center;
    margin: auto 200px;
    width: auto;
}
.deliverance-content img {
    max-height: 75px;
    margin-bottom: 15px;
}

@media (max-width: 1200px) {

    .deliverance-content {
        margin: auto 70px;
    }

}

@media (max-width: 1080px) {

    #deliverance {
        padding: 70px 0;
        height: auto;
    }

    #deliverance .left-img {
        background-position: top right;
    }

    #deliverance .right-img {
        background-position: top left;
    }
    #deliverance .left-img, #deliverance .right-img {
        width: 40%;
    }
}

@media (max-width: 768px) {
    #deliverance {
        padding: 40px 0;
    }
    .deliverance-content {
        margin: 0;
    }
  
}


@media (max-width: 600px) {

    #deliverance {
        padding: 25px 0;
    }

    .deliverance-content {
        margin: 0;
    }

}

/* small talk Section
--------------------------------*/
#small-talk,#get-started {
    background: url(/img/locker-left.png) fixed center center;
    background-size: cover;
    padding: 80px 0;
    height: 90vh;
}

#get-started {
    background: url("/img/suface-chatt-bg.gif") fixed center center;
    background-size: cover;
}
#get-started p.section-text {
    font-size: 1.7em;
    letter-spacing: 1px;
    text-align: justify;
}
#small-talk p.section-text b, #get-started p.section-text b {
    margin: 0;
    color: rgb(247, 113, 113);
}

@media (max-width: 991px) {
    #small-talk,#get-started {
        background: url('/img/gray-gr.jpg') center center;;
        height: auto;
    }
 
}

@media (max-width: 768px) {
    #get-started p.section-text {
        font-size: 1.5em;
        letter-spacing: normal;
    }
}


/* service pricing Section
--------------------------------*/
#service-pricing, #welcome-kit {
    background-color:#a1d7d3;
    background: url(/img/swirls-pattern-torquise-gr.jpg) center center;
    background-size: cover;
    position: relative;
    padding: 80px 0;
    height: auto;
}

#service-pricing .right-img {
    position: absolute;
    right: 20%;
    top: 0px;
    width: 50%;
    height: 90%;
    background: url(/img/tag.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
}

#service-pricing .sp-content {
    margin: auto 30px;
}
#service-pricing p.section-text {
    color: #ffffff;
    text-align: justify;
}

/* welcom kit Section
--------------------------------*/
#welcome-kit {    
    background: url(/img/torquise-gr.jpg) center center;
    background-size: cover;
    padding: 100px 0;
}
#welcome-kit .right-img {
    position: absolute;
    right: 5%;
    top: 10%;
    width: 40%;
    height: 75%;
    background: url(/img/ctc-boxes-white.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
}

#welcome-kit .sp-text {
    font-size: 1.2em;
    letter-spacing: 0;
    padding: 0;
    color: #ffffff;
}


@media (max-width: 1080px) {
    #welcome-kit h1.section-title {
        font-size: 3em;
    }
    #welcome-kit .sp-text {
        font-size: 1em;
    }
}
@media (max-width: 991px) {
       
    #service-pricing .sp-content {
        margin: 0;
    }

    #service-pricing .right-img, #welcome-kit .right-img {
        display: none;
    }
    #welcome-kit h1.section-title {
        font-size: 4em;
    }
    #welcome-kit .sp-text {
        font-size: 1.5em;
    }
}


@media (max-width: 768px) {
    #service-pricing, #welcome-kit {
        padding: 60px 0;
        height: auto;
    }
    #service-pricing .right-img, #welcome-kit .right-img {
        display: none;
    }
    #welcome-kit h1.section-title {
        font-size: 3em;
    }
}

/* how easy Section
--------------------------------*/
#how-easy {
    background: url(/img/triangle-header-pattern.png) bottom left repeat-x;
    /* background-color: #f3f0ee; */
    position: relative;
    padding-top: 80px;
    padding-bottom: 160px;
    height: auto;
}

.step {
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    font-size: 1.5em;
    font-weight: 100;
    color: rgb(30, 30, 90);
    /* padding: 0 10px; */
    letter-spacing: 1px;
}
.step img {
    height: auto;
    max-height: 80px;
    width: auto;
}
.step p, .step span{
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 200;
    padding: 0 15px;
}

.step span {
    display: block;
    text-align: center;
    color: #999999;
    margin: 10px auto ;
}
.step p em {
    font-weight: bold;
    display: block;
    margin: 1px 0;
}
.step img {
    margin: 15px auto;
}
/* 
@media (max-width: 768px) {
    #how-easy {
        padding: 70px 0 40px 0;
    }
        
} */