@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

* {
    padding: 0;
    margin: 0;
}

body {
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 400;    
	background: #fff!important;
	color: #333333;	
}

a,a:hover {
    text-decoration: none !important;
}

a:hover {
    text-decoration: none;
}


ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

::selection {
    color: white; 
    background: #ff7675;
}

::-webkit-selection {
    color: white; 
    background: #ff7675;
}

::-moz-selection {
    color: white; 
    background: #ff7675;
}

.container {
    max-width: 1166px !important;
    display: block;
    margin: auto;
    padding: 0 15px;
}


/*--- archers_header_area start --*/
.archers_header_area {
    background: #fff;
}

.archers_header_paRT {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 40px;
}

.archers_header_loGO img {
    max-width: 100%;
    display: block;
}

.mainarchers_nav .archers_header_BTN {
    display: none;
}


.archers_nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.archers_nav ul li {
    display: inline-block;
    margin: 0 10px;
    position: relative;
    padding: 0 5px;
}

.archers_nav ul li a {
    font-family: "Roboto", sans-serif !important;
    color: #383838;
    font-size: 20px;
    font-weight: bold;
    display: block;
    transition: 0.3s all ease;
}

.archers_nav ul li a:hover {
    color: #AF2234;
}

.archers_nav ul li.active a {
    color: #AF2234;
}

.archers_nav ul li.active a img {
    filter: brightness(0) saturate(100%) invert(25%) sepia(20%) saturate(6277%) hue-rotate(328deg) brightness(86%) contrast(103%);
}


.archers_nav ul li a img {
    filter: brightness(0) saturate(100%) invert(19%) sepia(0%) saturate(3009%) hue-rotate(51deg) brightness(100%) contrast(90%);
    width: 15px;
    position: absolute;
    top: -6px;
    margin-left: 0px;
}

.archers_nav ul li a::after {
   content: "";
    position: absolute;
    left: 0;
    bottom: -31px;
    width: 0%;
    height: 4px;
    background: #AF2234;
    transition: width 0.3s ease;
}

.archers_nav ul li a:hover::after {
    width: 100%;
}

.archers_nav ul li.active a::after {
    width: 100%;
}





/* dropdown */
.dropdown {
    position: absolute;
    top: 120%;
    left: -10px;
    min-width: 255px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    z-index: 999;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.dropdown ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.dropdown ul li {
    display: block;
    padding: 0;
    margin: 0;
}

.dropdown ul li a {
    display: block;
}


.dropdown ul li a::after {
    content: "";
    position: initial;
    left: 0;
    bottom: 0;
    width: 0%;
    height: initial;
    background: none;
    transition: width 0.3s ease;
}

.dropdown ul li:nth-child(3) a {
    display: block!important;
    align-items: center;
    gap: 0px!important;
}

.dropdown ul li a {
    font-family: "Roboto", sans-serif !important;
    color: #383838 !important;
    font-size: 19px;
    font-weight: bold;
    display: block !important;
    padding: 14px 16px;
    transition: 0.3s all ease;
    border-bottom: 1px solid #383838;
}

.dropdown ul li a:hover {
   color: #AF2234 !important; 
}

.dropdown ul li:last-child a {
    border-bottom: none;
}

.dropdown ul li.active1 a {
    color: #AF2234 !important;
}


/* active */
.has-dropdown.open .dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}



















.archers_header_BTN a {
    font-family: "Roboto", sans-serif !important;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    display: grid;
    background: #AF2234;
    transition: 0.3s all ease;
    width: 194px;
    height: 86px;
    text-align: center;
    align-items: center;
}

.archers_header_BTN a:hover {
    background: #000;
    color: #fff;
}


.archers_menu {
   display: none;
}

.menubar {
filter: brightness(0) saturate(100%) invert(14%) sepia(86%) saturate(2409%) hue-rotate(335deg) brightness(119%) contrast(95%);
height: 23px;
}

.closeicon {
filter: brightness(0) saturate(100%) invert(14%) sepia(86%) saturate(2409%) hue-rotate(335deg) brightness(119%) contrast(95%);
  height: 27px;
  display: none;  
}




/*--- archers_hero_area start --*/
.archers_hero_area {
    padding: 0px 0;
    position: relative;
}


.main_slider1box {
    position: relative;
    height: 600px;
    display: grid;
    align-items: center;
    justify-content: center;
}

.main_slider1box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    z-index: 9;    
}

.slider1bgCL {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.archers_slider1box {
    position: relative;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.slider1box_left {
    width: 324px;
}

.slider1box_left h1 {
    color: #fff;
    font-size: 62px;
    font-weight: bold;
    margin: 0;
    line-height: 74px;
}

.slider1box_right {
    width: 579px;
    height: 244px;
    background: rgb(255, 255, 255, 0.2);
    border-radius: 0px 10px 10px 0px;
    border-left: 1px solid #aaa;
    padding: 20px 90px;
    box-sizing: border-box;
    padding-top: 60px;
}

.slider1box_right p {
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    line-height: 32px;
    margin: 0;  
}



.archers_hero_area .customPrevBtn1 {
    position: absolute;
    top: 48%;
    left: 50px;
    z-index: 99;
}

.archers_hero_area .customPrevBtn1 img {
    transform: rotate(180deg);
    cursor: pointer;
    width: 22px;
    transition: 0.3s all ease;
}

.archers_hero_area .customPrevBtn1 img:hover {
   filter: brightness(0) saturate(100%) invert(17%) sepia(28%) saturate(6083%) hue-rotate(334deg) brightness(110%) contrast(95%); 
}







.archers_hero_area .customNextBtn1 {
    position: absolute;
    top: 48%;
    right: 50px;
    z-index: 99;
}

.archers_hero_area .customNextBtn1 img {
    width: 22px;
    cursor: pointer;
    transition: 0.3s all ease;
}

.archers_hero_area .customNextBtn1 img:hover {
   filter: brightness(0) saturate(100%) invert(17%) sepia(28%) saturate(6083%) hue-rotate(334deg) brightness(110%) contrast(95%); 
}










.archers_hero_area .owl-dots {
    position: absolute;
    top: 25px;
    right: 25px;
    display: flex;
    gap: 6px;
    z-index: 99;   
}

.archers_hero_area .owl-carousel button.owl-dot {
    background: #fff !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50px !important;
}

.archers_hero_area .owl-carousel button.owl-dot.active {
    background: #AF2234 !important;
}



.archers_hero_area .owl-carousel .owl-item.active .main_slider1box img {
    animation: zoomIn 26s ease-in-out infinite; 
}

@keyframes zoomIn {
  0% {
    transform: scale(1); 
  }
  50% {
    transform: scale(1.2); 
  }
  100% {
    transform: scale(1); 
  }
}




.archers_hero_area .owl-item.active .slider1box_left {
color: #fff;
  animation: fadeInRight 1s ease-in-out;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(600px);
  }
  to {
    opacity: 1;
  }
}


.archers_hero_area .owl-item.active .slider1box_right {
  animation: fadeIn 1s ease-in-out forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}








/*--- archers_about_area start --*/
.archers_about_area {
    background-color: #fff;
    padding: 100px 0;
    overflow: hidden;
}

.archers_about_area .container {
    max-width: 1200px !important;
}

.archers_about_part {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.aboutLT_imagepart {
    border: 2px solid #AF2234;
    width: 611px;
    height: 445px;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    animation: leftRight1 3s ease-in-out infinite;
}

@keyframes leftRight1 {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(10px); 
    }
    100% {
        transform: translateX(0); 
    }
}

.aboutLT_imagepart img {
    width: 631px;
    height: 486px;
    position: absolute;
    top: -30px;
    z-index: 999;
    left: 20px;
}


.aboutLTye {
    width: 205px;
    height: 84px;
    background-color: #AF2234;
    position: absolute;
    z-index: 999;
    bottom: -22px;
    left: -14px;
    border-radius: 5px;
    padding: 8px 20px;
    box-sizing: border-box;
    animation: upDown1 3s ease-in-out infinite;
}


@keyframes upDown1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px); 
    }
    100% {
        transform: translateY(0);     
    }
}



