.table-bordered td, .table-bordered th {
    border: 1px solid #aaa;
}
.ob-contain {
    object-fit: contain!important;
}
.button_for_all{
    height: 54px !important;
    border-radius: 27px !important;
    background-image: linear-gradient(to right, #006f3e 0%, #009754 100%) !important;
    padding: 0 30px !important;
    display: inline-flex !important;
    align-items: center;
    color: #ffffff !important;
    font-size: 20px;
    border: none !important;

}
.button_for_all.red{
    background-image: linear-gradient(to right, #d80019 0%, #ff4646 100%) !important;
}
.button_for_all img{
    margin-left: 10px;
}
.button_for_all.button_style:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}
ul.list_link {
    margin: 50px 0 0 0;
    display: flex;
    list-style: none;
    justify-content: center;
}
ul.list_link li{
    margin: 0 7px;
}
.text_center {
    text-align: center;
}
#cn_tab2,#cn_tab3,#cn_tab4,#cn_tab6,#cn_tab7,#cn_tab8,#cn_tab9,#cn_tab10,#cn_tab11,#cn_tab12,#cn_tab13,#cn_tab14,#cn_tab15,#cn_tab16,#cn_tab17,#cn_tab18,#cn_tab19,#cn_tab20{display:none}
.banner_service_content  h2{
    font-family: Medium;
    color: var(--bg-color);
    font-size: 50px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 55px;
    text-align: center;
}
.banner_service_tab_image {
    position: relative;
    display: inline-block;
    width: 700px;
    height: 700px;
    padding: 50px;
    margin: 120px 0;
    border: 1px solid rgb(0 151 84 / 70%);
    border-radius: 50%;
    transition: all 0.45s;
    -webkit-transition: all 0.45s;
    -moz-transition: all 0.45s;
}

.banner_service_tab_image:after {
    content: '';
    width: 460px;
    height: 460px;
    position: absolute;
    top: 50%;
    right: 50%;
    border: 1px solid rgb(0 151 84 / 40%);
    border-radius: 50%;
    z-index: 10;
    transform: translate(50%, -50%);
}

.banner_service_tab_image .image {
    width: 300px;
    height: 300px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    border-radius: 50%;
    /* box-shadow: 0px 0px 46px 15px #e3e3e3; */
    z-index: 999;
}
.banner_service_tab_image .image img {
    width: 100%;
    height: 300px;
    border-radius: 50%;
    object-fit: cover;
}
.banner_service_title {
    font-family: Bold;
    color: #ec2d34;
    /* background: rgb(0 0 0 / 50%); */
    position: absolute;
    /* padding: 8px 15px; */
    font-size: 40px;
    text-transform: uppercase;
    line-height: 50px;
    /* font-weight: bold; */
    max-width: 260px;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    /* text-shadow: 3px -2px 0 #ffc820, 0px -2px 0 #ffc820, 1px -1px 0 #ffc820, 0px 0px 0 #ffc820; */
    z-index: 999;
}
.materials-section .banner_service_title {
    width: 100%;
    padding: 8px 10px;
    font-size: 24px;
}
.banner_service_tab_image .tabs{
    margin: 0;
    list-style: none;
}
.banner_service_tab_image .tabs li h3{
    color: #333;
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    letter-spacing: normal;
    line-height: 25px;
    text-align: center;
    margin: 60px 0 0;
}

.banner_service_tab_image.tab_level_2 .tabs li h3 {
    color: #fff;
}

.banner_service_tab_image.tab_level_2 {
    width: 900px;
    height: 900px;
    border-color: transparent;
    background-color: rgb(0 151 84 / 60%);
    background: repeating-conic-gradient(from 0deg, #ff264a 30deg 90deg, #feec1e 90deg 150deg, #12cbc4 150deg 210deg, #37cb12 210deg 270deg, #1233cb 270deg 330deg, #cb12bd 330deg 390deg);
}

.banner_service_tab_image.tab_level_2.tab_count_9_items {
    background: repeating-conic-gradient(from 0deg, #12cb96 0deg 40deg, #dacb19 40deg 80deg, #12cbc4 80deg 120deg, #37cb12 120deg 160deg, #1233cb 160deg 200deg, #404664 200deg 240deg, #cb9712 240deg 280deg, #ff264a 280deg 320deg, #cb1291 320deg 360deg);
}

.banner_service_tab_image.tab_level_2.tab_count_8_items {
    background: repeating-conic-gradient(from 0deg, #12cb96 0deg 45deg, #dacb19 45deg 90deg, #12cbc4 90deg 135deg, #37cb12 135deg 180deg, #1233cb 180deg 225deg, #404664 225deg 270deg, #cb9712 270deg 315deg, #ff264a 315deg 360deg);
}

.banner_service_tab_image.tab_level_2.tab_count_7_items {
    background: repeating-conic-gradient(from 0deg, #ff264a 0deg 51.4deg, #dacb19 51.4deg 102.8deg, #12cbc4 102.8deg 154.2deg, #37cb12 154.2deg 205.6deg, #1233cb 205.6deg 257deg, #404664 257deg 308.4deg, #cb9712 308.4deg 359.8deg);
}

.banner_service_tab_image.tab_level_2.tab_count_5_items {
    background: repeating-conic-gradient(from 15deg, #ff264a 20deg 92deg, #feec1e 92deg 162deg, #12cbc4 162deg 234deg, #37cb12 234deg 306deg, #1233cb 306deg 378deg);
}

.banner_service_tab_image.tab_level_2.tab_count_4_items {
    background: repeating-conic-gradient(from 15deg, #ff264a 20deg 92deg, #feec1e 92deg 162deg, #12cbc4 162deg 234deg, #37cb12 234deg 306deg, #1233cb 306deg 378deg);
}

.banner_service_tab_image.tab_level_2.tab_count_3_items {
    background: repeating-conic-gradient(from 0deg, #ff264a 0deg 120deg, #37cb12 120deg 240deg, #1233cb 240deg 360deg);
}

.banner_service_tab_image.tab_level_2.tab_count_2_items {
    background: repeating-conic-gradient(from 0deg, #ff264a 0deg 180deg, #1233cb 180deg 360deg);
}

.banner_service_tab_image.tab_level_2.tab_count_1_items {
    background: repeating-conic-gradient(from 0deg, rgb(0 151 84 / 80%) 0deg 360deg);
}

.banner_service_tab_image.tab_level_2:after {
    background: #009754;
}

.banner_service_tab_image .tabs li {
    position: absolute;
    left: -10%;
    top: 50%;
    margin-top: 0;
    margin-left: 0;
    width: 150px;
    display: inline-block;
    text-align: center;
}
.banner_service_tab_image .tabs li span{
    content: '';
    position: absolute;
    width: 150px;
    height: 150px;
    overflow: hidden;
    border: 1px solid #87a5b0;
    background-color: #ffffff;
    border-radius: 50%;
    right: 0;
    top: -85px;
    margin-top: -15.5px;
}
.banner_service_tab_image .tabs li span>img{
    height: 150px;
    object-fit: cover;
    width: 100%;
}

.banner_service_tab_image .tabs li#tab54 {
    top: 27%;
    left: -18%;
}

.banner_service_tab_image .tabs li#tab54 span {top: -52px;right: -57%;}

.banner_service_tab_image .tabs li#tab54 h3 {
    margin: 0px 0 0 -62px;
}

.banner_service_tab_image .tabs li#tab55 {
    left: auto;
    right: -28%;
    top: 27%;
}

.banner_service_tab_image .tabs li#tab55 span{top: -52px;left: -86%;}

.banner_service_tab_image .tabs li#tab55 h3{
    margin: 0px 0 0 12px;
}

.banner_service_tab_image .tabs li#tab56 {
    left: -5%;
    right: auto;
    top: 75%;
}

.banner_service_tab_image .tabs li#tab57 {
    left: unset;
    right: -10%;
    top: 75%;
}

.banner_service_tab_image .tabs li#tab58, .banner_service_tab_image .tabs li#tab62 {
    top: -97px;
    left: 42%;
}

.banner_service_tab_image .tabs li#tab58 span, .banner_service_tab_image .tabs li#tab62 span{
    top: 47px;
    left: 1%;
}

.banner_service_tab_image .tabs li#tab58 h3, .banner_service_tab_image .tabs li#tab62 h3 {
    margin: 0;
}

