/* @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&family=Exo+2:wght@400;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');

:root {
    --primary-color: #1D365B;
    --dark-blue: #192F50;
    --contact-bg: #214478;
    --familier-color: #1F3F70;
    --nav-hover: #6a8abc;
    --purple-color: #892CA0;
    --rq-bg: #EEEEEE;
    --white-color: #FFFFFF;
    --black-color: #000000;
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: "Merriweather Sans", sans-serif;
    /* font-family: "Merriweather", serif; */
}

body {
    scroll-behavior: smooth;

}


ul {
    padding-left: 0rem;
    margin-bottom: 0;
}


/* Navigation css */

.at-navbar-container {
    width: 100%;
    height: 100%;
    background: #F0F0F0;

}




.at-navbar-container-wrapper {
    /* max-width: 1366px; */
    max-width: 1200px;
    height: 84px;
    margin: auto;
    padding: 0px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.at-logo-container-image {
    width: 80px;
    height: 60px;
	padding: 6px 0px;
}

.at-logo-container-image img {
    width: 100%;
    height: 100%;
    object-fit: content;
}

.navbar-container-list {
    margin-top: auto;
}

.abt-ul {
    left: -7% !important;
}

.navbar-container-list>ul {
    display: flex;
    margin-bottom: 0;
    align-items: center;
    position: relative;
}

.navbar-container-list>ul>li {
    list-style: none;
    margin-top: 16px;
    margin-right: 64px;
    height: 50px;
    cursor: pointer;
}

.navbar-container-list>ul li a {
    text-decoration: none;
    color: var(--black-color);
    opacity: 0.9;
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    position: relative;
}


.navbar-container-list>ul>li>a:hover {
    color: var(--nav-hover);
    opacity: 1;
    border-bottom: 2px solid var(--nav-hover);

}


.navbar-container-list>ul>li:hover ul {
    display: flex;
    flex-direction: column;
}

.navbar-container-list>ul>li>ul>li {

    width: 100%;
    margin-right: 16px;
    margin-left: auto;
    padding: 12px 24px 12px 24px;

}

.navbar-container-list>ul>li>ul>li>a {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    color: var(--black-color);
}



.navbar-container-list>ul>li>ul>li>a:hover {
    color: var(--nav-hover);
}

.navbar-container-list>ul>li>ul {
    list-style: none;
    display: none;
    position: absolute;
    max-width: 725px;
    top: 55px;
    left: 12%;
    background: var(--white-color);
    height: auto;
    box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%), 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%);
    z-index: 100;

}


.navbar-container-list>ul>.abt-li>ul {
    left: -7% !important;
}


.hamburger-icon {
    display: none;
}

.hamburger-icon img {
    width: 25px;
    height: 25px;
}



@media (max-width: 1200px) {

    .navbar-container-list>ul>.abt-li>ul {
        left: 0% !important;
    }

    .navbar-container-list>ul {
        display: none;
        z-index: 100;
        flex-direction: column;
        position: absolute;
        left: 0;
        top: 24%;
        /* top: 79px; */
        width: 100%;
        background: var(--white-color);
        box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%), 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%);
        padding: 0px 24px;
        padding-bottom: 12px;
    }

    .show {
        display: block !important;
    }

    .hamburger-icon {
        display: block;
        cursor: pointer;
    }




    .navbar-container-list>ul li {
        position: relative;
        display: block;
        z-index: 100;
        padding: 10px;
        margin-top: 0px;
        margin-right: 24px;
        height: unset;
    }

    .navbar-container-list>ul {
        flex-direction: column;
        position: absolute;
        left: 0;
        top: 60px;
        width: 100% !important;

    }

    .navbar-container-list>ul>li:hover>ul {
        flex-direction: column;
        display: flex;
        flex-wrap: wrap;
    }



    .navbar-container-list>ul>li>ul {
        background: var(--white-color);
        box-shadow: none;
        position: relative;
        top: 0;
        left: 0 !important;

    }

    .navbar-container-list>ul>li>ul>li {
        margin-right: 16px;
        margin-left: unset;

    }

    .navbar-container-list>ul li a {
        color: var(--primary-blue-color);
    }


}

@media(max-width:992px) {
   
    .at-navbar-container-wrapper{
        height: 60px;
    }
}

@media(max-width:576px) {
    .navbar-container-list>ul>li>ul>li {
        width: 80% !important;
    }
}


@media(max-width:425px) {
    .navbar-container-list>ul>li>ul>li {
        width: 100% !important;
    }
}


@media(max-width:320px) {
    .at-navbar-container-wrapper {
        padding: 0px 24px;
    }
}




.active>a {

    border-bottom: 2px solid var(--nav-hover);
}



#breadcrumbs {
    font-size: 22px;
    margin-bottom: 12px;
    color: var(--white-color) !important
}

#breadcrumbs a {
    color: var(--white-color) !important;
    font-family: "Merriweather Sans", sans-serif;
    text-decoration: none;
    font-weight: 400;
}



@media(max-width:768px) {}



/* End of the Navbar css  */




/* Hero section css */


/* 
.at-hero-section {
    background: var(--white-color);
    width: 100%;

}


.at-hero-container {
    margin-bottom: 19px;
}



.at-hero-container-wrapper {

    height: 656px;
    position: relative;
}

.msjk-hero-image {
    position: relative;
    width: 100%;
    height: 100%;
}

.msjk-hero-image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
}


.at-hero-contents {
    max-width: 518px;
    position: absolute;
    top: 35%;
    left: 15%;
    object-fit: cover;
    object-position: center bottom;
    z-index: 1;
}




.at-hero-contents>h1 {

    font-family: "Merriweather Sans", sans-serif;
/*     font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--white-color);

}

.at-hero-contents>p {
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.6;
    color: var(--white-color);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 20px 0px 36px 0px;
}


.hero-btn {
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.6;
    color: var(--white-color);
    border: 2px solid var(--purple-color);
    background: linear-gradient(90deg, #892CA0 0%, #BE28E3 100%);
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 20px;

}

.hero-btn:hover {
    transition: 320ms;
    background: var(--white-color);
    color: var(--purple-color);

}


.hero-image {
  
}

.hero-image img {
 
}


@media(max-width:992px) {
    .at-hero-container-wrapper {
        height: 500px;
        ;
    }

    .at-hero-contents {
        top: 30%;
        left: 4%;
    }




    .at-hero-contents>p {
        margin-top: 6px;
    }




}



@media(max-width:768px) {

    .at-hero-container-wrapper {
        height: 400px;
        ;
    }

    .at-hero-contents {
    }

}

@media(max-width:576px) {
    .at-hero-container-wrapper {
        height: 300px;
        ;
    } */

    .at-hero-contents {
        padding: 0px 12px;
        top: 20%;
    }






}
 */
/* End of the Hero section css */


