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


#about1-sec{
    background: #d1eeff;

    .imgd-clm{
        .rd-img{ 
            border-top-left-radius: 50%; border-top-right-radius: 50%; overflow: hidden; 
            box-shadow: 0px -11px 6px 20px #b8e4f5;
            border-radius: 50%;

            img{ width: 100%;}
        }
    }

    .txd-clm{
        .txd{
            text-align: justify;
            h3{  font-weight: 600; margin-bottom: 25px;}
            p{ line-height: 1.7;}
        }
    }
}



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

}



#skill-sec{
    background: #000000; color: #ffffff;

    .progress-circle {
        width: 180px;
        height: 180px;
        padding: 10px;
        border-radius: 50%;
        margin-left: auto; margin-right: auto;
       

        .inner-text{
            width: 100%; height: 100%;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            background: #000000;

            strong{ color: #ffffff; font-size: 24px;}
        }        
       
    }


    .pc1{
        background: conic-gradient(#ffffff 0% 83%,  #2a2a2a 83% 100% );
    }

    .pc2{
        background: conic-gradient(#ffffff 0% 49%,  #2a2a2a 49% 100% );
    }

    .pc3{
        background: conic-gradient(#ffffff 0% 99%,  #2a2a2a 99% 100% );
    }

    .pc4{
        background: conic-gradient(#ffffff 0% 95%,  #2a2a2a 95% 100% );
    }


}





#team-sec{
    .col-md-3{
        text-align: center;

        .imgd{
            height: 290px; overflow: hidden; margin-bottom: 15px;
        }
    }
}


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



#service-sec{

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


    .srv-clm{
       margin-bottom: 30px;

        .srv-item{ 
            padding: 40px 15px; text-align: center; height: 100%; background: #CAC6FD; border-radius: 10px;

            .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;}
    } */

}






@media (min-width: 768px) {

    #about1-sec{
        .imgd-clm{ padding-right: 80px;}

         .txd-clm{
            .txd{
                text-align: justify;
                h3{ font-size: 36px; font-weight: 600; margin-bottom: 25px;}
                p{ line-height: 1.7;}
            }
        }
    }


     #vision-sec{

        .ov-clm{
            .vl-imgd{

                .our-val{                

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

            }
        }  
    } 
    

}












@media (max-width: 768px) {


    #about1-sec{
      

         .txd-clm{
            .txd{
                text-align: center;              
                h3{ font-size: 24px; margin-top: 20px;}
                
            }
        }
    }


    #vision-sec{

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

            .vl-imgd{

                .our-val{                

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

            }
        }   

    }


    #skill-sec{
        .pc1 { margin-bottom: 30px;}
        .pc2 { margin-bottom: 30px;}
        .pc3 { margin-bottom: 30px;}
    }

}