.banner_service_tab_image .tabs li#tab59 {
    left: 38%;
    top: unset;
    bottom: -16%;
    width: 172px;
}
.banner_service_tab_image .tabs li#tab59 span {
    right: 12px;
}

.banner_service_tab_image .tabs li#tab60 {
    top: 40%;
    left: -31%;
}

.banner_service_tab_image .tabs li#tab60 span {
    position: absolute;
    top: -12px;
    right: -131px;
    margin: 0 0 3px 0;
}

.banner_service_tab_image .tabs li#tab61 {
    left: unset;
    right: -33%;
    top: 42%;
}

.banner_service_tab_image .tabs li#tab61 span {
    position: absolute;
    top: -11px;
    left: -146px;
    margin: 0 0 3px 0;
}

.banner_service_tab_image .tabs li#tab63 {
    left: 40%;
    top: unset;
    bottom: -16%;
}

.banner_service_tab_image .tabs.tabs_details li {
    left: 102%;
    top: 44%;
    width: 170px;
    margin-top: -70px;
    text-align: right;
    padding-right: 20px;
}

.banner_service_tab_image .tabs.tabs_details li h3 {
    margin: 0;
}

.banner_service_tab_image .tabs.tabs_details li span {
    opacity: 0;
    visibility: hidden;
    content: '';
    position: absolute;
    width: 110px;
    height: 110px;
    /* border: 1px solid #009754;
    background-color: #009754; */
    border-radius: 50%;
    right: 41px;
    top: 50%;
    margin-top: 19.5px;
    overflow: hidden;
    transition: all 0.35s;
}

.banner_service_tab_image .tabs.tabs_details li span img {
    height: 110px;
    /* position: absolute; */
    /* width: 50px; */
    /* height: 50px; */
    border: 0;
    transition: all 0.35s;
}

/* .banner_service_tab_image .tabs.tabs_details li:hover span {
    background-color: #ec2e34;
    border: 1px solid #ec2e34;
}
.banner_service_tab_image .tabs.tabs_details li:hover span:before {
    background-color: rgb(236 46 52 / 20%);
} */

.banner_service_tab_image .tabs li#tab173 {
    left: -32%;
    padding-right: 0;
    top: 75%;
    width: 250px;
}
.banner_service_tab_image .tabs li#tab173 span {
    top: -11px;
    left: 91%;
    margin: 0;
}
.banner_service_tab_image .tabs li#tab174 {
    left: -25%;
    top: 11%;
}
.banner_service_tab_image .tabs li#tab174 span {
    left: unset;
    top: -12px;
    right: -151px;
    margin-top: 0;
}
.banner_service_tab_image .tabs li#tab176 {
    left: 94%;
    top: 72%;
}
.banner_service_tab_image .tabs li#tab176 span{
    left: -117px;
    margin-top: 0;
    top: -4px;
}

.banner_service_tab_image .tabs li#tab175 {
    left: 98%;
    top: 9%;
}
.banner_service_tab_image .tabs li#tab175 span {
    left: -125px;
    top: 46px;
    padding-right: 0;
    /* padding-left: 20px; */
    margin-top: -51px;
}
.banner_service_tab_image .tabs li#tab177 {
    left: 86%;
    top: 74%;
}
.banner_service_tab_image .tabs li#tab177 span {
    left: -4px;
    right: unset;
    margin-top: 0;
    top: -116%;
}
.banner_service_tab_image .tabs li#tab178 {
    left: 39%;
    top: 102%;
}
.banner_service_tab_image .tabs li#tab178 span {
    left: 0px;
    right: unset;
    margin-top: 0;
    top: unset;
    bottom: 32px;
}
.banner_service_tab_image .tabs li#tab179 {
    left: -32%;
    top: 58%;
}
.banner_service_tab_image .tabs li#tab179 span {
    left: 167px;
    right: unset;
    top: -11px;
    text-align: left;
    margin-top: 0;
}
.banner_service_tab_image .tabs li#tab180 {
    left: -13%;
    top: 4%;
}
.banner_service_tab_image .tabs li#tab180 span{
    left: 116px;
    right: unset;
    top: -11px;
    margin-top: 0;
}

.banner_service_tab_image .tabs li#tab181 {
    left: 96%;
    top: 6%;
}
.banner_service_tab_image .tabs li#tab181 span {
    left: -85%;
    top: 16px;
}

.banner_service_tab_image .tabs li#tab183 {
    left: -29%;
    top: 40%;
    padding-right: 0;
    text-align: left;
}

.banner_service_tab_image .tabs li#tab183 span {
   left: 86%;
   top: -8px;
   margin-top: 0;
}

.banner_service_tab_image .tabs li#tab184 {
    left: unset;
    right: -24%;
    top: 40%;
    padding-right: 0;
    padding-left: 20px;
    text-align: left;
}

.banner_service_tab_image .tabs li#tab184 span {
   left: -96px;
   top: 4px;
}

