/* all common css start */

*{
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
}

a{
    text-decoration: none;
}

ul,ol{
    list-style-type: none;
}

.container{
    width: 1140px;
    margin: 0 auto;
}

/* all common css end */

/* header part start */

#headerPart{
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

.logoMenu{
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo{
    width: 20%;
}

.menu{
    width: 55%;
}

.menu ul{
    display: flex;
}

.menu ul li{
    padding: 0 30px;
}

.menu ul li a{
    color: white;
}

.btn{
    width: 25%;
}

.btn ul{
    display: flex;
}

.btn ul li{
    padding: 0 20px;
}

.btn ul li a{
    color: white;
}

.btn ul li .free{
    padding: 10px 10px;
    background: white;
    border: none;
    border-radius: 5px;
    color: black;
}

/* header part end */

/* banner part start */

#bannerPart{
    padding-top: 200px;
    padding-bottom: 10px;
    background: url(../images/Group\ 1000005181\ \(1\).png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.banner{
    display: flex;
    justify-content: space-between;
}

.bannerText{
    width: 57%;
}

.bannerText h1{
    font-size: 60px;
    font-weight: 600;
    color: white;
    line-height: 74px;
    padding-bottom: 30px;
    text-transform: capitalize;
}

.bannerText p{
    width: 60%;
    font-size: 18px;
    font-weight: 400;
    color: white;
    line-height: 32px;
    padding-bottom: 30px;
    text-transform: capitalize;
}

.bttn{
    padding-bottom: 40px;
}


.bttn a{
    color: white;
    padding: 10px 20px;
    background: tomato;
    border: 1px solid tomato;
    border-radius: 5px;
    transition: .5s;
}

.bttn a:hover{
    color: tomato;
    background: white;
}

.sign{
    padding-bottom: 30px;
}

.sign h5{
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: white;
}

.sign h5 a{
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #52C5B6;
}

.bannerImage{
    width: 40%;
    position: static;
}

/* banner part start */

/* about part start */

#aboutPart{
    padding-top: 100px;
    padding-bottom: 30px;
    background: #e4e4e460;
}

.aboutP{
    display: flex;
    justify-content: space-between;
}

.aboutImg{
    width: 40%;
}

.aboutText{
    width: 40%;
}

.aboutText h4{
    font-size: 20px;
    font-weight: 600;
    color: tomato;
    padding-bottom: 20px;
}

.aboutText h3{
    font-size: 35px;
    font-weight: 600;
    color: black;
    line-height: 50px;
    text-transform: capitalize;
    padding-bottom: 20px;
}

.aboutText p{
    font-size: 20px;
    font-weight: 400;
    color: black;
    line-height: 32px;
    text-transform: capitalize;
    padding-bottom: 20px;
}

.featurePart{
    padding-bottom: 30px;
}

.abtn a{
    padding: 10px 20px;
    background: tomato;
    border: none;
    border-radius: 5px;
    color: white;
    transition: .5s;
    font-size: 18px;
    font-weight: 600;
    line-height: 200%;
}

/* about part end */

/* service part start */

#servicePart{
    padding-top: 100px;
    padding-bottom: 30px;
    background: #FAFAFA;
}

.serviceText{
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
}

.leftPart{
    width: 40%;
}

.rightPart{
    width: 40%;
}


.leftPart h4{
    font-size: 20px;
    font-weight: 600;
    color: tomato;
    padding-bottom: 10px;
}

.leftPart h3{
    font-size: 35px;
    font-weight: 600;
    color: black;
    line-height: 50px;
    text-transform: capitalize;
    padding-bottom: 20px;
}

.rightPart p{
    font-size: 18px;
    font-weight: 400;
    color: black;
    line-height: 32px;
    text-transform: capitalize;
    padding-bottom: 20px;
    padding-top: 40px;
}

.serviceItem{
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 40px;
}

.serviceOne{
    width: 24%;
    text-align: center;
    border: none;
    padding: 30px;
    box-sizing: border-box;
    background: #d8d8d87a;
    transition: .4s;
}

.serviceOne:hover{
    box-shadow: 1px 1px 9px -1px rgba(0, 0, 0, 0.473);
}


.serviceOne h4{
    padding-top: 20px;
    font-size: 18px;
    font-weight: 600;
    color: black;
    line-height: 28px;
}

.serviceOne p{
    padding-top: 20px;
    font-size: 16px;
    font-weight: 400;
    color: black;
    line-height: 26px;
}

.arrowImg{
    padding-top: 30px;
    text-align: center;
}

/* service part end */

/* news part start */

#newsPart{
    padding-top: 100px;
    padding-bottom: 100px;
}

.newsText{
    text-align: center;
    padding-bottom: 30px;
}

.newsText h4{
    font-size: 20px;
    font-weight: 600;
    color: tomato;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.newsText h3{
    font-size: 40px;
    font-weight: 600;
    color: black;
    line-height: 50px;
    text-transform: capitalize;
    padding-bottom: 30px;
}

.newsItem{
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.newsOne {
    width: 32%;
    border: none;
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid gray;
    border-radius: 5px;
    transition: .5s;
    box-shadow: 2px 2px 9px -1px rgba(0, 0, 0, 0);
}

.newsImg{
    text-align: center;
}

.newsOne h4{
    font-size: 24px;
    font-weight: 600;
    color: black;
    line-height: 30px;
    padding-top: 10px;
}

.newsOne p{
    padding-top: 20px;
    font-size: 18px;
    font-weight: 400;
    color: black;
    line-height: 32px;
}

.newsOne:hover {
    box-shadow: 2px 2px 9px -1px rgba(0, 0, 0, 0.473);
}

/* news part end */


/* footer part start */

#footerPart{
    padding-top: 100px;
    padding-bottom: 80px;
    background: #30344E;
}

.footer{
    display: flex;
    justify-content: space-between;
    width: 100%;
}



.logowithText{
    width: 28%;
}



.logowithText p{
    width: 80%;
    padding-top: 20px;
    font-size: 16px;
    font-weight: 400;
    color: white;
    line-height: 25px;
    padding-bottom: 30px;
}

.linkW a{
    border: 1px solid white;
    border-radius: 50%;
    padding: 0 5px;
    font-size: 30px;
    background: white;
    color: #1E3050;
}

.product{
    width: 19%;
}

.product h4{
    font-size: 20px;
    font-weight: 600;
    color: #52C5B6;
    text-transform: uppercase;
}

.linkPr ul li a{
    color: white;
    padding-top: 20px;
    font-size: 15px;
    font-weight: 400;
    line-height: 40px;
}

.linkPr p{
    
    font-size: 15px;
    font-weight: 400;
    color: white;
    line-height: 32px;
}



/* footer part end */