main{ background: linear-gradient(to bottom, #ffffff, #DBCCF1);}

#service1-sec{
    background: #ffffff;

    .cdiv1{
        background: #F1EFFB; text-align: center; position: relative;
        border-top-left-radius: 50%; border-top-right-radius: 50%; overflow: hidden;

        .cdiv2{
            position: absolute; top: 70px; left: 5%; width: 90%; height: 100%; 
            background: #E1DCF8;   border-top-left-radius: 50%;  border-top-right-radius: 50%;
            padding: 60px 40px;

            .cdiv3{
                width: 100%; height: 100%;
                    background: #C8BFF4;  border-top-left-radius: 50%;  border-top-right-radius: 50%;
            }
        }


        img{ position: relative; z-index: 1;}


    }

    .rclm{
        .cntd{
            padding-top: 40px; padding-bottom: 40px;
        }
    }

   
}


#trust-sec{
    background: #b8e1ff;

    .trusted-by{
        margin-top: auto; margin-bottom: auto;

        h3{
            font-size: 30px;
        }

    }


    .slider{
        width:90%;
        margin:24px auto 0 auto;
        overflow:hidden;
    }

    .track{
        display:flex;
        transition:transform 0.6s ease;
    }

    .slide{
        flex:0 0 20%; /* 5 items desktop */
        padding:10px 40px;
        box-sizing:border-box;
        align-content: center;
    }

    .slide img{
        width:100%;
        border-radius:10px;
        display:block;
        margin: auto; max-width: 150px;
    }


    @media(max-width:768px){
        .slide{
            flex:0 0 100%;
        }
    }


}


#wn-sec{

    .clm{
        text-align: center;

        .item{
            background: #CAC6FD; padding: 20px 20px; border-radius: 10px; height: 100%;
            
            .wn-img{
                padding: 20px 20px; 

                img{ max-width: 50px;}
            }

            h5{ font-size: 16px; font-weight: 600; margin-bottom: 5px; min-height: 30px;}

            p{ font-size: 14px;}
        }
    }
}


.ssection{

    .clm{
        text-align: center;

        .item{
            background: #CAC6FD; padding: 20px 20px; border-radius: 10px; height: 100%;
            
            .wn-img{
                padding: 20px 20px; 

                img{ max-width: 50px;}
            }

            h5{ font-size: 16px; font-weight: 600; margin-bottom: 5px; min-height: 30px;}

            p{ font-size: 14px;}
        }
    }
}


#why-choose{

    background: #0F7EC2; color: #ffffff;

    .tp-heading{ 
        p{color: #D8D8D8;}
    }

    .choose-item{
        text-align: center; padding: 40px 40px; background: #00000047; color: #ffffff; border-radius: 10px;

        h5{ font-size: 18px; line-height: 1.3;}
        img{ max-width: 75px;}
    }

}




#ready-sec{
    background: #4E2FDA; 
    color: #ffffff;
    background-image:url('./../images/bg1.jpg'); background-attachment: fixed;
}




.cn-btn{
    border-radius: 50px; padding: 15px 40px; border: none; background: #ffffff; color: #000000; font-weight: 600; font-size: 18px;
}



.sc1{ background: #8fc4d9;}
.sc2{ background: #93d9f5;}



.ff-dv{
    overflow: hidden;
}

.fl-left-txt {
  white-space: nowrap;
  overflow: hidden;
  display: block;
  animation: moveLeft 25s linear infinite;
  padding: 15px;
  font-weight: 600;
  font-size: 20px;
}

@keyframes moveLeft {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}





#bnp-sec{
    background: #000000; color: #ffffff; text-align: center;

    .bnf-item{
        img{ max-width: 50px;}
    }
}



@media (min-width: 768px) {

    .dsk-rw-reverse{ flex-direction: row-reverse;}

    .dsk-mt-auto{
        margin-top: auto;
    }

    #service1-sec{
        padding-top: 40px;
        padding-bottom: 40px;

        .rclm{ 
            margin: auto;
            .cntd{
                padding-top: 0px;
                padding-bottom: 0px;

                h6{ font-weight: 600; color: #4E2FDA;}
                h2{ font-size: 28px; font-weight: 600; margin-bottom: 25px;}
                p{ line-height: 1.7;}
            }
        }
    }

     .ssection{

        .ls-dv{
            max-width: 725px; margin: auto;
            
            ul{
                li{ margin-bottom: 15px; font-weight: 600;}
            }
        }
    }


    .row .c-item{ 
        margin-top: auto;
        
        ul{ margin-bottom: 7px; padding-left: 15px;}
    }

}


@media (max-width: 768px) {


    #service1-sec{
        padding-top: 15px;
    }

    #wn-sec{

        .clm{ margin-bottom: 15px;  }
    }

    .ssection{

        .clm{ margin-bottom: 15px;  }
    }
}