.banner_service_tab_image .tabs li#tab185 {
    left: 36%;
    top: -26%;
    width: 213px;
}
.banner_service_tab_image .tabs li#tab185 span {
    left: 29px;
    top: 110px;
    padding-right: 0;
    /* padding-left: 20px; */
}
.banner_service_tab_image .tabs li#tab186 {
    left: 108%;
    top: 40%;
}
.banner_service_tab_image .tabs li#tab186 span {
    left: -134px;
    margin-top: 0;
    top: -5%;
}
.banner_service_tab_image .tabs li#tab187 {
    left: 41%;
    top: 102%;
}
.banner_service_tab_image .tabs li#tab187 span {
    left: -3px;
    right: unset;
    margin-top: 0;
    top: unset;
    bottom: 32px;
}
.banner_service_tab_image .tabs li#tab188 {
    left: -26%;
    top: 40%;
}
.banner_service_tab_image .tabs li#tab188 span {
    left: 104px;
    right: unset;
    top: -7px;
    text-align: left;
    margin-top: 0;
}
.banner_service_tab_image .tabs li#tab189 {
    left: 37%;
    top: 102%;
    width: 177px;
}
.banner_service_tab_image .tabs li#tab189 span{
    left: 13px;
    right: unset;
    top: -96px;
    margin-top: 0;
}

.banner_service_tab_image .tabs li#tab190 {
    left: 41%;
    top: -26%;
}
.banner_service_tab_image .tabs li#tab190 span {
    left: 1%;
    top: 91px;
    margin-top: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab192 {
    left: unset;
    right: -31%;
    top: 57%;
    padding-right: 0;
    padding-left: 20px;
    text-align: left;
}

.banner_service_tab_image .tabs.tabs_details li#tab192 span {
   right: 93%;
   top: -57px;
}

.banner_service_tab_image .tabs.tabs_details li#tab193 {
    left: -34%;
    top: 57%;
    width: 204px;
}

.banner_service_tab_image .tabs.tabs_details li#tab193 span{
    margin-top: 0;
    top: -40px;
    left: 88%;
}

.banner_service_tab_image .tabs.tabs_details li#tab194 {
    left: 5%;
    top: 42%;
    padding-right: 0;
    text-align: left;
}

.banner_service_tab_image .tabs.tabs_details li#tab194 span {
   top: -25px;
   right: -113px;
   margin: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab195 {
    left: unset;
    right: 7%;
    top: 71%;
    padding-right: 0;
    padding-left: 20px;
    text-align: left;
}

.banner_service_tab_image .tabs.tabs_details li#tab195 span {
   top: -40px;
   left: -54px;
   margin: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab196 {
    left: 76%;
    top: 42%;
    padding-right: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab196 span {
    left: -107px;
    right: unset;
    padding-right: 0;
    /* padding-left: 20px; */
    margin-top: -49px;
}
.banner_service_tab_image .tabs.tabs_details li#tab197 {
    left: 53%;
    top: 90%;
    width: 244px;
}
.banner_service_tab_image .tabs.tabs_details li#tab197 span {
    left: -83px;
    right: unset;
    margin-top: 0;
    top: -156%;
}
.banner_service_tab_image .tabs.tabs_details li#tab201 {
    left: 22%;
    top: 90%;
    padding-right: 0;
    width: 230px;
}
.banner_service_tab_image .tabs.tabs_details li#tab201 span {
    left: 65px;
    right: unset;
    margin-top: 0;
    top: unset;
    bottom: 35px;
}
.banner_service_tab_image .tabs.tabs_details li#tab199 {
    left: 7%;
    top: 71%;
}
.banner_service_tab_image .tabs.tabs_details li#tab199 span {
    left: 158px;
    right: unset;
    top: -46px;
    text-align: left;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab200 {
    left: 26%;
    top: 22%;
}
.banner_service_tab_image .tabs.tabs_details li#tab200 span{
    left: 153px;
    right: unset;
    top: -45px;
    margin-top: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab198 {
    left: 57%;
    top: 22%;
}

.banner_service_tab_image .tabs.tabs_details li#tab202 {
    left: 75%;
    top: 41%;
}
.banner_service_tab_image .tabs.tabs_details li#tab202 span {
    left: -112px;
    right: unset;
    padding-right: 0;
    /* padding-left: 20px; */
    margin-top: -49px;
}
.banner_service_tab_image .tabs.tabs_details li#tab203 {
    left: 75%;
    top: 75%;
}
.banner_service_tab_image .tabs.tabs_details li#tab203 span {
    left: -99px;
    right: unset;
    margin-top: 0;
    top: -150%;
}
.banner_service_tab_image .tabs.tabs_details li#tab204 {
    left: 39%;
    top: 94%;
    width: 217px;
}
.banner_service_tab_image .tabs.tabs_details li#tab204 span {
    left: 19px;
    right: unset;
    margin-top: 0;
    top: unset;
    bottom: 60px;
}
.banner_service_tab_image .tabs.tabs_details li#tab205 {
    left: 9%;
    top: 74%;
}
.banner_service_tab_image .tabs.tabs_details li#tab205 span {
    left: 158px;
    right: unset;
    top: -46px;
    text-align: left;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab207 {
    left: 9%;
    top: 41%;
}
.banner_service_tab_image .tabs.tabs_details li#tab207 span{
    left: 153px;
    right: unset;
    top: -25px;
    margin-top: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab208 {
    left: 41%;
    top: 20%;
}

.banner_service_tab_image .tabs.tabs_details li#tab206 {
    left: 74%;
    top: 37%;
}
.banner_service_tab_image .tabs.tabs_details li#tab206 span {
    left: -112px;
    right: unset;
    padding-right: 0;
    /* padding-left: 20px; */
    margin-top: -49px;
}