.aboutLTye h3 {
    color: #fff;
    font-size: 43px;
    font-weight: bold;
    margin: 0;
    line-height: 47px;   
}

.aboutLTye p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    margin: 0;   
}



.archers_about_RTpart {
    width: 496px;
}

.archers_about_head h3 {
    color: #AF2234;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    text-transform: capitalize;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 3px;
}

.archers_about_head h3 svg {
    width: 16px;
    animation: leftRights1 4s ease-in-out infinite;
}

@keyframes leftRights1 {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(5px); 
    }
    100% {
        transform: translateX(0); 
    }
}




.archers_about_head h2 {
    color: #222222;
    font-size: 40px;
    font-weight: bold;
    margin: 0;
    line-height: 44px;
    padding-bottom: 16px;    
}

.archers_about_head p {
    color: #767677;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    margin: 0;    
}


.archers_aboutbtn_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 14px;
    justify-content: space-around;
    grid-row-gap: 14px;
    padding-top: 20px;
}

.aboutbtn_list a {
    color: #767677;
    font-size: 15px;
    font-weight: 900;
    display: flex;
    height: 53px;
    align-items: center;
    justify-content: center;
    border: 1px solid #C1C1C1;
    background: #F7F7F9;
    width: 100%;
    gap: 8px;
    border-radius: 8px;
    transition: 0.3s all ease;
}

.aboutbtn_list a img {
    height: 10px;    
}

.aboutbtn_list a:hover {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}

.aboutbtn_list a:hover img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(86%) saturate(4%) hue-rotate(331deg) brightness(110%) contrast(96%);
}


.archers_aboutbtn {
    padding-top: 30px;
}

.archers_aboutbtn a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    width: 194px;
    height: 51px;
    background-color: #AF2234;
    display: grid;
    align-items: center;
    text-align: center;
    border-radius: 8px;    
}

.archers_aboutbtn a:hover {
    background-color: #000;
}




/*--- archers_ourSerVices_area start --*/
.archers_ourSerVices_area {
    background-color: #F7F7F9;
    padding: 90px 0;
    padding-bottom: 50px;
    overflow: hidden;
}

.archers_ourSerVices_area .container {
    max-width: 1225px !important;
}

.archers_ourSerVices_hading {
    padding-bottom: 60px;
}

.archers_ourSerVices_hading h3 {
    color: #AF2234;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 14px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 3px;
}


.archers_ourSerVices_hading h3 svg {
    width: 16px;
    animation: leftRights1 4s ease-in-out infinite;
}

@keyframes leftRights1 {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(5px); 
    }
    100% {
        transform: translateX(0); 
    }
}









.ourSerVices_hadingpart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.ourSerVices_hadingLTtext {
   width: 46%;
}

.ourSerVices_hadingRTtext {
    width: 54%;
    border-left: 1px solid #767677;
    padding-left: 25px;
}

.ourSerVices_hadingLTtext h2 {
    color: #000;
    font-size: 40px;
    font-weight: bold;
    margin: 0;
    line-height: 44px;
    max-width: 418px;
}

.ourSerVices_hadingRTtext p {
    color: #767677;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    line-height: 28px;
    font-style: italic;
}


.archers_ourSerVices_box {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    padding: 40px 14px;
    box-sizing: border-box;
    padding-left: 0;
    transition: 0.3s all ease;
    width: 98%;
    margin: auto;
}

.archers_ourSerVices_box:hover {
    background: #AF2234;
}

.archers_ourSerVices_box:hover h2 {
    color: #fff;
}

.archers_ourSerVices_box:hover p {
    color: #fff;
}

.archers_ourSerVices_box:hover .ourSerVices_image {
    background: #fff;
}

.archers_ourSerVices_box:hover .ourSerVices_image  img {
    filter: brightness(0) saturate(100%) invert(15%) sepia(51%) saturate(3504%) hue-rotate(334deg) brightness(118%) contrast(95%);
}


.ourSerVices_image {
    width: 58px;
    height: 58px;
    background-color: #AF2234;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 8px 8px 0px;
    transition: 0.3s all ease;
    padding: 7px;
    box-sizing: border-box;
}

.ourSerVices_image img {
    max-width: 100%;
    display: block;
}

.ourSerVices_text h2 {
    color: #222222;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 5px;
    line-height: 30px;
    transition: 0.3s all ease;
}

.ourSerVices_text p {
    color: #767677;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    line-height: 22px;
    transition: 0.3s all ease;    
}

.archers_ourSerVices_area .owl-carousel .owl-stage-outer {
    padding-top: 30px !important;
    padding-bottom: 35px !important;
}

.archers_ourSerVices_part {
    position: relative;
}


.archers_ourSerVices_area .owl-dots {
    position: absolute;
    top: -44px;
    display: flex;
    gap: 6px;
    z-index: 99;
    left: 0;
}


