*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    font-family: 'Jost', sans-serif;
    height: 4500px;
}
.header-area{
    width: 100%;
    height: 150px;
}
.header-area1{
    width: 100%;
    height: 30px;
    background-color: rgb(255, 255, 255);
    padding: 5px  100px  ;
    display: flex;
}
.links-right{
    display: flex;
}
.links-right  ul  li{
    display: inline;
    margin-left: 13px;
    position: relative;
}
.links-right  ul  li  a{
    text-decoration: none;
    color: rgb(61, 61, 61);
    font-size: 13px;
}
.links-right  ul  li::after{
    position: absolute;
    content: "";
    width: 3px;
    height: 0px;
    left: 0;
    bottom: 0;
    background-color: #e53830;
    margin-left: -7px;
    margin-top: 5px;
    border-radius: 5px;
}
.links-right  ul  li:hover::after{
    height: 16px;
    transition: all 0.8s;
}
.links-right  ul  li::before{
    position: absolute;
    content: "";
    width: 3px;
    height: 0px;
    right: 0;
    top: 0;
    margin-top: 1px;
    margin-right: -7px;
    background-color:#e53830;
    border-radius: 5px;
}
.links-right  ul  li:hover::before{
    height: 16px;
    transition: all 0.8s;
}
/* //////////////////////// */
.links-left{
    display: flex;
}
.link-left-div1{
    display: flex;
    margin-left: 450px;
}
.link-left-div1  ul  li{
    display: inline;
    margin-left: 15px;
    position: relative;
}
.link-left-div1  ul  li  a{
    text-decoration: none;
    color:rgb(61, 61, 61);
    font-size: 13px;
}
.links-left  ul  li::after{
    position: absolute;
    content: "";
    width: 3px;
    height: 0px;
    left: 0;
    bottom: 0;
    background-color:#e53830;
    margin-left: -7px;
    margin-top: 5px;
    border-radius: 5px;
}
.links-left  ul  li:hover::after{
    height: 16px;
    transition: all 0.8s;
}
.links-left  ul  li::before{
    position: absolute;
    content: "";
    width: 3px;
    height: 0px;
    right: 0;
    top: 0;
    margin-top: 1px;
    margin-right: -7px;
    background-color:#e53830;
    border-radius: 5px;
}
.links-left  ul  li:hover::before{
    height: 16px;
    transition: all 0.8s;
}
/* //////////////////////////// */
.header-left-icons{
    display: flex;
    margin-left: 30px;
}
.icon1-header{
    height:17px;
    width: 48px;
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;

}
.i1{
    margin-left: 22px;
    font-size: 15px;
    overflow: hidden;
    color:rgb(29, 29, 29) ;
}
.icon1-header:hover  .i1{
    transform: rotateY(180deg);
    transition: 0.4s;
    color:#e53830;
}
.icon1-header::after{
    position: absolute;
    z-index: 3;
    content: "";
    width: 3px;
    height: 0px;
    left: 0;
    bottom: 0;
    background-color:#e53830;
    border-radius: 5px;
    margin-top: -4px;
    margin-left: 20px;
}
.icon1-header:hover::after{
    height: 16px;
    transition:  0.8s;
}
.icon1-header::before{
    position: absolute;
    z-index: 3;
    content: "";
    width: 3px;
    height: 0px;
    right: 0;
    top: 0;
    background-color:#e53830;
    border-radius: 5px;
    margin-top: -5px;
}
.icon1-header:hover::before{
    height: 21px;
    transition:  0.8s;
}
/* ///////////////////////////////////////////////////// */
.header-container-item{
    width: 85%;
    height: 80px;
    margin: 5px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px  15px;
}
.header-logo  img{
    width: 210px;
    height: 110px;
}
.header-links  ul  .li1{
    width: 50px;
    display: inline;
    margin:0px  12px;
    position: relative;
    padding: 13px  10px;
}
.header-links  ul  .li1  .a1{
    text-decoration: none;
    color: rgb(17, 17, 17);
    text-align: center;
    text-transform: capitalize;
}
.header-links  ul  .li1:hover  .a1{
    color: #e53830;
}
.header-links  ul  .li1::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px  solid #e53830;
    border-left: transparent;
    border-right:transparent ;
    transform-origin: left;
    transform: scaleX(0);
    transition: 0.5s;
    margin-top: -2px;
}
.header-links  ul  .li1:hover::after{
    transform:scaleX(1) ;
}
.header-links  ul  .li1::before{
    position: absolute;
    content: "";
    left: 0; 
    bottom: 0;
    width: 97%;
    height: 100%;
    border: 2px  solid #e53830;
    border-top: transparent;
    border-bottom:transparent ;
    transform-origin: bottom;
    transform: scaleY(0);
    transition: 0.5s;
}
.header-links  ul  .li1:hover::before{
    transform:scaleY(1) ;
}
.header-list{
    position: absolute;
    width: 270px;
    height: 200px;
    background-color:#fafafa;
    border: 1px solid  rgb(138, 136, 136);
    box-shadow: 1px 1px 3px 1px rgb(53, 53, 53);
    border-radius: 10px;
    margin-left: 370px;
    margin-top: 17px;
    opacity: 0;
    transform: scale(0,0);
    visibility: hidden;
    transition: 0.9s;
    display: flex;
    z-index: 5;
}
.header-links  ul  .li1:hover  .header-list{
    opacity: 1;
    visibility: visible;
    transform: scale(1,1);
}
.header-list-slize1{
    width: 160px;
    height: 180px;
    align-self: center;
    padding: 5px  15px;
}
.list-p11{
    font-size: 13px;
    color: rgb(90, 89, 89);
    margin-top: 10px;
}
.list-dotted{
    border-bottom: 1px  dotted   rgb(90, 89, 89);
    margin-top: 5px;
    margin-bottom: 15px;
    width: 38px;
}
.header-list-slize1  ul  li{
    margin-top: 13px;
    list-style-type: none;
}
.header-list-slize1  ul  li  a{
    text-decoration: none;
    color: black;
    display: inline-block;
}
.header-list-slize1  ul  li  a:hover{
    transform: scale(1.13);
    transition: 0.3s;
    color: #e53830;
}
.header-list-slize2{
    width: 110px;
    height: 180px;
    align-self: center;
}
.header-list-p22{
    font-size: 13px;
    color: rgb(90, 89, 89);
    margin-top: 15px;
}
.list-dotted2{
    border-bottom: 1px  dotted   rgb(90, 89, 89);
    margin-top: 5px;
    margin-bottom: 15px;
    width: 33px;
}
.header-list-slize2  ul  li{
    margin-top: 10px;
    list-style-type: none;
    color: black;
    height: 20px;
}
.header-list-slize2  ul  li  .a2{
    color: black;
    text-decoration: none;
    display: inline-block;
}
.header-list-slize2  ul  li  .a2:hover{
    transform: scale(1.13);
    transition: 0.3s;
    color: #e53830;
}
.header-icon2  i{
    margin: 0px  10px;
    position: relative;
}
.header-icon2  i:hover{
    color: #e53830;
}
.header-message{
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color:#e53830;
    text-align: center;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    margin-top: -33px;
}
.i-message:hover  .header-message{
    transform: translateY(-3px);
    transition: 0.5s;
}
.header-area3{
    width: 100%;
    height: 42px;
    background-color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -10px;
}
.header-area3  p{
    color: white;
}
.header-area3  a{
    margin-left: 5px;
    color: burlywood;
    border-bottom: 2px  solid  burlywood;
    font-size: 16px;
    text-decoration: none;
}
.header-area3  a:hover{
    transition: 0.5s;
    letter-spacing: 2px;
}
/* //////////////////////////////////////////////////////////////////main */
.main-background{
    width: 100%;
    height: 100vh;
    background: url(../images/2021928_SIGNATURE-DENIZEN_HERO\ \(1\).jpg);
    background-size: cover;
    position: relative;
}
.main-text{
    width: 500px;
    text-align: center;
    position: absolute;
    top: 30%;
    left: 5%;
}
.main-text  span{
    font-family: 'Dancing Script', cursive;
    font-size: 60px;
    color: #e53830;
    margin-top: 13px;
}
.main-text  h1{
    padding-bottom: 10px;
    font-size: 45px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    letter-spacing: 3px;
    text-shadow: 1px 1px 10px rgb(233, 231, 231);
}
.main-text  p{
    width: 420px;
    font-size: 18px;
    color: #696663;
    margin: 0px 40px;
}
.main-text  button{
    margin-top: 20px;
    width: 125px;
    height: 53px;
    font-size: 17px;
    border: none;
    background-color: black;
    color: rgb(233, 231, 231);
    cursor: pointer;
}
.main-text  button:hover{
    background-color:rgb(221, 219, 219);
    border: 1px  solid black;
    color: black;
    transition: 0.5s;
}
/* //////////////////////////////////////////////////////////////////////////////////    section 2 */
.section2{
    width: 90%;
    margin: auto;
}
.section2-parent{
    width: 100%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}