.banner_service_tab_image .tabs.tabs_details li#tab209 {
    left: 75%;
    top: 73%;
}
.banner_service_tab_image .tabs.tabs_details li#tab209 span {
    left: -103px;
    right: unset;
    margin-top: 0;
    top: -66%;
}
.banner_service_tab_image .tabs.tabs_details li#tab210 {
    left: 40%;
    top: 93%;
    width: 201px;
}
.banner_service_tab_image .tabs.tabs_details li#tab210 span {
    left: 34px;
    right: unset;
    margin-top: 0;
    top: unset;
    bottom: 63px;
}
.banner_service_tab_image .tabs.tabs_details li#tab211 {
    left: 8%;
    top: 74%;
}
.banner_service_tab_image .tabs.tabs_details li#tab211 span {
    left: 158px;
    right: unset;
    top: -46px;
    text-align: left;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab212 {
    left: 8%;
    top: 38%;
}
.banner_service_tab_image .tabs.tabs_details li#tab212 span{
    left: 153px;
    right: unset;
    top: -25px;
    margin-top: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab213 {
    left: 42%;
    top: 18%;
}
.banner_service_tab_image .tabs.tabs_details li#tab214 {
    left: 102%;
    top: 32%;
}
.banner_service_tab_image .tabs.tabs_details li#tab214 span {
    top: -140px;
    left: 29px;
    padding-right: 0;
    /* padding-left: 20px; */
}
.banner_service_tab_image .tabs.tabs_details li#tab215 {
    left: 75%;
    top: 74%;
}
.banner_service_tab_image .tabs.tabs_details li#tab215 span {
    left: 20px;
    margin-top: 0;
    top: -114px;
}
.banner_service_tab_image .tabs.tabs_details li#tab216 {
    left: 41%;
    top: 93%;
}
.banner_service_tab_image .tabs.tabs_details li#tab216 span {
    left: 19px;
    right: unset;
    margin-top: 0;
    top: unset;
    bottom: 32px;
}
.banner_service_tab_image .tabs.tabs_details li#tab217 {
    left: 8%;
    top: 73%;
}
.banner_service_tab_image .tabs.tabs_details li#tab217 span {
    left: 20px;
    right: unset;
    top: -117px;
    text-align: left;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab218 {
    left: 8%;
    top: 40%;
}
.banner_service_tab_image .tabs.tabs_details li#tab218 span{
    left: 19px;
    /* right: unset; */
    top: -115px;
    margin-top: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab219 {
    left: 41%;
    top: 21%;
}
.banner_service_tab_image .tabs.tabs_details li#tab220 {
    left: 78%;
    top: 43%;
}
.banner_service_tab_image .tabs.tabs_details li#tab220 span {
    left: -112px;
    right: unset;
    padding-right: 0;
    /* padding-left: 20px; */
    margin-top: -49px;
}
.banner_service_tab_image .tabs.tabs_details li#tab221 {
    left: 65%;
    top: 87%;
}
.banner_service_tab_image .tabs.tabs_details li#tab221 span {
    left: -114px;
    right: unset;
    /* margin-top: 0; */
    top: -103%;
}
.banner_service_tab_image .tabs.tabs_details li#tab222 {
    left: 37%;
    top: 19%;
    width: 250px;
}
.banner_service_tab_image .tabs.tabs_details li#tab222 span {
    left: 49px;
    right: unset;
    margin-top: 0;
    top: 57px;
}
.banner_service_tab_image .tabs.tabs_details li#tab223 {
    left: 15%;
    top: 86%;
    width: 250px;
}
.banner_service_tab_image .tabs.tabs_details li#tab223 span {
    left: 234px;
    right: unset;
    top: -30px;
    text-align: left;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab224 {
    left: 6%;
    top: 46%;
}
.banner_service_tab_image .tabs.tabs_details li#tab224 span{
    left: 153px;
    right: unset;
    top: -25px;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab225 {
    left: 74%;
    top: 40%;
    width: 200px;
}
.banner_service_tab_image .tabs.tabs_details li#tab225 span {
    left: -107px;
    right: unset;
    padding-right: 0;
    /* padding-left: 20px; */
    margin-top: -49px;
}
.banner_service_tab_image .tabs.tabs_details li#tab226 {
    left: 74%;
    top: 75%;
}
.banner_service_tab_image .tabs.tabs_details li#tab226 span {
    left: -83px;
    right: unset;
    margin-top: 0;
    top: -150%;
}
.banner_service_tab_image .tabs.tabs_details li#tab230 {
    left: 37%;
    top: 93%;
    padding-right: 0;
    width: 230px;
}
.banner_service_tab_image .tabs.tabs_details li#tab230 span {
    left: 65px;
    right: unset;
    margin-top: 0;
    top: unset;
    bottom: 35px;
}
.banner_service_tab_image .tabs.tabs_details li#tab228 {
    left: 8%;
    top: 74%;
}
.banner_service_tab_image .tabs.tabs_details li#tab228 span {
    left: 158px;
    right: unset;
    top: -46px;
    text-align: left;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab229 {
    left: 9%;
    top: 39%;
}
.banner_service_tab_image .tabs.tabs_details li#tab229 span{
    left: 153px;
    right: unset;
    top: -45px;
    margin-top: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab227 {
    left: 41%;
    top: 20%;
}
.banner_service_tab_image .tabs.tabs_details li#tab214 {
    left: 76%;
    top: 39%;
}
.banner_service_tab_image .tabs.tabs_details li#tab231 {
    left: 75%;
    top: 38%;
}
.banner_service_tab_image .tabs.tabs_details li#tab231 span {
    left: -112px;
    right: unset;
    padding-right: 0;
    /* padding-left: 20px; */
    margin-top: -49px;
}
.banner_service_tab_image .tabs.tabs_details li#tab232 {
    left: 76%;
    top: 75%;
}
.banner_service_tab_image .tabs.tabs_details li#tab232 span {
    left: -99px;
    right: unset;
    margin-top: 0;
    top: -150%;
}
.banner_service_tab_image .tabs.tabs_details li#tab233 {
    left: 41%;
    top: 94%;
}
.banner_service_tab_image .tabs.tabs_details li#tab233 span {
    left: 19px;
    right: unset;
    margin-top: 0;
    top: unset;
    bottom: 32px;
}
.banner_service_tab_image .tabs.tabs_details li#tab234 {
    left: 8%;
    top: 74%;
}
.banner_service_tab_image .tabs.tabs_details li#tab234 span {
    left: 158px;
    right: unset;
    top: -46px;
    text-align: left;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab235 {
    left: 7%;
    top: 37%;
}
.banner_service_tab_image .tabs.tabs_details li#tab235 span{
    left: 153px;
    right: unset;
    top: -25px;
    margin-top: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab236 {
    left: 35%;
    top: 19%;
    width: 308px;
}
.banner_service_tab_image .tabs.tabs_details li#tab236 span {
    left: 27%;
    top: 37px;
}
.banner_service_tab_image .tabs.tabs_details li#tab237 {
    left: 60%;
    padding-right: 0;
    top: 85%;
    width: 250px;
}
.banner_service_tab_image .tabs.tabs_details li#tab237 span {
    top: -124px;
    left: 29%;
    margin: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab238 {
    left: 17%;
    top: 85%;
}
.banner_service_tab_image .tabs.tabs_details li#tab238 span {
    left: unset;
    top: -41px;
    right: -76px;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab239 {
    left: 54%;
    top: 21%;
}
.banner_service_tab_image .tabs.tabs_details li#tab239 span{
    left: -81px;
    margin-top: 0;
    top: -39px;
}
.banner_service_tab_image .tabs.tabs_details li#tab240 {
    left: 73%;
    top: 38%;
    width: 200px;
}
.banner_service_tab_image .tabs.tabs_details li#tab240 span {
    left: -112px;
    right: unset;
    padding-right: 0;
    /* padding-left: 20px; */
    margin-top: -49px;
}
.banner_service_tab_image .tabs.tabs_details li#tab241 {
    left: 78%;
    top: 62%;
}
.banner_service_tab_image .tabs.tabs_details li#tab241 span {
    left: -85px;
    right: unset;
    margin-top: 0;
    top: -150%;
}
.banner_service_tab_image .tabs.tabs_details li#tab242 {
    left: 42%;
    top: 92%;
}
.banner_service_tab_image .tabs.tabs_details li#tab242 span {
    left: 19px;
    right: unset;
    margin-top: 0;
    top: unset;
    bottom: 57px;
}
.banner_service_tab_image .tabs.tabs_details li#tab243 {
    left: 4%;
    top: 62%;
}
.banner_service_tab_image .tabs.tabs_details li#tab243 span {
    left: 149px;
    right: unset;
    top: -32px;
    text-align: left;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab244 {
    left: 8%;
    top: 37%;
}
.banner_service_tab_image .tabs.tabs_details li#tab244 span{
    left: 153px;
    right: unset;
    top: -25px;
    margin-top: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab245 {
    left: 28%;
    top: 20%;
}
.banner_service_tab_image .tabs.tabs_details li#tab245 span {
    left: 27%;
    top: 34px;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab246 {
    left: 55%;
    top: 22%;
    width: 250px;
}
.banner_service_tab_image .tabs.tabs_details li#tab246 span {
    right: 86px;
}
.banner_service_tab_image .tabs.tabs_details li#tab247 {
    left: 21%;
    top: 22%;
    width: 250px;
    padding-right: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab247 span {
    left: 69px;
}
.banner_service_tab_image .tabs.tabs_details li#tab248 {
    left: 78%;
    top: 45%;
}
.banner_service_tab_image .tabs.tabs_details li#tab248 span {
    left: -112px;
    right: unset;
    padding-right: 0;
    /* padding-left: 20px; */
    margin-top: -49px;
}
.banner_service_tab_image .tabs.tabs_details li#tab249 {
    left: 72%;
    top: 73%;
    width: 174px;
}
.banner_service_tab_image .tabs.tabs_details li#tab249 span {
    left: -116px;
    right: unset;
    margin-top: 0;
    top: -4px;
}
.banner_service_tab_image .tabs.tabs_details li#tab250 {
    left: 37%;
    top: 92%;
    width: 250px;
}
.banner_service_tab_image .tabs.tabs_details li#tab250 span {
    left: 61px;
    right: unset;
    margin-top: 0;
    top: unset;
    bottom: 56px;
}
.banner_service_tab_image .tabs.tabs_details li#tab251 {
    left: 10%;
    top: 75%;
    width: 199px;
}
.banner_service_tab_image .tabs.tabs_details li#tab251 span {
    left: 240px;
    right: unset;
    top: -17px;
    text-align: left;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab252 {
    left: 4%;
    top: 41%;
    width: 188px;
}
.banner_service_tab_image .tabs.tabs_details li#tab252 span{
    left: 246px;
    right: unset;
    top: -10px;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab253 {
    left: 36%;
    padding-right: 0;
    top: 91%;
    width: 250px;
}
.banner_service_tab_image .tabs.tabs_details li#tab253 span {
    top: -124px;
    left: 29%;
    margin: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab254 {
    left: 6%;
    top: 42%;
}
.banner_service_tab_image .tabs.tabs_details li#tab254 span {
    left: unset;
    top: -41px;
    right: -76px;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab255 {
    left: 77%;
    top: 41%;
}
.banner_service_tab_image .tabs.tabs_details li#tab255 span{
    left: -113px;
    margin-top: 0;
    top: -39px;
}
.banner_service_tab_image .tabs.tabs_details li#tab256 {
    left: 36%;
    padding-right: 0;
    top: 93%;
    width: 250px;
}
.banner_service_tab_image .tabs.tabs_details li#tab256 span {
    top: -124px;
    left: 29%;
    margin: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab257 {
    left: 7%;
    top: 42%;
}
.banner_service_tab_image .tabs.tabs_details li#tab257 span {
    left: unset;
    top: -41px;
    right: -76px;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab258 {
    left: 77%;
    top: 42%;
}
.banner_service_tab_image .tabs.tabs_details li#tab258 span{
    left: -113px;
    margin-top: 0;
    top: -39px;
}

