@font-face {
    font-family: worksans-medium;
    src: url(./assets/font/font/WorkSans-Medium.ttf);
}

@font-face {
    font-family: outfit-light;
    src: url(./assets/font/Outfit/Outfit-Light.ttf);
}

@font-face {
    font-family: saira-medium;
    src: url(./assets/font/Saira/Saira-Medium.ttf);
}

@font-face {
    font-family: saira-semi-bold;
    src: url(./assets/font/Saira/Saira-SemiBold.ttf);
}

@font-face {
    font-family: outsit-regular;
    src: url(./assets/font/Outfit/Outfit-Regular.ttf);
}

@font-face {
    font-family: saira-bold;
    src: url(./assets/font/Saira/Saira-Bold.ttf);
}

@font-face {
    font-family: saira-light;
    src: url(./assets/font/Saira/Saira-Light.ttf);
}

@font-face {
    font-family: outfit-medium;
    src: url(./assets/font/Outfit/Outfit-Medium.ttf);
}

@font-face {
    font-family: saira-regular;
    src: url(./assets/font/Saira/Saira-Regular.ttf);
}

.service_card_bottom_text{
	position: fixed;
    bottom: 0px;
    width: 100%;
    right: 0px;
}

.font_saira_regular {
    font-family: saira-regular;
}

.font_outfit_medium {
    font-family: outfit-medium;
}

.font_saira_light {
    font-family: saira-light;
}

.font_saira_bold {
    font-family: saira-bold;
}

.font_outfit_regular {
    font-family: outsit-regular;
}

.font_saira_semi-bold {
    font-family: saira-semi-bold;
}

.font_saira_medium {
    font-family: saira-medium;
}

.font_worksans_medium {
    font-family: worksans-medium;
}

.font_outfit_light {
    font-family: outfit-light;
}

.color-1 {
    color: #E51E25;
}

.color-2 {
    color: #000000;
}

.color-3 {
    color: #8A8A8A;
}

.color-4 {
    color: #949494;
}

.color-5 {
    color: #E51E25;
}

.color-6 {
    color: #383838;
}

.border_1_red {
    border: 1px solid red;
}

.display_none {
    display: none !important;
}