/* hero section new */

/* hero section */
.at-hero-container{
    margin-bottom: 19px;
}

.at-hero-image {
    margin-bottom: unset !important;
    position: relative;
    width: 100%;
    /* margin-top: -78px; */
}

.at-hero-image-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(242.98deg, rgba(0, 0, 0, 0) 25.78%, rgba(0, 0, 0, 0.4) 39.42%, rgba(0, 0, 0, 0.45) 51.52%, rgba(0, 0, 0, 0.5) 80.4%, rgba(0, 0, 0, 0.5) 91.18%);

}

.at-hero-single-image{
    width: 100%;
    height: 656px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}


.at-hero-image .slick-dots{
    bottom: 32px !important;
}

.at-hero-image .slick-dots li button::before {
    content: '';
    width: 28px;
    height: 4px;
    background-color: #D9D9D9; 
    border-radius: 2px;
    opacity: unset !important ;
}
  
  .at-hero-image .slick-dots li.slick-active button::before {
    background-color: var(--purple-color) !important;
    opacity: unset !important ;
    width: 28px;
    height: 4px;
  }

  .hero-section-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    height: 100%;
}

  .at-hero-text{
    max-width: 518px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0px 24px;
    z-index: 100;
  }

  .at-hero-heading{
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    /* line-height: 48px; */
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--white-color);
  }

  .at-hero-description{
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    /* line-height: 28px; */
    line-height: 1.6;
    color: var(--white-color);
    /* opacity: 0.7; */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 20px 0px 36px 0px;

  }

  .at-read-more-btn{
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    /* line-height: 22px; */
    line-height: 1.6;
    color: var(--white-color);
    border: 2px solid var(--purple-color);
    background: linear-gradient(90deg, #892CA0 0%, #BE28E3 100%);
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 20px;
    max-width: fit-content;
  }


  .at-read-more-btn:hover{
    transition: 320ms;
    background: var(--white-color);
    color: var(--purple-color);
  
  }



  @media (max-width: 992px) {
    .at-hero-single-image {
        height: 500px;
    }
  }

  @media (max-width: 768px) {
    .at-hero-single-image {
        height: 400px;
    }

    .at-hero-heading {
        font-size: 30px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;   
    }

    .at-hero-description {
        font-size: 14px;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .at-read-more-btn {
    padding: 6px 12px;
    font-size: 14px;
    }
    


  }

  @media (max-width: 576px) {
    .at-hero-single-image {
        height: 300px;
    }

    

    .at-hero-image .slick-dots {
        bottom: 0px !important;
    }
    
  }


/* hero section new  ends*/




/* Products css */

.ath-product-container {
    background: var(--white-color);
}

.ath-product-wrapper {
    max-width: 1200px;
    margin: auto;
    padding: 12px 24px 12px 24px;
}


.ath-products-details {
    display: flex;
    flex-direction: row-reverse;
    gap: 12px;
}

.ath-products-contents {
    max-width: 511px;
    height: auto;
    margin: auto;

}

.ath-products-contents>h5 {
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    /* line-height: 28px; */
    line-height: 1.6;
    color: var(--black-color);
    opacity: 0.7;
    margin-bottom: 12px;
}

.ath-products-contents>h1 {
    font-family: "Merriweather", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    /* line-height: 48px; */
    line-height: 1.6;
    color: var(--black-color);
    opacity: 00.9;
}

.ath-products-contents>p {
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    /* line-height: 28px; */
    line-height: 1.6;
    color: var(--black-color);
    opacity: 0.7;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 20px 0px 36px 0px;
}


.ath-product-btn {
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    /* line-height: 22px; */
    line-height: 1.6;
    color: var(--white-color);
    border: 2px solid var(--purple-color);
    background: linear-gradient(90deg, #892CA0 0%, #BE28E3 100%);
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 20px;
}



.ath-product-btn:hover {
    transition: 320ms;
    background: var(--white-color);
    color: var(--purple-color);
}


.ath-product-image {
    /* width: 545px; */
    width: 50%;
    height: 570px;
    margin: auto;
}


.ath-product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media(max-width:992px) {

    .ath-products-details {
        flex-direction: column;
    }

    .ath-products-contents {
        max-width: 100%;
        margin-bottom: 24px;
    }



    .ath-products-contents>p {
        margin-top: 6px;
    }


    .ath-product-image {
        width: 100%;
        height: auto;
    }

}

@media(max-width:768px) {
    .ath-products-contents {
        max-width: 100%;
    }


}


@media(max-width:576px) {
    . .ath-product-wrapper {
        padding-left: 12px;
        padding-right: 12px;
    }





}

/* End of the Products css */








/* familier css */


.testing {
    display: none;
}



.ath-switch-container {
    width: 100%;
    height: auto;
    background-color: #F0F0F0;
}


.ath-switch-container-wrapper {
    max-width: 1200px;
    margin: auto;
    position: relative;
}



.ath-switch-wrapper {
    width: 100%;
    height: 680px;

}


.ath-switch-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}



.ath-switch-board-image {
    /* width: 205px; */
    width: 17%;
    height: 212px;
    position: absolute;
    /* left: 13%;
    top: 62%; */
    left: 0%;
    bottom: -5%;
    transform: translate(50%, -50%);

}

.ath-switch-board-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}



.ath-familier-content {
    max-width: 388px;
    margin: auto;
    position: absolute;
    top: 5%;
    /* right: 4%; */
    right: 0%;
    transform: translate(-10%, 50%);
    padding-top: 24px;
    padding-bottom: 36px;
}


.ath-familier-content>h1 {
    font-family: "Merriweather", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    /* line-height: 48px; */
    line-height: 1.6;
    color: var(--black-color);
}




.ath-familier-content>p {
    font-family: 'Exo 2', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    /* line-height: 28px; */
    line-height: 1.6;
    color: var(--black-color);
    /* opacity: 0.7; */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 20px 0px 36px 0px;
}

.ath-familier-btn {
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    /* line-height: 22px; */
    line-height: 1.6;
    color: var(--white-color);
    border: 2px solid var(--purple-color);
    background: linear-gradient(90deg, #892CA0 0%, #BE28E3 100%);
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 20px;
}




.ath-familier-btn:hover {
    transition: 320ms;
    background: var(--white-color);
    color: var(--purple-color);
}



@media(max-width: 992px) {
    .ath-familier-content {
        max-width: 95%;
        position: unset;
        top: unset;
        right: unset;
        transform: unset;
        padding-left: 12px;
        padding-right: 12px;
        padding-bottom: 45px;
    }

    .ath-familier-content>h1 {
        /* font-size: 35px; */
    }

    .ath-switch-wrapper {
        height: auto;
    }

    .ath-switch-board-image {
        height: auto;
        /* top: 30%; */
        bottom: 0 !important;
        top: 50%;
    }


}

@media(max-width:768px) {}

@media(max-width:576px) {}

@media (max-width: 992px) {
    .ath-switch-board-image {
        top: 43%;
    }
}

@media(max-width: 460px) {
    .ath-switch-board-image {
        top: 36%;
    }

}

/* End of the familier Css */




/* Forget Section css */


.ath-forget-container {
    background: var(--white-color);
    /* padding: 24px; */
    width: 100%;
    height: auto;
    /* position: relative; */
}


.ath-forget-container-wrapper {
    max-width: 1366px;
    margin: auto;
    /* padding-top: 98px; */

}


.ath-forget-image-container {
    width: 100%;
    height: 680px;
    position: relative;
}


.ath-forget-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.f-right>.ath-forget-contents {
    right: 6%;
    left: unset;
}



.ath-forget-contents {
    width: 40%;
    height: auto;
    /* background: linear-gradient(89.54deg, rgba(217, 217, 217, 0.3) 0.38%, rgba(217, 217, 217, 0.1) 102%); */
    /* backdrop-filter: blur(22px); */
    background: var(--white-color);
    padding: 54px 42px;
    position: absolute;
    top: 50%;
    left: 6%;
    transform: translate(0%, -50%);

}



.ath-forget-contents>h2 {
    font-family: "Merriweather", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 35px;
    /* line-height: 48px; */
    line-height: 1.6;
    color: var(--black-color);
    opacity: 0.9;
}


.ath-forget-contents>p {
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    /* line-height: 28px; */
    line-height: 1.6;
    color: var(--black-color);
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 20px 0px 36px 0px;
    opacity: 0.9;
}

.ath-forget-btn {
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    /* line-height: 22px; */
    line-height: 1.6;
    color: var(--white-color);
    border: 2px solid var(--purple-color);
    background: linear-gradient(90deg, #892CA0 0%, #BE28E3 100%);
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 20px;

}


.ath-forget-btn:hover {
    transition: 320ms;
    background: var(--white-color);
    color: var(--purple-color)
}





@media(max-width:1200px) {
    .ath-forget-contents {
        width: 45%;
    }
}


@media(max-width: 1024px) {
    .ath-forget-contents {
        width: 50%;
    }

}



@media(max-width:992px) {

    .ath-forget-contents {
        padding: 42px 36px;

    }


    .ath-forget-image-container {
        height: 500px;
    }



}


@media(max-width:768px) {


    .ath-forget-contents {
        width: 65%;
        padding-left: 24px;
        padding-right: 24px;
    }




    .ath-forget-container-wrapper {
        /* padding-top: 72px; */
    }


    .ath-forget-image-container {
        height: 500px;
    }


}

@media(max-width:576px) {

    .ath-forget-container-wrapper {
        /* padding-top: 54px; */
    }

    .ath-forget-contents {
        width: 85%;
    }

    .ath-forget-image-container {
        height: 400px;
    }

}




/* End of the forget section css */








/* Story section css */


.ath-story-container {
    background: var(--white-color);
    width: 100%;
    height: auto;
    padding-top: 54px;
    padding-bottom: 124px;
}


.ath-story-container-wrappper {
    max-width: 1366px;
    height: 800px;
    margin: auto;
    position: relative;
}

.ath-story-image {
    width: 80%;
    /* height: 548px; */
    height: auto;
    margin: auto;

}

.ath-story-image img {
    width: 100%;
    height: 100%;
    /* object-fit: cover; */
    object-fit: contain;
}

.ath-story-des-container {
    background: #F0F0F0;
    width: 60%;
    margin: auto;
    height: auto;
    text-align: center;
    padding: 62px 42px;
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, 50%);

}

.ath-story-des-container>h3 {
    font-family: "Merriweather", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    /* line-height: 33px; */
    line-height: 1.6;
    color: var(--black-color);
}


.ath-story-des-container>p {
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    /* line-height: 28px; */
    line-height: 1.6;
    text-align: center;
    color: var(--black-color);
    opacity: 0.9;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 6px 0px 36px 0px;
}



.ath-story-btn {

    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    /* line-height: 22px; */
    line-height: 1.6;
    color: var(--white-color);
    border: 2px solid var(--purple-color);
    background: linear-gradient(90deg, #892CA0 0%, #BE28E3 100%);
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 20px;
}


.ath-story-btn:hover {
    transition: 320ms;
    background: var(--white-color);
    color: var(--purple-color)
}


@media(max-width:992px) {
    .ath-story-image {
        width: 80%;
    }
}

@media(max-width:768px) {

    .ath-story-container {
        padding-bottom: 72px;
    }


    .ath-story-image {
        width: 100%;
    }


    .ath-story-container-wrappper {
        position: unset;
        height: auto;
    }



    .ath-story-des-container {
        position: unset;
        width: 100%;
        transform: unset;
        top: unset;
        left: unset;
        padding: 54px 24px;
    }
}


@media(max-width:576px) {}





/* End  of the Story secttion css */











/* footer css */


.at-footer-container {
    background: var(--dark-blue);
    width: 100%;
    height: auto;
}

.at-footer-container-wrapper {
    max-width: 1366px;
    margin: auto;
    padding: 72px 16px 24px 16px;
}



.at-footer-logo {
    width: 100%;
    height: 295px;
    margin-top: -24px;
}

.at-footer-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.site-title {
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: var(--white-color);
    text-transform: uppercase;
    line-height: 28px;
}


.atf-site-link>ul {
    list-style: none;
}


.atf-site-link>ul li {
    padding: 7px 0px;
}


.atf-site-link>ul li a {
    font-size: 14px;
    font-family: 'Merriweather Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--white-color);
    opacity: 0.7;
}




.atf-products-title {
    font-family: 'Merriweather Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: var(--white-color);
    text-transform: uppercase;
    line-height: 28px;
}



.atf-products>ul {
    list-style: none;
}

.atf-products>ul li {
    padding: 7px 0px;
}


.atf-products>ul li a {
    font-size: 14px;
    font-family: 'Merriweather Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: capitalize;
    color: var(--white-color);
    opacity: 0.7;
}


.atf-contact-title {
    font-family: 'Merriweather Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: var(--white-color);
    text-transform: uppercase;
    line-height: 28px;
}

.contact-ul {
    list-style: none;
}

.fcontact-anchor {
    text-decoration: none;
    color: unset;
}

.fcontact-anchor img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    opacity: 0.7;
}

.fcontact-anchor>span {

    padding-left: 7px;

}

.contact-ul li {
    padding: 7px 0px;
}

.contact-ul li a {
    font-size: 14px;
    font-family: 'Merriweather Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    color: var(--white-color);
    opacity: 0.7;

}



.social-icons {

    display: flex;
    justify-content: center;
    gap: 24px;
    margin: -24px 0px 36px 0px;

}

.social-icons-list {
    text-decoration: none;
    color: unset;
}


.social-icons-list img {
    width: 26px;
    height: 26px;
    object-fit: contain;
    opacity: 0.7;
}


.footer-content-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0px 36px;
}

.footer-content>p {
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 28px;
    color: var(--white-color);
    opacity: 0.6;
    margin-bottom: 0;
}

.crafted-by>p {
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 28px;
    color: var(--white-color);
    opacity: 0.6;
    margin-bottom: 0;
}

.crafted-anchor {
    color: unset;
}

@media(max-width:991px) {
    .footer-content-wrapper {
        padding: 0px 0px;
    }
}

@media(max-width:768px) {
    .social-icons {
        margin: 0px 0px 16px 0px !important;
        justify-content: flex-start;
    }
}

/* End of the footer css */









/* banner css */


.atau-banner-container {

    position: relative;
}


.atau-banner-image {
    width: 100%;
    height: 480px;

}


.atau-banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}