.banner_service_tab_image .tabs.tabs_details li#tab259 {
    left: 26%;
    top: 22%;
}
.banner_service_tab_image .tabs.tabs_details li#tab259 span {
    left: unset;
    right: -58px;
    margin: 0;
    top: -36px;
}
.banner_service_tab_image .tabs.tabs_details li#tab260 {
    left: 55%;
    top: 91%;
}
.banner_service_tab_image .tabs.tabs_details li#tab260 span{
    top: -36px;
    left: -85px;
    margin: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab261 {
    left: 76%;
    top: 42%;
    width: 177px;
}
.banner_service_tab_image .tabs.tabs_details li#tab261 span {
    left: -116px;
    right: unset;
    padding-right: 0;
    /* padding-left: 20px; */
    margin-top: -53px;
}
.banner_service_tab_image .tabs.tabs_details li#tab262 {
    left: 76%;
    top: 70%;
    padding-right: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab262 span {
    left: -94px;
    right: unset;
    margin-top: 0;
    top: -32px;
}
.banner_service_tab_image .tabs.tabs_details li#tab263 {
    left: 19%;
    top: 91%;
    width: 315px;
}
.banner_service_tab_image .tabs.tabs_details li#tab263 span {
    left: 96px;
    right: unset;
    margin-top: 0;
    top: unset;
    bottom: 37px;
}
.banner_service_tab_image .tabs.tabs_details li#tab264 {
    left: 5%;
    top: 69%;
    width: 200px;
}
.banner_service_tab_image .tabs.tabs_details li#tab264 span {
    left: 183px;
    right: unset;
    top: -37px;
    text-align: left;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab265 {
    left: 8%;
    top: 40%;
}
.banner_service_tab_image .tabs.tabs_details li#tab265 span{
    left: 160px;
    right: unset;
    top: -33px;
    margin-top: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab267 {
    left: 53%;
    top: 22%;
    width: 247px;
}
.banner_service_tab_image .tabs.tabs_details li#tab267 span {
    left: 27%;
    top: 34px;
    margin-top: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab266 {
    left: 77%;
    top: 43%;
    width: 177px;
}
.banner_service_tab_image .tabs.tabs_details li#tab266 span {
    left: -112px;
    right: unset;
    padding-right: 0;
    /* padding-left: 20px; */
    margin-top: -53px;
}
.banner_service_tab_image .tabs.tabs_details li#tab268 {
    left: 57%;
    top: 91%;
}
.banner_service_tab_image .tabs.tabs_details li#tab268 span {
    left: -103px;
    right: unset;
    margin-top: 0;
    top: -42px;
}
.banner_service_tab_image .tabs.tabs_details li#tab269 {
    left: 49%;
    top: 23%;
    width: 315px;
}
.banner_service_tab_image .tabs.tabs_details li#tab269 span {
    left: 96px;
    right: unset;
    margin-top: 0;
    top: unset;
    bottom: 37px;
}
.banner_service_tab_image .tabs.tabs_details li#tab270 {
    left: 6%;
    top: 70%;
}
.banner_service_tab_image .tabs.tabs_details li#tab270 span {
    left: 144px;
    right: unset;
    top: -37px;
    text-align: left;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab271 {
    left: 7%;
    top: 42%;
}
.banner_service_tab_image .tabs.tabs_details li#tab271 span{
    left: 147px;
    right: unset;
    top: -42px;
    margin-top: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab274 {
    left: 19%;
    top: 23%;
    width: 308px;
}
.banner_service_tab_image .tabs.tabs_details li#tab274 span {
    left: 27%;
    top: 34px;
    margin-top: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab275 {
    left: 77%;
    top: 43%;
    width: 177px;
}
.banner_service_tab_image .tabs.tabs_details li#tab275 span {
    left: -75px;
    right: unset;
    padding-right: 0;
    /* padding-left: 20px; */
    margin-top: -49px;
}
.banner_service_tab_image .tabs.tabs_details li#tab273 {
    left: 73%;
    top: 70%;
    width: 250px;
}
.banner_service_tab_image .tabs.tabs_details li#tab273 span {
    left: -105px;
    right: unset;
    margin-top: 0;
    top: -40px;
}
.banner_service_tab_image .tabs.tabs_details li#tab272 {
    left: 25%;
    top: 90%;
    width: 185px;
}
.banner_service_tab_image .tabs.tabs_details li#tab272 span {
    left: 87px;
    right: unset;
    margin-top: 0;
    top: unset;
    bottom: 35px;
}
.banner_service_tab_image .tabs.tabs_details li#tab276 {
    left: 22%;
    top: 90%;
    width: 250px;
}
.banner_service_tab_image .tabs.tabs_details li#tab276 span {
    left: 185px;
    right: unset;
    top: -43px;
    text-align: left;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab277 {
    left: 7%;
    top: 42%;
}
.banner_service_tab_image .tabs.tabs_details li#tab277 span{
    left: 146px;
    right: unset;
    top: -33px;
    margin-top: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab278 {
    left: 27%;
    top: 22%;
}
.banner_service_tab_image .tabs.tabs_details li#tab278 span {
    left: 27%;
    top: 34px;
    margin-top: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab279 {
    left: 57%;
    top: 21%;
    width: 177px;
}
.banner_service_tab_image .tabs.tabs_details li#tab279 span {
    left: -112px;
    right: unset;
    padding-right: 0;
    /* padding-left: 20px; */
    margin-top: -49px;
}
.banner_service_tab_image .tabs.tabs_details li#tab280 {
    left: 76%;
    top: 70%;
}
.banner_service_tab_image .tabs.tabs_details li#tab280 span {
    left: -70px;
    right: unset;
    margin-top: 0;
    top: -40px;
}
.banner_service_tab_image .tabs.tabs_details li#tab281 {
    left: 56%;
    top: 90%;
}
.banner_service_tab_image .tabs.tabs_details li#tab281 span {
    left: 91px;
    right: unset;
    margin-top: 0;
    top: unset;
    bottom: 32px;
}
.banner_service_tab_image .tabs.tabs_details li#tab282 {
    left: 2%;
    top: 70%;
    width: 250px;
}
.banner_service_tab_image .tabs.tabs_details li#tab282 span {
    left: 237px;
    right: unset;
    top: -37px;
    text-align: left;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab284 {
    left: 27%;
    top: 89%;
}
.banner_service_tab_image .tabs.tabs_details li#tab284 span{
    left: 160px;
    right: unset;
    top: -33px;
    margin-top: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab285 {
    left: 27%;
    top: 22%;
}
.banner_service_tab_image .tabs.tabs_details li#tab285 span {
    left: 27%;
    top: 34px;
    margin-top: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab283 {
    left: 76%;
    top: 41%;
    width: 177px;
}
.banner_service_tab_image .tabs.tabs_details li#tab283 span {
    left: -112px;
    right: unset;
    padding-right: 0;
    /* padding-left: 20px; */
    margin-top: -49px;
}
.banner_service_tab_image .tabs.tabs_details li#tab286 {
    left: 76%;
    top: 70%;
}
.banner_service_tab_image .tabs.tabs_details li#tab286 span {
    left: -114px;
    right: unset;
    margin-top: 0;
    top: -45px;
}
.banner_service_tab_image .tabs.tabs_details li#tab287 {
    left: 57%;
    top: 90%;
}
.banner_service_tab_image .tabs.tabs_details li#tab287 span {
    left: 19px;
    right: unset;
    margin-top: 0;
    top: unset;
    bottom: 33px;
}
.banner_service_tab_image .tabs.tabs_details li#tab288 {
    left: 2%;
    top: 70%;
    width: 250px;
}
.banner_service_tab_image .tabs.tabs_details li#tab288 span {
    left: 214px;
    right: unset;
    top: -41px;
    text-align: left;
    margin-top: 0;
}
.banner_service_tab_image .tabs.tabs_details li#tab289 {
    left: 7%;
    top: 42%;
}
.banner_service_tab_image .tabs.tabs_details li#tab289 span{
    left: 153px;
    right: unset;
    top: -42px;
    margin-top: 0;
}