.archers_ourSerVices_area .owl-carousel button.owl-dot {
    background: #fff !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50px !important;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2)!important;
}

.archers_ourSerVices_area .owl-carousel button.owl-dot.active {
    background: #AF2234 !important;
}





/*--- archers_fAq_area start --*/
.archers_fAq_area {
    padding: 90px 0;
    background-color: #AF2234;
    overflow: hidden;
    padding-top: 60px;
}

.archers_fAq_area .container {
    max-width: 1225px !important;
}

.archers_fAq_hd {
    padding-bottom: 60px;
}

.archers_fAq_hd h2 {
    color: #fff;
    font-size: 55px;
    font-weight: bold;
    margin: 0;
    line-height: 60px;
}

.archers_fAq_paRT {
    display: flex;
    gap: 50px;
}

.archers_fAqLTbox {
    width: 511px;
    padding-top: 20px;
}

.ziehharmonika {
    width: 100%;
}

.itembox {
    border-radius: 8px;
    background: #FFF;
    margin-bottom: 15px;
    overflow: hidden;
    box-shadow: 0px 4px 12px 0px #0038931C;
}

.itembox h3 {
    color: #222222;
    font-size: 17px;
    font-weight: 500;
    padding: 20px 20px;
    padding-right: 25px;
    margin: 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    transition: background 0.25s;
    line-height: 23px;
}

.itembox h3 span {
    width: 90%;
}

.arrow-icon {
    filter: brightness(0) saturate(100%) invert(9%) sepia(39%) saturate(46%) hue-rotate(314deg) brightness(91%) contrast(89%);
    transition: transform 0.3s ease;
    border-radius: 50%;
    box-sizing: border-box;
    width: 15px;
    height: 15px;
    transform: rotate(-90deg);
}

.itembox.active .arrow-icon {
    transform: rotate(0deg);
}

.itembox.active h3 {
    padding-bottom: 14px;
}

.content {
    display: none;
    padding: 14px 42px 20px 38px;
    font-size: 15px;
    line-height: 28px;
    color: #767677;
    font-weight: 500;
    border-top: 1px solid #7C7C7C;
}


.itembox:last-child {
    margin-bottom: 0px;
}


.itemboxdots {
    background: #222222;
    width: 5px !important;
    height: 5px;
    border-radius: 15px;    
}


.archers_faQrtpart {
    position: relative;
    animation: leftRight2 3s ease-in-out infinite;
}

@keyframes leftRight2 {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(10px); 
    }
    100% {
        transform: translateX(0); 
    }
}



.archers_faQrtpart {
    border: 1px solid #fff;
    padding: 25px;
    width: 630px;
    height: 516px;
    box-sizing: border-box;
}

.archers_faQrtpart img {
    width: 637px;
    height: 516px;
    object-fit: cover;
    position: relative;
    z-index: 99;
}

.faqCLbox {
    width: 422px;
    height: 72px;
    background: #fff;
    position: absolute;
    bottom: -36px;
    right: -34px;   
}



/*--- archers_OURprocess_area start --*/
.archers_OURprocess_area {
    background-color: #fff;
    padding: 90px 0;
    overflow: hidden;
}

.archers_OURprocess_head {
    padding-bottom: 70px;
}

.archers_OURprocess_head h3 {
    color: #AF2234;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    padding-bottom: 14px;
    text-align: center;
}



.archers_OURprocess_head h2 {
    color: #222222;
    font-size: 40px;
    line-height: 44px;
    font-weight: bold;
    margin: 0;
    text-align: center;
}

.archers_OURprocess_part {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    justify-content: space-around;
    grid-row-gap: 25px;
}

.OURprocess_box {
    position: relative;
    padding: 30px 0px;
    transition: 0.3s all ease;
}

.OURprocess_box:hover {
    background: #fff;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.OURprocess_icoN {
    width: 100px;
    height: 100px;
    display: flex;
    background-color: #AF2234;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin: auto;
    padding: 26px;
    margin-bottom: 30px;
    position: relative;
    box-sizing: border-box;
}

.OURprocess_icoN img {
    max-width: 100%;
    display: block;
}

.OURprocess_icoN span {
    color: #7C7C7C;
    font-size: 15px;
    font-weight: 500;
    position: absolute;
    width: 31px;
    height: 31px;
    background: #fff;
    line-height: 31px;
    text-align: center;
    border-radius: 50%;
    top: 7px;
    left: -7px;    
}


.OURprocess_text h3 {
    color: #222222;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    padding-bottom: 20px;
}

.OURprocess_text p {
    color: #767677;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    margin: 0;
}


.OURprocessline {
    width: 1px;
    height: 83px;
    background: #222222;
    position: absolute;
    right: -12px;
    top: 90px;
    display: none;   
}




/* Default effect for first box */
.OURprocess_box.active {
    background: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
}

.OURprocess_box.active .OURprocess_icoN {
    background: #000;
}

.OURprocess_box.active .OURprocess_icoN span {
    background-color: #AF2234;
    color: #fff;
}


.OURprocess_box:hover .OURprocess_icoN {
    background: #000;
}

.OURprocess_box:hover .OURprocess_icoN span{
    background-color: #AF2234;
    color: #fff;
}

















/*--- archers_Testimonials_area start --*/
.archers_Testimonials_area {
    background-color: #AF2234;
    padding: 0px 0;
    overflow: hidden;
}

.archers_Testimonials_part {
    display: flex;
    gap: 0px;
    height: 560px;
}

.archers_Testimonials_left {
    width: 50%;
    height: 100%;
    border-right: 10px solid #fff;
}

.archers_Testimonials_right {
    width: 50%;
    background: #AF2234;
    padding: 0px 60px;
    box-sizing: border-box;
    padding-top: 100px;
    position: relative;
}

.archers_Testimonials_left img {
    width: 100%;
    display: block;
    height: 100%;
}

.archers_Testimonials_head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    width: 521px;
    padding-bottom: 30px;
    position: relative;
}

.archers_Testimonials_headtext h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    padding-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 3px;
}


.archers_Testimonials_headtext h3 svg {
    width: 18px;
    animation: leftRights1 4s ease-in-out infinite;
}

@keyframes leftRights1 {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(5px); 
    }
    100% {
        transform: translateX(0); 
    }
}





.archers_Testimonials_headtext h2 {
    color: #fff;
    font-size: 40px;
    line-height: 44px;
    font-weight: bold;
    margin: 0;
}

.archers_Testimonials_headimg img {
    animation: upDown2 3s ease-in-out infinite;
    height: 30px;
}