.banner-text {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    position: absolute;
    left: 50%;
    bottom: 15%;
    transform: translate(-50%);
    padding: 0px 24px;
}

.banner-text>h2 {
    font-size: 35px;
    font-family: "Merriweather", serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    color: var(--white-color);

}

@media(max-width:992px) {
    .atau-banner-image {
        height: 400px;
    }

}

@media(max-width:768px) {
    .atau-banner-image {
        height: 350px;
    }

}

@media(max-width:576px) {
    .banner-text {
        padding-left: 12px;
    }

    .atau-banner-image {
        height: 280px;
    }

}

/* end of banner section css */










/* Contact us css */

.at-contact-container {
    background: var(--white-color);
}


.at-contact-wrapper {
    max-width: 1366px;
    margin: auto;
    padding: 72px 0px;
}



.contact-us-title>h2 {
    text-align: center;
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: var(--contact-bg);
    /* margin-bottom: 54px; */
    margin-bottom: 30px;
}

.cleft {
    padding-left: 0;
}

.contact-image {
    /* width: 723px; */
    width: 100%;
    /* height: 538px; */
    height: 400px;
}

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


.contact-us-details {
    padding-top: 72px;
    padding-left: 52px;
}


.contact-head>h3 {
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 25px;
    line-height: 39px;
    color: var(--black-color);
    margin-bottom: 24px;
}