.banner_service_tab_image .tabs.tabs_details li#tab290 {
    left: 58%;
    top: 22%;
}
.banner_service_tab_image .tabs.tabs_details li#tab290 span {
    left: 27%;
    top: 34px;
    margin-top: 0;
}

@media only screen and (max-width: 1199px){
    .banner_service_tab_image {
        margin: 0 0 20px;
        width: 100%!important;
        height: auto!important;
        padding: 0;
        border: none;
        background: none!important;
    }
    .banner_service_tab_image:after {
        content: none;
    }
    .banner_service_tab_image .image {
        width: 100%;
        height: unset;
        position: unset;
        top: unset;
        right: unset;
        transform: none;
        border-radius: 00;
        margin: auto;
        box-shadow: none;
        margin-bottom: 20px;
    }
    .banner_service_tab_image .image img {
        border-radius: 0;
    }
    .banner_service_title {
        display: none;
    }
    .banner_service_tab_image .tabs{
        display: flex;
        flex-wrap: wrap;
    }
    .banner_service_tab_image .tabs li ,
    .banner_service_tab_image .tabs li#tab2,
    .banner_service_tab_image .tabs li#tab4,
    .banner_service_tab_image .tabs li#tab1,
    .banner_service_tab_image .tabs li#tab3{
        position: unset;
        margin: 0 !important;
        width: 33.3333% !important;
        margin-bottom: 30px !important;
        padding: 0 10px!important;
        /*background: red;*/
        left: unset !important;
        right:  unset !important;
    }
    .banner_service_tab_image .tabs li h3{
        text-align: center;
        padding-left: 10px;
        font-size: 16px;
        margin: 10px 0 0!important;
    }
    .banner_service_tab .tab_container{
        margin: 40px auto;
    }
    .banner_service_tab_image .tabs li span{
        position: unset!important;
        right: unset !important;
        left: 0 !important;
        top: 50% !important;
        margin-top: 0 !important;
        /* transform: translateY(-50%); */
    }
    .banner_service_tab_image .tabs.tabs_details li {
        width: 50%!important;
        margin-bottom: 2px !important;
    }
    .banner_service_tab_image .tabs.tabs_details li h3{
        color: #333;
        text-align: center!important;
        padding: 0!important;
        margin-top: 10px;
    }
    .banner_service_tab_image .tabs.tabs_details li span {
        opacity: 1;
        visibility: visible;
        position: unset;
    }
    .banner_service_tab_image .tabs.tabs_details li span:before {
        content: none;
    }
    .banner_service_tab_image img{
        max-width: 500px;
    }
    .slick_nav_gallery .slick-track h3 {
        margin: 0 15px;
        font-size: 15px;
    }
    .slider_gallery_website .item p,
    .home_part_content p{
        font-size: 14px;
    }
    .slider_gallery_website .slick-list {
        padding: 70px calc(calc(100% / 3) - 10px) !important;
    }
    .box_data .item .content_inner .num {
        font-size: 40px;
    }
    .box_data .item .content_inner, .box_strengths .content_inner {
        padding: 15px;
    }
    .box_strengths .item h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .answer h3 {
        font-size: 16px;
    }
    .content {
        font-size: 14px;
    }
    .answer{
        padding: 15px 80px 15px 25px;
    }
    .form_quote .box_form {
        margin-top: 20px;
    }
    section.service_design_orther, .strengths, .home_part{
        padding: 40px 0;
    }
    /*.form_quote .box_form select{*/
    /*    margin-bottom: 20px;*/
    /*}*/
    .form_quote .box_form .box_select{
        margin-bottom: 20px;
    }
    .news_tt{
        padding-bottom: 40px;
    }
    ul.list_link{
        margin: 30px 0 0 0;
    }
    .banner_about_math p.title_math,
    .banner_about_content h1, .banner_solution_content h2, .banner_service_content h2, .home_part_content h2, .heading{
        font-size: 30px;
        line-height: 1.3;
    }
    .banner_solution{
        padding: 40px 0 200px 0;
    }
    .banner_solution_content p.subtitle,
    .banner_about_content .subtitle,
    .banner_service_content .subtitle,
    .sub,
    .home_part_content p.subtitle{
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 10px;
    }
    .banner_solution_content h2 br{
        display: none;
    }
    .banner_service_tab_image .tabs li span{
        /* top: 13px !important; */
        border: none;
    }
}