.section2-items{
    width:32%;
    height: 350px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    background-color: rgb(182, 182, 182);
    box-shadow:  inset 0 -100px 80px -20px rgba(0,0,0,0.8);
    
}
.section2-items-img{
    width: 100%;
    height: 100%;
    background: url(../images/588432ca8108eb88ce76cc10f483964a.png) ;
    background-position: center;
    background-size: cover;
    transition: 1s;
    transform: scale(0.9);
}
.section2-items-img1{
    background: url(../images/482e480c6df749e5f21dc51052c422ae.png) ;
    background-position: center;
    background-size: cover;

}
.section2-items-img2{
    background: url(../images/f46e8c10a3e59daecc3510fbc320a521.png) ;
    background-position: center;
    background-size: cover;
}
.section2-items:hover  .section2-items-img{
    transform: scale(1);
}
.section2-items-info{
    position: absolute;
    text-align: center;
    top: 70%;
    left: 30%;
    transform: translateY(45px);
    transition: 1s;
    z-index: 1;
    
}
.section2-items:hover .section2-items-info{
    transform: translateY(0px);
}
.section2-title1{
    color: white;
    text-shadow: 1px 1px 7px black;
    margin: 15px  0px;
    font-size: 25px;
}
.section2-title2  a{
    color: burlywood;
    text-shadow: 1px 1px 2px rgb(36, 35, 35);
    text-decoration: none;
    border-bottom: 3px  solid burlywood ;
    font-size: 18px;
    padding-bottom: 3px;
    text-transform: capitalize;
    font-size: 20px;
}
.section2-title2  a:hover{
    letter-spacing: 1px;
    transition: 0.5s;
}
/* ////////////////////////////////////////////////////////////////////////////// section3 */
.section3{
    width: 90%;
    margin: auto;
}
.section3-parent1{
    width: 100%;
    height: 80px;
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.section3-parent1-head{
    text-transform: capitalize;
}
.section3-head1{
    font-size: 35px;
    color: rgb(34, 34, 34);
}
.section3-parent1-link  ul  li{
    display: inline;
    margin-left:25px ;
}
.section3-parent1-link  ul  li  a{
    text-decoration: none;
    color: rgb(37, 37, 37);
    font-size: 20px;
    font-weight: 600px;
}
.section3-line1{
    width: 50px;
    height: 5px;
    background-color: #e53830;
    position: absolute;
    right: 14.7%;
    margin-top: -5px;
}
.section3-parent2{
    width: 100%;
    margin-top: 50px;
    position: relative;
    display: flex;
    justify-content: space-evenly;
}
.section3-items{
    width: 23%;
    height: 500px;
    text-align: center;
    position: relative;
    perspective: 1000px;
}
.section3-items-img{
    width: 100%;
    height: 75%;
    background-image: url(../images/e537541a3e6302537613a99a566a87c6.png);
    background-size: cover;
    background-position: center;
    background-color: #b9b9b9;
    box-shadow:inset 0 -100px 80px -20px rgba(0,0,0,0.8) ;
}
.section3-items-img2{
    background-image: url(../images/d67400718473e2b5b7f53a2bd69546a3.png);
    background-size: cover;
    background-position: center;
}
.section3-items-img3{
    background-image: url(../images/f46e8c10a3e59daecc3510fbc320a521.png);
    background-size: cover;
    background-position: center;
}
.section3-items-img4{
    background-image: url(../images/7d973be1629241aba8385fd597360103.png);
    background-size: cover;
    background-position: center;
}
.section3-items-img::after{
    position: absolute;
    content: "";
    background: url(../images/MP002XM1K7DO_10958351_1_v2.webp) center;
    background-size: cover;
    width: 100%;
    height: 75%;
    top: 0;
    left: 0;
    transform: rotateY(180deg);
    backface-visibility: hidden;
    transition:1.3s;
    visibility: hidden;
    transform-style: preserve-3d;
    transform-origin: center;
}
.section3-items-img2::after{
    position: absolute;
    content: "";
    background: url(../images/michel-erkek-slim-fit-dar-kesim-100-or-072e50.webp) ;
    background-size: cover;
    width: 100%;
    height: 75%;
    top: 0;
    left: 0;
    transform: rotateY(180deg);
    backface-visibility: hidden;
    transition:1.3s;
    visibility: hidden;
    transform-style: preserve-3d;
    transform-origin: center;
}
.section3-items-img3::after{
    position: absolute;
    content: "";
    background: url(../images/6513.400.jpg) center;
    background-size: cover;
    width: 100%;
    height: 75%;
    top: 0;
    left: 0;
    transform: rotateY(180deg);
    backface-visibility: hidden;
    transition:1.3s;
    visibility: hidden;
    transform-style: preserve-3d;
    transform-origin: center;
}
.section3-items-img4::after{
    position: absolute;
    content: "";
    background: url(../images/siyah-erkek-sort-siyah-61269-sort-air-jones-a15er-81277-237134-61-K.jpg) center;
    background-size: cover;
    width: 100%;
    height: 75%;
    top: 0;
    left: 0;
    transform: rotateY(180deg);
    backface-visibility: hidden;
    transition: 1.3s;
    visibility: hidden;
    transform-style: preserve-3d;
    transform-origin: center;
}
.section3-items:hover  .section3-items-img::after{
    transform: rotateY(0deg);
    visibility: visible;    
}
.section3-items-icon{
    width: 60%;
    height: 10%;
    background-color: rgb(236, 236, 236);
    box-shadow: 5px 5px  15px 2px rgb(83, 83, 83);
    position: absolute;
    top: 60%;
    left: 20%;
    transform: translateY(15px);
    opacity: 0;
    transition: all 1s;
}
.section3-items:hover  .section3-items-icon{
    opacity: 1;
    transform: translateY(0px);
}
.section3-items-icon  a  i{
    font-size: 25px;
    height: 100%;
    width: 47.5px;
    line-height: 50px;
    color: black;
}

.section3-items-icon  a:hover  i{
    background-color: #e53830;
    color: rgb(233, 233, 233);
    transition: 0.5s;
}
.section3-items-icon  a  .ai2{
    margin: 0px  8px;
}
.section3-p1{
    margin: 20px  0px;
    font-size: 20px;
}
.section3-p2{
    font-size: 18px;
    color: rgb(65, 64, 64);
}
.section3-p2  span{
    margin-left: 10px;
    text-decoration: line-through;
}
.section3-items:hover  .section3-p1{
    color: #e53830;
}
.section3-iconstart{
    position: absolute;
    font-size: 30px;
    font-weight: 900px;
    z-index: 1;
    color: rgb(83, 83, 83);
    margin-top: 180px;
    left: 0;
}
.section3-iconstart:hover{
    color: black;
}
.section3-iconend{
    position: absolute;
    font-size: 32px;
    font-weight: 900px;
    z-index: 1;
    color: rgb(83, 83, 83);
    margin-top: 180px;
    right: 0;
}
.section3-iconend:hover{
    color: black;
}
/* ///////////////////////////////////////////////////////////////////////////////////////section4 */
.section4{
    width: 100%;
    height: 400px;
    margin-top: 70px;
    background-color: #d6e7ee;
    display: flex;
    justify-content: center;
    position: relative;
    border-top: 1px  solid  rgb(141, 141, 141);
    border-bottom: 1px  solid  rgb(141, 141, 141);
}
.section4-content{
    width: 60%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.section4-head{
    font-size: 32px;
    margin: 50px  0px;
}
.section4-content >p{
    font-size: 23px;
    line-height: 1.5;
    color: #0e0e0e70;
}
.section4-last-con{
    margin-top: 50px;
    display: flex;

}
.section4-last-con-img{
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: url(../images/upload9223368955666183126_wx0c-n7.jpg);
    background-position:top;
    background-size: cover;
}
.section4-last-con  h2{
    font-size: 16px;
    margin-top: 20px;
    margin-left: 8px;
}
.section4-last-con  p{
    font-size: 15px;
    font-weight: 700;
    color:#12121370 ;
    margin-top: 45px;
    margin-left: -94px;
}
.section4-iconstart{
    position: absolute;
    font-size: 30px;
    font-weight: 900;
    top: 50%;
    left: 12%;
    color: #696663;
}
.section4-iconstart:hover{
    color: black;
}
.section4-iconend{
    position: absolute;
    font-size: 30px;
    font-weight: 900;
    top: 50%;
    right: 12%;
    color: #696663;
}
.section4-iconend:hover{
    color: black;
}
/* ////////////////////////////////////////////////////////////////////////////////////section5 */
.section5{
    width: 90%;
    margin: auto;
}
.section5-head{
    font-size: 33px;
    color: #292621;
    text-align: center;
    margin-top: 60px;
}
.section5-parent{
    width: 100%;
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}
.section5-iconstart{
    font-size: 29px;
    font-weight: 900;
    color: #696663;
    margin-top: 180px;
}
.section5-items{
    width: 23.5%;
    height: 500px;
    text-align: center;
    position: relative;
}
.section5-img{
    width: 100%;
    height:75%;
    background: url(../images/ps-EuP_H3vM.jpg) center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.section5-img2{
    background: url(../images/1.webp) center;
    background-size: cover;
}
.section5-img3{
    background: url(../images//R7c7hNsKQvh9TKdlFm27xqpcTYf7An91LA0ofx6Fb1D61E91BmsCVGl7We5ZzOh0oijQvJxIFiCZ1cwQGrS6HFPv.jpg) center;
    background-size: cover;
}
.section5-img4{
    background: url(../images/6463670924.jpg) center;
    background-size: cover;
}
.section5-img::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/1687183510_36617714-600x600.jpg) center;
    background-size: cover;
    transform: translateY(-400px);
    visibility: hidden;
    opacity: 0;
    transition:all 1s;
}
.section5-img2::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images//titan-grey-dial-silver-strap-analog-watch-for-men-1733km01-product-images-rvyxipgxqy-1-202209221506.webp) center;
    background-size: cover;
    transform: translateY(-400px);
    visibility: hidden;
    opacity: 0;
    transition:all 1s;
}
.section5-img3::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/i.webp) center;
    background-size: cover;
    transform: translateY(-400px);
    visibility: hidden;
    opacity: 0;
    transition:all 1s;
}
.section5-img4::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(../images/i\ \(1\).webp) center;
    background-size: cover;
    transform: translateY(-400px);
    visibility: hidden;
    opacity: 0;
    transition:all 1s;
}
.section5-items:hover  .section5-img::before{
    visibility: visible;
    opacity:1;
    transform: translateY(0);
}
.section5-icons{
    width: 60%;
    height: 13%;
    background-color: rgb(236, 236, 236);
    box-shadow: 5px 5px  15px 2px rgb(83, 83, 83);
    position: absolute;
    top: 80%;
    left: 20%;
    transform: translateY(15px);
    opacity: 0;
    transition: all 1s;
    z-index: 2;
}
.section5-items:hover  .section5-icons{
    opacity: 1;
    transform: translateY(0px);
}
.section5-icons  a  i{
    font-size: 25px;
    height: 100%;
    width: 48.85px;
    line-height: 50px;
    color: black;
}

