




    .entryInfoContainer{
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 1rem;
        text-align: center;
    }


    .seeMore{
        max-height: 0;
        overflow: hidden;
         
        transition: max-height 1s ease-in-out;
    }

    .entryInfoContainer span {
        color: rgb(188, 133, 30);
        cursor: pointer;
    }

    .seeMore.showContents{
            max-height: 450px;                
            
        }

        #seeMoreAngle.toggle{
            transform: rotate(180deg);
        }


        /* CARDS CONTAINER STARTS HERE */

        .cards{
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 1rem;
            padding: 22px;
        }



        .cards >:nth-child(1){
            background-color: rgb(235, 231, 216);
            padding: 22px;
            color: rgb(44, 44, 44);
            text-align: center;
        }

        .cards >:nth-child(2n){
            background-color:#3677b0;
            padding: 22px;
            color: rgb(176, 169, 169);
            text-align: center;
        }
        

        .cards >:nth-child(3n){
            background-color: orange;
            padding: 22px;
            color: rgb(44, 44, 44);
            text-align: center;
        }


        /* TRUST CREDIBILITY STYLES STARTS HERE */

        .trustCred{
            display: flex;
            flex-direction: column;
            text-align: center;
            margin: 53px 0px;
        }

        /* RAPID COUNTER */

            .rapidCounter{
                display: block;
                margin: 44px 0px;
                text-align: center;
            }

            .rapidCounter .counter h2{
                font-size: 3rem;
                
            }




        /* GOOGLE RE VIEWS STARTS HERE */

         /*GOOGLE REVIEWS  */

         .googleRevirews{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-bottom: 22px;
            
         }

      .fiveStars{
        display: flex;
      color:rgb(228, 186, 19);
    }

    .googleRating{
        font-size: 0.8rem;
    }

    .ratingText{
      color:#3677b0;
    }


    /* WHY CHOOSE US */
        .whyChooseUs{
            
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1rem;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .whyChooseUs .fa{
            color:orange;
            font-size: 2.5rem;
          }
          


            /* REVIEW SLIDES STRATS HERE */

            .reviewContainer{
                position: relative;
                background-color:#226eb1;
                border-radius: 5px;
                width: 100%;
                max-width: 600px;
                overflow: hidden;
                margin: auto;
                margin-bottom: 53px;
                margin-top: 55px;
                color: orange;
                padding: 22px;
            
            }

            .reviewContainer h5{
                color: aliceblue;
                font-size: 1.5rem;
            }

            .reviewContainer h6{
                
                font-size: 1.1rem;
            }

            .reviewContainer .fab{
                
                font-size: 1.6rem;
            }

            .review-slider{
                display: flex;
                transition: transform 0.5s ease-in-out;
                width: 100%;
            }

        .review-slides{
             flex-shrink: 0;   
            width: 100%;
            box-sizing: border-box;
            padding: 20px;                      
            border-radius: 8px;
               
            }

            /* SERVICES GRID STARTS HERE */

            .servicesContainer1{
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                justify-content: center;
                align-items: center;
                text-align: center;
                gap: 1rem;
                row-gap: 1rem;
            }


            .servicesContainer1 >div:nth-child(2n){
                background-color:  rgb(207, 207, 205);
                padding: 22px;
                border-radius: 3px;
                margin: 12px 0px;
            }

            .servicesContainer1 >div:nth-child(2n -1){
                background-color: rgb(236, 236, 234);
                padding: 22px;
                border-radius: 3px;
                margin: 12px 0px;
            }

            .servicesContainer1 h4{
                color: rgb(92, 72, 35);
                font-size: 1.3rem;
            }

            .servicesContainer1 img{
                width: 250px;
                margin-top:13px;
            }

            /* SERVICES 2 GRID STARTS HERE */

            .servicesContainer2{
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                justify-content: center;
                align-items: center;
                text-align: center;
                gap: 1rem;
                row-gap: 1rem;
            }

            .servicesContainer2 >div:nth-child(2n){
                background-color:  rgb(207, 207, 205);
                padding: 22px;
                border-radius: 3px;
                margin: 12px 0px;
            }

            .servicesContainer2 >div:nth-child(2n -1){
                background-color: rgb(236, 236, 234);
                padding: 22px;
                border-radius: 3px;
                margin: 12px 0px;
            }

            .servicesContainer2 h4{
                color: rgb(92, 72, 35);
                font-size: 1.3rem;
            }

            .servicesContainer2 img{
                width: 250px;
                margin-top:13px;
            }
                  
            /* IMAGES SLIDES */

            .imageSlidesWrapper{
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                justify-content: center;
                align-items: center;
                text-align: center;
                gap: 1rem;
                margin: 30px 0px;
            }

                .slider{
                position: relative;
                 width: 600px;
                 height: 300px;
                 overflow: hidden;
                 margin: 20px auto;
                 border: 1px solid rgb(189, 180, 180);
               
            
                }

                .slides{
                    display: flex;
                    width: calc(600px * 4);
                    transition: transform 0.5s ease-in-out;
                    
                }

                .slides img {
                    width: 600px;
                    height: 300px;
                    object-fit: cover;
                }




            /* VIDEO STYLE STARTS HERE */

            .videoAd {
                display: flex;
                justify-content: center;
                flex-direction: row-reverse;
                align-items: center;
                background-color: rgb(240, 243, 217);
                padding: 22px;
                gap: 1rem;
            }

            .videoAd h5{
                color: rgb(82, 77, 50);
                font-size: 1.6rem;

            }


            /* LIST OF SERVICES STYLES STARTS HERE */

                .listOfServices{
                    position: relative;
                    display: grid;
                    grid-template-columns: repeat(4, 1fr);
                    gap: 1rem;
                    text-align: center;
                    justify-content: center;
                    align-items: center;
                    padding: var(--PADDING-SIDE);
                }

                .listOfServices::before{
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    background-color:rgb(64, 114, 221);
                    background-attachment: fixed;
                    background-position: center;
                    background-size: cover;
                    opacity: 75%;
                    z-index: -1;
                    overflow-x: hidden;
                }

                .listOfServices h3{
                    color: rgb(31, 32, 32);
                    font-size: 1.2rem;
                }

                .listOfServices p{
                    color: rgb(239, 236, 229);
                    
                }

                .listOfServices >div:nth-child(2n){
                    background-color: rgb(236, 246, 208);
                    padding: 22px;
                    color: rgb(76, 78, 79);
                    gap: 1rem;
                    border-radius: 3px;
                    margin-top: 22px;
                    box-shadow: 0px 5px 7px var(--SHADOW-COLOR);
                }

                .listOfServices >div:nth-child(2n) p{
                    color: black;
                }

                .listOfServices >div:nth-child(2n -1){
                    
                    padding: 22px;
                    gap: 1rem;
                    margin-top: 22px;
                }

                .listOfServices a{
                    color: rgb(60, 60, 62);
                }

                .listOfServices a:hover{
                    color: rgb(198, 174, 145);
                }

                .listOfServices .fa{
                    color: rgb(57, 56, 55);
                }

                    /* WHAT WE STAND FOR STYLES STARTS HERE */

                    .whatWeStandFor{
                        display: grid;
                        grid-template-columns: repeat(3, 1fr);
                        gap: 1rem;
                        background-color: rgb(158, 158, 155);
                        padding: 22px;
                        margin-top: 22px;
                        color: aliceblue;
                        
                    }

                    .whatWeStandFor > div:nth-child(2n -1){
                        background-color: rgb(75, 75, 69);
                        padding: 16px;
                        text-align: center;
                        border-radius: 3px;
                    }

                    .whatWeStandFor > div:nth-child(2n){
                        background-color: rgb(67, 67, 61);
                        padding: 16px;
                        text-align: center;
                        border-radius: 3px;
                    }


                    /* FAQ STYLES STARTS HERE */

                    .faqsContainer{
                        position: relative;
                        text-align: center;
                        line-height: 32px;
                        padding: var(--PADDING-SIDE);
                    }


                    .faqsContainer h3{
                        background-color: rgb(160, 180, 206);
                        border-radius: 8px;
                        padding: 8px;
                        color: rgb(54, 54, 48);
                        font-size: 1.2rem;
                        text-shadow: 0px 3px 6px var(--SHADOW-COLOR);
                        text-wrap: nowrap;
                        font-weight: 400;
                        margin: 7px;
                    }

                    .faqsContainer p{
                        color: rgb(42, 49, 52);
                    }


                    .faqsContainer::before{

                        content: "";
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100%;
                        background: rgb(57, 99, 110);
                        background-attachment: fixed;
                        background-position: center;
                        background-size: cover;
                        opacity: 70%;
                        z-index: -1;
                        overflow-x: hidden;  

                    }

                    /* FAQ DROP DOWN STYLES */
                        .fallContent{
                            max-height: 0;
                            overflow: hidden;
                            transition: max-height 1s ease-in-out;
                        }

                        .fallContent.fall{
                            max-height: 200px;
                            text-align: center;
                        }

                        .faqHeading{
                            cursor: pointer;
                        }

            
                        .faqHeading:hover{
                            cursor: pointer;
                            color: rgb(198, 204, 208);
                        }

                        

                        .faceUp{
                            transform: rotate(180deg);
                        }


                        /* VICTORIES STYLES STARTS HERE */

                        .victories{
                            padding: var(--PADDING-SIDE);
                            background-color: rgb(236, 238, 224);
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            text-align: center;
                            gap: 1rem;

                        }


                        /* TERMS AND CONDITIONS STYLES STARTS HERE */

                                .termsAandCondtions{
                                    display: flex;
                                    flex-direction: column;
                                    align-items: center;
                                    justify-content: center;
                                    text-align: center;
                                }

                                .termsAandCondtions h3{
                                    color: rgb(229, 228, 226);
                                    background-color:#3677b0;
                                    padding: 8px 0px;
                                    margin: 6px 0px;
                                    width: 90%;
                                    
                                }

                                .termsAandCondtions h3:hover{
                                    color: rgb(207, 206, 199);
                                    cursor: pointer;
                                }

                                .dropContents p{
                                    color: rgb(24, 24, 22);
                                }
                                
                                .dropContents{
                                    max-height: 0;
                                    overflow: hidden ;
                                    transition: max-height 1s ease-in-out;
                                }

                                .dropContents.showUp{
                                    max-height: 200px;
                                    
                                    
                                }

                                .twist{
                                    transform: rotate(180deg);
                                   
                                }



                                /* READY TO WORK WITH US */

                                    .readtToWorkWithUs{
                                        display: flex;
                                        flex-direction: column;
                                        text-align: center;
                                        align-items: center;
                                        background-color: aliceblue;
                                        padding: var(--PADDING-SIDE);

                                    }


                                    /* LOCATION */

                                    .location{
                                        background-color: rgb(244, 244, 243);
                                        padding: 22px;
                                        text-align: center;
                                    }

                                    address{
                                        text-align: center;
                                    }
                                
            







