* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
/* overflow: hidden; */
}

body {
    background-color: gainsboro;
}

.phone {
    border: 1px solid black;
    /* padding: 0 10px; */
    position: relative;
    background: black;
}

.phone ul {
    display: flex;
}

.phone ul li {
    list-style-type: none;
    padding: 0px 20px;
    color: aliceblue;
}

.phone ul li a {
    color: aliceblue;
    text-decoration: none;
}

.phone ul li i {
    color: gold;
}

.phone .request {
    position: absolute;
    right: 0;
    /* border: 1px solid whitesmoke; */
    margin-top: 7px;
    margin-right: 9px;
    background: linear-gradient(to right, #fc4a1a, #f7b733);
    border-radius: 5px;
}

.phone .request:hover {
    background: linear-gradient(to right, #f7b733, #fc4a1a);
}


@media only screen and (max-width: 886px){
    .phone {
        border: 1px solid black;
        /* padding: 0 10px; */
        position: relative;
        background: black;
        display: none;
    }
    
    .phone ul {
        display: flex;
    }
    
    .phone ul li {
        list-style-type: none;
        padding: 0px 20px;
        color: aliceblue;
    }
    
    .phone ul li a {
        color: aliceblue;
        text-decoration: none;
    }
    
    .phone ul li i {
        color: gold;
    }
    
    .phone .request {
        position: absolute;
        right: 0;
        /* border: 1px solid whitesmoke; */
        margin-top: 7px;
        margin-right: 9px;
        background: linear-gradient(to right, #fc4a1a, #f7b733);
        border-radius: 5px;
    }
    
    .phone .request:hover {
        background: linear-gradient(to right, #f7b733, #fc4a1a);
    }
    
}



/* header  */

.header {
    width: 100%;
    /* background: red; */
    /* margin-bottom: 10px; */
    background-color: white;
}

.navbar-brand img{
    width: 20vh;
       }


.nav-link {
    color: rgb(26, 24, 24) !important;
    font-size: 18px !important;
    margin-right: 10px !important;
}

.nav-link:hover {
    color: #fc4a1a !important;
}

.dropdown-menu {
    background: white;
}

.dropdown-item {
    color: rgb(24, 23, 23) !important;
}

.dropdown-item:hover {
    background: rgb(233, 229, 229) !important;
    color: #fc4a1a !important;
}

/* header  */


/* banner */
/* slider */

.slider{
    overflow: hidden;
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80%; */
    height: auto;
    width: 100%;
    background-color: #f7b733;
    /* margin-bottom: 30px; */
}

.slider figure{
    width: 400%;
    position: relative;
    margin: 0;
    animation: animate 20s linear infinite;
}

@keyframes animate {
    0%{
        left: 0;
    }

    20%{
        left: 0;
    }

    25%{
        left: -100%;
    }

    45%{
        left: -100%;
    }

    50%{
        left: -200%;
    }
    

    70%{
        left: -200%;
    }

    75%{
        left: -300%;
    }

    95%{
        left: -300%;
    }

    100%{
        left: 0;
    }
}

.slider figure img{
    width: 25%;
    float: left;
    height: 80vh;
    image-resolution: 5px;
}


/* banner */


/* form */

.from{
    /* border: 1px solid black; */
    padding: 30px;
    width: 100%;
    background: rgb(12, 157, 241);
}

.from .from_1{
    /* border: 1px solid black; */
    padding: 10px;
}

.from .from_1 h5{
    color: aliceblue;
    font-size: 40px;
    text-align: center;
    padding-bottom: 20px;
}

@media only screen and (max-width: 886px){
    .from .from_1 h5{
        color: aliceblue;
        font-size: 20px;
        text-align: center;
        padding-bottom: 20px;
    }
}

.from .from_2{
    border: 0px solid black;
    /* padding: 10px; */
}

.from .from_2 .input{
    margin-top: 20px;
}


/* from  */


/* We Offer A Wide */

.we{
    /* border: 1px solid black; */
    padding: 10px;
    width: 100%;
    height: auto;
}

.we .we_1{
    /* border: 1px solid black; */
    padding: 10px;
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 90px;
}

.we .we_1 img{
    width: 30vw;
    height: 50vh;
}

.we .we_1 .img{
     border: 4px solid white;
     width: 25vw;
     transform: translatey(150px);
     position: absolute;
right: 0;
border-radius: 10px;
bottom: 0;
}

@media only screen and (max-width: 979px){
    .we .we_1 img{
        width: 100%;
        height: 50vh;
    }
    
    .we .we_1 .img{
         border: 4px solid white;
         width: 50vw;
         transform: translatey(80px);
         position: absolute;
    right: 0;
    height: 30vh;
    bottom: 0;
    }
    
}

.we .we_2{
    /* border: 1px solid black; */
    padding: 10px;
    width: 100%;
    margin-top: 100px;
    height: auto;
}

.we .we_2 .img_1 img{
    width: 10vw;
    height: 10vh;
}

.we .we_2 h5{
    font-size: 40px;
    font-weight: 600;
    margin-top: 30px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.we .we_2 h6{
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
}

.we .we_2 p{
    font-size: 15px;
    font-weight: 600;
    margin-top: 20px;
}


.we .we_2 .box{
    /* border: 1px solid black; */
    padding: 10px;
    display: flex;
}

.we .we_2 .box .box_1{
    /* border: 1px solid black; */
    padding: 10px;
    margin-right: 20px;
    /* background-color: rgb(226, 25, 92); */
}

.we .we_2 .box .box_1 a{
    border: 2px solid rgb(226, 25, 92);
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    color:rgb(226, 25, 92) ;
}

.we .we_2 .box .box_1 a:hover{
    /* border: 2px solid rgb(226, 25, 92); */
    text-decoration: underline;
    background-color:rgb(226, 25, 92) ;
    padding: 10px 20px;
    border-radius: 5px;
    color:rgb(238, 230, 232) ;
}


.we .we_2 .box .box_2{
    /* border: 1px solid black; */
    padding: 10px;
}

.we .we_2 .box .box_2 a{
    border: 2px solid rgb(12, 87, 248);
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    color:rgb(12, 87, 248) ;
}

.we .we_2 .box .box_2 a:hover{
    /* border: 2px solid rgb(226, 25, 92); */
    text-decoration: underline;
    background-color:rgb(12, 87, 248) ;
    padding: 10px 20px;
    border-radius: 5px;
    color:rgb(238, 230, 232) ;
}

@media only screen and (max-width: 979px){
    .we .we_2 .img_1 img{
        width: 25vw;
        height: 15vh;
    }

    .we .we_2 .box .box_1 a{
        border: 2px solid rgb(226, 25, 92);
        text-decoration: none;
        padding: 10px 5px;
        font-size: 15px;
        border-radius: 5px;
        color:rgb(226, 25, 92) ;
    }
    
    .we .we_2 .box .box_1 a:hover{
        /* border: 2px solid rgb(226, 25, 92); */
        text-decoration: underline;
        background-color:rgb(226, 25, 92) ;
        padding: 10px 5px;
        font-size: 15px;
        border-radius: 5px;
        color:rgb(238, 230, 232) ;
    }

    .we .we_2 .box .box_2 a{
        border: 2px solid rgb(12, 87, 248);
        text-decoration: none;
        padding: 10px 5px;
        font-size: 15px;
        border-radius: 5px;
        color:rgb(12, 87, 248) ;
    }
    
    .we .we_2 .box .box_2 a:hover{
        /* border: 2px solid rgb(226, 25, 92); */
        text-decoration: underline;
        background-color:rgb(12, 87, 248) ;
        padding: 10px 5px;
        font-size: 15px;
        border-radius: 5px;
        color:rgb(238, 230, 232) ;
    }
}


/* We Offer A Wide */



/* Our Services */

.our{
    /* border: 1px solid black; */
    padding: 10px;
    margin-top: 20px;
}

.our .our_1{
    /* border: 1px solid black; */
    padding: 10px;
    display: flex;
}

.our .our_1 img{
    width: 10vw;
    height: 10vh;
}

.our .our_1 h1{
    margin-left: 20px;
}


.our .our_2{
    /* border: 1px solid black; */
    padding: 10px;
}


.our .our_2 .our_3{
    border-left: 2px solid grey;
    padding: 10px;
}


@media only screen and (max-width: 825px){
    .our .our_2{
        /* border: 1px solid black; */
        display: none;
        padding: 10px;
    }

    .our .our_1 img{
        width: 25vw;
        height: 10vh;
    }
}


.our .services{
    /* border: 1px solid black; */
    padding: 10px;
    margin-top: 30px;
}

.our .services .services_1{
    /* border: 1px solid black; */
    padding: 10px;
}

.our .services .services_1 .image{
    /* border: 1px solid black; */
    padding-bottom: 20px;
    height: 88vh;
    border-radius: 7px;
    transition: all 1s ease-in-out;
}

.our .services .services_1 .image:hover{
transform: scale(1.1);
}

.our .services .services_1 .image img{
    width: 100%;
    height: 50vh;
    border-radius: 7px;
}

.our .services .services_1 .image h4{
    font-size: 25px;
    font-weight: 400;
    margin: 20px;
}


.our .services .services_1 .image h6{
    font-size: 18px;
    font-weight: 300;
    margin: 10px 20px;
}

.our .services .services_1 .image a{
    font-size: 18px;
    font-weight: 400;
    margin: 10px 20px;
    color: rgb(226, 25, 92);
}

/* Our Services */



/* Counting */

.Counting{
    /* border: 1px solid black; */
    padding: 60px 20px;
    background-image: url(../images/image.webp);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 40px;

}


.Counting .Counting_1{
    border: 3px solid rgb(243, 247, 250);
    gap: 10px;
    padding: 20px;
    height: 40vh;
    border-radius: 7px;
    margin-top: 30px;
}

.Counting .Counting_1:hover{
    background-color: aliceblue;
    border-bottom-left-radius: 40px;
    border-top-right-radius: 40px;
}

.Counting .Counting_1 .icon{
    /* border: 1px solid black; */
    padding: 20px;
    position: relative;
    /* height: 20vh; */
}

.Counting .Counting_1 .icon i{
    position: absolute;
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 30%;
    font-size: 60px;
    color: aliceblue;
}

.Counting .Counting_1:hover .icon i{
    color: rgb(11, 171, 245);
}

.Counting .Counting_1 .box{
    /* border: 1px solid black; */
    padding: 20px;
    margin-top: 30px;
}

.Counting .Counting_1 .box h5{
    color: aliceblue;
    font-size: 30px;
    font-weight: 500;
    text-align: center;
}

.Counting .Counting_1:hover .box h5{
    color: black;
}

.Counting .Counting_1 .box p{
    color: aliceblue;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
}

.Counting .Counting_1:hover .box p{
    color: black;
}

/* Counting */


/* Why Choose */

.why{
    /* border: 1px solid black; */
    padding: 10px;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.why .why_1{
    /* border: 1px solid black; */
    padding: 10px;
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 90px;
    /* background-color: #f7b733; */
}

.why .why_1 img{
    width: 30vw;
    height: 50vh;
}

.why .why_1 .img{
     border: 4px solid white;
     width: 25vw;
     transform: translatey(150px);
     position: absolute;
right: 0;
border-radius: 10px;
bottom: 0;
}

@media only screen and (max-width: 979px){
    .why .why_1 img{
        width: 100%;
        height: 50vh;
    }
    
    .why .why_1 .img{
         border: 4px solid white;
         width: 50vw;
         transform: translatey(80px);
         position: absolute;
    right: 0;
    height: 30vh;
    bottom: 0;
    }
    
}

.why .why_2{
    /* border: 1px solid black; */
    padding: 10px;
    width: 100%;
    margin-top: 100px;
    height: auto;
}

.why .why_2 .img_1 img{
    width: 10vw;
    height: 10vh;
}

.why .why_2 h5{
    font-size: 40px;
    font-weight: 600;
    margin-top: 30px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.why .why_2 h6{
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    color: rgb(41, 174, 226);
}

.why .why_2 p{
    font-size: 15px;
    font-weight: 600;
    margin-top: 20px;
}


.why .why_2 .box{
    /* border: 1px solid black; */
    padding: 10px;
}

.why .why_2 .box .box_1{
    /* border: 1px solid black; */
    padding: 10px;
    margin-right: 20px;
    /* background-color: rgb(226, 25, 92); */
}

.why .why_2 .box .box_1 a{
    border: 2px solid rgb(226, 25, 92);
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 5px;
    color:rgb(226, 25, 92) ;
}

.why .why_2 .box .box_1 a:hover{
    /* border: 2px solid rgb(226, 25, 92); */
    text-decoration: underline;
    background-color:rgb(226, 25, 92) ;
    padding: 10px 20px;
    border-radius: 5px;
    color:rgb(238, 230, 232) ;
}



@media only screen and (max-width: 979px){
    .why .why_2 .img_1 img{
        width: 25vw;
        height: 15vh;
    }

 
}


/* Why Choose */



/* Our Vision */

.vision{
    /* border: 1px solid black; */
    padding: 10px;
    margin: 60px 0;
}


.vision .vision_1{
    /* border: 1px solid black; */
    padding: 10px;
    width: 100%;
    height: 80vh;
    margin-top: 20px;
}

@media only screen and (max-width: 979px){
    .vision .vision_1{
        /* border: 1px solid black; */
        padding: 10px;
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
}


.vision .vision_1 h1{
    padding: 30px;
    margin-top: 40px;
}


.vision .vision_1 p{
    padding: 0 30px;
    font-size: 18px;
    /* margin-bottom: 100px; */
}

.vision .vision_1 ul li{
    color: rgb(226, 25, 92);
}

.vision .vision_1 ul li p{
    color: black;
}


/* Our Vision */


/* General FAQ’s */

.general{
    /* border: 1px solid black; */
    padding: 20px;
}


.general .general_1{
    /* border: 1px solid black; */
    padding: 20px;
    /* align-items: center; */
}

.general .general_1 img{
    width: 15vw;
    height: 10vh;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.general .general_1 h1{
    font-size: 50px;
    font-weight: 700;
    text-align: center;
}

.general .general_2{
    /* border: 1px solid black; */
    padding: 20px;
    margin-top: 30px;
}

.general .general_2 .box{
    /* border: 1px solid black; */
    /* padding: 20px; */
    margin-top: 30px;
}

.general .general_2 .box details{
    background-color: rgba(206, 202, 202, 0.349);
    padding: 20px;
}

.general .general_2 .box details summary{
    color: black;
    font-weight: 550;
}


.general .general_2 .box details summary p{
    color: rgb(97, 93, 93);
    margin-top: 50px;
}



.general .general_2 .img{
    width: 100%;
    /* border: 1px solid black; */
    margin-top: 30px;
}


.general .general_2 .img img{
    width: 100%;
}


/* General FAQ’s */


/* Our Gallery */

.gallery{
    /* border: 1px solid black; */
    padding: 20px;
    margin-top: 30px;
}


.gallery .gallery_1{
    /* border: 1px solid black; */
    padding: 20px;
    /* align-items: center; */
}

.gallery .gallery_1 img{
    width: 15vw;
    height: 10vh;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.gallery .gallery_1 h1{
    font-size: 50px;
    font-weight: 700;
    text-align: center;
}

.gallery .gallery_2{
    /* border: 1px solid black; */
    padding: 20px;
    /* align-items: center; */
}


.gallery .gallery_2 .img{
    /* border: 1px solid black; */
    /* padding: 20px; */
    width: 100%;
    /* align-items: center; */
    margin-top: 30px;
}


.gallery .gallery_2 .img img{
    /* border: 1px solid black; */
    /* padding: 20px; */
    width: 100%;
    height: 50vh;
    /* align-items: center; */
}


.gallery .gallery_3{
    /* border: 1px solid black; */
    width: 100%;
    padding: 20px;
    /* align-items: center; */
}
/* Our Gallery */


/* We Are Ready */
.ready{
    width: 100%;
    height: auto;
    padding: 40px;
    /* border: 2px solid black; */
    background-image: url(../images/img\ 3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}


.ready .ready_1{
    width: 100%;
    height: auto;
    padding: 20px;
    text-align: center;
    /* border: 2px solid black; */
}

.ready .ready_1 h1{
    font-weight: 700;
    color: aliceblue;
    margin: 50px;
}


.ready .ready_1 .btn{
    /* border: 2px solid black; */
background-color: rgb(226, 25, 92);
}

.ready .ready_1 .btn a{
    color: aliceblue;
    text-decoration: none;
}

.ready .ready_1 .btn a:hover{
    text-decoration: underline;
}

/* We Are Ready */


/* Make an Appointment */
.make{
    width: 100%;
    height: auto;
    padding: 40px;
    /* border: 3px solid black; */
}

.make .make_1{
    width: 100%;
    height: auto;
    padding: 40px;
    /* border: 3px solid black; */
}

.make .make_1 .img{
    width: 100%;
    height: auto;
    padding: 40px;
    /* border: 3px solid black; */
}

.make .make_1 .img img{
    width: 15vw;
    height: 10vh;
}


.make .make_1 h1{ 
    font-family: 800;
    padding: 10px;
    /* color: #f7b733; */
}


.make .make_1 p{
    font-family: 600;
    padding: 10px;
}


.contact{
    /* border: 1px solid black; */
    padding: 10px;
}





.contact .contact_2{
    /* border: 1px solid black; */
    padding: 10px;
}


.contact .map{
    /* border: 1px solid black; */
    padding: 10px;
}


.contact .map .map_1{
    /* border: 1px solid black; */
    padding: 10px;
    width: 100%;
    height: auto;
}

.contact .map .map_1 img{
    width: 100%;
    height: auto;
}
/* Make an Appointment */



/* footer */

.footer {
    /* border: 1px solid black; */
    background-color: #f1f0f0b6;
    height: auto;
    padding: 20px;
    /* border: 3px solid black;  */
}


.footer .our {
    margin-top: 40px;
    /* border: 1px solid black; */
}

.footer .our img{
    width: 15vw;
    height: 10vh;
    margin-bottom: 10px;
}

.footer .our p {
    font-size: 15px;
    color: rgb(29, 27, 27);
    padding: 10px;
}

.footer .our h4 {
    font-size: 15px;
    color: rgb(61, 52, 52);
    padding-left: 10px;
}

.footer .our h4 .name {
    font-size: 15px;
    color: rgb(63, 57, 57);
    padding-left: 5px;
}

.footer .our ul {
    list-style-type: none;
}

.footer .our li i {
    color: #eb5d1e;
    font-size: 10px;
}

.footer .our li a {
    color: black;
    text-decoration: none;
    padding-left: 10px;
    line-height: 1.8;
    font-weight: 400;
}

.footer .our li a:hover {
    color: #eb5d1e;
}

.footer .our h6 {
    font-size: 15px;
    color: gray;
    padding-left: 10px;
}

.footer .our .icon a {
    text-decoration: none;
}

.footer .our .icon i {
    width: 44px;
    height: 44px;
    /* border: 1px solid black; */
    text-align: center;
    margin: 2px;
    border-radius: 50%;
    font-size: 20px;
    padding-top: 10px;
    background-color: #eb5d1e;
    color: white;
}

.footer .our .icon i:hover {
    background-color: #eb5c1eb6;
}



.copyright{
    width: 100%;
    height: auto;
    /* border: 1px solid black; */
    text-align: center;
    margin-top: 30px;
}

.copyright h6{
    font-weight: 700;
}


/* footer */