#bannar-sec{

    padding: 20px 0px;

    background:
    radial-gradient(circle at 15% 20%, 
      #EAC9E866, 
      transparent 40%),
      
    radial-gradient(circle at 85% 75%, 
      rgba(186, 156, 255, 0.5), 
      transparent 45%),
      
    #e9eaed;


    .row{
        .bn-txt-clm{
            margin-top: auto; margin-bottom: auto;
        
            .bn-txt{
                h2{
                    font-size: 40px; font-weight: 800; color: #000000;
                }
            }
        }
    }
}




#trust-sec{
    background: #EEE7F7;

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

        h3{
            font-size: 30px;
        }

    }


    .slider{
        width:90%;
        margin:50px 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;
    }

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


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


}




#service-sec{

    padding-top: 40px; padding-bottom: 40px;


    .srv-clm{
        padding-left: 0; padding-right: 0;

        .srv-item{ 
            padding: 40px 15px; text-align: center; height: 100%;

            .srv-img{ 
                padding: 30px 15px;

                img{ transition: .4s; max-width: 115px;}
            }
        }


        .srv-item:hover{

            .srv-img{ 
                img{ transform: rotateY(-180deg); }
            }

            
        }
    }

    .srv-1{
        .srv-item{ background: #FEBFDA;}
    }
    .srv-2{
        .srv-item{ background: #CAC6FD;}
    }
    .srv-3{
        .srv-item{ background: #d4dcff;}
    }
    .srv-4{
        .srv-item{ background: #D4FFD6;}
    }
    .srv-5{
        .srv-item{ background: #d4fbff;}
    }
    .srv-6{
        .srv-item{ background: #FFE8A4;}
    }

}



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


    .ov-clm{
        .vl-imgd{
            background-size: cover; height: 100%; border-radius: 16px; overflow: hidden;

            .our-val{
                background: #00000088; height: 100%;
                color: #ffffff; position: relative;

               

                h5{
                    margin-bottom: 20px;
                }

                h3{
                    margin-bottom: 20px; font-weight: 600;
                }
            }

        }
    }

    .omv-cml{
        .our-item{
            padding: 40px 40px; border-radius: 16px;
        }

        .omi{ background: #C4B5FD; }

        .ovi{ background: #F9A8D4; }
    }

}



#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;
    }

}




#review-sec{

    .custom-slider {
        width: 100%;
        margin: 50px auto;
        overflow: hidden;
        position: relative;
    }

    .custom-slides {
        display: flex;
        transition: transform 0.5s ease-in-out;
    }

    .custom-slide {
        flex: 0 0 25%; 
        box-sizing: border-box;
        border-radius: 10px;
    }

    .slide-item{
        .sd-1{
           
            border: 1px solid #1b537d;
        
        }
        .sd-2{
            padding: 24px 24px;
            border: 1px solid #1b537d;

            p{
                line-height: 30px; text-align: justify;
            }

            .star-dv{ 
                position: absolute; bottom: 20px; width: 90%;
                .fa{ color: #1b537d; margin-right: 3px;}

                h6{
                    font-weight: 600;
                }
            }
        }
    }

    /* Mobile = 1 slide */
    @media (max-width: 768px) {
        .custom-slide {
            flex: 0 0 100%;
        }
    }

    .custom-dots {
        text-align: center;
        margin-top: 15px;
    }

    .custom-dot {
        height: 12px;
        width: 12px;
        margin: 5px;
        background-color: #bbb;
        border-radius: 50%;
        display: inline-block;
        cursor: pointer;
    }

    .custom-dot.active {
        background-color: #333;
    }
}





#contact-sec{
    .cnt-info{
        background: #000000; padding: 40px 40px; color: #ffffff; border-radius: 10px;

        .cnt{
            margin-bottom: 26px;

            .icn-dv{
                
                height: 80px; width: 80px; display: flex; margin: auto 25px auto 0;
                background: #2c2c2c; border-radius: 50px;flex-shrink: 0;

                .fa{ font-size: 40px; color: #ffffff; margin: auto;}
            }

            .txt-dv{
                h4{ font-weight: 600;}
            }
        }
    }

    .form-clm{

        .touch-fmd{
            background: #ffffff; padding: 40px 40px; color: #000000; border-radius: 10px;

            form{
                input{
                    height: 38px; font-size: 14px;
                }

                text-area{ font-size: 14px; }
            }
        }
    }


    .sm-icn{ 
        .fa{ margin-left: 7px; margin-right: 7px; font-size: 20px; color: #ffffff;}
    }
}








@media (min-width: 768px) {

    #bannar-sec{
        .row{
            .bn-txt-clm{              
            
                .bn-txt{
                    h2{
                        font-size: 28px; font-weight: 800; line-height: 1.7;
                    }
                }
            }


            .bn-imd{
                position: relative; text-align: center;

                img{ max-width: 80%; z-index: 2; position: relative;}

                .crld{
                    width: 500px; height: 500px; border-radius: 50%; position: absolute; top: 40px; left: 10px;
                    border: 50px solid #F6E3F0; box-shadow: 0 0 0px 50px #F5ECF6;  background: #F6D8EB;
                }
            }

        }
    }




    #vision-sec{

        .ov-clm{
            .vl-imgd{

                .our-val{                

                    .our-value{
                        position: absolute; bottom: 20px; padding: 40px 40px; 
                    }                
                }

            }
        }   

    }



    #review-sec{

        .slide-item{
            height: 325px; overflow: hidden;
            display: flex;

            .sd-1{
                width: 48%;        
            }
            
            .sd-2{
                width: 96%; margin-left: auto; margin-right: auto;     
            }
        }        
    }


    #contact-sec{
        .form-clm{
            padding-left: 20px;
        }
    }
    
}






@media (max-width: 768px) {

    #bannar-sec{
        .row{
            .bn-txt-clm{              
            
                .bn-txt{
                    h2{
                        font-size: 16px;
                        font-weight: 500;
                        text-align: justify;
                        line-height: 1.5;
                    }
                }
            }
        }
    }


    #vision-sec{

        .ov-clm{
            margin-bottom: 1.5rem!important;

            .vl-imgd{

                .our-val{                

                    .our-value{
                        position: relative; bottom: -40px; padding: 40px 40px; 
                    }                
                }

            }
        }   

    }



    #review-sec {


       padding-left: 15px; padding-right: 15px;

    .custom-slider { margin: 30px auto;}

        .slide-item{
            /* height: 325px; overflow: hidden; */
            /* display: flex; */
            

            .sd-1{
                width: 100%;  height: 300px;  overflow: hidden;
            }
            
            .sd-2{
                width: 100%;    
                
                p{
                   min-height: 175px;
                }
                .star-dv{ 
                    position: relative; bottom: 0px;
                }
            }
        }        
    }
  

}