.form-control {
    background-color: transparent;
    color: var(--white);
    font-size: 2.5vh;
    border-color: var(--bordercolor);
}

.form-control:focus {
    background-color: transparent;
    color: var(--white);
    border-color: var(--bordercolor);
    box-shadow: none;
}

.form-control::placeholder {
    color: var(--grey);
}

.form-control[type="number"]::-webkit-outer-spin-button, .form-control[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.form-label {
    font-size: 2.5vh;
    margin-bottom: 2vh;
}

.input-group-text {
    background-color: transparent;
    border: 0;
}

.form-check .form-check-label {
    vertical-align: middle;
}

.form-check .form-check-input {
    border: 0.1vh solid var(--bordercolor);
    border-radius: 0.5vh;
    background-color: transparent;
    width: 3vh;
    height: 3vh;
    margin-left: -4.5vh;
}

.form-check .form-check-input:focus {
    box-shadow: none;
}

.form-check .form-check-input:checked {
    background-color: var(--bordercolor);
}

.input-group {
    border: 0.1vh solid var(--bordercolor);
    padding: 1vh;
    border-radius: 20vh;
}

.input-group .form-control {
    border: 0;
}

.input-group .input-group-text {
    background-color: var(--lightgreen);
    border-radius: 20vh !important;
    font-weight: 700;
    padding: 1vh 2vh;
}

.faqsection .whychoosenumhead {
    font-size: 5vw;
    line-height: 3vw;
    margin-bottom: 1vh;
}

.faqsection .whychoosenumhead span {
    font-size: 6vh;
}

.faqsection .whychoosenum .paracontent {
    font-size: 1.5vw;
    font-family: "Aero Matics", sans-serif !important;
}

.faqsection .whychoosenum .paracontent .dot {
    margin-bottom: 0;
    margin-left: 1vh;
    width: 2vh;
    height: 2vh;
}

.faqsection .whychoosenum {
    margin-top: 2vh;
}

.faqsection .whychooseleft {
    position: relative;
}

.faqsection .whychooseleft .barlines {
    position: absolute;
    top: 4vh;
    right: 10vh;
}

.faqsection .whychooseleft .diamondimg {
    position: absolute;
    right: 25vh;
    top: 14vh;
}

.faqsection .accordion {
    margin-top: 5vh;
}

.faqsection .accordion-item {
    background-color: transparent;
    border: 0px;
    border-radius: 0;
}

.faqsection .accordion-item:not(:last-child) {
    border-bottom: 1px solid var(--bordercolortwo);
}

.faqsection .accordion-button {
    /* padding: 0; */
    padding: 3.5vh 0;
    color: var(--white);
    font-size: 1.6vw;
    background-color: transparent;
    box-shadow: none;
}

.faqsection .accordion-button::after {
    width: 0;
    height: 0;
    background: none;
}

/* .faqsection .accordion-button .faqnum::before {
    counter-increment: whychoosenum;
    content: "#" counter(whychoosenum);
} */

.faqsection .accordion-button .faqnum {
    width: 8vh;
    position: relative;
    color: var(--black);
    display: flex;
    justify-content: center;
    margin-right: 1vh;
}

.faqsection .accordion-button .faqnum::before {
    content: "";
    position: absolute;
    width: 5vh;
    height: 7vh;
    background-color: var(--lightgreen);
    z-index: -1;
    border-radius: 50%;
    transform: rotate(20deg);
    inset: 0;
    margin: auto;
}

.faqsection .accordion-body {
    padding: 0 0 3vh 8vh;
}

.footersectiontwo {
    background: url("/assets/images/footer/clientssaybg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-bottom: 20vh;
}

.footersectiontwo .section-title-content {
    width: 70vh;
}

.footersectiontwo .starimgbox {
    text-align: center;
    margin-bottom: 5vh;
    margin-right: 0;
}

.footersectiontwo .clientssay {
    margin-top: 7vh;
    position: relative;
    width: 80vw;
    margin-left: auto;
    margin-right: auto;
}

.footersectiontwo .clientssay .carousel-inner {
    padding: 7vh 0;
}

.footersectiontwo .clientssay .clientssaybox {
    border: 0.1vh solid var(--bordercolor);
    padding: 4vh;
    border-radius: 5vh;
    width: 100%;
    max-width: 60vh;
    position: relative;
    transform: rotate(-7deg);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 3vh;
}

.footersectiontwo .clientssay .clientssaybox:nth-child(even) {
    transform: rotate(7deg);
}

.footersectiontwo .clientssay .clientssaybox::before, .footersectiontwo .clientssay .clientssaybox::after {
    content: "";
    position: absolute;
    background: url("/assets/images/footer/band.webp");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 18vh;
    height: 5vh;
    top: 1vh;
    right: -4vh;
    transform: rotate(25deg);
}

.footersectiontwo .clientssay .clientssaybox:nth-child(even)::before, .footersectiontwo .clientssay .clientssaybox:nth-child(even)::after {
    left: 0;
    top: -2vh;
    right: 0;
    margin: auto;
    transform: rotate(-2deg);
}

.footersectiontwo .clientssay .clientssaybox:nth-child(even)::after {
    top: auto;
    bottom: -2vh;
    transform: rotate(2deg);
}

.footersectiontwo .clientssay .clientssaybox::after {
    top: auto;
    right: auto;
    left: -3.5vh;
    bottom: -2vh;
    transform: rotate(10deg);
}

.footersectiontwo .clientssay .clientssayboxhead {
    font-size: 3vw;
    line-height: 3.5vw;
    text-transform: uppercase;
    font-weight: 700;
}
.footersectiontwo .clientssay .clientssaydesc {
    margin: 2vh 0 0vh;
    font-size: 1.1vw;
}
.footersectiontwo .clientssay .clientimg {
    width: 5vw;
    border-radius: 10vh;
}
.footersectiontwo .clientssay .clientname {
    font-size: 1.5vw;
    text-transform: uppercase;
    font-weight: 700;
}

.footersectiontwo .clientssay .topflex {
    gap: 20vh;
    align-items: stretch;
}

.footersectiontwo .carousel-control-prev {
    right: 15vh;
    margin: auto;
}

.footersectiontwo .carousel-control-next {
    left: 15vh;
    margin: auto;
}

.footersectiontwo .carousel-control-next, .footersectiontwo .carousel-control-prev {
    top: auto;
    opacity: 1;
    width: 12vh;
    bottom: -12vh;
}

.footersectiontwo .carousel-control-next-icon, .footersectiontwo .carousel-control-prev-icon {
    width: 11vh;
    height: 6vh;
}

.footersectiontwo .clientssay .quoteimg {
    width: 6vw;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.footersectiontwo .topcenter {
    width: fit-content;
    margin: auto;
}

.footersectionthree {
    padding-bottom: 0;
    background-image: url("/assets/images/footer/adbannerbg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.footersectionthree .rightcontent .paracontent {
    text-align: end;
    font-size: 1.1vw;
}

.footersectionthree .rightcontent .parahead {
    font-size: 1.7vw;
    line-height: 6vh;
    text-align: end;
}

.footersectionthree .rightcontent {
    width: 40vw;
    margin-left: auto;
    text-align: end;
}

.footersectionthree .letstalkbox {
    position: relative;
    margin-top: -12vh;
}

.footersectionthree .arrowrightimg {
    width: 16vh;
    position: absolute;
    left: 7vh;
    top: 0;
    bottom: 0;
    margin: auto;
}

.footersectionthree .input-group {
    border-radius: 20vh;
    width: fit-content;
    position: absolute;
    right: 0;
    bottom: 3vh;
}

.footersectionthree .talkmanimg {
    width: 30vw;
}

.footersectionthree .input-group-text .btn {
    padding: 0;
    font-size: 2.5vh;
    font-weight: 700;
}

.footersectionthree .centerman {
    text-align: center;
    margin-top: -12vh;
}

.footersectionfour {
    background-image: url("/assets/images/footer/blogbg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.footersectionfour .section-title-flex {
    position: relative;
}
.footersectionfour .section-title-dots {
    position: absolute;
    right: 0;
    top: 6.5vw;
}
.footersectionfour .section-title-dots .dot {
    background-color: var(--white);
    margin-left: 1vh;
    margin-bottom: 0;
}

.footersectionfour .blogtop {
    position: relative;
    margin-top: -12vh;
}

.footersectionfour .blogbox {
    border: 0.1vh solid #282828;
    padding: 4vh 3vh;
    background-color: var(--body-alt-bgcolor);
    width: 27vw;
    transition: all 0.2s;
}

.footersectionfour .blogbox:hover {
    background-color: var(--lightgreentwo);
}

.footersectionfour .blogbox .blogboxnum {
    font-size: 1.7vw;
}

.footersectionfour .blogbox .blogboxhead {
    font-size: 1.9vw;
    line-height: 2.7vw;
    margin: 2vh 0;
    font-weight: 700;
}

.footersectionfour .blogbox .blogboxcon {
    font-size: 1.1vw;
}

.footersectionfour .blogbox .sitebtn {
    background-color: transparent;
    padding: 0;
    border: 0;
    color: var(--white);
    margin-top: 3.5vh;
    gap: 0.5vh;
    transition: none;
}

.footersectionfour .blogbox .sitebtn span {
    display: inline-block;
    width: auto;
    height: auto;
    background-color: transparent;
}

.footersectionfour .blogbox:hover .blogboxnum {
    color: var(--black) !important;
}

.footersectionfour .blogbox:hover .blogboxhead {
    color: var(--black);
}

.footersectionfour .blogbox:hover .sitebtn {
    color: var(--black);
}

.footersectionfour .blogbox:hover .paracontent, .footersectionfour .blogbox:hover .sitebtn span {
    color: var(--black) !important;
}

.footersectionfour .blogtop .row>div:nth-child(2) .blogbox {
    margin-top: 10vh;
}

.footersectionfour .blogtop .row>div:last-child .blogbox {
    margin-top: 20vh;
}

.footersectionfive .connecttop {
    display: flex;
    overflow: hidden;
    padding: 5vh 0;
    border-bottom: 0.1vh solid var(--bordercolorthree);
}

.footersectionfive .connectinner {
    display: flex;
    align-items: center;
    gap: 4vh;
    flex-shrink: 0;
    animation: 20s linear infinite logosmoving;
    -webkit-animation: 20s linear infinite logosmoving;
}

.footersectionfive .connectinner:hover {
    animation-play-state: paused;
}

.footersectionfive .connecttext {
    display: flex;
    align-items: center;
    gap: 4vh;
}

.footersectionfive {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 0.1vh solid var(--bordercolorthree);
}

.footersectionfive .socialconnect {
    padding: 0;
    margin: 0;
    list-style: none;
    /* padding: 5vh 0; */
}

.footersectionfive .socialconnect .socialconnecthead {
    font-size: 2vw;
    line-height: 2.1vw;
}

.footersectionfive .socialconnect .socialconnectlink {
    color: var(--white);
    font-size: 2vw;
    text-decoration: none;
    cursor: pointer;
}

.footersectionfive .container, .footersectionseven .container {
    border-left: 0.1vh solid var(--bordercolorthree);
    border-right: 0.1vh solid var(--bordercolorthree);
}

.footersectionfive .socialconnect li:not(:last-child) {
    margin-bottom: 6vh;
}

.footersectionfive .connectimg {
    width: 10vh;
}

.connectleftcon p {
    font-size: 4vw;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 1vh;
}

.footersectionfive .horizontal-line {
    border-radius: 20vh;
    width: 18vh;
}

.footersectionfive .connectleft {
    display: flex;
    align-items: center;
    width: fit-content;
    position: relative;
}

.footersectionfive .connectleft .arrowrightimg {
    width: 12vw;
    position: absolute;
    right: -9vh;
}

.connectleftcon {
    display: flex;
    flex-direction: column;
    gap: 4vh;
    margin-top: 4vh;
}

.footersectionfive .connectleft .starimg {
    width: 7vh;
}

.footersectionfive .row {
    position: relative;
}

.footersectionfive .diamondimg {
    position: absolute;
    top: 6vh;
    left: 0;
    right: 0;
    margin: auto;
}

.footersectionsix {
    background-image: url("/assets/images/footer/contactbg.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10vh 0;
    position: relative;
    border-bottom: 0.1vh solid var(--bordercolorthree);
}

.footersectionsix .barlines {
    position: absolute;
    bottom: 0;
    right: 15vh;
}

.footersectionsix .contactustop {
    width: fit-content;
    margin: auto;
}


.footersectionseven {
    padding: 0;
}

.footersectionseven .form_home {
    padding: 7vh 3vh;
}

.formbox .form-control, .formbox .form-select {
    border: 0;
    border-bottom: 0.1vh solid var(--bordercolorthree);
    border-radius: 0;
    color: var(--white);
    padding: 2vh 1vh 2vh 0vh;
    font-family: "Inter", sans-serif !important;
    font-size: 2.3vh;
    resize: none;
}

.formbox .form-control::placeholder {
    color: var(--white);
    font-family: "Inter", sans-serif !important;
}

.formbox .form-select {
    background-color: var(--body-alt-bgcolor);
    background-image: url("/assets/images/footer/selectdown.webp");
    background-size: 2vh 1.2vh;
}

.formbox .form-select:focus {
    box-shadow: none;
}

/* .formbox .form-select option {
    background-color: var(--body-alt-bgcolor);
} */

.formbox .row>div {
    margin-bottom: 2.5vh;
}

.formbox .gameselect {
    display: flex;
    align-items: center;
    gap: 3vh;
    margin-top: 1vh;
}

.formbox .gameselect .sitebtn {
    padding: 3vh 4vh;
    text-transform: uppercase;
    background-color: transparent;
    border-color: var(--white);
    color: var(--white);
}

.formbox .gameselect .sitebtn:is(:hover, .active) {
    background-color: var(--lightorange);
    border-color: var(--lightorange);
    color: var(--black);
}

.formbox textarea.form-control {
    border: 1px solid var(--bordercolorthree);
    padding: 1vh 2vh;
}

.footer .footerdiv {
    border-top: 0.1vh solid var(--bordercolorthree);
    border-bottom: 0.1vh solid var(--bordercolorthree);
}

.footer .container {
    border-left: 0.1vh solid var(--bordercolorthree);
    border-right: 0.1vh solid var(--bordercolorthree);
}

.footer .subscribebox {
    padding: 4vh;
    border-bottom: 0.1vh solid var(--bordercolorthree);
}

.footer .subscribebox .connectleftcon {
    gap: 1vh;
    margin-top: 0;
}

.footer .subscribebox .connectleftcon .dot {
    margin: 0;
}

.footer .subscribebox .input-group {
    padding: 2vh;
}

.footer .subscribebox .input-group .input-group-text {
    background-color: transparent;
    padding: 0;
}

/* .footer .footermenus {
    padding: 4vh;
} */

.footer .footergrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6vh;
    border-right: 0.1vh solid var(--bordercolorthree);
    padding: 4vh;
}

.footer .footermenus .footer_head_menu {
    font-size: 1.5vw;
    font-weight: 700;
    margin-bottom: 2vh;
}

.footer .footermenus .footer_menu_ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.footer .footermenus .addresscontent {
    font-size: 1.1vw;
}

.footer .footer_menu_ul li:not(:last-child) {
    margin-bottom: 1.5vh;
}

.footer .footer_menu_ul a {
    color: var(--white);
    text-decoration: none;
    font-size: 1.2vw;
}

.footer .footer_menu_ul.socialfooter {
    width: fit-content;
    margin-left: auto;
    margin-right: 4vh;
}

.footer .socialfooter a {
    display: grid;
    grid-template-columns: 1fr 2vh;
    gap: 1vh;
}

.footer .socialfooter a span {
    color: var(--lightorange);
}

.footer .footertext .container {
    border-left: 0px;
    border-right: 0px;
    padding: 0;
}

.footer .footerbottomtext {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11vw;
    /* font-size: 20vh; */
    margin: 2vh 0;
}

.footer .footerbottomtext .dot {
    width: 3.5vh;
    height: 3.5vh;
}

.footer .footerlast {
    padding: 3vh 0;
    border-top: 0.1vh solid var(--bordercolortwo);
}

.footer .footerlast .copyrighttext {
    font-size: 1.5vw;
}