@keyframes upDown2 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px); 
    }
    100% {
        transform: translateY(0);     
    }
}


.archers_Testimonials {
    width: 521px;
    position: relative;
}

.Testimonials_part p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin: 0;
}

.Testimonials_part span {
    width: 100%;
    height: 1px;
    display: block;
    background-color: #ffffffad;
    margin-top: 20px;
    margin-bottom: 30px;   
}

.Testimonials_part h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    padding-bottom: 8px;    
}

.Testimonials_part h6 {
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    margin: 0;   
}


.archers_Testimonials_area .owl-dots {
    position: absolute;
    display: flex;
    gap: 6px;
    z-index: 99;
    left: 0;
    bottom: -80px;
}


.archers_Testimonials_area .owl-carousel button.owl-dot {
    background: #931228 !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50px !important;
}

.archers_Testimonials_area .owl-carousel button.owl-dot.active {
    background: #fff !important;
}











/*--- archers_projects_area start --*/
.archers_projects_area {
    background-color: #fff;
    padding-top: 90px;
    overflow: hidden;
}

.archers_projects_hading {
    padding-bottom: 60px;
}

.archers_projects_hading h3 {
    color: #AF2234;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 14px;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 3px;
}

.archers_projects_hading h3 svg {
    width: 18px;
    animation: leftRights1 4s ease-in-out infinite;
}

@keyframes leftRights1 {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(5px); 
    }
    100% {
        transform: translateX(0); 
    }
}


.projects_hadingpart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.projects_hadingLTtext {
   width: 40%;
}

.projects_hadingRTtext {
    width: 60%;
    border-left: 1px solid #767677;
    padding-left: 25px;
}

.projects_hadingLTtext h2 {
    color: #000;
    font-size: 40px;
    font-weight: bold;
    margin: 0;
    line-height: 44px;
}

.projects_hadingRTtext p {
    color: #767677;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    line-height: 28px;
    font-style: italic;
}


.archers_projects_part {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 0px;
    justify-content: space-around;
    grid-row-gap: 0px;
}

.archers_projects_box {
    width: 100%;
    height: 573px;
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.archers_projects_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s all ease;
}

.projectsimgCl {
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}

.projectstexbox {
    position: absolute;
    width: 380px;
    bottom: 30px;
    z-index: 99;
    padding: 30px 30px;
    box-sizing: border-box;
    border-radius: 5px;
    transition: 0.3s all ease;
    background: #fff;
    opacity: 0;
}

.projectstexbox h2 {
    color: #222222;
    font-size: 22px;
    font-weight: bold;
    line-height: 28px;
    margin: 0;
    padding-bottom: 14px;
    transition: 0.6s all ease; 
}

.projectstexbox p {
    color: #767677;
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    line-height: 28px; 
    transition: 0.6s all ease;
}

.projectstexbox h5 {
    margin: 0;
    padding-top: 8px;
    transition: 0.6s all ease;
}

.projectstexbox h5 a {
    color: #000000;
    font-size: 14px;
    text-decoration: underline !important;
    font-weight: 500;    
}



.archers_projects_box.active .projectstexbox {
    opacity: 1;
}

.archers_projects_box.active .projectstexbox h5 a {
     color: #AF2234;   
}

.archers_projects_box.active img {
    transform: scale(1.03);
}


.innerprojects_box {
    width: 100%;
    height: 100%;
    display: block;
}




/*--- archers_companylogo_area start --*/
.archers_companylogo_area {
    background-color: #f3f3f4;
    padding: 100px 0;
    padding-top: 120px;
    overflow: hidden;
}

.companylogo img {
    display: block;
    height: 60px;
}

.archers_companylogo_area .owl-dots {
    display: none;
}



/*--- archers_footer_area start --*/
.archers_footer_area {
    background-color: #212121;
    padding: 60px 0;
    position: relative;
}

.archers_footer_paRT {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.archers_footer_left {
    width: 30%;
}

.archers_footerRT {
    width: 70%;
    display: flex;
    justify-content: space-between;
}

.archers_footer_nav {
    padding-top: 30px;
}

.archers_footerright {
     padding-top: 30px;   
}

.footerlogo {
    padding-bottom: 20px;
}

.footerlogo img {
    max-width: 100%;
    display: block;
}

.archers_footer_left p {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    margin: 0;
    line-height: 25px;
    max-width: 257px;
}


.archers_footer_nav h3 {
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    padding-bottom: 38px;
}

.archers_footer_nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 25px;
    justify-content: space-around;
    grid-row-gap: 20px;
}

.archers_footer_nav ul li {
    display: block;
}

.archers_footer_nav ul li a {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    transition: 0.3s all ease;
    display: flex;
    align-items: center;
    gap: 9px;
}

.archers_footer_nav ul li a:hover {
    color: #BD2338;
}

.archers_footer_nav ul li a span {
    width: 5px;
    height: 5px;
    display: block;
    background: #BD2338;
    border-radius: 50px;
}

.archers_footerright h3 {
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    padding-bottom: 38px;   
}

.archers_footerright ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.archers_footerright ul li {
    display: block;
    padding-bottom: 20px;
}

.archers_footerright ul li:last-child {
    padding-bottom: 0px;
}

.archers_footerright ul li img {
    max-width: 100%;
    display: block;
}

.archers_footerright ul li p {
    padding-left: 33px;
    margin-top: -22px;
}

.archers_footerright ul li p a {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
    transition: 0.3s all ease;   
}

.archers_footerright ul li p a:hover {
    color: #BD2338;
}

.archers_footerright ul li:nth-child(1) img {
    position: relative;
  /*  top: 14px;  */ 
}

.archersfooter_lastpart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 55px;
}

.footer_copyright p {
    color: #fff;
    font-size: 15px;
    text-align: center;
    font-weight: 400;
    margin: 0;
}

.footer_socialicon ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.footer_socialicon ul li {
    display: inline-block;
    margin-left: 4px;
}

.footer_socialicon ul li a {
    width: 37px;
    height: 37px;
    display: block;
    background-color: #383838;
    border-radius: 50%;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #C4C4C4;
    transition: 0.3s all ease;
}

.footer_socialicon ul li a img {
   filter: brightness(0) saturate(100%) invert(94%) sepia(6%) saturate(14%) hue-rotate(321deg) brightness(86%) contrast(84%);
}

.footer_socialicon ul li a:hover img {
    filter: brightness(0) saturate(100%) invert(0%) sepia(7%) saturate(0%) hue-rotate(37deg) brightness(91%) contrast(106%);
}