.section5-icons  a:hover  i{
    background-color: #e53830;
    color: rgb(233, 233, 233);
    transition: 0.5s ;
}
.section5-icons  a  .ai2{
    margin: 0px  8px;
}
.section5-p1{
    margin-top:20px;
    font-size: 18px;
}
.section5-items:hover  .section5-p1{
    color: #e53830;
}
.section5-p2{
    margin-top: 20px;
    font-size: 18px;
    color: #39393d;
}
.section5-iconend{
    font-size: 28px;
    font-weight: 900;
    color: #696663;
    right: 0;
    margin-top: 180px;
}
/* ////////////////////////////////////////////////////////////// section6 */
.section6{
    width: 100%;
    height: 800px;
    margin-top: 70px;
    background-color: #d6e7ee ;
    border-bottom: 1px solid  rgb(138, 138, 138);
    border-top: 1px solid  rgb(138, 138, 138);
}
.section6-head{
    text-align: center;
    padding: 40px 0;
    font-size: 33px;
    color: #16161a;
}
.section6-parent{
    width: 95%;
    margin: auto;
    display: flex;
    justify-content: space-evenly;
}
.section6-items{
    width: 28%;
}
.section6-img{
    width: 100%;
    height: 400px;
    background: url(../images/71xWR8-WvfS._AC_UF1000\,1000_QL80_.jpg) ;
    background-position: center;
    background-size: cover;
    transition: 0.3s;
}
.section6-img2{
    background: url(../images/dexture-air-jordan-style-trendy-sneakers-for-men-olive-product-images-rvmc4a5o4b-0-202305310821.webp) ;
    background-position: center;
    background-size: cover;
}
.section6-img3{
    background: url(../images/i\ \(3\).webp) ;
    background-position: center;
    background-size: cover;
}