.pt-50 {
    padding-top: 50px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb_20 {
    padding-bottom: 15px;
}

.pt_20 {
    padding-top: 15px;
}

.pl_20 {
    padding-left: 20px;
}

.pl_30 {
    padding-left: 30px;
}

.pr_30 {
    padding-right: 30px;
}

.pr_20 {
    padding-right: 20px;
}

.f-700 {
    font-weight: 700;
}

.f_14 {
    font-size: 12px;
}

/* Start:: Titles */
.title-main {
    font-size: 6vw;
}

.title-1 {
    font-size: 3vw;
}

.title-2 {
    font-size: 1.5vw;
}

.title-3 {
    font-size: 2vw;
}

.title-4 {
    font-size: 1.5vw;
}

.paragraph {
    font-size: 1.2vw;
    line-height: 20px;
}

.font_22 {
    font-size: 22px;
}

/* End:: Titles */
/*.sec-1 .sticky{
    background-color: #ffffff;
    padding: 0;
    position: fixed;
    top: 0;
    z-index: 99;
    box-shadow: 0px 1px 10px rgba(0,0,0,0.4);
    transition-duration: 0.6s;
}*/
.nav-logo {
    width: 70%;
}

.sec-1 .navbar a {
    font-weight: bold;
}

.sec-1 .size {
    font-weight: bold;
}

.sec-1 {
    background-image: url(./assets/images/home/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 60px;
}

/*.sec-1 .sticky {
    position: fixed;
    top: 0;
    padding: -5px;
    background-color: white;
}*/
.sec-1 img {
    width: 100%;
}

.sec-1 .first-row {
    margin-top: 50px;
}

.sec-1 .second-row {
    margin-top: 30px;
}

.sec-1 .botn-1 button {
    background: #E51E25;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 1vw;
    margin-top: 30px;
}

.sec-1 .bg-image img {
    transition: all 1.1s ease;
}

.sec-1 .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1 .bg-image img {
    overflow: hidden;
}

.button-div {


    background-color: #eee;
    display: grid;
    place-items: center;
}

.sec-1 .botn-1 button {

    border-radius: 0px;
    border: 2px solid #E51E25;
    color: #E51E25;
    position: relative;
    overflow: hidden !important;
    z-index: 1;
    transition: all 0.3s linear;
}

.sec-1 .botn-1 button::before {
    content: '';
    position: absolute;
    background-color: #E51E25;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translateX(-100%);

    transition: all 0.3s linear;
}

.sec-1 .botn-1 button:hover:before {
    transform: translateX(0%);
    z-index: -1;
}

.sec-1 .botn-1 button:hover {
    color: #fff;
}

.sec-2 {
    background-color: #9E9E9E;
    padding-top: 60px;
    padding-bottom: 60px;
}

.sec-2 img {
    width: 100%;
}

.sec-2 .detail span {
    background-color: #E51E25;
    border: 0;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 0.8rem;
}

.sec-2 .detail input {
    background-color: transparent;
    border-color: #000000;
    border-left: 0px;
}

.sec-2 .abeu {
    color: #E51E25;
}

.sec-2 .pere {
    line-height: 25px;
    margin-top: 20px;
}

.sec-2 .pere-1 {
    line-height: 45px;
}

.sec-2 .pere-2 {
    padding-top: 15px;
}

.sec-2 .pere-4 {
    padding-top: 20px;
}

.sec-2 .pere-5 {
    line-height: 0px;
    font-size: 1.3vw;
}

.sec-2 .bg-image img {
    transition: all 1.1s ease;
}

.sec-2 .bg-image:hover img {
    transform: scale(1.1);
}

.sec-2 .bg-image img {
    overflow: hidden;
}

.sec-3 {
    background-image: url(./assets/images/home/sec-3/sec-3-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
}

.sec-3 .botn-2 button {
    background: #E51E25;
}

.button-div {
    background-color: #eee;
    display: grid;
    place-items: center;
}

.sec-3 .spacee {
    margin-top: -15px;
}

.sec-3 .botn-2 button {
    border: 2px solid #E51E25;
    color: #E51E25;
    position: relative;
    overflow: hidden !important;
    z-index: 1;
    transition: all 0.3s linear;
}

.sec-3 .botn-2 button::before {
    content: '';
    position: absolute;
    background-color: #E51E25;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    transition: all 0.3s linear;
}

.sec-3 .botn-2 button:hover:before {
    transform: translateX(0%);
    z-index: -1;
}

.sec-3 .botn-2 button:hover {
    color: #fff;
}

.sec-3 .box-1 {
    background: aliceblue;
}

.sec-3 .box-5 {
    margin-left: 20px;
}

.sec-3 .box-6 {
    margin-left: 20px;
}

.sec-3 .box-7 {
    margin-top: -20px;
}

.sec-3 .boxes-1 {
    margin-top: 50px;
}

.sec-3 .boxes-2 {
    margin-top: 25px;
}

.sec-3 .boxes-3 {
    margin-top: 30px;
}

.sec-3 .boxx-1 h5 {
    font-size: 1.3vw;
}

.sec-3 .boxx-4 {
    font-size: 1.5vw;
}

.sec-3 .flip-card {
    background-color: #ffdd64;
    width: 100%;
    /* height: 180px; */
    height: 150px;
    perspective: 1000px;
    border-radius: 10px
}

.flip-card p{
    margin-bottom: 0px;
}

.sec-3 .boxse-01 {
    margin-top: 35px;
}

.sec-3 .boxse-02 {
    margin-top: 10px;
}

.sec-3 .corde-1 {
    /* box-shadow: 5px 6px #E51E25; */
    box-shadow: 3px 4px #E51E25;
    width: 100%;
}

.sec-4 {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #9E9E9E;
}

.sec-4 img {
    width: 100%;
}

.sec-4 .wethe-5 {
    margin-left: 10px;
    margin-top: 20px;
}

.sec-4 .wethe-2 {
    margin-top: 50px;
    margin-left: 80px;
}

.sec-4 .wethe-1 {
    margin-top: 40px;
    margin-left: 10px;
}

.sec-4 .wethe-3 {
    margin-left: 10px;
}

.sec-4 .media-1 {
    position: relative;
}

.sec-4 .media-2 p {
    position: absolute;
    margin-top: -100px;
    padding-left: 20px;

}

.sec-4 .media-2 h5 {
    position: absolute;
    margin-top: -70px;
}

.sec-4 .mind {
    font-size: 1.5vw;
    padding-left: 20px;
}

.sec-4 .mind-1 {
    margin-top: -40px;
    position: absolute;
    font-size: 1vw;
}

.sec-4 .bootn-1 button {
    background-color: #E51E25;
    margin-top: 30px;
    font-size: 1vw;
    padding-left: 30px;
    padding-right: 30px;
}

.sec-4 .bg-image img {
    transition: all 1.1s ease;

}

.sec-4 .bg-image:hover img {
    transform: scale(1.1);
}

.sec-4 .bg-image img {
    overflow: hidden;
}

.button-div {


    background-color: #eee;
    display: grid;
    place-items: center;
}

.sec-4 .bootn-1 button {


    border: 2px solid #E51E25;
    color: #E51E25;
    position: relative;
    overflow: hidden !important;
    z-index: 1;
    transition: all 0.3s linear;
}

.sec-4 .bootn-1 button::before {
    content: '';
    position: absolute;
    background-color: #E51E25;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translateX(-100%);

    transition: all 0.3s linear;
}

.sec-4 .bootn-1 button:hover:before {
    transform: translateX(0%);
    z-index: -1;
}

.sec-4 .bootn-1 button:hover {
    color: #fff;
}

.sec-4 .img-area {
    transition: .6s ease-out;
}

.sec-4 .img-area:hover {
    transform: translateY(15px);
}

.sec-4 .img-area:hover .team-text {
    opacity: 1;
    transform: translateY(0);
}

.sec-4 .img-area {
    position: relative;
}

.sec-4 .team-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.sec-4 .img-area-1 {
    position: relative;

}

.sec-4 .mind-5 {
    margin-bottom: 10px;
    font-size: 1vw;
    margin-right: 15px;
}

.sec-4 .text {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
}

.sec-4 .spacee {
    margin-top: -15px;
}

.sec-4 .spacee-1 {
    margin-top: 23px;
}

/*.sec-4 .img-area-1{
    position: relative;
}
.sec-4 .img-area-1 .text{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
}*/
.sec-5-ga {
    background-image: url(./assets/images/home/sec-5/sec-5-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
}

.sec-5-ga img {
    width: -webkit-fill-available;
}

.sec-5-ga .mesorny {
    columns: 3;
    column-gap: 0px;
}

.sec-5-ga .grid-item {
    width: 31%
}

.sec-5-ga .ouick {
    margin-left: 30px;
}

.sec-5-ga .spacee {
    margin-top: -15px;
}

.sec-5-ga .spacee-1 {
    margin-top: 23px;
}

.sec-5-ga .oiuck-1 {
    border: 1px solid;
    padding: 4px;
    width: fit-content;
}

#photos {

    column-count: 3;
    column-gap: 30px;
}

#photos img {
    width: 100%;
    height: auto;
}

/*.sec-5-ga .imgge-1 {
    transition: transform .7s ease-in-out;
}
.sec-5-ga  .imgge-1:hover {
    transform: rotate(360deg);
    
}
.sec-5-ga .imgge-2{
   
    transition: all 800ms linear 400ms;
}
.sec-5-ga .imgge-2:hover{
    transform: rotateY(360deg);
}
.sec-5-ga .imgge-3{
    transition: all 800ms linear 400ms;
}
.sec-5-ga .imgge-3:hover{
    transform: translate(15px, -15px)
}
.sec-5-ga .imgge-4{
    transition: all 800ms linear 400ms;
}
.sec-5-ga .imgge-4:hover{
    transform: translate(-15px, 15px)
}*/
.sec-5-ga .imgge-5 {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    /* box-shadow: 0 0 1px rgba(0, 0, 0, 0); */
}

.sec-5-ga .imgge-5:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.sec-5-ga .oiuck-1 {
    font-size: 1vw;
}

.grid-item {
    width: 200px;
}

.grid-item--width2 {
    width: 200px;
}

.sec-6 {
    background-color: #8D8D8D;
    padding-top: 60px;
    padding-bottom: 60px;
}

.sec-6 .card {
    background-color: #000000;
    ;

}

.sec-6 img {
    width: 100%;
}

.sec-6 .one-3 {
    padding-top: 60px;
    margin-left: -40px;
    position: relative;

}

.sec-6 .star-1 {
    margin-top: 25px;
    color: #FDC516;
}

.sec-6 .tedt-1 {
    line-height: 30px;
}

.sec-6 .carousel-inner .carousel-item {
    transition: -webkit-transform 4s ease;
    transition: transform 4s ease;
    transition: transform 4s ease, -webkit-transform 2s ease;
}

.sec-6 .carousel-item {
    width: 100%;

}

.sec-6 .carousel-control-prev {
    width: 50px;
    height: 50px;
    font-size: 30px;
    top: calc(93% - 5px);
    left: 23%;
}

.sec-6 .carousel-control-next {
    width: 50px;
    height: 50px;
    font-size: 30px;
    margin-top: -8px;
    left: 72%;
}

.sec-6 .tille-1 {
    margin-top: 20px;
}

.sec-6 .spacee {
    margin-top: -15px;
}

.sec-7 {
    background-image: url(./assets/images/home/sec-7/sec-7-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
}

.sec-7 .title-10 input {
    background-color: #292929;
    color: #8D8D8D;
}

.sec-7 img {
    width: 100%;
}

.sec-7 .one-1 {
    padding-top: 30px;
}

.sec-7 .bttn-2 button {
    background-color: #E51E25;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 18px;
    padding-right: 18px;
}

.sec-7 .bg-image img {
    transition: all 1.1s ease;
}

.sec-7 .bg-image:hover img {
    transform: scale(1.1);
}

.sec-7 .bg-image img {
    overflow: hidden;
}

.button-div {

    background-color: #eee;
    display: grid;
    place-items: center;
}

.sec-7 .bttn-2 button {
    border: 2px solid #E51E25;
    color: #E51E25;
    position: relative;
    overflow: hidden !important;
    z-index: 1;
    transition: all 0.3s linear;
}

.sec-7 .bttn-2 button::before {
    content: '';
    position: absolute;
    background-color: #E51E25;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    transition: all 0.3s linear;

}

.sec-7 .bttn-2 button:hover:before {
    transform: translateX(0%);
    z-index: -1;
}

.sec-7 .bttn-2 button:hover {
    color: #fff;
}

.sec-7 .one-2 {
    padding-bottom: 50px;
}

.sec-7 .two-1 input {
    padding-top: 10px;
    padding-bottom: 70px;
}

.sec-7 .spacee {
    margin-top: -15px;
}

.sec-7 .two-22 input {
    padding-top: 12px;
    padding-bottom: 12px;
}

.sec-8 {
    background-image: url(./assets/images/home/sec-8/sec-8-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;

}

.sec-8 img {
    width: -webkit-fill-available;
}

.sec-8 .inmg-1 {
    max-width: 50px;
}

.sec-8 .bedr button {
    background-color: #E51E25;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 20px;
}

.sec-8 .bg-image img {
    transition: all 1.1s ease;
}

.sec-8 .hoome-1 {
    color: black;
}

.sec-8 .bg-image:hover img {
    transform: scale(1.1);
}

.sec-8 .bg-image img {
    overflow: hidden;
}

.sec-8 .bg-icon {
    transition: all 1.2s ease;
}

.sec-8 .bg-icon:hover {
    transform: scale(1.4);
}

.button-div {


    background-color: #eee;
    display: grid;
    place-items: center;
}

.sec-8 .bedr button {


    border: 2px solid #E51E25;
    color: #E51E25;
    position: relative;
    overflow: hidden !important;
    z-index: 1;
    transition: all 0.3s linear;
    border-radius: 0px;
}

.sec-8 .bedr button::before {
    content: '';
    position: absolute;
    background-color: #E51E25;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translateX(-100%);
    transition: all 0.3s linear;
}

.sec-8 .bedr button:hover:before {
    transform: translateX(0%);
    z-index: -1;
}

.sec-8 .bedr button:hover {
    color: #fff;
}

.sec-8 .icon-11 {
    color: #E51E25;
}

.sec-8 .pare-1 {
    margin-top: 20px;
}

.sec-8 .folow {
    margin-top: 30px;
}

.sec-8 .folow-1 {
    margin-top: 20px;
    font-size: 1vw;
}

.sec-8 .fbe {
    color: #F5F5F5;
}

.sec-8 .fbe-1 {
    color: #E51E25;
}

.sec-8 .active a {
    color: #E51E25;
    border-bottom: 3px solid;
}

.sec-8 .spacee {
    margin-bottom: -20px;
}

.sec-8 .spacee-1 {
    margin-top: 18px;
}

.sec-8 .sppoccee-1 {
    word-break: break-word;
}

/*about-us*/
.sec-1-ab .navbar a {
    font-weight: bold;
}

.sec-1-ab .size {
    font-weight: bold;
}

.sec-1-ab {
    background-image: url(./assets/images/home/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-ab img {
    width: 100%;
}


.sec-1-ab .detail span {
    background-color: #E51E25;

}

.sec-1-ab .abeu {
    color: #E51E25;
}

.sec-1-ab .pere {
    line-height: 25px;
    margin-top: 20px;
}

.sec-1-ab .pere-1 {
    line-height: 45px;
}

.sec-1-ab .pere-2 {
    padding-top: 15px;
}

.sec-1-ab .pere-4 {
    padding-top: 20px;
}

.sec-1-ab .pere-5 {
    line-height: 0px;
}

.sec-1-ab .pere-5 {
    line-height: 0px;
    font-size: 1.3vw;
}

.sec-1-ab .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-ab .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-ab .bg-image img {
    overflow: hidden;
}

.sec-1-ab .detail input {
    background-color: transparent;
    border-color: #000000;
    border-left: 0px;
}

.sec-1-ab .detail span {
    background-color: #E51E25;
    border: 0;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 0.8rem;
}

.sec-2-ab {
    background-color: #9E9E9E;
    padding-top: 60px;
    padding-bottom: 60px;
}

.sec-2-ab .accordion:after {
    margin-top: -16px;
}

.sec-2-ab img {
    width: 100%;
}

.sec-2-ab .crea h3 {
    background-color: #E51E25;
    border-radius: 30px;
    font-size: 1.7vw;
    padding-left: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 20px;
}

.sec-2-ab .bg-image img {
    transition: all 1.1s ease;
}

.sec-2-ab .bg-image:hover img {
    transform: scale(1.1);
}

.sec-2-ab .bg-image img {
    overflow: hidden;
}

.sec-2-ab .spacce-1 {
    margin-top: 40px;
}

.sec-2-ab .spacce-11 {
    margin-left: -21px;
}

.sec-2-ab .spacce-12 {
    margin-left: -19px;
}

.sec-2-ab .accordion {
    background-color: transparent;
    color: black;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;

}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.sec-2-ab .active,
.accordion:hover {
    background-color: transparent;
}

/* Style the accordion panel. Note: hidden by default */
.sec-2-ab .panel {
    padding: 0 18px;
    background-color: transparent;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-bottom: 1px solid;
}

.sec-2-ab .accordion:after {
    content: '\002B';
    /* Unicode character for "plus" sign (+) */
    font-size: 30px;
    color: #000000;
    float: right;
    margin-left: 5px;
}

.sec-2-ab .active:after {
    content: '\2212';
    /* Unicode character for "minus" sign (-) */
}

.sec-3-ab {
    background-image: url(./assets/images/about/sec-3/sec-3-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
}

.sec-3-ab .title-10 input {
    background-color: rgba(255, 255, 255, 0.3);
}

.sec-3-ab img {
    width: -webkit-fill-available;
}

.sec-3-ab .one-1 {
    padding-top: 30px;
}

.sec-3-ab .bttn-2 button {
    background-color: #FF014F;
}


.button-div {


    background-color: #eee;
    display: grid;
    place-items: center;
}

.sec-3-ab .bttn-2 button {


    border: 2px solid #FF014F;

    position: relative;
    overflow: hidden !important;
    z-index: 1;
    transition: all 0.3s linear;
}

.sec-3-ab .bttn-2 button::before {
    content: '';
    position: absolute;
    background-color: #FF014F;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translateX(-100%);

    transition: all 0.3s linear;
}

.sec-3-ab .bttn-2 button:hover:before {
    transform: translateX(0%);
    z-index: -1;
}


.sec-3-ab .one-2 {
    padding-bottom: 50px;
}

.sec-3-ab .two-1 input {
    padding-bottom: 50px;
}

.sec-3-ab .spacee {
    margin-top: -15px;
}

.sec-3-ab .two-1 input {
    padding-top: 10px;
    padding-bottom: 70px;
}

.sec-3-ab .two-22 input {
    padding-top: 12px;
    padding-bottom: 12px;
}

/*about-us*/
/*service*/
.sec-1-se .boxx-4 {
    font-size: 1.5vw;
}

.sec-1-se .navbar a {
    font-weight: bold;
}

.sec-1-se .size {
    font-weight: bold;
}

.sec-1-se {
    background-image: url(./assets/images/service/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-se img {
    width: 100%;
}

.sec-1-se .geo {
    margin-top: 30px;
}

.sec-1-se .geo-1 {
    margin-top: 50px;
}

.sec-1-se .paragraph-1 {
    font-size: 1.5vw;
}

.sec-1-se .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-se .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-se .bg-image img {
    overflow: hidden;
}

.sec-1-se .spacee {
    margin-top: -15px;
}

.sec-1-se .flip-card {
    background-color: #ffdd64;
    width: 100%;
    /* height: 180px; */
    height: 150px;
    perspective: 1000px;
    border-radius: 10px
}

.sec-1-se .boxse-01 {
    margin-top: 35px;
}

.sec-1-se .boxse-02 {
    margin-top: 10px;
}

.sec-1-se .corde-1 {
    /* box-shadow: 5px 6px #E51E25; */
    box-shadow: 3px 4px #E51E25;
    width: 100%;
}

.sec-2-se {
    background-color: #8D8D8D;
    padding-top: 60px;
    padding-bottom: 60px;
}

.sec-2-se img {
    width: 100%;
}

.sec-2-se .acti {
    margin-top: 70px;
}

.sec-2-se .acti-1 {
    font-size: 1.5vw;
}

.sec-2-se .bg-image img {
    transition: all 1.1s ease;
}

.sec-2-se .bg-image:hover img {
    transform: scale(1.1);
}

.sec-2-se .bg-image img {
    overflow: hidden;
}

.sec-2-se .flip-card {
    background-color: transparent;
    width: -webkit-fill-available;
    height: 180px;
    perspective: 1000px;
}

.sec-2-se .flip-card-inner {
    position: relative;
    width: -webkit-fill-available;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.sec-2-se .flip-card-front,
.flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.sec-2-se .flip-card-front {
    background-color: white;
    color: black;
}

.sec-2-se .flip-card-back {
    background-color: white;
    color: black;
    transform: rotateY(180deg);
}

.sec-2-se .boxse-01 {
    margin-top: 35px;
}

.sec-2-se .boxse-02 {
    margin-top: 10px;
}

.sec-2-se .corde-1 {
    box-shadow: 5px 6px #E51E25;
    width: 100%;
}

.sec-3-se {
    background-image: url(./assets/images/service/sec-3/sec-3-frame-desktop.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 60px;
}

.sec-3-se img {
    width: 100%;
}

.sec-3-se .stru {
    margin-top: 30px;
}

.sec-3-se .bg-image img {
    transition: all 1.1s ease;
}

.sec-3-se .bg-image:hover img {
    transform: scale(1.1);
}

.sec-3-se .bg-image img {
    overflow: hidden;
}

.sec-4-se {
    background-color: #8D8D8D;
    padding-top: 50px;
    padding-bottom: 50px;
}

.sec-4-se img {
    width: 100%;
}

.sec-4-se .garbh {
    margin-top: 40px;
}

.sec-4-se .bg-image img {
    transition: all 1.1s ease;
}

.sec-4-se .bg-image:hover img {
    transform: scale(1.1);
}

.sec-4-se .bg-image img {
    overflow: hidden;
}

.sec-5-se {
    background-image: url(./assets/images/service/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 50px;
}

.sec-5-se img {
    width: 100%;
}

.sec-5-se .geo {
    margin-top: 30px;
}

.sec-5-se .geo-1 {
    margin-top: 50px;
}

.sec-5-se .paragraph-1 {
    font-size: 1.5vw;
}

.sec-5-se .bg-image img {
    transition: all 1.1s ease;
}

.sec-5-se .bg-image:hover img {
    transform: scale(1.1);
}

.sec-5-se .bg-image img {
    overflow: hidden;
}

.sec-5-se .spacee {
    margin-top: -15px;
}

.sec-6-se {
    background-color: #8D8D8D;
    padding-top: 50px;
    padding-bottom: 50px;
}

.sec-6-se img {
    width: 100%;
}

.sec-6-se .geo {
    margin-top: 30px;
}

.sec-6-se .geo-1 {
    margin-top: 50px;
}

.sec-6-se .paragraph-1 {
    font-size: 1.5vw;
}

.sec-6-se .bg-image img {
    transition: all 1.1s ease;
}

.sec-6-se .bg-image:hover img {
    transform: scale(1.1);
}

.sec-6-se .bg-image img {
    overflow: hidden;
}

.sec-6-se .spacee {
    margin-top: -15px;
}

.sec-7-se {
    background-image: url(./assets/images/service/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 50px;
}

.sec-7-se img {
    width: 100%;
}

.sec-7-se .geo {
    margin-top: 30px;
}

.sec-7-se .geo-1 {
    margin-top: 50px;
}

.sec-7-se .paragraph-1 {
    font-size: 1.5vw;
}

.sec-7-se .bg-image img {
    transition: all 1.1s ease;
}

.sec-7-se .bg-image:hover img {
    transform: scale(1.1);
}

.sec-7-se .bg-image img {
    overflow: hidden;
}

.sec-7-se .spacee {
    margin-top: -15px;
}

/*service*/
.sec-1-so .navbar a {
    font-weight: bold;
}

.sec-1-so .size {
    font-weight: bold;
}

.sec-1-so {
    background-image: url(./assets/images/social/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-so img {
    width: 100%;
}

.sec-1-so .wethe-5 {
    margin-left: 10px;
    margin-top: 20px;
}

.sec-1-so .wethe-2 {
    margin-top: 40px;
    margin-left: 80px;
}

.sec-1-so .wethe-1 {
    margin-top: 40px;
    margin-left: 10px;
}

.sec-1-so .wethe-3 {
    margin-left: 10px;
}

.sec-1-so .media-1 {
    position: relative;
}

.sec-1-so .media-2 p {
    position: absolute;
    margin-top: -100px;
    padding-left: 20px;

}

.sec-1-so .media-2 h5 {
    position: absolute;
    margin-top: -70px;
}

.sec-1-so .mind {
    font-size: 1.5vw;
    padding-left: 20px;
}

.sec-1-so .mind-1 {
    margin-top: -40px;
    position: absolute;
    font-size: 1vw;
}

.sec-1-so .bootn-1 button {
    background-color: #E51E25;
    margin-top: 30px;
    font-size: 1vw;
    padding-left: 20px;
    padding-right: 20px;
}

.sec-1-so .bg-image img {
    transition: all 1.1s ease;

}

.sec-1-so .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-so .bg-image img {
    overflow: hidden;
}

.button-div {


    background-color: #eee;
    display: grid;
    place-items: center;
}

.sec-1-so .bootn-1 button {


    border: 2px solid #E51E25;
    color: #E51E25;
    position: relative;
    overflow: hidden !important;
    z-index: 1;
    transition: all 0.3s linear;
}

.sec-1-so .bootn-1 button::before {
    content: '';
    position: absolute;
    background-color: #E51E25;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translateX(-100%);

    transition: all 0.3s linear;
}

.sec-1-so .bootn-1 button:hover:before {
    transform: translateX(0%);
    z-index: -1;
}

.sec-1-so .bootn-1 button:hover {
    color: #fff;
}

.sec-1-so .img-area {
    transition: .6s ease-out;
}

.sec-1-so .img-area:hover {
    transform: translateY(15px);
}

.sec-1-so .img-area:hover .team-text {
    opacity: 1;
    transform: translateY(0);
}

.sec-1-so .img-area {
    position: relative;
}

.sec-1-so .team-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.sec-1-so .img-area-1 {
    position: relative;
}

.sec-1-so .mind-5 {
    margin-bottom: 10px;
    font-size: 1vw;
    margin-right: 15px;
}

.sec-1-so .text {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
}

.sec-1-so .spacee {
    margin-top: -15px;
}

.sec-1-so .spacee-1 {
    margin-top: 23px;
}

.sec-2-so {
    background-color: #9E9E9E;
    padding-top: 60px;
    padding-bottom: 80px;
}

.sec-2-so img {
    width: 100%;
}

.sec-2-so .wethe-5 {
    margin-left: 10px;
    margin-top: 20px;
}

.sec-2-so .wethe-2 {
    margin-top: 40px;
    margin-left: 80px;
}

.sec-2-so .wethe-1 {
    margin-top: 40px;
    margin-left: 10px;
}

.sec-2-so .wethe-3 {
    margin-left: 10px;
}

.sec-2-so .media-1 {
    position: relative;
}

.sec-2-so .media-2 p {
    position: absolute;
    margin-top: -100px;
    padding-left: 20px;

}

.sec-2-so .media-2 h5 {
    position: absolute;
    margin-top: -70px;
}

.sec-2-so .mind {
    font-size: 1.5vw;
    padding-left: 20px;
}

.sec-2-so .mind-1 {
    margin-top: -40px;
    position: absolute;
    font-size: 1vw;
}

.sec-2-so .bootn-1 button {
    background-color: #E51E25;
    margin-top: 30px;
    font-size: 1vw;
    padding-left: 20px;
    padding-right: 20px;
}

.sec-2-so .bg-image img {
    transition: all 1.1s ease;

}

.sec-2-so .bg-image:hover img {
    transform: scale(1.1);
}

.sec-2-so .bg-image img {
    overflow: hidden;
}

.button-div {


    background-color: #eee;
    display: grid;
    place-items: center;
}

.sec-2-so .bootn-1 button {


    border: 2px solid #E51E25;
    color: #E51E25;
    position: relative;
    overflow: hidden !important;
    z-index: 1;
    transition: all 0.3s linear;
}

.sec-2-so .bootn-1 button::before {
    content: '';
    position: absolute;
    background-color: #E51E25;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translateX(-100%);

    transition: all 0.3s linear;
}

.sec-2-so .bootn-1 button:hover:before {
    transform: translateX(0%);
    z-index: -1;
}

.sec-2-so .bootn-1 button:hover {
    color: #fff;
}

.sec-2-so .img-area {
    transition: .6s ease-out;
}

.sec-2-so .img-area:hover {
    transform: translateY(15px);
}

.sec-2-so .img-area:hover .team-text {
    opacity: 1;
    transform: translateY(0);
}

.sec-2-so .img-area {
    position: relative;
}

.sec-2-so .team-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.sec-2-so .img-area-1 {
    position: relative;
}

.sec-2-so .mind-5 {
    margin-bottom: 10px;
    font-size: 1vw;
    margin-right: 15px;
}

.sec-2-so .text {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.5);
}

.sec-2-so .spacee {
    margin-top: -15px;
}

.sec-2-so .spacee-1 {
    margin-top: 23px;
}

.sec-1-co .navbar a {
    font-weight: bold;
}

.sec-1-co .size {
    font-weight: bold;
}

.sec-1-co {
    background-image: url(./assets/images/contact/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-co .title-10 input {
    background-color: #292929;
    color: #8D8D8D;
}

.sec-1-co img {
    width: 100%;
}

.sec-1-co .one-1 {
    padding-top: 30px;
}

.sec-1-co .bttn-2 button {
    background-color: #E51E25;
    ;
}

.button-div {


    background-color: #eee;
    display: grid;
    place-items: center;
}

.sec-1-co .bttn-2 button {


    border: 2px solid #E51E25;
    color: #E51E25;
    position: relative;
    overflow: hidden !important;
    z-index: 1;
    transition: all 0.3s linear;
}

.sec-1-co .bttn-2 button::before {
    content: '';
    position: absolute;
    background-color: #E51E25;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: translateX(-100%);

    transition: all 0.3s linear;
}

.sec-1-co .bttn-2 button:hover:before {
    transform: translateX(0%);
    z-index: -1;
}

.sec-1-co .bttn-2 button:hover {
    color: #fff;
}

.sec-1-co .one-2 {
    padding-bottom: 50px;
}

.sec-1-co .two-1 input {
    padding-bottom: 50px;
}

.sec-1-co .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-co .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-co .bg-image img {
    overflow: hidden;
}

.sec-1-co .spacee {
    margin-top: -15px;
}

.sec-1-co .two-1 input {
    padding-top: 10px;
    padding-bottom: 70px;
}

.sec-1-co .two-22 input {
    padding-top: 12px;
    padding-bottom: 12px;
}

.sec-1-te .navbar a {
    font-weight: bold;
}

.sec-1-te .size {
    font-weight: bold;
}

.sec-1-te {
    background-image: url(./assets/images/testomonial/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.testimonial {
    background: #fff;
    text-align: center;
    padding: 30px 30px 50px;
    margin: 0 15px 100px;
    position: relative;
}

.testimonial:before,
.testimonial:after {
    content: "";
    border-top: 40px solid #fff;
    border-right: 125px solid transparent;
    position: absolute;
    bottom: -36px;
    left: 0;
}

.testimonial:after {
    border-right: none;
    border-left: 125px solid transparent;
    left: auto;
    right: 0;
}

.testimonial .icon {
    display: inline-block;
    font-size: 80px;
    color: #bd986b;
    margin-bottom: 20px;
    opacity: 0.6;
}

.testimonial .description {
    font-size: 15px;
    color: #777;
    text-align: left;
    margin-bottom: 30px;
    opacity: 0.8;
}

.testimonial .testimonial-content {
    width: 100%;
    position: absolute;
    left: 0;
}

.testimonial .pic {
    display: inline-block;
    overflow: hidden;
    z-index: 1;
    position: relative;
}

.testimonial .pic img {
    border-radius: 10px;
    width: 50%;
    height: auto;
}

.testimonial .title {
    font-size: 20px;
    font-weight: bold;
    text-transform: capitalize;
    margin: 0 0 5px 0;
}

.testimonial .post {
    display: block;
    font-size: 14px;
    color: #8A8A8A;
}

.sec-1-te img {
    width: 100%;
}

.sec-1-te .card {
    background-color: #000000;
    margin-top: 40px;
}

.sec-1-te .one-3 {
    position: relative;
    margin-top: 152px;
    margin-left: -40px;
}

.sec-1-te .star-1 {
    margin-top: 25px;
    color: #FDC516;

}

.sec-1-te .tedt-1 {
    line-height: 30px;
}

.sec-1-te .carousel-inner .carousel-item {
    transition: -webkit-transform 4s ease;
    transition: transform 4s ease;
    transition: transform 4s ease, -webkit-transform 2s ease;
}

.sec-1-te .carousel-item {
    width: 100%;

}

.sec-1-te .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-te .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-te .bg-image img {
    overflow: hidden;
}

.sec-1-te .carousel-control-prev {
    width: 50px;
    height: 50px;
    font-size: 30px;
    top: calc(95% - 5px);
    left: 23%;
}

.sec-1-te .carousel-control-next {
    width: 50px;
    height: 50px;
    font-size: 30px;
    margin-top: 143px;
    left: 72%;
}

.sec-1-te .spacee {
    margin-top: -15px;
}

.sec-1-gal .navbar a {
    font-weight: bold;
}

.sec-1-gal .size {
    font-weight: bold;
}

.sec-1-gal {
    background-image: url(./assets/images/gallery/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-gal img {
    width: -webkit-fill-available;
}

.sec-1-gal .mesorny {
    columns: 3;
    column-gap: 0px;

}

.sec-1-gal .grid-item {
    width: 31%;
}

.sec-1-gal .ouick {
    margin-left: 30px;
}

.sec-1-gal .ouick {
    margin-left: 30px;
}

.sec-1-gal .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-gal .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-gal .bg-image img {
    overflow: hidden;
}

.sec-1-gal .oiuck-1 {
    border: 1px solid;
    padding: 5px;
    width: fit-content;
    margin-bottom: 0px;
}

.sec-1-gal .imgge-5 {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.sec-1-gal .imgge-5:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.sec-1-gal .oiuck-1 {
    font-size: 1vw;
}

#photos {

    column-count: 3;
    column-gap: 30px;
}

#photos img {
    width: 100%;
    height: auto;
}

.grid-item {
    width: 200px;
}

.grid-item--width2 {
    width: 200px;
}

.form-control:focus {
    box-shadow: none;
}

.sec-1-go {
    background-image: url(./assets/images/gallery/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-go img {
    width: 100%;
}

.sec-1-go .navbar a {
    font-weight: bold;
}

.sec-1-go .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-go .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-go .bg-image img {
    overflow: hidden;
}

.sec-1-ay {
    background-image: url(./assets/images/gallery/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-ay img {
    width: 100%;
}

.sec-1-ay .navbar a {
    font-weight: bold;
}

.sec-1-ay .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-ay .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-ay .bg-image img {
    overflow: hidden;
}

.sec-1-nu {
    background-image: url(./assets/images/gallery/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-nu img {
    width: 100%;
}

.sec-1-nu .navbar a {
    font-weight: bold;
}

.sec-1-nu .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-nu .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-nu .bg-image img {
    overflow: hidden;
}

.sec-1-ma {
    background-image: url(./assets/images/gallery/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-ma img {
    width: 100%;
}

.sec-1-ma .navbar a {
    font-weight: bold;
}

.sec-1-ma .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-ma .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-ma .bg-image img {
    overflow: hidden;
}

.sec-1-tr {
    background-image: url(./assets/images/gallery/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-tr img {
    width: 100%;
}

.sec-1-tr .navbar a {
    font-weight: bold;
}

.sec-1-tr .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-tr .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-tr .bg-image img {
    overflow: hidden;
}

.sec-1-va {
    background-image: url(./assets/images/gallery/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-va img {
    width: 100%;
}

.sec-1-va .navbar a {
    font-weight: bold;
}

.sec-1-va .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-va .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-va .bg-image img {
    overflow: hidden;
}

.sec-1-vk {
    background-image: url(./assets/images/gallery/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-vk img {
    width: 100%;
}

.sec-1-vk .navbar a {
    font-weight: bold;
}

.sec-1-vk .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-vk .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-vk .bg-image img {
    overflow: hidden;
}

.sec-1-all {
    background-image: url(./assets/images/gallery/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-all img {
    width: 100%;
}

.sec-1-all .navbar a {
    font-weight: bold;
}

.sec-1-all .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-all .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-all .bg-image img {
    overflow: hidden;
}

.sec-1-log {
    background-image: url(./assets/images/gallery/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-log img {
    width: 100%;
}

.sec-1-log .navbar a {
    font-weight: bold;
}

.sec-1-log .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-log .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-log .bg-image img {
    overflow: hidden;
}

.sec-1-mj {
    background-image: url(./assets/images/gallery/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-mj img {
    width: 100%;
}

.sec-1-mj .navbar a {
    font-weight: bold;
}

.sec-1-mj .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-mj .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-mj .bg-image img {
    overflow: hidden;
}

.sec-1-di {
    background-image: url(./assets/images/gallery/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-di img {
    width: 100%;
}

.sec-1-di .navbar a {
    font-weight: bold;
}

.sec-1-di .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-di .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-di .bg-image img {
    overflow: hidden;
}

.sec-1-int {
    background-image: url(./assets/images/gallery/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-int img {
    width: 100%;
}

.sec-1-int .navbar a {
    font-weight: bold;
}

.sec-1-int .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-int .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-int .bg-image img {
    overflow: hidden;
}

.sec-1-vas {
    background-image: url(./assets/images/gallery/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-vas img {
    width: 100%;
}

.sec-1-vas .navbar a {
    font-weight: bold;
}

.sec-1-vas .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-vas .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-vas .bg-image img {
    overflow: hidden;
}

.sec-1-cha {
    background-image: url(./assets/images/gallery/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-cha img {
    width: 100%;
}

.sec-1-cha .navbar a {
    font-weight: bold;
}

.sec-1-cha .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-cha .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-cha .bg-image img {
    overflow: hidden;
}

.sec-1-vin {
    background-image: url(./assets/images/gallery/sec-1/sec-1-desktop-frame.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 0px;
    padding-bottom: 80px;
}

.sec-1-vin img {
    width: 100%;
}

.sec-1-vin .navbar a {
    font-weight: bold;
}

.sec-1-vin .bg-image img {
    transition: all 1.1s ease;
}

.sec-1-vin .bg-image:hover img {
    transform: scale(1.1);
}

.sec-1-vin .bg-image img {
    overflow: hidden;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .sec-1-gal .oiuck-1 {
        font-size: 1.8vw !important;
    }

    .sec-5-ga .oiuck-1 {
        font-size: 1.8vw !important;
    }

    #photos {
        column-gap: 15px !important;
        column-count: 2;
    }

    .sec-1-gal .texy-1 {
        font-size: 2vw !important;
    }

    .sec-5-ga .texy-1 {
        font-size: 2vw !important;
    }

    .sec-8 .folow-1 {
        font-size: 1.6vw !important;
        padding-left: 35px !important;
    }

    .sec-8 {
        text-align: center !important;
    }

    .sec-8 .bedr {
        margin-bottom: 20px !important;
    }

    .sec-2-ab .accordion:after {
        margin-top: -14px !important;
    }

    .sec-3 .vasu-1 h5 {
        font-size: 2.3vw !important;
    }

    .sec-3 .read-1 {
        font-size: 1.5vw !important;
    }

    .sec-1-se .vasu-1 h5 {
        font-size: 2.3vw !important;
    }

    .sec-1-se .read-1 {
        font-size: 1.5vw !important;
    }

    .title-1 {
        font-size: 5vw !important;
    }

    .title-2 {
        font-size: 3vw !important;
    }

    .title-3 {
        font-size: 3.3vw !important;
    }

    .paragraph {
        font-size: 2.2vw;
        line-height: 18px;
    }

    .sec-4 .wethe-2 {
        margin-top: 20px !important;
        margin-left: 35px !important;
    }

    .sec-4 .wethe-1 {
        margin-top: 22px !important;
        margin-left: -10px !important;
    }

    .sec-4 .wethe-5 {
        margin-top: 10px !important;
        margin-left: -10px !important;
    }

    .sec-1-so .wethe-2 {
        margin-top: 20px !important;
        margin-left: 35px !important;
    }

    .sec-1-so .wethe-1 {
        margin-top: 22px !important;
        margin-left: -10px !important;
    }

    .sec-1-so .wethe-5 {
        margin-top: 10px !important;
        margin-left: -10px !important;
    }

    .sec-2-so .wethe-2 {
        margin-top: 20px !important;
        margin-left: 35px !important;
    }

    .sec-2-so .wethe-1 {
        margin-top: 22px !important;
        margin-left: -10px !important;
    }

    .sec-2-so .wethe-5 {
        margin-top: 10px !important;
        margin-left: -10px !important;
    }

    .sec-6 .carousel-control-prev {
        top: calc(98% - 15px);
        left: 4%;
    }

    .sec-6 .carousel-control-next {
        left: 60%
    }

    .sec-1-te .carousel-control-prev {
        top: calc(97% - 5px);
        left: 3%;
    }

    .sec-1-te .carousel-control-next {
        top: calc(4% - 15px);
        left: 60%;
    }

    .sec-4 .mind-6 {
        font-size: 10px !important;
    }

    .sec-1-so .mind-6 {
        font-size: 10px !important;
    }

    .sec-2-so .mind-6 {
        font-size: 10px !important;
    }

    .title-4 {
        font-size: 2vw;
    }
}

@media only screen and (min-width: 575px) {
    .sec-3 .flip-card:hover .flip-card-inner {
        transform: rotateY(180deg) !important;
    }

    .sec-2-se .flip-card:hover .flip-card-inner {
        transform: rotateY(180deg) !important;
    }
}

@media only screen and (max-width: 575px) {
    .sec-1-gal .oiuck-1 {
        font-size: 2.2vw !important;
    }

    .sec-5-ga .oiuck-1 {
        font-size: 2.2vw !important;
    }

    #photos {
        column-count: 1;
        column-gap: 10px !important;
    }

    .sec-5-ga .texy-1 {
        font-size: 2.8vw !important;
    }

    .sec-1-gal .texy-1 {
        font-size: 2.8vw !important;
    }

    .sec-1-ab .uid-1 {
        margin-top: -60px !important;
    }

    .sec-2-ab .ghtl-1 {
        margin-top: -20px !important;
    }

    .sec-1-ab {
        padding-bottom: 40px !important;
    }

    .sec-1-se {
        padding-bottom: 40px !important;
    }

    .sec-1-so {
        padding-bottom: 40px !important;
    }

    .sec-1-gal {
        padding-bottom: 40px !important;
    }

    .sec-1-te {
        padding-bottom: 40px !important;
    }

    .sec-1-co {
        padding-bottom: 40px !important;
    }

    .sec-2 .mean-1 {
        margin-top: -7px !important;
    }

    .sec-2 .mean-2 {
        margin-top: -15px !important;
    }

    .sec-1-ab .mean-1 {
        margin-top: -7px !important;
    }

    .sec-1-ab .mean-2 {
        margin-top: -15px !important;
    }

    .sec-8 .am-1 {
        font-size: 3vw !important;
    }

    .sec-3 .boxes-1 {
        margin-top: 20px !important;
    }

    .nav-logo {
        width: 40% !important;
    }

    .sec-2 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .sec-3 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .sec-4 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .sec-5-ga {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .sec-6 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .sec-7 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .sec-8 {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .sec-2-ab {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .sec-3-ab {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .sec-2-so {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }

    .sec-2-ab .accordion:after {
        margin-top: -12px !important;
    }

    .sec-2 .pere-1 {
        line-height: 20px !important;
    }

    .sec-2 .pere {
        line-height: 20px !important;
        margin-top: -5px !important;
    }

    .sec-1-ab .pere {
        margin-top: -5px !important;
    }

    .sec-1-co .bttn-2 {
        padding-bottom: 30px !important;
    }

    .sec-7 .bttn-2 {
        padding-bottom: 30px !important;
    }

    .sec-1-te .text-center {
        text-align: left !important;
    }

    .sec-2-ab .spacce-11 {
        font-size: 16px !important;
    }

    .sec-2-ab .spacce-1 {
        margin-top: 20px !important;
    }

    .sec-8 .pare-1 {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .sec-6 .tedt-1 {
        line-height: 20px !important;
    }

    .sec-1-ab .pere-1 {
        padding-top: 20px !important;
        line-height: 20px !important;
    }

    .sec-1-ab .pere {
        line-height: 20px !important;
    }

    .sec-6 .one-3 {
        padding-top: 0px !important;
        margin-left: 0px !important;
    }

    .sec-6 .nao-1 {
        text-align: center !important;
    }

    .sec-6 .nao-2 {
        text-align: center !important;
        margin-top: 30px !important;
    }

    .sec-6 .tedt-1 {
        text-align: center !important;
    }

    .sec-1-gal .grid-item {
        width: 100% !important;
    }

    .sec-5-ga .grid-item {
        width: 100% !important;
    }

    .sec-2-ab .crea h3 {
        font-size: 5vw !important;
    }

    .title-1 {
        font-size: 6vw !important;
    }

    .title-2 {
        font-size: 4vw !important;
    }

    .title-3 {
        font-size: 3.3vw !important;
    }

    .paragraph {
        font-size: 2.7vw;
        line-height: 16px;
    }

    .sec-4 .wethe-2 {
        margin-top: 20px !important;
        margin-left: 20px !important;
    }

    .sec-4 .wethe-1 {
        margin-left: -10px !important;
        margin-top: 20px !important;
    }

    .sec-4 .wethe-5 {
        margin-left: -10px !important;
        margin-top: 10px !important;
    }

    .sec-4 .mind-5 {
        padding: 0px !important;
        font-size: 1.5vw !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        border-radius: 5px !important;
    }

    .sec-4 .mind-6 {
        margin-top: -15px !important;
    }

    .sec-6 .star-1 {
        margin-top: -40px !important;
    }

    .sec-1-so .wethe-2 {
        margin-top: 20px !important;
        margin-left: 20px !important;
    }

    .sec-1-so .wethe-1 {
        margin-left: -10px !important;
        margin-top: 20px !important;
    }

    .sec-1-so .wethe-5 {
        margin-left: -10px !important;
        margin-top: 10px !important;
    }

    .sec-1-so .mind-5 {
        padding: 0px !important;
        font-size: 1.5vw !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        border-radius: 5px !important;
    }

    .sec-1-so .mind-6 {
        margin-top: -15px !important;
    }

    .sec-2-so .mind-5 {
        padding: 0px !important;
        font-size: 1.5vw !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
        border-radius: 5px !important;
    }

    .sec-2-so .mind-6 {
        margin-top: -15px !important;
    }

    .sec-2-so .wethe-2 {
        margin-top: 20px !important;
        margin-left: 25px !important;
    }

    .sec-2-so .wethe-1 {
        margin-left: -10px !important;
        margin-top: 20px !important;
    }

    .sec-2-so .wethe-5 {
        margin-left: -10px !important;
        margin-top: 10px !important;
    }

    .sec-6 .carousel-control-prev {
        top: calc(98% - 15px);
        left: 11%;
    }

    .sec-6 .carousel-control-next {
        left: 90% !important
    }

    .sec-1-te .carousel-control-prev {
        top: calc(97% - 5px);
        left: 3%;
    }

    .sec-1-te .carousel-control-next {
        top: calc(1% - 5px);
        left: 69%;
    }

    .sec-3 .boxxs-2 {
        margin-top: 20px !important;
    }

    .sec-1-se .boxxs-2 {
        margin-top: 20px !important;
    }

    .sec-4 .mind-6 {
        font-size: 5px !important;
    }

    .sec-1-so .mind-6 {
        font-size: 5px !important;
    }

    .sec-2-so .mind-6 {
        font-size: 5px !important;
    }

    .sec-4 text {

        bottom: 0;
        left: 0;
        width: -webkit-fill-available;
    }

    .sec-2-ab .spacee-13 {
        margin-top: 30px;
    }

    .title-4 {
        font-size: 2.5vw;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .sec-2-ab .accordion:after {
        margin-top: -16px !important;
    }

    .sec-4 .wethe-2 {
        margin-top: 40px !important;
        margin-left: 30px !important;
    }

    .sec-1-so .wethe-2 {
        margin-top: 40px !important;
        margin-left: 30px !important;
    }

    .sec-2-so .wethe-2 {
        margin-top: 40px !important;
        margin-left: 30px !important;
    }

    .sec-2-se .acti {
        margin-top: 20px !important;
    }

    .sec-6 .carousel-control-prev {
        top: calc(98% - 15px) !important;
        left: 14% !important;
    }

    .sec-6 .carousel-control-next {
        margin-left: 40px !important;
    }

    .sec-1-te .carousel-control-prev {
        top: calc(96% - 5px) !important;
        left: 14% !important;
    }

    .sec-1-te .carousel-control-next {
        top: calc(-2% - 5px) !important;
        left: 79% !important;
    }

    .nav-logo img {
        width: auto !important;
    }

}

@media only screen and (min-width: 1px) and (max-width: 767px) {
    .sec-1 .botn-1 button {
        font-size: 1.7vw !important;
    }

    .sec-3 .boxx-1 h5 {
        font-size: 2vw;
    }

    .sec-3 .boxx-4 {
        font-size: 3vw !important;
    }

    .sec-2 .pere-5 {
        line-height: 0px;
        font-size: 2.5vw !important;
    }

    .sec-1-ab .pere-5 {
        line-height: 0px;
        font-size: 2.5vw;
    }

    .sec-1-se .paragraph-1 {
        font-size: 3vw !important;
    }

    .sec-2-se .acti {
        margin-top: -0px !important;
    }

    .sec-6 .left-side-1 button {
        margin-left: -53px !important;
    }

    .sec-1-te .left-side-1 button {
        margin-left: -40px !important;
    }

    .sec-4 .bootn-1 button {
        font-size: 2vw !important;
    }

    .sec-1-so .bootn-1 button {
        font-size: 2vw !important;
    }

    .sec-2-so .bootn-1 button {
        font-size: 2vw !important;
    }

}

@media only screen and (min-width: 1px) and (max-width: 576px) {
    .sec-8 {
        text-align: center !important;
    }

    .sec-8 .bedr {
        margin-bottom: 20px !important;
    }

    .title-1 {
        font-size: 6vw !important;
    }

    .title-2 {
        font-size: 4vw !important;
    }

    .title-3 {
        font-size: 3.3vw !important;
    }

    .margiin-4 {
        margin-top: 30px !important;
    }

    .paragraph {
        font-size: 2.7vw;
        line-height: 16px;
    }

    .sec-8 .folow-1 {
        font-size: 2.2vw;
    }

    .sec-1 .botn-1 button {
        font-size: 2.3vw !important;
    }

    .sec-2-se .magein {
        margin-top: 24px !important;
    }

    .sec-1-te .margeen-1 {
        margin-top: 50px !important;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1030px) {
    .sec-6 .carousel-control-prev {
        top: calc(97% - 15px) !important;
        left: 23% !important;
    }

    .sec-6 .carousel-control-next {
        left: 72% !important;
    }

    .sec-1-te .carousel-control-next {
        top: calc(1% - 15px) !important;
    }
}

@media only screen and (min-width: 1325px) and (max-width: 1930px) {
    .sec-1-te .carousel-control-next {
        top: calc(11% - 15px) !important;
        left: 73% !important;
    }
}

@media only screen and (min-width: 1715px) and (max-width: 1930px) {
    .sec-8 .folow-1 {
        font-size: 0.8vw !important;
    }
}

@media only screen and (min-width: 1930px) and (max-width: 2600px) {
    .sec-2 .guj01 {
        word-break: break-word !important;
        line-height: 30px !important;
    }

    .sec-1-ab .guj01 {
        word-break: break-word !important;
        line-height: 30px !important;
    }
}

@media only screen and (min-width: 1600px) {
    .paragraph {
        font-size: 1vw;
        line-height: 24px;
    }
}