.footer_socialicon ul li a:hover {
    background-color: #fff;
    border: 1px solid #fff;
    transform: scale(1.1);
}




.footergotopbtn {
    width: 51px;
    height: 51px;
    background-color: #AF2234;
    display: grid;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    position: absolute;
    right: 30px;
    top: -88px;
    transition: 0.3s all ease;
    cursor: pointer;
    animation: upDown 3s ease-in-out infinite;
}

.footergotopbtn img {
   height: 15px; 
}

.footergotopbtn:hover {
    background: #000;
}

@keyframes upDown {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px); 
    }
    100% {
        transform: translateY(0);     
    }
}



/*--- archers_serviceshero_area start --*/
.archers_serviceshero_area {
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0px 0;
}

.archers_servicesherobg {
    background: rgba(0, 0, 0, 0.6);
    padding: 132px 0;
}

.archers_NWhero_part h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 600;
    margin: 0;
    line-height: 44px;
    padding-bottom: 8px;
}

.archers_NWhero_part p {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;    
}

.archers_NWhero_part p a {
    color: #fff;
    font-size: 16px;
    transition: 0.3s all ease;  
}

.archers_NWhero_part p a:hover {
    color: #AF2234;
}


/*--- archers_services_area start --*/
.archers_services_area {
    background: #F5F5F5;
    padding: 70px 0;
    padding-bottom: 90px;
}

.archers_services_part {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 25px;
    justify-content: space-around;
    grid-row-gap: 30px;
}


.archers_services_box {
    background: #fff;
    border-radius: 8px;
    padding: 30px 20px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    transition: 0.3s all ease;
}

.archers_servicesboxhead {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 20px;
}

.servicesboxhead_image {
    width: 55px;
}

.servicesboxhead_image img {
    max-width: 100%;
    display: block;
}

.servicesboxhead_text h2 {
    color: #AF2234;
    font-size: 23px;
    font-weight: 600;
    margin: 0;
    line-height: 31px;
    transition: 0.3s all ease; 
}

.archers_servicesbOXimage {
    width: 100%;
    height: 204px;
    border-radius: 8px;
    overflow: hidden;
}

.archers_servicesbOXimage img {
   width: 100%; 
   height: 100%;
   display: block;
   object-fit: cover;
   transition: 0.3s all ease;    
}


.archers_servicesbOXtext {
    padding-top: 25px;
}

.archers_servicesbOXtext p {
    color: #767677;
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
    margin: 0;
    transition: 0.3s all ease;     
}

.archers_servicesbOXtext h5 {
    margin: 0;
    padding-top: 15px;
}

.archers_servicesbOXtext h5 a {
    color: #AF2234;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline !important;
    transition: 0.3s all ease;    
}


.archers_servicesbOXtext h5 a:hover {
    color: #000;
}


.archers_services_box:hover .archers_servicesbOXimage img {
    transform: scale(1.3);
}



/*--- archers_clientshero_area start --*/
.archers_clientshero_area {

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0px 0;
}

.archers_clientsherobg {
    background: rgba(0, 0, 0, 0.6);
    padding: 132px 0;
}


/*--- archers_clientsCMlogo_area start --*/
.archers_clientsCMlogo_area {
    background: #F3F3F4;
    padding: 70px 0;
}

.archers_clientsCMlogo_head {
    padding-bottom: 50px;
}

.archers_clientsCMlogo_head h2 {
    color: #222222;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    line-height: 44px;
    margin: 0;
    padding-bottom: 30px;
}

.archers_clientsCMlogo_head p {
    color: #767677;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    max-width: 816px;
    margin: auto;   
}


.archers_clientsCMlogo_part {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 0px;
    justify-content: space-around;
    grid-row-gap: 0px;
    border-top: 1px solid #C1C1C1;
    border-left: 1px solid #C1C1C1;
}

.archers_clientsCMlogo_part > div {
    border-right: 1px solid #C1C1C1;
    border-bottom: 1px solid #C1C1C1;
}


.clientsCMlogo {
    height: 230px;
    display: grid;
    align-items: center;
    text-align: center;
    padding: 75px;
    box-sizing: border-box;
    transition: 0.3s all ease;
}

.clientsCMlogo img {
    max-width: 100%;
    margin: auto;   
}

.clientsCMlogo:hover {
    background: #fff;
}

.clientsCMlogo2 {
    display: none;
}


.clientsCMlogo:hover .clientsCMlogo2 {
    display: block;
}

.clientsCMlogo:hover .clientsCMlogo1 {
    display: none;
}





/*--- archers_testimonialhero_area start --*/
.archers_testimonialhero_area {
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0px 0;
}

.archers_testimonialherobg {
    background: rgba(0, 0, 0, 0.6);
    padding: 132px 0;
}





/*--- archers_NEWtestimonial_area start --*/
.archers_NEWtestimonial_area {
    background: #fff;
    padding: 70px 0;
    overflow: hidden;
}

.archers_NEWtestimonial_head {
    padding-bottom: 50px;
}

.archers_NEWtestimonial_head h2 {
    color: #222222;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    line-height: 44px;
    margin: 0;
    padding-bottom: 30px;
}

.archers_NEWtestimonial_head p {
    color: #767677;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    max-width: 816px;
    margin: auto;   
}

.NEWtestimonial_box {
    background: #F7F7F9;
    border-radius: 10px;
    padding: 40px;
    padding-bottom: 50px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
    width: 98%;
    box-sizing: border-box;
    margin: auto;
}


.NEWtestimonialbox_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 45px;
}

.NEWtestimonialboxhd_image img {
    width: 40px;
}

.NEWtestimonialboxhd_text h3 {
    color: #AF2234;
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}

.NEWtestimonialboxhd_text p {
    color: #222222;
    font-size: 16px;
    font-weight: 900;
    margin: 0;
    padding-top: 5px;
}


.NEWtestimonialbox_text p {
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    line-height: 28px;
    margin: 0;   
}




.archers_NEWtestimonial_area .owl-dots {
    display: flex;
    gap: 6px;
    justify-content: center;
    padding-top: 50px;
}

.archers_NEWtestimonial_area .owl-carousel button.owl-dot {
    background: #931228 !important;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
    width: 12px !important;
    height: 12px !important;
    border-radius: 50px !important;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2)!important;
}

.archers_NEWtestimonial_area .owl-carousel button.owl-dot.active {
    background: #fff !important;
}

.archers_NEWtestimonial_area .owl-carousel .owl-stage-outer {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
}