.contact-us-links {
    display: flex;
    flex-direction: column;
}



.contact-us-anchor {
    text-decoration: none;
    font-family: 'Merriweather Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    color: var(--black-color);
    margin-bottom: 18px;
}

.contact-us-anchor:hover {
    color: var(--black-color);
}


.contact-us-anchor img {
    width: 32px;
    height: 32px;
    object-fit: contain;

}

.contact-us-anchor span {
    padding-left: 12px;
}


.locate-container {
    text-align: center;
    margin: 36px 0px;
}


.locate-us-title {
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 33px;
    color: var(--contact-bg);
    margin-bottom: 30px;
}


.locate-container iframe {
    width: 80%;
    height: 450px;
}

@media(max-width:992px) {
    .contact-us-details {
        padding-top: 0px;
        padding-left: 0px;
    }

    .contact-image {
        height: 350px;
    }
}

@media(max-width:767px) {
    .cleft {
        padding-right: 0px;
    }

    .contact-image {
        height: 330px;
    }

    .locate-container {
        margin: 0px;
    }

    .locate-container iframe {
        height: 350px;
    }

    .contact-us-anchor {
        font-size: 16px;
    }
    .at-contact-wrapper{
        padding-top: 56px !important;
    }

}


@media(max-width:576px) {
    .locate-container iframe {
        width: 100%;
    }

    .contact-image {
        height: auto !important;
    }

    .locate-container iframe {
        height: 300px;
    }
    .at-contact-wrapper{
        padding-top: 36px !important;
    }

}

/* End of the contact us css */


/* Services css */


.at-service-container {
    width: 100%;
    background: var(--white-color);
}



.at-services-container-wrapper {
    max-width: 1200px;
    margin: auto;
    padding: 54px 24px;
}

.at-service-image-wrapper {
    width: 100%;
    position: relative;
}


.at-service-image {
    width: 100%;
    height: 435px;
    /* position: relative; */
}


.at-service-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.service-order-items {
    /* width: 70%; */
    width: max-content;
    position: absolute;
    height: auto;
    top: 8%;
    left: 60%;
    /* list-style-position: inside; */
    transform: translate(0%, -50%);
    background: var(--contact-bg);
    /* backdrop-filter: blur(20px); */
    z-index: 100;
    padding: 12px 26px;

}


.service-order-items>p {
    font-size: 30px;
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    color: var(--white-color);
    text-align: center;
    margin-bottom: 0;

}


.at-service-contents {
    margin: 98px 0px;
}


.at-service-para {
    font-family: 'Merriweather Sans', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
    color: var(--black-color);
    opacity: 0.8;
}


.service-r {
    margin-top: auto;
    margin-bottom: auto;
}



.service-order-items {
    margin-bottom: 0;

}



.change>.service-l>.at-service-image-wrapper>.service-order-items {
    left: 0;
    right: 50%;
    transform: translate(-50%, -50%);
}


@media(max-width:992px) {
    .service-order-items {
        left: 0;
        width: 100%;
    }


    .change>.service-l>.at-service-image-wrapper>.service-order-items {
        transform: translate(0%, -50%);
        right: 0;
    }


    .at-service-contents {
        margin: 12px 0px;
    }

    .at-service-image {
        height: 400px;
    }


}



@media(max-width:767px) {
    .at-service-contents {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .at-services-container-wrapper {
        padding: 42px 12px;
    }

    .at-service-image {
        height: 350px;
    }

}


@media(max-width:576px) {


    .service-l {
        padding-left: 0px;
        padding-right: 0px;
    }



    .at-services-container-wrapper {
        padding-left: 0px;
        padding-right: 0px;
    }

    .service-order-items {
        top: 7%
    }

    .at-service-image {
        height: 300px;
    }

}



/* End of Services css */







/* About us css */

.atau-container {
    background: var(--white-color);
}

.atau-container-wrapper {
    max-width: 1366px;
    margin: auto;
    padding: 12px 0px 72px 0px;
}


.atau-adavncetech-container {
    max-width: 1200px;
    margin: auto;
    padding: 54px 24px;


}




.atau-contents>h2 {
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.6;
    color: var(--black-color);
    max-width: 310px;
    opacity: 0.9;
}


.atau-contents>p {
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: var(--black-color);
    opacity: 0.8;
}


.atau-bg-color {
    width: 95%;
    /* width: 500px; */
    height: 395px;
    margin: auto;
    background: var(--white-color);
}


.atau-image {
    width: 90%;
    margin: auto;
    height: 100%;
    background: var(--white-color);
}

.atau-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}