@media only screen and (max-width: 600px){
    .banner_home{
        padding-top: 0px;
    }
    .button_style{
        font-size: 12px;
        height: 35px !important;
        padding: 0 15px !important;
        min-width: auto;
        line-height: 1.5;
    }
    .button_for_all img{
        width: 10px;
    }
    .banner_service_tab_image .tabs li {
        width: 50% !important;
    }
    .banner_service_tab .tab_container h3 br{
        display: none;
    }
    .banner_service_tab .tab_container .tab_content {
        padding: 0;
    }
    
    .banner_service_tab_image .image img {
        width: 100%;
        object-fit: cover;
        border-radius: 5px;
    }
}


.lab-modal-body {
  position: fixed;
  top: 5%;
  right: 5%;
  bottom: 5%;
  left: 5%;
  z-index: 9999;
  transform: translate(0, 1200px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  background: #fff;
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
  /*overflow: auto;*/
}

.lab-modal-body.active {
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}

.lab-modal-content {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 50px;
    border-radius: 10px;
}

.lab-modal-content .image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    object-fit: cover;
}

.lab-modal-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    z-index: 1050;
    overflow: auto;
}

.lab-modal-box-tag {
    letter-spacing: 0.29em;
    color: #D9D9D9;
}

.lab-modal-box-title:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90px;
    height: 1px;
    background: #D9D9D9;
}

.lab-modal-body .close {
    font-size: 30px;
    color: #333;
    position: absolute;
    right: 12px;
    top: 12px;
    text-shadow: none;
    background: transparent;
    border: none;
    cursor: pointer;
    z-index: 1090;
}

.lab-modal-box::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
	background-color: #F5F5F5;
	border-radius: 10px;
}

.lab-modal-box::-webkit-scrollbar
{
	width: 4px;
	background-color: #F5F5F5;
	border-radius: 10px;
}