.NEWtestimonialCL {
    background: #AF2234;
}

.NEWtestimonialCL h3 {
    color: #fff;
}

.NEWtestimonialCL h2 {
    color: #fff;
}

.NEWtestimonialCL p {
    color: #fff;
}

.NEWtestimonialCL img {
   filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(49deg) brightness(103%) contrast(103%);
}

.archers_NEWtestimonial_part  {
    position: relative;
}



/*--- archers_projectshero_area start --*/
.archers_projectshero_area {

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0px 0;
}

.archers_projectsherobg {
    background: rgba(0, 0, 0, 0.6);
    padding: 132px 0;
}




/*--- archers_nwprojects_area start --*/
.archers_nwprojects_area {
    background: #fff;
    padding: 70px 0;
    overflow: hidden;
}

.archers_nwprojects_head {
    padding-bottom: 50px;
}

.archers_nwprojects_head h2 {
    color: #222222;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    line-height: 44px;
    margin: 0;
    padding-bottom: 30px;
}

.archers_nwprojects_head p {
    color: #767677;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    max-width: 816px;
    margin: auto;   
}


.archers_nwprojects_part {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 35px;
    justify-content: space-around;
    grid-row-gap: 85px;
}


.archers_nwprojects_image {
    height: 336px;
    border-radius: 8px;
    width: 100%;
    overflow: hidden;
}

.archers_nwprojects_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;    
}

.archers_nwprojectstext {
    background: #fff;
    padding: 25px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    width: 94%;
    margin: auto;
    margin-top: -71px;
    z-index: 999;
    position: relative;
    box-sizing: border-box;
    transition: 0.3s all ease;
}

.archers_nwprojectstext h2 {
    color: #222222;
    font-size: 23px;
    font-weight: 900;
    margin: 0;
    line-height: 24px;
    padding-bottom: 20px;
    transition: 0.3s all ease;
}

.archers_nwprojectstext p {
    color: #767677;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    transition: 0.3s all ease;
}

.archers_nwprojectstext h3 {
    color: #AF2234;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding-top: 18px;
    transition: 0.3s all ease;
}

.archers_nwprojectstext h6 {
    color: #000000;
    font-size: 14px;
    font-weight: 900;
    margin: 0;
    line-height: 22px;
    transition: 0.3s all ease;
}



.pagination {
    display: flex;
    list-style: none;
    gap: 8px;
    padding: 0;
    justify-content: center;
    padding-top: 70px;
}

.page-item span {
    color: #5C5C63;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid #ddd;
    border-radius: 6px;
    cursor: pointer;
    user-select: none;
    transition: 0.3s;
}

.page-item span:hover {
  background: #f0f0f0;
}

.page-item.active span {
  background: #AF2234;
  color: #fff;
  border-color: #AF2234;
}

.page-item.prev span {
    pointer-events: none;
    background: #F8F6FA;
}


.page-item.next span {
    pointer-events: none;
    background: #F8F6FA;
}

.page-item.prev svg,
.page-item.next svg {
     height: 20px;  
}


.archers_nwprojects_box:hover .archers_nwprojectstext {
    background: #AF2234;
}

.archers_nwprojects_box:hover h2 {
    color: #fff;
}

.archers_nwprojects_box:hover p {
    color: #fff;
}

.archers_nwprojects_box:hover h3 {
    color: #fff;
}

.archers_nwprojects_box:hover h6 {
    color: #fff;
}




/*--- projectsVWhd_area start --*/
.projectsVWhd_area {
    background: #F5F5F5;
    padding: 15px 0;
    padding-top: 20px;
}

.projectsVWhd_part p {
    color: #7C7C7C;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;    
}

.projectsVWhd_part p a {
    color: #7C7C7C;
    font-size: 16px;
    transition: 0.3s all ease;  
}

.projectsVWhd_part p a:hover {
    color: #AF2234;
}




/*--- projectsview_area start --*/
.projectsview_area {
    background: #fff;
    padding: 60px 0;
    overflow: hidden;
}

.projectsview_part {
    display: flex;
    gap: 80px;
}

.projectsview_left {
    width: 70%;
}

.projectsview_right {
    width: 30%;
}


.projectsview_head {
    padding-bottom: 30px;
    width: 70%;
}

.projectsview_head h2 {
    color: #222222;
    font-size: 32px;
    font-weight: 900;
    line-height: 44px;
    margin: 0;
}


.projectsview_image {
    width: 100%;
    height: 438px;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 50px;
}

.projectsview_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.projectsview_pr1text h3 {
    color: #000000;
    font-size: 23px;
    font-weight: 600;
    margin: 0;
    line-height: 28px;
    padding-bottom: 15px;
}

.projectsview_pr1text p {
    color: #767677;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.projectsview_pr2text {
    padding-top: 35px;
}

.projectsview_pr2text h3 {
    color: #AF2234;
    font-size: 19px;
    font-weight: 500;
    line-height: 22px;
    margin: 0;
}

.projectsview_pr2text p {
    color: #767677;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 10px;    
}


.projectsviewRTbox {
    background: #F7F7F9;
    border-radius: 8px;
    padding: 20px 25px;
    margin-bottom: 20px;
}

.projectsviewinner_image {
    width: 100%;
    height: 185px;
    display: block;
    overflow: hidden;
    border-radius: 6px;
}

.projectsviewinner_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.projectsviewinner_text {
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    width: 95%;
    box-sizing: border-box;
    margin: auto;
    margin-top: -36px;
    position: relative;
    z-index: 99;
    transition: 0.3s all ease;
}


.projectsviewinner_text h2 {
    color: #222222;
    font-size: 17px;
    font-weight: 900;
    margin: 0;
    line-height: 20px;
    padding-bottom: 8px;    
}

.projectsviewinner_text h3 {
    color: #AF2234;
    font-size: 11px;
    font-weight: 500;
    margin: 0;
    line-height: 18px;    
}

.projectsviewinner_text h6 {
    color: #000000;
    font-size: 11px;
    font-weight: 900;
    margin: 0;
    line-height: 18px;    
}


.projectsviewRTbox:hover .projectsviewinner_text {
    background: #AF2234;
}

.projectsviewRTbox:hover h2 {
    color: #fff;
}

.projectsviewRTbox:hover h3 {
    color: #fff;
}

.projectsviewRTbox:hover h6 {
    color: #fff;
}


/*--- servicesView_area start --*/
.servicesView_area {
    background: #fff;
    padding: 80px 0;
    overflow: hidden;
    padding-top: 0px;
}