.atau-mdn-container {
    width: 100%;
    height: auto;
    /* height: 345px; */
    /* background-image: url(../images/map.png); */
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
}



.atau-mdn-container-wrapper {
    max-width: 1200px;
    margin: auto;
    padding: 54px 24px;
    text-align: center;
}


.atau-mdn-container-wrapper>h3 {
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.6;
    text-transform: uppercase;
    color: var(--black-color);
    text-align: center;
    opacity: 0.9;
}



.atau-mdn-container-wrapper>p {
    /* width: 90%; */
    margin: auto;
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
    color: var(--black-color);
    padding: 24px;
    opacity: 0.8;
}



.atau-wmud-container-wrapper {
    max-width: 1200px;
    margin: auto;
    padding: 72px 24px 98px 24px;
}

.wmud-head {
    margin-bottom: 36px;
}

.wmud-head>h3 {
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.6;
    color: var(--black-color);
    text-align: center;
    opacity: 0.9;
}



.wmud-f-container {
    width: 100%;
    height: 100%;
    /* height: 245px; */
    background: #F0F0F0;
    cursor: pointer;
}


.wmud-f-container:hover {
    box-shadow: 2px var(--rq-bg);
    transform: translateY(-5px);
    transition: all 320ms;
}


.wmud-f-wrapper {

    padding: 24px 0px;
}


.wmud-f-image {
    width: 84px;
    height: 80px;
    margin: auto;
}


.wmud-f-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.wmud-title {
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.6;
    color: var(--contact-bg);
    text-align: center;
    margin: 16px 0px 6px 0px;
}

.wmud-details {
    width: 95%;
    margin: auto;
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.6;
    color: var(--contact-bg);
    text-align: center;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;

}


.atau-msg-image {
    width: 100%;
    height: 605px;
}


.atau-msg-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.atau-msg-contents {
    padding-left: 24px;
    padding-top: 36px;
}

.atau-msg-contents>h3 {
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.6;
    color: var(--black-color);
    margin-bottom: 0px;
    opacity: 0.9;
}



.atau-msg-contents>p {
    width: 90%;
    /* margin: auto; */
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: var(--black-color);
    opacity: 0.8;
    margin-top: 24px;
}


.abtleft {

    margin-top: auto;
    margin-bottom: auto;
}


.abtright {
    margin-top: auto;
    margin-bottom: auto;
}

@media(max-width:992px) {

    .atau-msg-image {
        height: 500px;
    }

    .atau-msg-contents>p {
        width: 100%;
    }
}


@media(max-width:767px) {
    .atau-bg-color {
        width: 100%;
        height: 350px;
    }

    .atau-msg-image {
        height: 400px;
    }

    .atau-contents>h2 {
        max-width: unset;
    }

    .atau-adavncetech-container {
        padding: 30px 24px;
    }

    .atau-wmud-container-wrapper {
        padding: 30px 12px;
    }

    .atau-container-wrapper {
        padding: 2px 0px 30px 0px;
    }

    .atau-msg-contents p {
        margin-top: 15px;
        margin-bottom: 0px !important;
    }
}

@media(max-width:576px) {
    .atau-adavncetech-container {
        padding: 36px 12px;
    }


    .atau-mdn-container-wrapper {
        padding: 36px 12px;
    }

    .atau-msg-image {
        height: 300px;
    }

    .atau-bg-color {
        height: 300px;
    }

    .atau-msg-contents {
        padding-left: 0px;
    }

    .atau-msg-contents>p {
        margin-top: 6px;
    }

}



/* End of the about us css */








/* About Advancetech Smart Switch css */

.at-ass-container {
    background: var(--white-color);
}


.at-ass-container-wrapper {
    max-width: 1200px;
    margin: auto;
}


/* .abtright {
    margin-top: auto;
    margin-bottom: auto;
} */


.at-ass-lr-container {
    padding: 54px 24px;
}


.at-ass-contents>h2 {
    font-family: "Merriweather", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.6;
    color: var(--black-color);
    max-width: 310px;
    opacity: 0.9;
}


.at-ass-contents>p {
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: var(--black-color);
    opacity: 0.8;
}


.at-ass-image {
    width: 100%;
    height: 325px;
}


.at-ass-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}



@media(max-width:576px) {

    .at-ass-lr-container {
        padding: 36px 12px;
    }



}





/* End of the About Advancetech Smart Switch css */



.at-ass-why-container-wrapper {
    padding: 24px;
}



.at-ass-why-head>h2 {
    font-family: "Merriweather", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    color: var(--black-color);
    opacity: 0.9;
}



.atass-box-wrapper {
    margin: 54px 0px;
    display: flex;
    flex-wrap: wrap;

}

.atass-box {

    padding: 25px;
    width: 33%;
    /* border: 1px solid rgba(255, 255, 255, 0.3); */
    border: 1px solid var(--contact-bg);
    border-bottom: none;
    border-left: none;

}



.atass-box-wrapper>div:nth-child(1) {

    border-top: none;

}

.atass-box-wrapper>div:nth-child(2) {

    border-top: none;
}

.atass-box-wrapper>div:nth-child(3) {

    border-top: none;
}

.atass-box-wrapper>div:nth-child(3n + 1) {

    padding-left: 0px;
    border-left: none;
    border-bottom: none;
}



.atass-box-wrapper>div:nth-child(3n) {
    padding-right: 0px;
    border-bottom: none;
    border-right: none;
    border-left: none;
}


.image-wrapper {
    display: flex;
    gap: 12px;
}

.image-wrapper img {
    width: 125px;
    height: 110px;
    object-fit: contain;

}





.atass-box>h2 {
    font-family: 'Merriweather', sans-serif;
    line-height: 1.6;
    color: var(--contact-bg);
    opacity: 0.7;

}




.image-wrapper p {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    font-family: 'Merriweather Sans', sans-serif;
    color: var(--black-color);
}




@media (max-width:992px) {

    .atass-box {
        width: 50%;
    }


    .atass-box-wrapper>div:nth-child(1) {
        border-top: none !important;
    }

    .atass-box-wrapper>div:nth-child(2) {
        border-top: none;
    }

    .atass-box-wrapper>div:nth-child(3) {
        border-top: none;
    }

    .atass-box-wrapper>div:nth-child(2n + 1) {
        padding-left: 0px;
        padding-right: 25px;
        border-bottom: none;
        border-top: 1px solid var(--contact-bg);
        border-right: 1px solid var(--contact-bg);
    }


    .atass-box-wrapper>div:nth-child(3n + 1) {
        padding-left: 0px;
        border-left: none;
        border-bottom: none;
    }

    .atass-box-wrapper>div:nth-child(2n) {
        padding-left: 25px;
        padding-right: 0px;
        border-right: none;

    }



}





