body{overflow-x: hidden}
.social_menu{display: flex; flex-wrap: wrap; align-items: center;}
.social_menu a{width: 52px; height: 52px; border: 1px solid var(--secondary-color); border-radius: 50%; display: flex; justify-content: center; align-items: center; font-size: 20px; line-height: 1px; color: var(--secondary-color); margin-left: 8px;}
.social_menu a:hover{background: var(--primary-color);color: #ffffff; border: 1px solid var(--primary-color);}
.logo img{max-height: 110px;}
.service-block-004 .service-inner .lower-content .icon-box{color: var(--primary-color)}
.associates_block{display: flex; width: 100%; justify-content: space-between; align-items: center;}
.content-box h5{font-size: 16px; font-weight: 500;}
.project-section .shape-three {position: absolute;top: 0;right: 0;}
.why_choose{display: flex; flex-direction: column;}
.why_choose li h4{display: flex; align-items: flex-start;}
.why_choose li i{margin-right: 10px;}
.why_choose h4{font-size: 15px; font-weight: normal; color: #ffffff; line-height: 26px;}
.footer-widget .contact-info-two li span{flex:1;}
.footer-widget .contact-info-two li{align-items: flex-start;}
.about-page p{margin-bottom: 15px;}
.why_choose_wrap h5{font-size: 24px; font-weight: 700;}
.about_bg{background-image: url(../images/background/page-banner-bg.jpg);}
.service_bg{background-image: url(../images/background/page-banner-bg-3.jpg);}
.contact_bg{background-image: url(../images/background/page-banner-bg-2.jpg);}
.contact_f{display: flex; align-items: flex-start; margin-bottom: 15px;}
.contact_f i{font-size: 32px; width: 45px; color: var(--primary-color); margin-top: 3px;}
.contact_f h6{font-size: 20px; font-weight: 700; margin-bottom: 5px;}
.contact_w{display: flex; flex-direction: column;}
.company-info a{color: #ffffff;}
.company-info a:hover{color: var(--primary-color);}
.sticky-header .menu-area .navigation > li > a{color: #ffffff !important;}
.sticky-header .menu-area .navigation > li > a:hover{color: var(--primary-color) !important;}
.sticky-header .menu-area .navigation > li > a:before{background: var(--primary-color) !important;}
.anchor{display: flex; justify-content: center;}
.anchor img{animation: spinner 9s infinite linear;}
.wrapper-box{display: flex; flex-wrap: wrap;}
.wrapper-box .image{width: calc(33.33% - 30px); margin: 15px; padding:15px; height: 315px; overflow: hidden;background-color: var(--white-color); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); border-radius: 10px;}
.wrapper-box .image img{width: 100%; height: auto}
.wrapper-box .image:hover img{transform: scale(1.2)}
.wrapper-box .image div{overflow: hidden;height: 285px;}
.off-box h4{font-size: 22px; margin: 15px 0 0;}
.off-box h6{font-size: 16px; margin: 0 0 15px; color: var(--primary-color);}
.service-inner .icon-box img{height: 60px; width: auto;}
.how-to-work-section-two img{margin-top: 25px;}
.work-block-two .inner-box .icon-box:before{display: none;}
.section-title p{margin-bottom: 15px;}
.other_service{display: flex; flex-wrap: wrap; }
.other_service .ot-block{display:flex; width: calc(50% - 30px); border: 1px solid #f0f0f0; border-radius: 15px; margin: 15px; box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1); overflow: hidden;}
.other_service .ot-text{padding: 20px;}
.other_service .ot-icon img{height: 100%;}
.copyright-text a{color: #ffffff;}
.copyright-text a:hover{color: var(--primary-color);}
.alert-success{color: #0f5132; background-color: #d5ebff; border-color: #a5d3fb;  }
.alert-danger {color: #842029;background-color: #f8d7da;border-color: #f5c2c7;}
#div_msg{position: relative; font-weight: bold; padding-left: 50px;}
#div_msg.alert-success:before{content: "\f00c";font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute; left: 10px; top: 15px; font-size: 32px;}
#div_msg.alert-danger:before{content: "\f06a";font-family: "Font Awesome 5 Pro"; font-weight: 900; position: absolute; left: 10px; top: 15px; font-size: 32px;}
.pos-r{position: relative;}
.f-q{position: absolute; top: 15px; left: 15px; font-size: 32px; opacity: 0.12;}
.b-q{position: absolute; bottom: 15px; right: 15px; font-size: 32px; opacity: 0.12;}
.service-block-004 .lower-content h4 a:hover{color: #ffffff;}
.pop_message{display: flex; flex-wrap: wrap;}
.pop_message_load{max-width: 450px;}
.pop_text{flex:1; padding: 15px; text-align: center}
.pop_text p{font-weight: bold; font-size: 18px;}
.pop_text ul{list-style: disc; margin-left: 15px;}
.pop_text ul li{list-style: disc; }
.pop_img{width: 200px;}
.pop_text img{width: 100%;}
.pop_text h2{font-size: 32px; text-transform: uppercase; font-weight:bold; margin-bottom: 0; line-height: 28px; margin-top: 15px; color:var(--primary-color); }
.pop_text h2 span{font-size: 18px; color: #000000; font-weight: normal; display: block; line-height: 22px;}
.pop_text h3{font-size: 24px; font-weight: normal; line-height: 32px; margin-bottom: 15px;}
.pop_logo img{max-width: 200px;}
.pop_message_load .modal-header .close{position: absolute; right: 15px; top: 15px;}
.data_handling{background: #f0f0f0; padding: 15px; border: 1px dotted #cccccc; text-align: left; }
.pop_footer{color: #ffffff; text-align: center; font-size: 18px; background:var(--block-color-three); padding: 15px; font-weight: bold; }
.pop_message_load .modal-body{padding: 0}
.pop_message_load .message{padding: 15px 0;}
.pop_message_load .message i{margin-right: 5px; font-size: 24px;}
.modal-backdrop.show{opacity: 0.9}
.m-modal-content{border:2px solid #ffffff; border-radius: 15px; overflow: hidden;}
.captcha-div{display: flex; align-items: center;}
.captcha-div input{width: 80px; padding-left: 10px !important;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
@media only screen and (max-width: 1080px){
    .other_service .ot-block{width: calc(100% - 30px);}
}

@media only screen and (max-width: 767px){
.helpus-area h4{font-size: 22px; line-height: 32px;}
h1{font-size: 32px; line-height: 42px;}
.pop_img{display: none;}
.feature-block-area .feature-block-one{border-bottom: 1px solid #cccccc; padding-bottom: 15px;}
}
@media only screen and (max-width: 600px){
    .other_service .ot-icon{display: none;}
    .scroll-top{display: none;}
    .logo img{max-height: 90px;}
}