.section6-img:hover{
    transform: scale(1.04);
}
.section6-p1{
    margin: 15px 0px;
    color:#0f0f1180;
    font-size: 14px;
}
.section6-p2{
    font-size: 20px;
    line-height: 25px;
    cursor: pointer;
}
.section6-items:hover  .section6-p2{
    color: #e53830;
}
.section6-p3{
    font-size: 18.5px;
    line-height: 25px;
    color: #6b6b6d;
    margin-top: 20px;
    margin-bottom: 30px;
}
.section6-a{
    color: black;
    font-size: 20px;
    line-height: 10px;
    display: inline-block;
    transition: 0.4s;
}
.section6-a:hover{
    transform: scale(1.1);
}
/* /////////////////////////////////////////////////////////////////////section 7 */
.section7{
    width: 85%;
    margin: auto;
}
.section7-parent{
    width: 100%;
    margin-top: 70px;
    display: flex;
    justify-content: space-between;
}
.section7-items{
    width: 200px;
    text-align: center;
}
.section7-icon{
    position: relative;
    width: 100px;
    height: 80px;
    margin: auto;
    overflow: hidden;
}
.i17{
    font-size: 53px;
    color: rgb(148, 152, 167);
    margin-top: 10px;
    transition: 0.1s;
}
.section7-items:hover .i17{
    transform: translateY(-70px);
}
.i27{
    font-size: 53px;
    position: absolute;
    margin-left: -68px;
    margin-top: 10px;
    transform: translateY(70px);
    transition: 0.12s;
    color: rgb(35, 35, 77);
}
.section7-items:hover .i27{
    transform: translateY(0px);
}
.section7-p1{
    font-weight: 600;
    margin-top: 5px;
    font-size: 18px;
}
.section7-p2{
    font-size: 14px;
    margin-top: 10px;
    color: #585858;
}
.i28{
    margin-left: -60px;
}
.i29{
    margin-left: -60px;
}
.i210{
    margin-left: -67px;
}
/* ///////////////////////////////////////////////////////////////////////////////// footer */
footer{
    width: 100%;
    height: 550px;
    margin-top: 80px;
    background-color: #171613;
}
.footer-container{
    width: 85%;
    margin: auto;
    padding-top: 25px;
}
.footer-parent1{
    width: 100%;
    height: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px  solid  rgb(121, 121, 121);
}
.parent1-head1{
    color: white;
    font-size: 24px;
}
.parent1-p1{
    color: rgb(235, 233, 233);
    font-size: 15px;
    margin-top: 15px;
}
.footer-input{
    width: 400px;
    height: 50px;
    padding-left: 15px;
    font-size: 20px;
    border: 1px solid #ccc;
}
.footer-input:focus{
    border: none;
    outline: none;
    border: 1px solid #ccc;
}
.footer-btn{
    color: #fff;
    width: 150px;
    height: 50px;
    margin-left: 5px;
    background: #f00;
    border: none;
    font-size: 22px;
    transition: 0.2s;
}
.footer-btn:hover{
    transform: scale(1.08);
}
.footer-parent1-item3  i{
    color: #677F8B;
    font-size: 24px;
    margin-left: 10px;
    transition: 0.2s;
}
.footer-parent1-item3  i:hover{
    color: white;
    transform: scale(1.08);
}
.footer-parent2{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 300px;
    margin-top: 80px;
    border-bottom: 1px solid rgb(121, 121, 121);
}
.footer-logo{
    margin-top: -45px;
}
.parent2-head1{
    color: rgb(235, 234, 234);
    font-size: 18px;
    margin-bottom: 30px;
}
.footer-parent2-item2  ul  li{
    color:  rgb(175, 175, 175);
    font-size: 15px;
    list-style-type: none;
    cursor: pointer;
    margin-top: 15px;
    transition: 0.3s;
}
.footer-parent2-item2  ul  li:hover{
    transform: scale(1.06);
    text-decoration: underline;
}
.footer-parent3{
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footer-parent3-p{
    color: rgb(175, 175, 175) ;
}
.heart{
    width: 5px;
    display: inline-block;
    height: 20px;
    color: #f00;
    font-size: 15px;
    margin: 5px 5px;
    animation-name: heart;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}
@keyframes heart{
    0%{
        transform: scale(1);
        color: rgb(20, 20, 20);
        opacity: 0.5;

    }
    25%{
        transform: scale(1.2);
    }
    50%{
        transform: scale(1.5);
        
    }
    75%{
        transform: scale(1.2);
    }
    100%{
        transform: scale(1);
    }

}
.footer-a{
    margin-left: 12px;
    color: #f00;
    text-decoration: none;
    transition: 0.2s;
}
.footer-a:hover{
    text-decoration: underline;
    letter-spacing: 1.5px;
}