.servicesView_part {
    display: flex;
    gap: 60px;
}

.servicesView_left {
    width: 70%;
}

.servicesView_right {
    width: 30%;
}


.servicesView_head {
    padding: 45px 0;
    width: 70%;
}

.servicesView_head h2 {
    color: #AF2234;
    font-size: 33px;
    font-weight: 600;
    line-height: 45px;
    margin: 0;
}


.servicesView_image {
    width: 100%;
    height: 438px;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 50px;
}

.servicesView_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


.servicesView_pr1text h3 {
    color: #000000;
    font-size: 23px;
    font-weight: 600;
    margin: 0;
    line-height: 28px;
    padding-bottom: 15px;
}

.servicesView_pr1text p {
    color: #767677;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
}

.servicesView_pr2text {
    padding-top: 5px;
}

.servicesView_pr2text h3 {
    color: #AF2234;
    font-size: 19px;
    font-weight: 500;
    line-height: 22px;
    margin: 0;
}

.servicesView_pr2text p {
    color: #767677;
    font-size: 15px;
    font-weight: 500;
    line-height: 30px;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 10px;    
}



.servicesView_RTpart {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 20px;
    justify-content: space-around;
    grid-row-gap: 15px;    
}



.servicesView_RTbox {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #F7F7F9;
    border-radius: 5px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
    padding: 10px 14px;
    box-sizing: border-box;
    padding-left: 0;
    transition: 0.3s all ease;
}

.servicesView_RTimage {
    width: 58px;
    height: 58px;
    background-color: #AF2234;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 8px 8px 0px;
    padding: 7px;
    box-sizing: border-box;
}

.servicesView_RTimage img {
    max-width: 100%;
    display: block;
}

.servicesView_RTtext {
    width: 80%;
}

.servicesView_RTtext h2 {
    color: #222222;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 1px;
    line-height: 26px;
    transition: 0.3s all ease;
}

.servicesView_RTtext p {
    color: #767677;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    line-height: 17px;   
}



.servicesView_RTbox:hover {
    background: #af2234;
}

.servicesView_RTbox:hover h2 {
    color: #fff;
}

.servicesView_RTbox:hover p {
    color: #fff;
}


.servicesView_RTbox:hover .servicesView_RTimage {
    background: #fff;
}

.servicesView_RTbox:hover .servicesView_RTimage img {

    filter: brightness(0) saturate(100%) invert(15%) sepia(51%) saturate(3504%) hue-rotate(334deg) brightness(118%) contrast(95%);    
}


/*--- archers_abouthero_area start --*/
.archers_abouthero_area {
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0px 0;
}

.archers_aboutherobg {
    background: rgba(0, 0, 0, 0.6);
    padding: 132px 0;
}



/*--- aboutexperience_area start --*/
.aboutexperience_area {
    background: #fff;
    padding: 70px 0;
    overflow: hidden;
}

.aboutexperience_part {
   display: flex;
   gap: 70px;
}

.aboutexperience_left {
    width: 50%;
}

.aboutexperience_right {
    width: 50%;
}



.aboutexperience_LTbox {
    height: 474px;
    display: flex;
    gap: 20px;
    position: relative;
    animation: leftRight1 3s ease-in-out infinite;
}

@keyframes leftRight1 {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(10px); 
    }
    100% {
        transform: translateX(0); 
    }
}



.aboutexperience_boxLT {
    width: 60%;
    position: relative;
    z-index: 999;
}

.aboutexperience_boxRT {
    width: 40%;
    position: relative;
    z-index: 999;
}

.aboutexperience_boxLTimg1 {
    height: 424px;
    overflow: hidden;
    width: 100%;
    border-radius: 8px;
}

.aboutexperience_boxLTimg1 img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.aboutexperience_boxRTimg2 {
    height: 263px;
    overflow: hidden;
    width: 100%;
    border-radius: 8px;
}

.aboutexperience_boxRTimg2 img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}


.aboutexperience_boxRText {
    border-radius: 8px;
    background: #AF2233;
    height: 194px;
    margin-top: 17px;
    display: grid;
    align-items: center;
    justify-content: center;
    padding: 10px;
    box-sizing: border-box;
}

.aboutexperience_boxRText h3 {
    color: #fff;
    font-size: 43px;
    font-weight: bold;
    line-height: 47px;
    margin: 0;
}

.aboutexperience_boxRText p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin: 0;    
}

.inneraboutexperiencebg {
    width: 456px;
    height: 408px;
    background: #F8F6FA;
    border-radius: 10px;
    position: absolute;
    right: 76px;
    bottom: 23px;
    z-index: 9;
}

.dotsimg {
    position: absolute;
    height: 106px;
    z-index: 9;
    bottom: 0;
    right: 53px;    
}

.aboutexperience_head h3 {
    color: #AF2234;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 16px;
}

.aboutexperience_head h2 {
    color: #222222;
    font-size: 40px;
    font-weight: bold;
    line-height: 44px;
    margin: 0;
    padding-bottom: 35px;  
}

.aboutexperience_head p {
    color: #767677;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    margin: 0;   
}



.aboutexperience_list {
    border-top: 1px solid #000;
    padding-top: 20px;
    margin-top: 25px;
}

.aboutexperience_list ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.aboutexperience_list ul li {
    display: block;
    padding-bottom: 20px;
}

.aboutexperience_list ul li:last-child {
    padding-bottom: 0px;
}

.aboutexperience_list ul li img {
    max-width: 100%;
    display: block;
}

.aboutexperience_list ul li p {
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    padding-left: 36px;
    margin-top: -23px;
}




/*--- archers_aboutMVV_area start --*/
.archers_aboutMVV_area {
    background: #F7F7F9;
    padding: 70px 0;
    overflow: hidden;
}

.archers_aboutMVV_head {
    padding-bottom: 50px;
}

.archers_aboutMVV_head h3 {
    color: #AF2234;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    text-align: center;
    padding-bottom: 10px;
    line-height: 19px;  
}

.archers_aboutMVV_head h2 {
    color: #222222;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    line-height: 44px;
    max-width: 505px;
    margin: auto;
}




.archers_aboutMVV_part {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 45px;
    justify-content: space-around;
    grid-row-gap: 25px;
}

.archers_aboutMVVbg {
    background: #fff;
    border-radius: 10px;
    padding: 25px;    
}

.archers_aboutMVV-box {
    border: 2px solid #AF2234;
    border-radius: 8px;
    padding: 45px 20px;
}

