/* TOPNAV */

.topNav {

    background-color: var(--primary-color);
    color: #fff;
    padding: 16px 0;
}

.topinfo-blk ul,
.topSocial ul {

    display: flex;
    align-items: center;
    gap: 30px;
}

.topinfo-blk ul a,
.topSocial ul a {

    color: #fff;
}

.topinfo-blk ul a {
    font-size: 14px;
}

.topinfo-blk i {

    padding-right: 6px;
}

.topSocial {

    display: flex;
    justify-content: end;
}

/* HEADER */
.navBar {
    padding: 12px 0;

    transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: #fff;
    z-index: 222;

}

.mainMenu ul {
    display: flex;
    align-items: center;
    gap: 42px;
}

.mainMenu ul li a {
    font-size: 15px;

}

.mainMenu li {

    position: relative;
    transition: all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.mainMenu li::after {
    content: "";
    display: block;
    bottom: -4px;
    left: 0;
    position: absolute;
    width: 0;
    height: 2px;
    background-color: var(--primary-color);
    transition: all 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.mainMenu li:hover::after {

    width: 100%;
}

.mainMenu ul li.active::after {
    content: "";
    display: block;
    bottom: -4px;
    left: 0;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: var(--primary-color);
}

.mainMenu ul li.active a {

    font-weight: 600;
}

.navRw {

    justify-content: space-between;
}

.navBtn a {

    display: block;
    padding: 16px;
    color: #fff;
    background-color: var(--secondary-color);
    font-size: 14px;
    transition: all 0.3s;
}

.navBtn a:hover {

    background-color: var(--primary-color);
}

.navLogo img {

    width: 135px;
}

.rsNav {

    display: none;
}

.dsNav {

    display: block;
}

/* HERO */

.tu-hero {

    background-image: url(../assets/img/herobg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: 740px;
    background-position: center;
    position: relative;
    display: flex;
    align-items: end;
    z-index: 2;
}

.tu-hero::after {

    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(270deg, rgba(29, 57, 78, 0.40) 0.09%, rgba(5, 3, 0, 0.40) 99.84%);
    width: 100%;
    height: 100%;
}

.heroContent {

    display: flex;
    align-items: center;
    position: relative;
    z-index: 22;
    padding: 100px 0;
}

.circ-bg {

    background-color: var(--secondary-color);
    display: block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.circ-bg:hover {

    transform: scale(0.9);
    background-color: var(--primary-color);
}

.circ-bg:hover svg {

    transform: translateY(15%);
}

.circ-bg svg {
    transition: all 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);

}

.heroContent h1 {

    font-size: 60px;
    font-weight: 800;
    color: #fff;
}

.heroContent p {

    color: #fff;
    margin: 12px 0;
    padding-right: 10em;
    line-height: 1.6;
    font-size: 20px;
}

.heroRight {

    display: flex;
    justify-content: end;
}

/* ABOUT */

.abt-img {
    position: relative;
    z-index: 2;
}

.tuAbout {

    padding-bottom: 4em;
    position: relative;
}

.abt-img::after {

    content: "";
    display: block;
    background-color: var(--secondary-color);
    width: 45%;
    height: 30%;
    position: absolute;
    bottom: -20px;
    left: 60px;
    margin: auto;
    z-index: -1;
}

.abt-img img {

    display: block;
    margin: auto;
}

.abt-sb {

    position: absolute;
    top: -40px;
    left: 40px;
    width: 140px;
    height: 140px;
    display: block;
    color: #fff;
    border-radius: 50%;
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.abt-sb h3 {

    font-size: 28px;
    color: #fff;
}

.abt-sb p {

    color: #fff;
    font-weight: 500;
}

.abt-cont .title {
    margin-bottom: 12px;
}



.abt-cont h2 {
    font-size: 35px;
    font-weight: 600;
}

.abt-cont span {

    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: 6px;
    font-size: 14px;
    display: block;
}

.abt-cont p {

    padding-bottom: 12px;
    line-height: 1.6;
    padding-right: 6em;
}

.logoTxt {

    position: absolute;
    right: 0;
    display: block;
}

.logoTxt span {
    font-size: 140px;
    text-transform: uppercase;
    font-weight: 800;
    color: rgba(185, 130, 59, 0.05);
    font-family: var(--heading-font);
}

/* SERVICE */

.tuService {

    background: var(--secondary-color);
    margin-top: 4.2em;
    padding-bottom: 4.2em;
    position: relative;
}

.telllogo {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 0.06;
}

.telllogo img {

    width: 800px;
    margin: auto;
    display: block;
}

.tuService .secTitle h2 {

    font-size: 45px;
    color: #fff;
    text-align: center;
    font-weight: 600;
}

.tuService .secTitle {

    margin-bottom: 40px;
}

.service-img img {

    width: 100%;
}

.serviceSlider {
    position: relative;
    z-index: 2;
}

.serviceSlider .item {

    margin-right: 10px;
}

.service-blk {
    position: relative;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    overflow: hidden;
}

.service-blk:hover .service-img img {

    transform: scale(1.1);
}

.service-img img {

    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.service-blk:hover .serviceTitle {

    bottom: 20px;
}

.service-blk:hover::after {
    background: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 26.91%, #b9823b 103.16%);
    transition: all 0.3s;
    transform: scale(1.1);

}

.service-blk::after {

    content: "";
    display: block;
    position: absolute;
    background: linear-gradient(180deg, rgba(217, 217, 217, 0.00) 26.91%, #b9823bd5 103.16%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.3s;
}

.serviceTitle {

    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    padding: 12px;
    z-index: 22;
    font-size: 18px;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.serviceTitle h3 {

    color: #fff;
    font-weight: 500;
}

.serviceTitle h3 span {
    display: block;
}

.sliderArrow {

    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    margin-top: 28px;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    z-index: 2;
}

.sliderArrow span {

    display: block;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: #fff;
}

.sliderArrow .slick-disabled {

    background-color: #fff !important;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: #000;

}

/* TESTIMONIAL */

.tuTestimonials {

    background-color: var(--prime-light);
    text-align: center;
    background-image: url(../assets/img/testimonialbg.svg);
    padding-bottom: 4.2em;
    background-repeat: no-repeat;
    background-position: center;
}

.tuTestimonials .secTitle h2 {
    font-size: 45px;
}

.testimonia-blk {

    max-width: 600px;
    margin: auto;
    margin-top: 60px;
}

.test-prof-cont h4 {

    color: var(--primary-color);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
}

.test-prof-cont span {

    color: rgb(117, 117, 117);
    font-weight: 500;
    font-size: 14px;
    display: block;

}

.test-prof-cont {
    margin-top: 12px;
    margin-bottom: 8px;
}

.test-cont p {

    font-weight: 500;
}

.test-profile {

    border: 1px solid var(--primary-color);
    padding: 8px;
    display: inline-block;
}

.testimonialSlider .slick-dots li {

    width: 18px !important;
    height: 4px !important;
    background-color: #b9823b25;
    transition: all 0.3s;
}

.testimonialSlider .slick-dots .slick-active {

    background-color: var(--primary-color);
}

.slick-dots li button {
    display: none !important;
}

.testimonialSlider .slick-dots {
    bottom: -40px;
}

/* WHY CHOOSE */
.tuWhy {

    background-color: var(--second-light);
    padding-bottom: 4.2em;
}

.why-blk {

    margin-bottom: 50px;
}

.secTitle h2 {

    font-size: 45px;
}

.tuWhy .secTitle {

    margin-bottom: 50px;
}

.why-ico {
    margin-bottom: 12px;
}

.why-cont h4 {

    color: var(--secondary-color);
    font-size: 22px;
    margin-bottom: 8px;
    font-weight: 600;
}

.why-blk {
    padding-right: 10em;
}

.why-cont-contain {

    padding-left: 2em;
}

/* CTA */

.tuCta {

    background-image: url(../assets/img/cta.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    min-height: 560px;
    display: flex;
    background-position-y: 100%;
}

.tuCta::after {

    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(29, 57, 78, 0.48);
}

.ctaCont {

    position: absolute;
    display: block;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 2;
    width: 100%;
}

.ctaCont h2 {
    color: #fff;
    font-size: 50px;
    line-height: 1.4;
    font-weight: 600;
    text-align: center;
}

.ctaCont h2 span {
    display: block;

}

.ctaCont a {

    display: block;
    background-color: var(--secondary-color);
    color: #fff;
    width: fit-content;
    padding: 14px 24px;
    margin: auto;
    margin-top: 30px;
}

.tuFooter {

    background: rgba(29, 57, 78, 0.02);
    padding-top: 4.2em;
}

.ftrLink h4 {

    font-size: 18px;
    font-weight: 600;
    position: relative;
    margin-bottom: 16px;
    width: fit-content;
}

.ftrLink h4::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 50%;
    height: 2px;
    background-color: var(--primary-color);
}

.ftrLink a {

    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

.ftrLink a:hover {

    color: var(--primary-color);
}

.ftrLink li {
    margin-bottom: 6px;
}

.ftrContact li {

    font-size: 14px;
    position: relative;
    padding-left: 26px;
    margin-bottom: 12px;
}

.ftrContact i {

    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    color: var(--primary-color);
    font-size: 18px;
}

.ftrSocial ul {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-left: 6em;
    margin-top: 10px;
}

.ftrSocial a {
    font-size: 18px;
    color: var(--secondary-color);
    transition: all 0.3s;
}

.ftrSocial a:hover {

    color: var(--primary-color);
}


.copyright {

    padding-top: 4.4em;
    text-align: center;
    padding-bottom: 8px;
}

.copyright p {

    color: #8A8A8A;
    font-size: 12px;
}

.copyright a {

    color: var(--primary-color);
}

/* ABOUT PAGE */

.pageHeader {
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.pageHeader::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(29, 57, 78, 0.48);

}

.abtpg {

    background-image: url(../assets/img/about-age.jpg);
}

.pgeCont {

    position: relative;
    z-index: 2;
    text-align: center;
}

.pgeCont h1 {
    font-size: 52px;
    color: #fff;

}

.tuVM {

    background-color: var(--prime-light);
    padding-bottom: 4.2em;
}

.vmBlk {

    margin-bottom: 28px;
}

.vmBlk h2 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 12px;
}

.vmBlk p {
    line-height: 1.6;
}

.vmLogo img {
    display: block;
    margin: auto;
}

.vmLogo img {

    transform: translatey(0px);
    -webkit-animation: float 6s ease-in-out infinite;
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0% {

        transform: translatey(0px);
    }

    50% {

        transform: translatey(-20px);
    }

    100% {

        transform: translatey(0px);
    }
}

.abtCTA {
    position: relative;
    background: linear-gradient(91deg, #1D394E 1.12%, rgba(29, 57, 78, 0.46) 99.02%), url(../assets/img/abt-cta.jpg), lightgray 0px -2.411px / 100% 107.592% no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0;
    align-items: center;
}

.abtCTA a {

    background-color: var(--primary-color);
}

.abtCTA {
    position: relative;
    z-index: 22;
}

.abtCTA::after {

    display: none;
}

.abtCTACont {
    position: relative;

}

.abtCTACont h2 {

    color: #fff;
    font-size: 48px;
    line-height: 1.5;
    font-weight: 600;
}

.abtCTACont h2 span {
    display: block;
}

/* SERVICE PAGE */

.servicepg {

    background-image: url(../assets/img/service-pge.png);
}

.service-img-in img {
    width: 500px;
    height: 500px;
    display: block;
    margin: auto;
    object-fit: cover;
}

.service-content h3 {
    font-size: 34px;
    margin-bottom: 20px;
}

.service-content ul {
    padding-left: 7px;
}


.service-content ul li {
    font-size: 16px;
    margin-bottom: 14px;
    padding-left: 12px;
    position: relative;
    font-weight: 500;
}


.service-content li::before {

    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary-color);
}

.service-col {
    margin-bottom: 26px;
}

.rw-rev {

    flex-direction: row-reverse;
}

.service-col-rv .service-content {
    padding-left: 8em;
}

.service-col {

    background-color: var(--second-light);
    padding: 12px 0;
}

/* CONTACT PAGE */

.contactpg {
    background-image: url(../assets/img/contact-pg.jpg);
}

.ct-inpt input {

    padding: 12px;
    display: block;
    width: 100%;
    margin-bottom: 12px;
    border: 1px solid #dbdbdb;
    -webkit-appearance: none;
    font-family: var(--text-font);
    transition: all 0.3s;
}

.ct-inpt input:focus,
.ct-inpt textarea:focus {

    outline: none;
    border: 1px solid var(--primary-color);
}

.ct-inpt textarea {

    width: 100%;
    min-height: 150px;
    border: 1px solid #dbdbdb;
    resize: none;
    font-family: var(--text-font);
    padding: 12px;
}

.ct-inpt button {

    display: block;
    width: fit-content;
    padding: 12px 24px;
    color: #fff;
    background-color: var(--secondary-color);
    border: none;
    margin-top: 12px;
}

.tuContact {
    padding-bottom: 1.2em;
}

.contact-info-contain h2 {
    font-size: 40px;
    margin-bottom: 4px;
}

.contact-info-contain p {
    font-size: 16px;
    margin-bottom: 18px;
}

.contact-info-contain {
    background-color: var(--prime-light);
    padding: 16px;
    height: 100%;
}

.info-blk {

    margin-bottom: 24px;
}

.info-hd {

    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
    color: var(--primary-color);
}

.info-title h4 {
    font-size: 18px;
    font-weight: 600;

}


.info-cont p {
    margin-bottom: 4px;
}

.overlay {

    background-color: #0000006c;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 22;
}

.consult-blk {

    background-color: var(--secondary-color);
    max-width: 760px;
    height: 500px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 222;

}

.conslt-img {
    background-color: var(--primary-color);
    height: 100%;
    display: flex;
    align-items: center;
    padding: 16px;
}

.tu-rw .col-md-6 {
    padding: 0;
}

.consultation-contain .tu-rw {

    height: 100%;
}

.stick-btn {

    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 222;
}

.stick-btn .whatsapp {

    background-color: rgb(23, 192, 23);
    display: block;
    width: 55px;
    height: 55px;
    justify-content: center;
    display: flex;
    align-items: center;
    border-radius: 50%;
    line-height: 0;
}

.stick-btn i {

    color: #fff;
    font-size: 24px;
}

.tuBlog h4 {

    font-size: 40px;
    padding: 20px 0;
    text-align: center;
}

.blg-bx {
    width: 100%;
    border: 1px solid #dbdbdb;
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 30px;
    padding-bottom: 15px;
}

.blg-img {
    position: relative;
    overflow: hidden
}

.blg-img:after {
    content: "";
    padding-top: 65%;
    display: block
}

.blg-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    border-radius: 8px
}


.blg-inr-img {
    position: relative;
    overflow: hidden
}

.blg-inr-img:after {
    content: "";
    padding-top: 50%;
    display: block
}

.blg-inr-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    border-radius: 8px
}

.blg-cont {
    margin-top: 10px;
}

.blg-cont h3 {
    font-size: 19px;
    margin-bottom: 10px;
}

.blg-cont h5 {
    font-size: 15px;
    margin-top: 15px;
}

.blg-inr-cont {
    padding: 20px 0 80px 0;
    max-width: 1000px;
}

.blg-cont-fl {
    padding: 0 0 80px 0;
}

.blg-inr-cont-txt p {
    margin-top: 10px;
}

.blg-inr-cont-txt h2 {
    margin: 20px 0 10px 0;
}

.tuMap {
    padding-top: 0;

}

/* CAREER */

.careerpg {

    background-image: url(../assets/img/careerbg.jpg);
}

.career-blk h2 {

    font-size: 34px;
    margin-bottom: 12px;
}

.career-blk p {

    line-height: 1.6;
}

.career-blk {

    margin-bottom: 24px;
}

.hidden {
    display: none;
}

input::file-selector-button {
    font-weight: bold;
    color: #fff;
    padding: 10px;
    border: none;
    border-radius: 3px;
    font-weight: 400;
    font-family: var(--text-font);
    background-color: var(--primary-color);
}