@media (max-width:568px) {

    .atass-box {
        width: 100%;
    }

    .atass-box {
        border: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.3) !important;
        padding: 0 !important;
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
}







/* About Advancetech Smart Switch css */


.at-ass-app-container {
    padding: 54px 24px;
}


.at-ass-app-contents>h2 {
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.6;
    color: var(--black-color);
    opacity: 0.9;
    max-width: 307px;
}


.at-ass-app-contents>p {
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    color: var(--black-color);
    opacity: 0.8;
    margin: 36px 0px;

}





.at-ass-btn {
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.6;
    color: var(--white-color);
    border: 2px solid var(--purple-color);
    background: linear-gradient(90deg, #892CA0 0%, #BE28E3 100%);
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 20px;
}


.at-ass-btn:hover {
    transition: 320ms;
    background: var(--white-color);
    color: var(--purple-color)
}




.at-ass-app-image {
    width: 100%;
    height: 500px;
}


.at-ass-app-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media(max-width:992px) {
    .at-ass-app-image {
        height: 400px;
    }
}


@media(max-width:768px) {
    .at-ass-app-image {
        height: 350px;
    }

    .at-ass-app-contents>p {
        margin: 0px 0px 36px;
    }
}

@media(max-width:576px) {

    .at-ass-app-container {
        padding: 36px 12px;
    }

    .at-ass-app-image {
        height: 300px;
        margin-top: 24px;
    }


}





/* End of the About Advancetech Smart Switch css */




/* Customer Guide Css */


.atcg-container {
    width: 100%;
    background: var(--white-color);
    padding: 24px 0px;
}



.atcg-container-wrapper {
    max-width: 1200px;
    margin: auto;
    padding: 54px 24px;
}

.atcg-head h2 {
    font-size: 32px;
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    color: var(--contact-bg);
    margin-bottom: 5px !important;
}

.atcg-order-list-items {
    padding: 0px !important;
}

.atcg-list-items {
    list-style-type: none !important;
}

.atcg-list-items::marker {
    font-size: 30px;
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    color: var(--contact-bg);
}

.atcg-info-title h3 {
    font-size: 25px;
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    color: var(--black-color);
    margin-bottom: 8px !important;
}



.atcg-info-para {
    font-family: 'Merriweather Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.6;
    color: var(--black-color);
    opacity: 0.8;
}

.atcg-image-wrapper {
    width: 100%;
    height: 350px;
    background: transparent;
}


.atcg-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}




.atcg-connect-device-head h3 {
    font-size: 32px;
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    color: var(--contact-bg);
}


@media(max-width:992px) {
    .atcg-image-wrapper {
        height: 300px;
    }
}

@media(max-width:768px) {
    .atcg-image-wrapper {
        height: 270px;
    }
}

@media(max-width:576px) {
    .atcg-container-wrapper {
        padding-top: 36px;
    }

    .atcg-image-wrapper {
        height: 220px;
    }

}



@media(max-width:375px) {
    .atcg-container-wrapper {
        padding-left: 12px;
        padding-right: 12px;
    }
}






.atcg-vi-container {
    max-width: 1200px;
    margin: auto;
}



.atcg-details>h2 {
    font-size: 35px;
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    color: var(--contact-bg);
}


.atcg-details {
    width: 95%;
}


.atcg-details>p {
    font-family: 'Merriweather Sans', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 18px;
    line-height: 1.6;
    color: var(--black-color);
    opacity: 0.8;
}





.atcg-video-container>iframe {
    width: 100%;
    height: 400px;
}



@media(max-width:991px) {
    .atcg-details {
        width: 100%;

    }

    .atcg-details>h2 {
        font-size: 32px;
    }
}


@media(max-width:768px) {
    .atcg-video-container {
        margin-bottom: 0px !important;
    }
}


@media(max-width:576px) {}


/* border bottom css */


.atcg-box-wrapper {
    margin: 54px 0px;
    display: flex;
    flex-wrap: wrap;

}

.atcg-box {

    padding: 25px;
    width: 33%;
    border: 1px solid var(--contact-bg);
    border-bottom: none;
    border-left: none;

}


.mb-wrapper {
    display: flex;
    flex-direction: column;
}



.mb-wrapper img {
    width: 125px;
    height: 110px;
    margin: auto;
    object-fit: contain;

}



.mb-wrapper>h2 {
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    font-family: 'Merriweather', sans-serif;
    line-height: 1.6;
    color: var(--contact-bg);
    opacity: 0.7;
}

.mb-wrapper>p {
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    font-family: 'Merriweather Sans', sans-serif;
    line-height: 1.6;
    color: var(--black-color);

}



.atcg-box-wrapper>div:nth-child(1) {

    border-top: none;

}

.atcg-box-wrapper>div:nth-child(2) {

    border-top: none;
}

.atcg-box-wrapper>div:nth-child(3) {

    border-top: none;
}

.atcg-box-wrapper>div:nth-child(3n + 1) {

    padding-left: 0px;
    border-left: none;
    border-bottom: none;
}



.atcg-box-wrapper>div:nth-child(3n) {
    padding-right: 0px;
    border-bottom: none;
    border-right: none;
    border-left: none;
}


@media (max-width:992px) {

    .atcg-box {
        width: 50%;
    }


    .atcg-box-wrapper>div:nth-child(1) {
        border-top: none !important;
    }

    .atcg-box-wrapper>div:nth-child(2) {
        border-top: none;
    }

    .atcg-box-wrapper>div:nth-child(3) {
        border-top: none;
    }

    .atcg-box-wrapper>div:nth-child(2n + 1) {
        padding-left: 0px;
        padding-right: 25px;
        border-bottom: none;
        border-top: 1px solid var(--contact-bg);
        border-right: 1px solid var(--contact-bg);
    }


    .atcg-box-wrapper>div:nth-child(3n + 1) {
        padding-left: 0px;
        border-left: none;
        border-bottom: none;
    }

    .atcg-box-wrapper>div:nth-child(2n) {
        padding-left: 25px;
        padding-right: 0px;
        border-right: none;

    }

}

@media (max-width:768px) {
    .atcg-box-wrapper {
        margin: unset;
    }
}


@media (max-width:568px) {

    .atcg-box {
        width: 100%;
    }



    .atcg-box {
        border: none !important;
        border-bottom: 1px solid var(--contact-bg) !important;
        padding: 0 !important;
        /* padding-top: 25px !important; */
        padding-bottom: 25px !important;
    }
}


/* End of the Customer Guide css */




/* Request A Quote css */


.atrq-container {
    width: 100%;
    height: auto;
    background: var(--white-color);
}


.atrq-container-wrapper {
    max-width: 1366px;
    margin: auto;
    padding: 54px 0px;
}

.atrq-head {
    text-align: center;
}