.archers_aboutMVVbox-ICon {
    height: 50px;
    display: grid;
    align-items: end;
}

.archers_aboutMVVbox-ICon img {
    max-width: 100%;
    display: block;
    margin: auto;
}

.archers_aboutMVVbox_title {
    padding-top: 14px;
    padding-bottom: 30px;
}

.archers_aboutMVVbox_title h2 {
    color: #222222;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    margin: 0;    
}


.archers_aboutMVVbox_text p {
    color: #767677;
    font-size: 16px;
    font-weight: 500;
    margin: 0;
    line-height: 30px;
    text-align: center;
}




/*--- archers_leadership_area start --*/
.archers_leadership_area {
    background: #fff;
    padding: 90px 0;
    overflow: hidden;
}

.archers_leadership_part {
    display: flex;
    gap: 50px;
}

.archers_leadership_left {
    width: 50%;
}

.archers_leadership_right {
    width: 50%;
}


.archers_leadership_head {
    padding-bottom: 60px;
}

.archers_leadership_head h3 {
    color: #AF2234;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding-bottom: 14px;
}

.archers_leadership_head h2 {
    color: #222222;
    font-size: 40px;
    font-weight: bold;
    line-height: 44px;
    margin: 0;
    padding-bottom: 6px;    
}

.archers_leadership_head h4 {
    color: #767677;
    font-size: 26px;
    font-weight: bold;
    line-height: 28px;
    margin: 0;    
}

.archers_leadership_text p {
    color: #767677;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    margin: 0;
    padding-bottom: 20px;
}

.archers_leadership_text h5 {
    color: #767677;
    font-size: 16px;
    font-weight: 900;
    line-height: 30px;
    margin: 0;
    padding-top: 25px;    
}




.archers_leadership_image {
    width: 100%;
    border-radius: 10px;
    height: 500px;
    overflow: hidden;
    animation: leftRight1 3s ease-in-out infinite;
}

@keyframes leftRight1 {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(10px); 
    }
    100% {
        transform: translateX(0); 
    }
}



.archers_leadership_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/*--- archers_contacthero_area start --*/
.archers_contacthero_area {
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0px 0;
}

.archers_contactherobg {
    background: rgba(0, 0, 0, 0.6);
    padding: 132px 0;
}


/*--- archers_contact_area start ---*/
.archers_contact_area {
    background-color: #fff;
    padding: 70px 0;
    overflow: hidden;
}

.archers_contact_part {
     display: flex;
     gap: 45px;
}

.archers_contactleft {
    width: 35%;
}

.archers_contactright {
    width: 65%;
}


.archers_contactLTpart {
    background: #AF2234;
    border-radius: 8px;
    padding: 35px 25px;
}

.archers_contactLThead {
    padding-bottom: 38px;
}

.archers_contactLThead h2 {
    color: #fff;
    font-size: 40px;
    line-height: 44px;
    font-weight: bold;
    margin: 0;
    padding-bottom: 15px;   
}

.archers_contactLThead p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;   
}


.archers_contactLTinfo {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 0px;
    justify-content: space-around;
    grid-row-gap: 30px;
}

.contactLTinfo_box {
    background: #fff;
    border-radius: 8px;
    padding: 10px 20px;
    height: 58px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.contactLTinfo_icon {
    width: 40px;
}

.contactLTinfo_icon img {
    max-width: 100%;
    display: block;
}

.LTinfo_icon1 img {
    width: 20px;
}

.LTinfo_icon2 img {
    width: 30px;
}

.LTinfo_icon3 img {
    width: 18px;
}




.contactLTinfo_text {
   width: 80%;
}

.contactLTinfo_text p {
    margin: 0;
}

.contactLTinfo_text p a {
    color: #767677;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px; 
}

.archers_contactRT_head {
    padding-bottom: 45px;
}

.archers_contactRT_head h2 {
    color: #222222;
    font-size: 40px;
    line-height: 44px;
    font-weight: bold;
    margin: 0;
}


.archers_contactRTpart {
    padding: 35px 30px;
    padding-bottom: 5px;
    box-sizing: border-box;
    border-radius: 8px;
    background: #F7F7F9;
}



.archers_cOntFoRmItem_left {
    width: 50%;
}

.archers_cOntFoRmItem_Right {
    width: 50%;
}


.archers_cOntFoRmItem {
    display: flex;
    align-items: end;
    gap: 14px;
    padding-bottom: 14px;    
}


.archers_cOntFoRmItem1 input {
    font-family: "Inter", sans-serif;
    color: #767677;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    height: 52px;
    padding: 14px 16px;
    box-sizing: border-box;
    outline: none;
    border-radius: 6px;
    border: 1px solid #c1c1c14a;
    background: #FFFFFF;
}

.archers_cOntFoRmItem1 input::placeholder {
    font-family: "Inter", sans-serif;
    color: #767677;
    font-size: 16px;
    font-weight: 500;
}



.archers_cOntFoRmItems {
    padding-bottom: 14px;
}


.archers_cOntFoRmItem1 textarea {
    font-family: "Inter", sans-serif;
    color: #767677;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    height: 118px;
    padding: 14px 16px;
    box-sizing: border-box;
    outline: none;
    border-radius: 6px;
    border: 1px solid #c1c1c14a;
    background: #FFFFFF;
}

.archers_cOntFoRmItem1 textarea::placeholder {
    font-family: "Inter", sans-serif;
    color: #767677;
    font-size: 16px;
    font-weight: 500;  
}


.archers_cOntFoRmItem1 input[type="submit"] {
    color: #fff;
    font-size: 16px;
    width: 194px;
    height: 51px;
    display: block;
    outline: none;
    transition: 0.3s all ease;
    font-weight: 500;
    cursor: pointer;
    border-radius: 6px;
    background: #BD2338;
    padding: 0;
    border: none;
}

.archers_cOntFoRmItem1 input[type="submit"]:hover {
    color: #fff;
    background: #000;
}

.form-select {
    font-family: "Inter", sans-serif;
    display: block;
    vertical-align: middle;
    background-image: url("img/selectdownarrow.png");
    background-repeat: no-repeat;
    background-position: right 18px center;
    background-size: 18px 11px;
    appearance: none;
    background-color: #fff;
    border: 1px solid #E5E7EB;
}




/*--- archers_contactmap_area start ---*/
.archers_contactmap_area {
    background-color: #fff;
    padding: 120px 0;
    padding-top: 0px;
}


.archers_contactmap_part iframe {
    width: 100%;
    height: 452px;    
}