* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

html {
    font-size: 6px;
}

@font-face {
    font-family: 'Trip Sans';
    src: url('subset-TripSans-Medium.woff2') format('woff2'),
        url('subset-TripSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trip Sans';
    src: url('subset-TripSans-Bold.woff2') format('woff2'),
        url('subset-TripSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trip Sans';
    src: url('subset-TripSans-Regular.woff2') format('woff2'),
        url('subset-TripSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Trip Sans Ultra';
    src: url('subset-TripSans-Ultra.woff2') format('woff2'),
        url('subset-TripSans-Ultra.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

a {
    text-decoration: none;
    color: #1A202C;
}

a:hover {
    color: #1A202C;
}

.bf {
    background-color: #ffffff;
    height: 66px;
    width: 100%;
    position: fixed;
    top: 0;
    border-bottom: 1px solid #D7D4D0;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

nav {
    width: 100%;
    margin: auto;
    position: fixed;
    top: 0;
    background-color: #ffffff;
}

.header {
    background-color: #fff;
    height: auto;
    z-index: 30;
    max-width: 1200px;
    margin: auto;
    position: sticky;
}

.header ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    background-color: #fff;
}

.header li a {
    display: block;
    padding: 20px 20px;
    border-right: 1px solid #f4f4f4;
    text-decoration: none;
}

.header li a:hover,
.header .menu-btn:hover {
    background-color: #f4f4f4;
}

.lgg {
    width: 100%;
    height: 100%;
}

.header .logo {
    display: block;
    float: left;
    padding: 16px 25px;
    width: 200px;
    height: 65px;
}

/* menu */

.header .menu {
    font-family: 'Trip Sans';
    font-weight: 900;
    font-size: 3rem;
    clear: both;
    max-height: 0;
    transition: max-height .2s ease-out;
}

/* menu icon */

.header .menu-icon {
    cursor: pointer;
    display: inline-block;
    padding: 28px 20px;
    position: relative;
    user-select: none;
}

.header .menu-icon .navicon {
    background: #333;
    display: block;
    height: 2px;
    position: relative;
    transition: background .2s ease-out;
    width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
    background: #333;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
}

.header .menu-icon .navicon:before {
    top: 5px;
}

.header .menu-icon .navicon:after {
    top: -5px;
}

/* menu btn */

.header .menu-btn {
    display: none;
}

.header .menu-btn:checked~.menu {
    max-height: 240px;
}

.header .menu-btn:checked~.menu-icon .navicon {
    background: transparent;
}

.header .menu-btn:checked~.menu-icon .navicon:before {
    transform: rotate(-45deg);
}

.header .menu-btn:checked~.menu-icon .navicon:after {
    transform: rotate(45deg);
}

.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked~.menu-icon:not(.steps) .navicon:after {
    top: 0;
}

.button {
    margin-top: 10px;
    width: 15rem;
    height: 5rem;
    font-family: 'Trip Sans';
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    color: #fff;
    background-color: #1A202C;
    border: none;
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}

/* 48em = 768px */
@media (min-width: 50em) {
    .header li {
        float: left;
    }

    .header li a {
        padding: 20px 30px;
    }

    .header .menu {
        clear: none;
        float: right;
        max-height: none;
    }

    .header .menu-icon {
        display: none;
    }
}

@media (max-width: 50em) {
    .header {
        height: auto;
    }
}

/*---------------------------------------------------------------*/

.ütwr {
    padding: 20px 400px 20px 20px;
    max-width: 1200px;
    margin: 0px auto 10px auto;
}

@media (max-width: 1100px) {

    .ütwr {
        padding: 20px 20px 20px 20px;
    }

}

@media (max-width: 800px) {

    .ütan {
        margin-top: 65px;
    }

}

.card_image:hover {
    opacity: 0.8;
    z-index: 2;
}

.ttun {
    background-color: #F5F5F5;
}

.imgg {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10px;
}

.imgg img {
    height: 100%;
    width: 100%;
}

.jqev {
    overflow: hidden;
    object-fit: cover;
    height: 300px;
}

/*-----------------------------------------*/
@media (min-width: 52rem) {

    .gsah {
        float: left;
        width: 65%;
    }

    .dyuk {
        float: right;
        width: 100%;
    }

    .ddyk {
        float: right;
        width: 30%;
    }

}

@media (max-width: 670px) {

    .dyuk {
        margin: 20px;
    }

}

.zxic {
    max-width: 1200px;
    margin: auto;
    display: flow-root;
}

.gsah {
    padding: 20px;
}

.gsah p,
h2 {
    margin-bottom: 20px;
}

.ddyk {
    margin: 20px;
}

.dyuk {
    padding: 20px;
    margin-top: 20px;
    border-style: solid;
    border-radius: 20px;
    border-width: 1px;
    border-color: #D7D4D0;
    max-width: 360px;
    margin: auto;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='360' height='569' preserveAspectRatio='none' viewBox='0 0 360 569'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1034%26quot%3b)' fill='none'%3e%3cpath d='M0 5C0.39 0.53 3.32 0.26 7.94 0C48.32 -2.24 48.97 0 90 0C117.9 0 119.57 -6 145.8 0C164.57 4.3 164.43 20.6 180 20.6C190.82 20.6 186 2.88 198.59 0C231 -7.42 234.3 0 270 0C315 0 337.5 -22.5 360 0C382.5 22.5 360 45 360 90C360 135 360 135 360 180C360 225 360 225 360 270C360 315 360 315 360 360C360 405 360 405 360 450C360 477.69 367.06 479.97 360 505.38C354.56 524.97 335 522.57 335 540C335 557.88 354.4 555.84 360 576C366.9 600.84 376.46 619.46 360 630C334.28 646.46 317.39 631.55 275.63 630C272.39 629.88 272.23 626.67 270 626.67C268.78 626.67 270.47 629.94 268.73 630C225.47 631.6 224.37 630 180 630C135 630 135 630 90 630C45 630 22.5 652.5 0 630C-22.5 607.5 0 585 0 540C0 495 0 495 0 450C0 405 0 405 0 360C0 315 0 315 0 270C0 225 0 225 0 180C0 135 0 135 0 90C0 47.5 -3.58 45.53 0 5' stroke='rgba(243%2c 221%2c 217%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M90 62C80.89 62 72.89 73.81 70.62 90C64.6 132.81 75 135.1 73.42 180C71.83 225.1 57.92 231.96 64.29 270C66.21 281.46 79.04 279 90 279C93.99 279 90.56 273.34 94.19 270C135.56 231.94 139.02 196.2 180 196.2C216.73 196.2 231.4 226.6 249.62 270C265.78 308.5 242.83 316.05 248.76 360C253.02 391.53 254.58 420.97 270 420.97C288.25 420.97 310.8 394.09 316.1 360C322.54 318.61 295.86 315.45 293.48 270C291.15 225.45 311.69 223.75 306.67 180C301.36 133.75 290.47 134.49 272.81 90C272.13 88.29 271.4 87.6 270 87.6C268.63 87.6 268.62 88.78 267.27 90C223.62 129.43 221.99 168.9 180 168.9C141.43 168.9 140.79 131.14 106.15 90C95.79 77.69 98.65 62 90 62' stroke='rgba(243%2c 221%2c 217%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M0 46.67C10.17 46.67 33.31 64.78 36 90C40.42 131.45 28.36 136.45 14.21 180C10.36 191.84 3.89 200.77 0 200.77C-3.21 200.77 0 190.38 0 180C0 135 0 135 0 90C0 68.34 -7.83 46.67 0 46.67' stroke='rgba(243%2c 221%2c 217%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M90 12C82.63 12 74.12 3.34 74.12 0C74.12 -2.66 82.06 0 90 0C95.4 0 100.8 -2.4 100.8 0C100.8 3.6 95.97 12 90 12' stroke='rgba(243%2c 221%2c 217%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M135 90C135 68.13 158.43 69.76 180 47.71C202.45 24.76 197.04 13.78 223.04 0C242.04 -10.07 246.52 0 270 0C315 0 337.5 -22.5 360 0C382.5 22.5 360 45 360 90C360 126.19 371.66 162.39 360 162.39C345.64 162.39 336.82 123.59 307.97 90C291.82 71.19 288.86 57.6 270 57.6C251.47 57.6 251.46 73.65 233.18 90C206.46 113.89 205.59 138.08 180 138.08C156.5 138.08 135 113.32 135 90' stroke='rgba(243%2c 221%2c 217%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M146.51 270C158.36 251.82 164.01 241.2 180 241.2C194.34 241.2 200.6 252.06 207.17 270C222.34 311.46 218.62 314.65 223.48 360C228.26 404.65 237.17 408.07 226.45 450C215.43 493.07 209.36 497.95 180 530C168.14 542.95 144 536.49 144 540C144 543.4 161.96 543.83 180 543.83C209.96 543.83 210.15 543.13 240 540C255.15 538.41 256.48 534.38 270 534.38C272.73 534.38 272.5 537.33 272.5 540C272.5 541.81 270.76 541.4 270 543.33C253.03 586.4 264.9 603.17 237.04 630C219.9 646.5 208.52 630 180 630C143.84 630 130.09 647.61 107.68 630C85.09 612.25 107.38 559.29 90 559.29C67.6 559.29 62.76 602.79 28.13 630C17.76 638.15 3.35 640.72 0 630C-10.72 595.72 0 585 0 540C0 495 0 495 0 450C0 424.69 -13.31 399.38 0 399.38C23.51 399.38 45.58 418.19 73.64 450C90.58 469.21 81.45 501.43 90 501.43C98.63 501.43 105.63 476.64 108 450C111.93 405.92 93.48 402.64 102.6 360C112.73 312.64 119.66 311.22 146.51 270' stroke='rgba(243%2c 221%2c 217%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M342.39 270C342.39 247.16 355.44 225 360 225C364.25 225 360 247.5 360 270C360 298.93 364.31 327.86 360 327.86C355.5 327.86 342.39 298.59 342.39 270' stroke='rgba(243%2c 221%2c 217%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M0 88.33C0.39 88.33 1.38 89.03 1.38 90C1.38 92.11 0.35 94.5 0 94.5C-0.34 94.5 0 92.25 0 90C0 89.16 -0.3 88.33 0 88.33' stroke='rgba(243%2c 221%2c 217%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M163.85 90C163.85 82.15 171.61 74.82 180 74.82C189.23 74.82 199.09 82.11 199.09 90C199.09 98.33 189.18 107.26 180 107.26C171.56 107.26 163.85 98.37 163.85 90' stroke='rgba(243%2c 221%2c 217%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M270 27.6C257.08 15.44 247.5 8.46 247.5 0C247.5 -5.34 258.75 0 270 0C315 0 337.5 -22.5 360 0C382.5 22.5 360 45 360 90C360 101.74 363.78 113.48 360 113.48C355.35 113.48 353.53 99.93 343.13 90C308.53 56.99 304.89 60.44 270 27.6' stroke='rgba(243%2c 221%2c 217%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M147.6 360C147.6 330 166.82 300 180 300C192.12 300 198.2 330 198.2 360C198.2 390 192.12 420 180 420C166.82 420 147.6 390 147.6 360' stroke='rgba(243%2c 221%2c 217%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M0 471C12.55 471 46 507.51 46 540C46 566.08 13.35 588.14 0 588.14C-9.65 588.14 0 564.07 0 540C0 505.5 -10.45 471 0 471' stroke='rgba(243%2c 221%2c 217%2c 1)' stroke-width='2'%3e%3c/path%3e%3cpath d='M147.86 630C147.86 618.34 165.02 591.7 180 591.7C193.76 591.7 205.35 617.66 205.35 630C205.35 636.81 192.68 630 180 630C163.93 630 147.86 637.49 147.86 630' stroke='rgba(243%2c 221%2c 217%2c 1)' stroke-width='2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1034'%3e%3crect width='360' height='569' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
}

hr {
    border: 1px solid #D7D4D0;
}

.ytxt {
    margin: auto;
}

.maap {
    margin: auto;
    border-radius: 20px;
    overflow: hidden;
    object-fit: cover;
    max-width: 310px;
    max-height: 200px;
}

.adrs {
    margin-top: 20px;
    margin-bottom: 20px;
}

.dscs {
    height: 60px;
}

.fmli {
    height: 35px;
    margin-top: 10px;
}

.dscs p {
    font-weight: bold;
}

.fmli p {
    font-weight: bold;
}

.adrs p {
    line-height: 18px;
}

.owte {
    padding-left: 28px;
}

.adrs i {
    float: left;
}

.ovfc {
    height: auto;
    float: left;
    padding-left: 10px;
}

.epsa p {
    font-weight: bold;
    font-size: large;
    color: #A16A3A;
    line-height: 20px;
}

.ff p {
    color: #382C14;
    font-weight: normal;
}

.ss {
    font-size: 20px;
}

.efga {
    padding-top: 10px;
    height: 30px;
    padding-left: 15px;
}

.efga p {
    font-weight: bold;
}

.epsa {
    padding-top: 10px;
    height: 50px;
}


/*----------------------------------------------*/
.gb {
    background-color: #FFFFFF;
    padding-left: 20px;
    margin-top: 20px;
}

.main {
    background-color: #E5E5E5;
    max-width: 1200px;
    margin: 0 auto;
}

.main img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.card_image {
    overflow: hidden;
    width: 100%;
    height: 230px;
}

.cards {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin-top: 20px;
    padding: 0;
}

.cards_item {
    display: flex;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

@media (min-width: 33rem) {
    .button2 {
        display: none;
    }

    .card_text {
        display: none;
    }

    .main {
        background-color: #FFFFFF;
    }

    .cards_item {
        width: 50%;
    }

    .main {
        padding: 20px;
    }

    .cards_item {
        padding: 1rem;
    }

    .main img {
        border-radius: 8px;
    }

    .card_content {
        padding: 0%;
    }
}

@media (min-width: 50rem) {
    .cards_item {
        width: 33.33333333%;
    }
}

@media (min-width: 70rem) {
    .cards_item {
        width: 25%;
    }
}



.mnm {
    object-fit: cover;
    width: 100%;
    height: 140px;
}

.card {
    width: 100%;
    background-color: white;
    border-radius: 0.25rem;
    display: flex;
    flex-direction: column;
}


.card_content {
    padding: 3rem;
}

.card_title {
    letter-spacing: 1px;
    text-transform: capitalize;
    margin: 0px;
}

.card_text {
    line-height: 1.5;
    margin-bottom: 1.25rem;
    font-weight: 400;
}

.made_by {
    font-weight: 400;
    font-size: 13px;
    margin-top: 35px;
    text-align: center;
}

.fhju {
    display: block;
    padding: 0px 0px 15px 15px;
    margin: auto;
}

.button2 {
    width: 15rem;
    height: 5rem;
    font-family: 'Trip Sans';
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 500;
    color: #fff;
    background-color: #00AA6C;
    border: none;
    border-radius: 45px;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    outline: none;
}

/*-----------------------------------------------*/

.footer {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: #F7F7F7;
    font-family: 'Trip Sans';
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
}

.footer-divs {
    font-family: 'Trip Sans';
    background-color: #F7F7F7;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.5;
    margin-left: auto;
    margin-right: auto;
}

.footer-div {
    line-height: 5rem;
    width: 100%;
    float: left;
    display: block;
    margin-right: auto;
    margin-left: auto;
}


.footer-div1 {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    text-align: center;
    background-color: #F7F7F7;
}

footer li {
    display: inline-block;
    margin-right: 1rem;
}

.btn {
    margin-top: 2rem;
    font-weight: 400;
    display: inline-block;
    border: 2px solid black;
    border-radius: 0.4rem;
    cursor: pointer;
    transition: all .5s;
}

.btn-outline {
    color: black;
    border-color: black;
}

.btn-social {
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    font-size: 5rem;
    line-height: 2rem;
}

.btn-outline:hover {
    color: #E0E0E0;
    background-color: black;
}