.atrq-head>h2 {
    font-size: 32px;
    font-family: "Merriweather", sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    text-transform: uppercase;
    color: var(--black-color);
    margin-bottom: 24px;
    opacity: 0.9;
}


.contactus-form {
    width: 80%;
    height: auto;
    margin: auto;
    background: #F0F0F0;
    padding-bottom: 24px;

}


.contactus-form-wrapper {
    padding: 72px 52px;

}


.contactus-label-flex1 {
    display: flex;
    gap: 36px;
    padding-bottom: 24px;
    width: 100%;
}


.contactus-label-flex2 {
    display: flex;
    gap: 36px;
    padding-bottom: 24px;
    width: 100%;
}


.contactus-label-1 {
    width: 50%;
}

.contactus-label-2 {
    width: 50%;
}




.contactus-form-wrapper label {
    font-size: 16px;
    font-weight: 400;
    font-family: "Merriweather Sans", sans-serif;
    color: var(--black-color);


}

.contactus-form-wrapper input {
    font-family: "Merriweather Sans", sans-serif;
    margin-bottom: 12px;
    width: 100%;
    height: 40px;
    padding-left: 6px;
    border: none;
}

.contactus-form-wrapper textarea {
    width: 100%;
    border: none;
    padding-left: 6px;
    font-family: "Merriweather Sans", sans-serif;
}

.contactus-button-box {
    text-align: center;
    margin-top: 24px;
    margin-bottom: 12px;
}

.contactus-button {


    padding: 10px 20px;
    background: linear-gradient(90deg, #892CA0 0%, #BE28E3 100%);
    color: var(--white-color);
    font-size: 16px;
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    border: 2px solid var(--purple-color);
    border-radius: 2px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;

}


.contactus-button:hover {
    transition: 320ms;
    background: var(--white-color);
    color: var(--purple-color)
}




.wpcf7 form .wpcf7-response-output {
    margin: 0 !important;
    text-align: center;
}


@media(max-width:992px) {}


@media(max-width:768px) {

    .contactus-form {
        width: 85%;
    }

    .contactus-form-wrapper {
        padding: 54px 36px;
    }


}

@media(max-width:576px) {


    .contactus-form {
        width: 90%;
    }

    .contactus-form-wrapper {
        padding: 36px 24px;
    }





}


@media(max-width: 425px) {
    .contactus-form {
        width: 95%;
    }
}







/* End of the request a quote css */







/* atp product css */

.atp-container {
    width: 100%;
    height: auto;
    /* background: var(--contact-bg); */
}

.atp-container-wrapper {
    max-width: 1200px;
    margin: auto;
    padding: 20px 36px;

}

.atp-container-wrapper-heading {
    margin-bottom: 25px;
}

.atp-head {
    font-size: 32px;
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    color: var(--black-color);
    margin-bottom: unset !important;
}

.msjk-head {
    margin-bottom: 36px !important;
}

.atp-head-a {
    font-family: "Merriweather Sans", sans-serif;
    color: #214478;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    margin-top: auto;
    margin-bottom: auto;
}

.atp-head-a:hover {
    text-decoration: underline;
}

.atp-anchor {
    width: 100%;
    color: unset;
    text-decoration: none;
}

.atp-products-container {
    /* max-width: 205px !important;
    width: 100%; */
}

.atp-products {
    background: #F0F0F0;
    width: 100%;
    height: 205px;
    padding: 24px;
}

.atp-product-image {
    /* width: 100%;
    height: 212px;
    margin: auto; */
    /* width: 145px; */
    height: 157px;
}

.atp-product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.atp-product-title {
    font-family: "Merriweather Sans", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
    color: var(--black-bg);
    margin: 16px 6px 0px;

}


@media(max-width:768px) {
    .atp-container-wrapper {
        padding-left: 24px;
        padding-right: 24px;
    }



}

@media(max-width:576px) {
    .atp-container-wrapper {
        padding-left: 12px;
        padding-right: 12px;
    }


}


/* end of the atp products css */


/* Single product css */

.atpd-container {
    width: 100%;
    height: auto;
    padding: 0px 16px;
    background: var(--white-color);
}

.atpd-container-wrapper {
    max-width: 1366px;
    margin: auto;
    padding: 30px 0px;
}

.atpd-large-bg {
    width: 100%;
    height: 475px;
    /* background-image: url('../images/bg.png'); */
    background-repeat: no-repeat;
    background-position: 0px;
    background-size: cover;
    position: relative;
}

.atpd-image {
    /* width: 95%;
    height: 95%; */
    margin: auto;
    position: absolute;
    top: 50%;
    left: 60%;
    width: 428px;
    height: 285px;
    transform: translate(-64%, -50%);
    /* transform: translate(-50%, -50%); */
    background: transparent;
}


.atpd-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.atpd-mini-image-container {
    width: 100%;
    margin: auto;
    padding: 10px 0px;
}

.atpd-mini-image-container-wrapper {
    /* display: flex;
    gap: 12px; */
}

.atpd-mini-bg {
    width: 110px;
    height: 110px;
    padding: 7px;
}



.atpd-mini-image {
    width: 100%;
    height: 100%;
    background: #F0F0F0;
}


.atpd-mini-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;

}


.atpd-contents {
    padding-left: 24px;
    padding-top: 36px;
}

.atpd-contents>h3 {
    font-family: 'Merriweather', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.6;
    color: var(--black-color);
    margin-bottom: 0px;
    opacity: 0.9;

}



.atpd-contents>p {
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.6;
    color: var(--black-color);
    opacity: 0.8;
    margin: 10px 0px 24px;
}