.lab-modal-box::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #a3a3a3;
	background-image: -webkit-gradient(linear 40% 0%, 75% 84%, from(##a3a3a3), to(##a3a3a3), color-stop(.6,##a3a3a3))
}

.lab-modal-box table {
    position: relative;
    width: 100%!important;
    height: auto;
    border: 1px solid #aaa;
}

.lab-modal-box table thead {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.lab-modal-box table p {
    margin: 0;
}

.lab-modal-box table td {
    padding: 10px 15px;
    text-align: left;
    vertical-align: middle;
    font-weight: 300;
    font-size: 15px;
    border-bottom: solid 1px #aaa;
    border-right: solid 1px #aaa;
}

@media screen and (max-width: 991px) {
    .lab-modal-content {
        padding: 0;
    }
    .lab-modal-box {
        padding: 20px;
        justify-content: start;
    }
    .lab-modal-body .close {
        font-size: 20px;
    }
}

@media screen and (min-width: 992px) {
    .materials-section .banner_service_tab_image {
        height: 1200px;
        padding: 330px 0;
        border-radius: 0;
    }
    .materials-section .image {
        height: 300px;
        width: 300px;
        border-radius: 50%;
        margin: auto;
        overflow: hidden;
    }
    
    .materials-section .image img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 70%);
    z-index: 1050;
    opacity: 0;
    visibility: hidden;
    transition: all 0.35s;
}

.modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

.arrow_service {
    font-size: 90px;
    color: #009754;
    position: absolute;
    top: 35%;
    left: -20px;
    transform: translate(0, 50%);
    transition: all 0.45s;
}

.arrow_service.disabled {
    opacity: 0;
    visibility: hidden;
    cursor: no-drop;
}

.arrow_service:before {
    content: '\e819';
    font-family: 'porto';
}

.arrow_service.next_arrow_service{
    left: unset!important;
    right: -20px
}

.arrow_service.next_arrow_service:before{
    content: '\e81a';
}

.arrow_service:hover:before {
    color: #ec2d34;
}

@media screen and (max-width: 991px) {
    .arrow_service {
        font-size: 40px;
        left: -8px;
        top: 50%;
        transform: translate(0, 50%);
    }
    .arrow_service.next_arrow_service{
        right: -8px
    }
}

/* ================ The Timeline ================ */

.timeline {
  position: relative;
  width: 940px;
  margin: 0 auto;
  margin-top: 30px;
  padding: 1em 0;
  list-style-type: none;
}

.timeline:before {
  position: absolute;
  right: 50%;
  top: 50%;
  content: ' ';
  display: block;
  width: 6px;
  height: 100%;
  /* margin-left: -3px; */
  background: rgb(80,80,80);
  background: -moz-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(125,185,232,1)));
  background: -webkit-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: -o-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: -ms-linear-gradient(top, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  background: linear-gradient(to bottom, rgba(80,80,80,0) 0%, rgb(80,80,80) 8%, rgb(80,80,80) 92%, rgba(80,80,80,0) 100%);
  z-index: 0;
  transform: translate(50%, -50%);
}

.timeline li {
  position: relative;
  padding: 1em 0;
}

.timeline li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.direction-l {
  /* position: relative; */
  width: 440px;
  float: left;
  text-align: right;
}

.direction-r {
  /* position: relative; */
  width: 440px;
  float: right;
}

.flag-wrapper {
  /* position: relative; */
  display: inline-block;
  text-align: center;
}

.flag {
  /* position: relative; */
  display: inline-block;
  background: rgb(248,248,248);
  padding: 6px 10px;
  border-radius: 5px;
  font-weight: 600;
  text-align: left;
}

.direction-l .flag {
  -webkit-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: -1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-r .flag {
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.15), 0 0 1px rgba(0,0,0,0.15);
}

.direction-l .flag:before,
.direction-r .flag:before {
  position: absolute;
  top: 50%;
  right: 50%;
  content: ' ';
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -10px;
  background: #fff;
  border-radius: 10px;
  border: 4px solid rgb(255,80,80);
  z-index: 10;
  transform: translate(50%, -50%);
}

.direction-r .flag:before {
  /* left: 0; */
  /* right: unset; */
}

.direction-l .flag:after {
    content: "";
    position: absolute;
    right: 52.5%;
    top: 50%;
    height: 0;
    width: 0;
    /* margin-top: -8px; */
    border: solid transparent;
    border-left-color: rgb(248 248 248);
    border-width: 8px;
    pointer-events: none;
    transform: translate(50%, -50%);
}

.direction-r .flag:after {
    content: "";
    position: absolute;
    right: 47.5%;
    top: 50%;
    height: 0;
    width: 0;
    margin-top: -8px;
    border: solid transparent;
    border-right-color: rgb(248,248,248);
    border-width: 8px;
    pointer-events: none;
    transform: translate(50%, -50%);
}

.flag-mobile {
    display: none;
}

.time-wrapper {
  display: inline;
  
  line-height: 1em;
  font-size: 0.66666em;
  color: rgb(250,80,80);
  vertical-align: middle;
}

.direction-l .time-wrapper {
  float: left;
}

.direction-r .time-wrapper {
  float: right;
}

.time {
  display: inline-block;
  padding: 4px 6px;
  background: rgb(248,248,248);
}

.desc {
  margin: 1em 0.75em 0 0;
  
  font-size: 0.77777em;
  font-style: italic;
  line-height: 1.5em;
}

.direction-r .desc {
  margin: 1em 0 0 0.75em;
}

/* ================ Timeline Media Queries ================ */

@media screen and (max-width: 660px) {

.timeline {
 	width: 100%;
	padding: 1em .5em 1em .5em;
}

.timeline li {
	padding: 2em 0;
}

.direction-l,
.direction-r {
	float: none;
	width: 100%;

	text-align: center;
}

.flag-wrapper {
    font-size: 13px;
	text-align: center;
}

.flag {
	background: rgb(255,255,255);
	z-index: 15;
}
.flag-mobile {
    display: block;
}
.flag-desktop {
    display: none;
}
.direction-l .flag:before,
.direction-r .flag:before {
  top: 20px;
}

.direction-l .flag:after {
	left: 45.8%;
    top: 25px;
    height: 0;
    width: 0;
    border: solid transparent;
    border-bottom-color: rgb(255,255,255);
    border-width: 8px;
    pointer-events: none;
}

.direction-r .flag:after {
	left: 45.8%;
    top: 32px;
    height: 0;
    width: 0;
    border: solid transparent;
    border-bottom-color: rgb(255,255,255);
    border-width: 8px;
    pointer-events: none;
}

.time-wrapper {
	display: block;
	position: relative;
	margin: 4px 0 0 0;
	z-index: 14;
}

.direction-l .time-wrapper {
	float: none;
}

.direction-r .time-wrapper {
	float: none;
}

.desc {
	position: relative;
	margin: 1em 0 0 0;
	padding: 1em;
	background: rgb(245,245,245);
	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.20);
	-moz-box-shadow: 0 0 1px rgba(0,0,0,0.20);
	box-shadow: 0 0 1px rgba(0,0,0,0.20);
	
  z-index: 15;
}

.direction-l .desc,
.direction-r .desc {
	position: relative;
	margin: 1em 1em 0 1em;
	padding: 1em;
	
  z-index: 15;
}

}

@media screen and (min-width: 400px ?? max-width: 660px) {

.direction-l .desc,
.direction-r .desc {
	margin: 1em 4em 0 4em;
}

}