.atpd-btn {
    padding: 10px 20px;
    background: linear-gradient(90deg, #892CA0 0%, #BE28E3 100%);
    color: var(--white-color);
    font-size: 16px;
    font-family: "Merriweather Sans", sans-serif;
    font-style: normal;
    font-weight: 700;
    line-height: 1.6;
    border: 2px solid var(--purple-color);
    border-radius: 2px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;

}



.atpd-btn:hover {
    transition: 320ms;
    background: var(--white-color);
    color: var(--purple-color)
}


@media(max-width:992px) {

    .atpd-contents {
        padding-top: 0px;
    }


}

@media(max-width:768px) {

    .atpd-image {
        width: 92%;
        height: 92%;
        left: 63%;
    }

    .atpd-large-bg {
        height: 350px;
    }

    .single-product-col-msjk {
        margin-bottom: 0px !important;
    }
    .padding-reduce{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .atpd-contents{
        padding-left: 12px !important;
    }
    .atpd-container-wrapper{
        padding-bottom: 56px !important;
    }
}


@media(max-width:576px) {
    .atpd-contents {
        padding-left: 0px;
    }

    .atpd-contents>p {
        margin: 12px 0px 24px 0px;
    }

    .atpd-mini-image-container {
        padding: unset !important;
    }

}

/* End of the Single product css */



/* page Not Found css */


.page_not_found {

    text-align: center;
    padding-top: 72px
}

.page_not_found>h1 {

    font-weight: 700;
    margin-bottom: 52px;
    font-family: 'Comfortaa', cursive;
    color: var(--dark-blue);
    opacity: 0.8
}



.page_not_found_btn {


    font-family: 'Exo 2', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.6;
    color: var(--white-color);
    border: 2px solid var(--purple-color);
    background: linear-gradient(90deg, #892CA0 0%, #BE28E3 100%);
    text-decoration: none;
    text-transform: uppercase;
    padding: 13px 30px;

}



.page_not_found_btn:hover {
    transition: 320ms;
    background: var(--white-color);
    color: var(--purple-color);

}



/* End of the page Not Found css */

/* .atcg-list-items:nth-child(even) .col-xl-6:nth-child(1),
.atcg-list-items:nth-child(odd) .col-xl-6:nth-child(2) {
    order: 2;
}

.atcg-list-items:nth-child(even) .col-xl-6:nth-child(2),
.atcg-list-items:nth-child(odd) .col-xl-6:nth-child(1) {
    order: 1;
} */

/* .atpd-mini-image-container-wrapper .slick-track{
    width: unset !important;
} */
@media(max-width:768px) {
    /* .atcg-list-items:nth-child(even) .col-xl-6:nth-child(1),
    .atcg-list-items:nth-child(odd) .col-xl-6:nth-child(2) {
        order: unset;
    }
    .atcg-list-items:nth-child(even) .col-xl-6:nth-child(2),
    .atcg-list-items:nth-child(odd) .col-xl-6:nth-child(1) {
        order: unset;
    } */
}

/* for font onlyyy */
@media(max-width:992px) {

    .at-hero-contents>h1 {
        font-size: 35px;
        line-height: 1.3;
    }

    .ath-products-contents>h1 {
        font-size: 32px;
        /* line-height: 1.3; */
    }

    .ath-forget-contents>h2 {
        font-size: 32px;
    }

    .atrq-head>h2 {
        font-size: 32px;
    }

    .atpd-btn {
        font-size: 14px;
    }

    .at-ass-contents>h2,
    .at-ass-why-head {
        font-size: 28px;
    }

    .atpd-contents>h3 {
        font-size: 20px;
    }

    .atpd-contents>p {
        font-size: 16px;
    }

    .service-order-items>p {
        font-size: 28px;
    }

    .at-service-para {
        font-size: 16px;
    }

    .contact-head>h3 {
        font-size: 22px;
    }
}

@media(max-width:768px) {

    .at-hero-contents>h1,
    .contact-us-title>h2,
    .locate-us-title {
        font-size: 28px;
    }

    .at-hero-contents>p {
        font-size: 16px;
    }

    .hero-btn,
    .ath-familier-btn,
    .ath-product-btn,
    .ath-forget-btn,
    .at-ass-btn,
    .ath-story-btn,
    .atpd-btn {
        font-size: 14px;
    }

    .ath-products-contents>h1 {
        font-size: 28px;

    }

    .atp-head-a {
        font-size: 14px;
    }

    .ath-familier-content>h1 {
        font-size: 28px;
    }

    .ath-familier-content>p,
    .ath-forget-contents>p {
        margin-top: 6px;
    }

    .ath-forget-contents>h2,
    .atcg-head h2,
    .atcg-connect-device-head h3 {
        font-size: 28px;
    }


    .ath-familier-content>p,
    .ath-forget-contents>p,
    .ath-products-contents>p {
        font-size: 16px;
    }

    .banner-text>h2 {
        font-size: 32px;
    }

    .atrq-head>h2 {
        font-size: 28px;
    }

    .atcg-details>h2 {
        font-size: 28px;
    }

    .atp-head,
    .ath-story-des-container>h3 {
        font-size: 25px;
    }

    #breadcrumbs {
        font-size: 16px
    }

    .atcg-info-title h3,
    .contact-head>h3 {
        font-size: 20px;
    }

    .atcg-info-para,
    .atcg-details>p,
    .mb-wrapper>p {
        font-size: 16px;
    }

    .at-ass-contents>h2,
    .at-ass-why-head,
    .at-ass-app-contents>h2 {
        font-size: 24px;
        max-width: unset;
    }

    .atpd-contents>h3 {
        font-size: 18px;
    }

    .service-order-items>p {
        font-size: 24px;
    }



}

@media(max-width:576px) {

    .hero-layout {
        background: black;
        height: 100%;
        width: 100%;
        opacity: 0.2;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .at-hero-contents>p {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        margin-bottom: 24px !important;
    }

    .at-hero-contents>h1,
    .contact-us-title>h2,
    .locate-us-title {
        font-size: 24px;
    }

    .ath-products-contents>h1 {
        font-size: 24px;
    }

    .ath-products-contents>p {
        font-size: 16px;
    }



    .ath-familier-content>h1,
    .atcg-connect-device-head h3 {
        font-size: 24px;
    }



    .ath-forget-contents>h2,
    .atcg-head h2 {
        font-size: 24px;
    }



    .ath-story-des-container>p {
        font-size: 16px;
    }

    .banner-text>h2 {
        font-size: 24px;
    }

    .contact-us-anchor {
        font-size: 14px;
    }

    .service-order-items>p {
        font-size: 20px;
    }

    .at-service-para {
        font-size: 14px;
    }

    .atau-contents>h2 {
        font-size: 26px;
    }

    .atau-mdn-container-wrapper>h3 {
        font-size: 26px;
    }

    .atau-mdn-container-wrapper>p {
        padding: 6px 0px;
        font-size: 16px;
    }

    .atp-head,
    .ath-story-des-container>h3,
    .ath-products-contents>h5,
    .at-ass-app-contents>h2 {
        font-size: 20px;
    }

    .atp-head-a {
        font-size: 12px;
    }

    .atp-product-title {
        font-size: 14px;
    }

    .atrq-head>h2 {
        font-size: 24px;
    }

    .atcg-details>h2 {
        font-size: 24px;
    }

    .atcg-details>p,
    .mb-wrapper>p {
        font-size: 16px;
    }

    .atcg-info-para,
    .atcg-details>p {
        font-size: 14px;
    }

    .at-ass-app-contents>h2 {
        font-size: 26px;
    }

    .at-ass-contents>h2,
    .at-ass-why-head {
        font-size: 20px;
    }

    .wmud-head>h3 {
        font-size: 24px;
    }

    .atau-msg-contents>h3 {
        font-size: 26px;
    }


    .mb-wrapper>p,
    .contact-head>h3 {
        font-size: 18px;
    }

    .at-ass-contents>p {
        font-size: 14px;
    }

    .image-wrapper p,
    .at-ass-app-contents>p,
    .atpd-contents>p {
        font-size: 14px;
    }
}