/* @import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=TikTok+Sans:opsz,wght@12..36,300..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=TikTok+Sans:opsz,wght@12..36,300..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
body { background: #fff; color: #363636;  
    font-family:  "TikTok Sans", sans-serif;
    font-size: 15px;overflow: hidden;overflow-y: scroll; } 
h1, h2, h3, h4, h5, h6 { 
 font-family: "Urbanist", sans-serif;
    color: #0c0c0c; margin: 0 0 20px; } 
    .fs-1, .fs-2, .fs-3, .fs-4, .fs-5, .fs-6{font-family: "Urbanist", sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #0c0c0c; } 
p a { color: #363636; width: auto; display: inline-block; } 
p a:hover { text-decoration: underline; outline: none;color: #005A87!important; } 
p { letter-spacing: 0.3px;
    text-transform: capitalize;
    margin-bottom: 10px;font-weight: 400;
    line-height: 24px;
    font-size: 14px;} 
ul{margin: 0px ;padding: 0px;} 
ul li {     list-style: none;letter-spacing: 0.5px; line-height: 24px; font-size: 15px; color: #363636;    font-weight: 400;  font-family: "Urbanist", sans-serif; } 
a { color: #7f7f7f; text-decoration: none; outline: none; display: block; } 
a:hover, a:focus, a:active { outline: none; text-decoration: none; } 
img { max-width: 100%; } 
iframe { border: 0; width: 100%; } 
blockquote { padding: 0; border: 0; } label { color: #7f7f7f; display: block; font-weight: 400; margin: 0; } textarea { background: #fff; height: 100px !important; } textarea, select, input { border: 1px solid #ccc; height: 40px; border-radius: 0; background: #fff; line-height: 40px; box-shadow: none; padding: 0 15px; box-sizing: border-box; font-size: 14px !important; } 
.form-group { position: relative; margin-bottom: 15px } 
.form-control::-moz-placeholder { color: #555; } 
.form-control:focus::-moz-placeholder { color: #005A87; } 
.form-control:focus { border-color: #005A87; box-shadow: none; outline: 0; } 
h2 { font-size: 26px; font-weight: bold; } 
h3 { font-size: 20px; margin: 0 0 30px; font-weight: bold; } 
h3 span { padding: 0 10px 0 0; position: relative; } 
h4 { font-size: 15px; font-weight: bold; margin: 0; text-transform: capitalize; text-align: center; padding: 15px 0; color: #fff; } 
h5 { text-transform: capitalize; } 
/* Header*/ 
.bg-orange{background-color: #FF6F00;}
.text-blue{color:#005A87}
.header {  width: 100%; position: relative; top: 0; left: 0; z-index: 999; padding: 0; } 
.topbar {
    width: 100%;
    margin: 0;
    font-family: "Urbanist", sans-serif;
    padding: 5px 0px 5px;
    background: #005A87;
    } 
.top_right {  width: 100%; display: flex; justify-content: flex-start; align-items: center; margin: 0; } 
.search { max-width: 330px; width: 100%; margin: 0 0px; padding: 0; position: relative; margin-left: auto; } 
.search_btn { position: absolute; top: 0; right: 0; height: 100%; padding: 0 15px; line-height: 40px; background: #005A87; color: #fff; border: 0; border-left: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0px 4px 4px 0; height: 40px; display: flex; align-items: center; justify-content: center; } 
.search_btn:hover { background: #005A87; color: #0b78ec; } 
.phone_call { display: inline-block; list-style: none;padding: 0 } 
.phone_call a { color: #005A87; text-decoration: none; font-size: 15px; font-weight: 600; } 
.phone_call a svg { width: 24px; height: 24px; margin-right: 3px; vertical-align: middle } 
.phone_call a:hover { color: #005A87} 
.navbar .phone_call { margin: 10px 0; } 
.navbar .phone_call a { color: #fff; } 
.navbar .phone_call a:hover, .navbar .phone_call a:focus { color: #eadd89; } 
ul.social {  margin: 0; padding: 0; } 
.top_right ul.social {  margin: 0; list-style: none; padding: 0px; width: auto; display: flex
    ;
        align-items: center;} 
header ul.social li a {
    transition: background 400ms ease-in-out;
    text-align: center;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1a1a1a;
    border: 0px solid #ffffff;
}

ul.social li { margin: 0px; display: inline-block; } 
ul.social li a { transition: background 400ms ease-in-out; text-align: center; width: 35px; height: 35px; border-radius: 100%; display: flex; align-items: center; justify-content: center;     color: #262b2f;
    background: #ffffff;} 
ul.social li a svg { color: #005a87; width: 15px; height: 15px; margin: 0; padding: 0; } 
/* ul.social li.facebook a { background: #3C5B9B; } 
ul.social li.twitter a { background: #000000 } 
ul.social li.linkedin a { background: #027ba5; } 
ul.social li.youtube a { background: #f70000; }  */
ul.social li.facebook a { background: #fff; } 
ul.social li.twitter a { background: #fff } 
ul.social li.linkedin a { background: #fff; } 
ul.social li.youtube a { background: #fff; } 
ul.social li.instagram a { background:#fff; } 
/* ul.social li.instagram a { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }  */
.menubar {
    width: 100%;
    position: relative;
    background-color: rgb(255 255 255 / 83%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: none;
    } 
/* .menubar .container { background: #fff; border-radius: 0px 0px 12px 12px; position: relative;    width: 94%;     max-width: 94%;}  */
.topbar .list-style-none li a { color: #fff;    letter-spacing: 0px; font-size: 15px;    font-weight: 500; } 
/* .menubar .container:before { content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='77px' height='77px' viewBox='0 0 64.000000 96.000000' preserveAspectRatio='xMidYMid meet'><g transform='translate(0.000000,96.000000) scale(0.100000,-0.100000)' fill='white' stroke='none'><path d='M49 947 c-38 -29 -49 -88 -28 -144 6 -15 88 -163 182 -327 116 -202 189 -318 224 -356 53 -57 153 -120 192 -120 l21 0 0 480 0 480 -287 0 c-211 -1 -292 -4 -304 -13z'/></g></svg>"); position: absolute; left: -51px; z-index: -1; top: 0px; } 
.menubar .container:after { content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='77px' height='77px' viewBox='0 0 64.000000 96.000000' preserveAspectRatio='xMidYMid meet'><g transform='translate(0.000000,96.000000) scale(0.100000,-0.100000)' fill='white' stroke='none'><path d='M0 480 l0 -480 21 0 c39 0 139 63 192 120 35 38 108 154 224 356 94 164 176 312 182 327 21 56 10 115 -28 144 -12 9 -93 12 -303 13 l-288 0 0 -480z'/></g></svg>"); position: absolute; right: -51px; z-index: -1; top: 0px; }  */
.menubar.stricky-fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1); box-shadow: 0 3px 5px rgba(0, 0, 0, .1); animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both; background: #fff; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0) } to { opacity: 1; transform: none } } 
.menubar .logo { padding: 0px; display: flex; height: 100%; align-items: center; } 
.navigation .nav-header { display: none; padding: 12px 20px } 
.call-now { display: flex; align-items: center; transition: all 0.3s linear; } 
.call-now .img-bx {width: 27px;height: 27px;margin-right: 10px;background: #fff0;display: flex;align-items: center;justify-content: center;border-radius: 100%;transition: all 0.3s ease;border: 1px dashed #fff;} 
.call-now:hover .img-bx { border-style: solid; transform: scale(1.05); } 
.call-now .img-bx svg {height: 16px;width: 16px;color: #fff;} 
.call-now .con-bx { text-align: left; } 
.call-now .con-bx span {
font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    } 
    .topbar p.mb-0.ms-2.text-white {
    font-size: 14px;
}
.call-now .con-bx {
    text-align: left;
}
.call-now .con-bx span a {font-size: 14px;font-weight: bold;color: #fff;margin-top: 2px;} 
ul.social1.m-0.d-flex.list-style-none.align-items-center.justify-content-between { width: 100%; height: 100%; } 
.navigation .navbar button { float: right; width: 40px; height: 40px; background: transparent; border: 0; outline: 0; color: #fff; font-size: 25px; border-radius: 0; text-align: center; line-height: 40px; position: relative; z-index: 99; padding: 5px; position: relative; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; } 
.navigation .navbar button span { display: block; position: absolute; height: 3px; width: 70%; background: #164178; border-radius: 9px; opacity: 1; left: 15%; transform: rotate(0deg); transition: .25s ease-in-out; } 
.navigation .navbar button span:nth-child(1) { top: 8px; } 
.navigation .navbar button span:nth-child(2), .navigation .navbar button span:nth-child(3) { top: 18px; } 
.navigation .navbar button span:nth-child(4) { top: 28px; } 
.navigation .navbar button.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; } 
.navigation .navbar button.open span:nth-child(2) { transform: rotate(45deg); } 
.navigation .navbar button.open span:nth-child(3) { transform: rotate(-45deg); } 
.navigation .navbar button.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; } 
.navigation .menu { display: block } 
.navigation .menu ul {  width: auto; margin: 0; padding: 0; text-align: right; display: flex; position: relative; justify-content: end;    padding-left: 18px; } 
.navigation .menu ul li { display: inline-block; position: relative } 
.navigation .menu ul li a {    padding: 23px 17px;
    display: block;
    color: #383838;
    transition: all 0.3s ease;
    font-size: 15px;
    background: transparent;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: capitalize;} 
.navigation .menu ul li.active a, .navigation .menu ul li:hover a {color: #005A87;background: transparent;} 
.navigation .menu ul li ul.cs-dropdown { top: 100%; left: 0; text-align: left; border: 0; } 
.navigation .menu ul li ul.cs-dropdown li:last-child { border: 0 } 
.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown { left: 100%; margin-top: -36px } 
.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li ul.cs-dropdown { left: -100%; margin-top: -31px } 
.navigation .menu ul li ul.cs-dropdown { position: absolute; width: 285px; display: none; z-index: 99999; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.4); background: #fff; margin: 0; padding: 0; transition: all .3s ease } 
.navigation .menu ul li:hover ul.cs-dropdown { display: block } 
.navigation .menu ul li:hover ul.cs-dropdown li ul.cs-dropdown { display: none; transition: all .3s ease; } 
.navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown { display: block } 
.navigation .menu ul li ul.cs-dropdown li { display: block; padding: 0; border-bottom: 1px solid #eee; width: 100% } 
.navigation .menu ul li ul.cs-dropdown li:last-child a { border-bottom: 0 } 
.navigation .menu ul li ul.cs-dropdown li:last-child a:after { display: none } 
.navigation .menu ul li ul.cs-dropdown li a:hover { color: #fff; background: #005A87; } 
.navigation .menu ul li ul.cs-dropdown li:hover a { color: #fff !important; background: #005A87} 
.navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown li a { background: #fff; color: #333 } 
.navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown li a:hover { color: #fff; background: #005A87; } 
.navigation .menu ul li ul.cs-dropdown li a {       color: #1a1a1a;
    font-size: 15px;
    padding: 7px 15px;
    position: relative;
    display: block;
    text-transform: capitalize;
    background: #fff;
    font-weight: 500;
    transition: all 0.3s ease;
    border-bottom: 0px solid transparent;
    letter-spacing: 0.5px;} 
.navigation ul li.cs-submenu a button { border: 0; background: transparent; outline: 0; padding: 0; margin: 0 0 0 3px; color: #333; } 
.navigation ul li.cs-submenu a button svg { width: 16px; height: 16px; } 
.navigation ul li.cs-submenu:hover svg { transform: rotateZ(180deg); color: #005A87; } 
.navigation ul li.cs-submenu:hover ul.cs-dropdown li.cs-submenu svg { color: #242424 } 
.navigation ul li.cs-submenu ul.cs-dropdown li a button { float: right; color: #333; } 
.navigation ul li.cs-submenu ul.cs-dropdown li a button svg { transform: rotateZ(-90deg); } 
.navigation ul li.cs-submenu ul.cs-dropdown li.cs-submenu:hover svg { color: #fff; } 
.navigation .navbar { display: none; padding: 12px 0; margin: 0 } 
.menubar .logo img { width: 160px; max-width: 160px; } 
.hidden-lg{display: none !important;} 
.list-style-none li{list-style: none;} 
.navigation .menu ul li:nth-child(4) ul.cs-dropdown{width: 650px;border: 1px solid #eee;} 
.navigation .menu ul li:nth-child(4) ul.cs-dropdown li { width: 50%;  margin: 0px 0px; border-left: 1px solid #eee; } 
.navigation .menu ul li:nth-child(10) ul.cs-dropdown {left: -95%;} 
header .btn-primary {
    color: #fff;
    background-color: #FF6F00;
    border-color: #FF6F00;
    border-radius: 21px;
    padding: 0px 15px;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0px;
    line-height: 24px;
    text-transform: uppercase;
}
.navigation .menu .instagram1 {
    width: 170px;
}
.navigation .menu .instagram1 button.btn.fw-bold {
       font-size: 14px;
    font-weight: 500 !important;
    border: 1px solid #0c53cf;
    color: #0e56d1;
    padding: 10px 25px;
    border-radius: 50px;
}
.menubar .logo { 
     clip-path: polygon(0 0, 100% 0, 70% 100%, 30% 100%);
    background: #005A87;
    width: 100%;position: relative;
    z-index: 9;
    justify-content: center;
}
.top_right p, .top_right p a {
    font-size: 14px;
}
/* .menubar .logo img {
    width: 160px;
    max-width: 160px;  
} */
 
/* banner */ 
.home_slider {  width: 100%; margin: 0; padding: 0; position: relative } 
.home_slider #slider { overflow: hidden; width: 100% } 
.slide { position: relative; display: block; z-index: 6; width: 100%; height: 100%; overflow: hidden; } 
.home_slider .slide img { width: 100%; } 
#slider .owl-prev, #slider .owl-next, .owl-next, .owl-prev {    line-height: 0;
    position: absolute;
    top: 59%;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: #fff !important;
    border: 0;
    outline: 0;
    background: #FF6F00 !important;
    border-radius:0%;
    z-index: 9;
    opacity: 1;
    border: 2px solid #fff;} 
.carousel-control-next-icon, .carousel-control-prev-icon {width: 20px;
    height: 20px;
    filter: none;}
#slider .owl-prev { left: 15px; } 
#slider .owl-next { right: 15px; } 
.carousel-indicators [data-bs-target] {  background-color: #0f2d51;}
#slider .owl-prev:hover, #slider .owl-next:hover, .owl-next:hover, .owl-prev:hover { background: #164178; color: #fff; border-color: #ffffff; } 
#slider .owl-dots { position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto } 
.webpulse_home_clients .item .image { position: relative; padding: 15px 10px 0px; text-align: center; min-height: 100px; max-height: 100px; overflow: hidden; } 
.webpulse_home_clients .item .image img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%; } 
.faq_section {  width: 100%; margin: 0; padding: 40px 0; background: #fff; } 
.title_2 { padding: 0 0 0px; font-size: 24px; margin: 0;  width: 100%; text-align: center; text-transform: uppercase; color: #164178; margin-bottom: 25px; position: relative; font-weight: 600; } 
.title_2:after { background: #005A87; bottom: -10px; content: ""; height: 2px; left: 0; right: 0; margin: 0 auto; position: absolute; width: 50px; } 
.accordion-header { padding: 0; } 
.accordion-item { margin-bottom: 0; margin-top: 0; border-radius: 0px !important; overflow: hidden; border: none !important; border-bottom: 1px solid #dfdfdf !important; font-size: 15px; letter-spacing: 0.5px; line-height: 24px; } 
.accordion-item:not(:first-of-type) { border: 1px solid rgba(0, 0, 0, 0.125); } 
.accordion-button { font-size: 17px; font-weight: 600; text-transform: initial; padding: 12px 0px; border: none !important; letter-spacing: 0.5px; } 
.accordion-button:not(.collapsed) { color: #005A87; background: #fff; font-weight: normal; } 
.accordion-item:last-child{border: none !important;} 
.accordion-button:not(.collapsed):after { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/></svg>"); transform: rotate(0deg);    filter: invert(1); } 
.accordion-button:hover, .accordion-button:focus { color: #005A87; background: #fff; } 
.accordion-button:hover:after { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/></svg>"); transform: rotate(-180deg);    filter: invert(1); } 
.accordion-body p { font-size: 15px; line-height: 24px; text-align: justify; } 
.accordion-button::after { border: 1px dashed #646464; text-align: center; border-radius: 50px; background-position: center center; padding: 5px; width: 28px; height: 28px; } 
.vs-accordion1.why-choose-us-sd.accordion ul li { margin-bottom: 5px; } 
.vs-accordion1.why-choose-us-sd.accordion ul { margin-top: 10px; height: 188px; overflow-y: auto; } 
.vs-accordion1.why-choose-us-sd.accordion ul { margin-top: 10px; } 
 
/* new footer start */
.footer-sect {
    color: #e8e8e8; 
}
.bg3 {background: #005a87;
    /* background-image: url(../images/counter-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center top; */
}

.footer-sect .footer-contact-desc {
    background: #173c6f;
    text-align: left;
    padding: 35px;
    position: absolute;
    left: 0;
    right: 0;
    margin: -65px auto 0;
    z-index: 111;
    border-radius: 30px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.7);
}

.footer-sect .footer-contact-desc .contact-inner {
    position: relative;
}
.footer-sect .footer-contact-desc div[class*="col-"] + div[class*="col-"] .contact-inner {
    border-left: 1px solid #e2e2e2;
}
 
.footer-sect .footer-contact-desc .contact-inner i {
    font-size: 28px;
    margin-bottom: 12px;
    color: #da591a;
}
.footer-sect .footer-contact-desc .contact-inner .contact-title {
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 20px;
}
.footer-sect .footer-contact-desc .contact-inner .contact-desc {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0;
    font-size: 15px;
}
.footer-sect .footer-contact-desc div[class*="col-"] + div[class*="col-"] .contact-inner:before {
    left: 3px;
}
.footer-sect .footer-contact-desc div[class*="col-"] + div[class*="col-"] .contact-inner:after {
    left: -5px;
}
.footer-sect .footer-contact-desc div[class*="col-"] + div[class*="col-"] .contact-inner:before, .footer-sect .footer-contact-desc div[class*="col-"] + div[class*="col-"] .contact-inner:after {
    content: '';
    position: absolute;
    height: calc(100% - 40px);
    width: 1px;
    background-color: #e2e2e2;
    top: 50%;
    transform: translateY(-50%);
}
.footer-sect .footer-top {
    padding-top: 65px;    padding-bottom: 40px;

}
.footer-sect .footer-top .about-widget img {
    margin-bottom: 10px;
}
footer ul.social li.twitter a { 
    border: 1px solid #eeeeee21;
}
.margin-remove {
    margin: 0 !important;
}
.footer-sect .footer-title {
     margin-bottom: 20px;
    padding-bottom: 5px;
    color: #ffc8b6;
    font-size: 18px;
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.footer-sect .footer-title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    height: 1px;
    width: 50px;
    background-color: #da591a;
}
.footer-sect .footer-top .recent-post-widget .post-item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
;
    -ms-flex-align: start;
    -webkit-align-items: start;
    align-items: start;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.footer-sect .footer-top .recent-post-widget .post-item .post-date {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    text-align: center;
    float: left;
    background-color: #ffffff;
    color: #005a87;
    margin-right: 15px;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    border-radius: 5px;
}
.footer-sect .footer-top .recent-post-widget .post-item .post-date svg {
    fill: #005a87;
    width: 25px;
    height: 25px;
}
.footer-sect .footer-top .recent-post-widget .post-item .post-date span {
    display: block;
}
.footer-sect .footer-top .recent-post-widget .post-item .post-title {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 400;
}
.footer-sect ul li{list-style: none;}
.footer-sect .footer-top .sitemap-widget li {
    width: 50%;
    float: left;
    line-height: 33px;
}
.footer-sect .footer-top .sitemap-widget li a {
    color: #fff;
    display: inline-block;
    position: relative;font-size: 15px;
}
.about-widget.text-white p {
    color: #ffffff;
    font-size: 14px;
}
.footer-sect .footer-top .sitemap-widget li a i {
    padding-right: 10px;
}
.widget .list-border li {
    padding: 10px 0;
    display: flex
;
    border-bottom: 1px dashed #5d5d5d;
    justify-content: space-between;
    color: #c1c1c1;
}
.footer-sect .list-border1 li a { 
    color: #fff;    padding: 3px;
}
.fw-bold.fs-5.text-start.mb-2.text-blue {
    color: #393939;
}
/* new footer end */
.wps_copy {     width: 100%;
    background: #005a87;
    line-height: 20px;
    color: #fff;
    padding: 10px 0px;
    border-top: 1px solid #cccccc30;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.5px;} 
.wps_copy .row { align-items: center; } 
.wps_copy a { color: #ffffff; display: inline-block; } 
.wps_copy a:hover, .footer-sect .footer-top .sitemap-widget li a:hover{ color: #da591a; } 
.social-icons {  overflow: hidden; margin: 0; } 
.text-right{ text-align: right; } 
#web-pulse-scroll-up {position: fixed;z-index: 9;bottom: 70px;right: 10px;width: 46px;height: 46px;border-radius: 50%;color: #fff;line-height: 46px;text-align: center;text-decoration: none;cursor: pointer;transition: all 0.25s;display: none;background: #FF6F00;} 
#web-pulse-scroll-up svg { width: 24px; height: 24px; } 
#web-pulse-scroll-up:hover { background: #005A87; color: #fff; } 
.web-pulse-india address {  width: 100%; } 
.web-pulse-india address .title_6 { font-size: 17px; color: #bae2ff; margin: 0 0 10px; padding: 0; text-transform: capitalize; font-weight: 600; } 
.popular_tag { margin: 0 0 20px; padding: 0;  width: 100%; } 
.popular_tag li { list-style: none; display: inline-block; margin-right: 5px; margin-bottom: 5px; } 
.popular_tag li a { border: solid 1px rgba(255, 255, 255, 0.5); display: inline-block; text-decoration: none; transition: all .3s ease; color: #fff; border-radius: 50px; padding: 4px 15px; } 
.widget__newsletter-form {  width: 100%; margin: 0 0 15px; padding: 0; position: relative; } 
.widget__newsletter-form .form-control { font-size: 13px; background-color: transparent; border: 1px solid #eee; border-radius: 20px; background: #222; } 
.widget__newsletter-form .btn { min-width: 30px; width: 30px; height: 30px; line-height: 26px; border-radius: 50%; padding: 0; position: absolute; top: 5px; right: 10px; background: #fd5d14; color: #fff; text-align: center; } 
.widget__newsletter-form .btn i { position: relative; font-size: 15px; margin: 0; top: 0; left: 0; } 
.whatapp_btn { background: #01e675; width: 50px; height: 50px; color: #fff; position: fixed; left: 5px; bottom: 70px; cursor: pointer; z-index: 9; border-radius: 100%; display: flex; align-items: center; justify-content: center; transition: all 300ms ease-in-out; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16); } 
a.whatapp_btn.whatapp_btn2 {bottom: 10px;right:5px;left: inherit;background: #005A87;} 
.whatapp_btn svg { width: 24px; height: 24px; } 
.whatapp_btn:focus, .whatapp_btn:hover { background: #01e675; color: #fff; } 
#whatsapp .modal-dialog { margin-top: 12%; } 
.send_enquiry {background: #ffffff;border-radius: 40px;bottom: 10px;color: #ffffff;display: table;height: 50px;left: 5px;min-width: 50px;position: fixed;text-align: center;z-index: 9;transition: all 0.2s linear;background: #FF6F00;display: flex;align-items: center;justify-content: center;} 
.send_enquiry svg { width: 24px; height: 24px; line-height: 50px; } 
.send_enquiry:hover { color: #fff; padding: 0 20px; } 
.send_enquiry:focus { color: #fff; } 
.send_enquiry span { display: table-cell; vertical-align: middle; font-size: 15px; letter-spacing: -15px; opacity: 0; line-height: 50px; transition: all 0.5s; text-transform: uppercase; } 
.send_enquiry:hover span { opacity: 1; letter-spacing: 1px; padding-left: 10px; } 
.modal-content { border-radius: 0; } 
.modal-header { padding: 0 15px; background: #005A87; color: #fff; border-radius: 0; } 
.modal-header h4 { text-align: left; font-size: 17px; line-height: 18px; color: #fff; } 
.modal-header .modal-title { text-align: left; font-size: 17px; line-height: 18px; color: #fff; padding: 15px 0; text-transform: initial; letter-spacing: 0.2px; } 
.btn-close { width: 1em; height: 1em; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; outline: 0; } 
.send_p { font-size: 13px; line-height: 18px; text-align: center; } 
.g-recaptcha { transform: scale(0.80); transform-origin: 0 0; -webkit-transform-origin: 0 0 } 
/* Inner Heading Banner*/ 
.heading_banner {  width: 100%; position: relative; background-size: 100%; background-position: center; padding: 170px 0 50px; margin: 0; } 
.heading_banner:before { position: absolute; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; z-index: 0; content: ''; } 
.heading_banner .container { position: relative; z-index: 9; } 
.heading_banner h1 { margin: 0 0 10px; text-transform: capitalize; font-size: 36px; font-weight: 600; color: #fff; text-align: center; display: inline-block; width: auto; padding: 10px 20px; } 
.heading_banner h2 { margin: 0; letter-spacing: 0px; text-transform: capitalize; font-size: 17px; font-weight: normal; color: #eee; text-align: center; text-align: center; display: inline-block; width: auto; padding: 10px 20px; } 
.heading_banner .cat_title { margin: 0 0 10px; text-transform: capitalize; font-size: 36px; font-weight: 600; color: #fff; text-align: center; display: inline-block; width: auto; padding:0px; } 
.heading_banner .cat_title2 { margin: 0; letter-spacing: 0px; text-transform: capitalize; font-size: 17px; font-weight: normal; color: #eee; text-align: center; text-align: center; display: inline-block; width: auto; padding: 10px 20px; } 
/* Breadcrumb*/ 
.inner_breadcrumb{  width: 100%; background:#fff;position:relative;margin:0;box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); } 
.inner_breadcrumb .breadcrumb{background:none;border-radius:0;border:none;list-style:none;padding:0;float:left;text-transform:capitalize;margin:0;} 
.inner_breadcrumb .breadcrumb li{font-weight:bold;text-transform:uppercase;color:#666;float:left;line-height:55px;} 
.inner_breadcrumb .breadcrumb li a{ padding:0;color:#666;letter-spacing:0.3px;} 
.inner_breadcrumb .breadcrumb li:before{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;padding:0 14px;color:#fff;display:inline-block;} 
.inner_breadcrumb .breadcrumb li.active{color:#005A87;} 
.inner_breadcrumb .breadcrumb li + li:before{content:"/";color:#fff;padding:0 14px;} 
.inner_breadcrumb .breadcrumb li + li:before{  padding:20px 10px;color:#bfbfbf;} 
.title_h2 {  width: 100%; padding: 8px 10px; margin: 0; line-height: 30px; background: #005A87; font-size: 24px; color: #fff; font-weight: 600; } 
.right_side .title_h2 {  width: 100%; padding: 8px 10px; margin: 0; line-height: 30px; background: #005A87; font-size: 24px; color: #fff; font-weight: 600; } 
  
            .styled-select select {
    color: #333 !important;
}
            button.btn.bd-btn.btn-secondary-white.btn-colored.btn-theme-colored2.text-white.btn-lg.btn-block:hover {
                background: #fff;
                color: #ea6629 !important;
                border: 1px solid #ea6629;
            }
            #slider .owl-prev:hover, #slider .owl-next:hover, .owl-next:hover, .owl-prev:hover {
                background: #164178 !important;
                color: #fff !important;}
                .menubar.stricky-fixed .navigation .menu ul li a, .menubar.stricky-fixed .navigation .menu .instagram1 button.btn.fw-bold { 
    color: #464646;}
    
      /* .menubar.stricky-fixed .logo img { 
    filter: brightness(0.5);
} */
 .call-now .con-bx span a:hover{color:#ffcfbf}
 header ul.social li a:hover svg{color:#005A87;fill:#005A87}
.navigation ul li.cs-submenu a button {
    color: #222222;
}
      .menubar.stricky-fixed .navigation ul li.cs-submenu a button { color: #464646;}
        .carousel-caption-left {
      left: 5%;
      right: auto;
      top:47%;
      transform: translateY(-50%);
      text-align: left;
    }

    .slide-in-left {
      animation: slideInLeft 1s ease forwards;
      opacity: 0;
    }

    @keyframes slideInLeft {
      0% {
        transform: translateX(-50%);
        opacity: 0;
      }
      100% {
        transform: translateX(0);
        opacity: 1;
      }
    }




 

/***************footer ***************/
footer ul {
    display: flow-root
}
footer ul.social li a:hover svg {fill:#FF6F00;
    color: #FF6F00;}
footer .mb-0.text-white2.fw-bold1.text-uppercase.title3.fs-20.lsp-5 {
    color: #FF6F00;
    font-weight: 700;
}
form#emailSubscribe input::placeholder{color:#fff;}
form#emailSubscribe {
    background: #005A87;
    padding: 2px !important;
}
footer .title3 {
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 10px;    color: #ffc581;
}

.w-48 {
    width: 48%;
}

.mt-02px {
    margin-top: 2px;
}

hr.border-white.bg-white {
    opacity: 0.2;
}
span.post-title.link-secondary2 {
    font-size: 16px;
    font-weight: 400;
    padding-left: 8px;
    font-family: "Urbanist", sans-serif;
}
.post-title.link-secondary2 {
    display: flex
;
}
.post-title.link-secondary2 a.text-white1.link-secondary2 {
    padding-left: 10px;
}
.w-100.rounded-5.px-4.py-4.bg-sky.d-block.mb-5 {
    background: #ffffff;
    border-radius: 10px;
}

.bg-dark-green,
.btn-dark-green {
    background: #FF6F00 !important; 
    font-weight: 600;transition: all 0.5s ease;
}
.bg-dark-green:hover, .btn-dark-green:hover {
    background: #005A87 !important;}
.border-start1.border-end1.border-light-gray {
    border-left: 1px solid #ebebeb73;
    border-right: 1px solid #ebebeb73;
    padding: 0px 30px;
}
.footer {
    background: #005A87;
}

footer .link-secondary2 {
    color:#d9d9d9;
}

footer a.link-secondary2:focus,
footer a.link-secondary2:hover {
    color: #f9b462 !important;
}

.bg-black-transparent {
    background-color: #000000bf !important;
}
li.pb-1 a.link-secondary2.d-flex.align-items-start {
    font-size: 17px;
    font-weight: 400;
}
.footer:after {
    content: "";
    background: #0000006e;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    z-index: -1;
}

.text-gray-light {
    color: #c7c7c7;
}

.text-muted {
    color: #181818 !important;
}

footer p.link-secondary21 {
    color: #999999;
}

.footer-shadow {
    box-shadow: 0px 5px 5px 1px #00000069
}
  /* top bar header */
  .top_right { 
       background: #005A87;
    height: 39px; 
    padding-left: 7%;}
    .top_right::after{content: "";
    width: 30%;
    height: 39px;
    background: #005A87;
    top: 0px;
    left: 0%;
    position: absolute;
    z-index: 0;}
    .skewed-header {
    position: absolute;
    height: 39px;
    background-color: #FF6F00;
    color: #000000;
    display: flex
;
    align-items: center;
    padding-left: 0px;
    clip-path: polygon(7% 0%, 100% 0%, 100% 0%, 100% 100%, 0% 100%);
    right: 0px;
    width: 25%;
    top: 0px;
    z-index: 0;
}
.topbar p.mb-0.ms-2.text-white {
    font-size: 14px;
}
.call-now {
    display: flex
;
    align-items: center;
    transition: all 0.3s linear;
}
header .d-flex.justify-content-end.position-relative {
    z-index: 1;
}
header ul.social li a svg {
    color: #ffffff;}
/* footer add */
footer .nav-box {
    position: relative;
    padding-top: 20px;
}
footer .nav-box .inner .footer-nav {
padding: 10px 20px;
    display: flex
;
    width: auto;
    float: left;
}
footer .nav-box .inner {
    position: relative;
    padding: 5px 5px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 48px;
    display: flow-root
; 
}

    /* newsletter */
    .newsletter-section {
      background-color:#cb5800; /* Yellow background */
      padding: 60px 20px;
      position: relative;
      /* overflow: hidden; */
    }
    footer .nav-box .inner .footer-nav li a {
    color: #fff;
    padding-right: 20px;
    font-size: 16px;
}
.footer_bttn {
    float: right;
}
    .newsletter-form input[type="email"] {
      border-radius: 50px;
    padding: 16px 20px;
    max-width: 100%;
    height: 100%;
    }
.newsletter-section p {
    color: #fff;
}

.newsletter-form .btn {
border-radius: 50px;
    padding: 12px 10px;
    width: 190px;
    background: #005A87;
    border: 2px solid #fff;
}

    .newsletter-form {
      max-width: 600px;
      margin: 0 auto;
    }

    .newsletter-meta {
      margin-top: 30px;
      font-size: 16px;
      font-weight: 500;
    }

    .newsletter-meta span {
      margin: 0 15px;
    }

    .newsletter-left-img,
    .newsletter-right-img {
      position: absolute;
      bottom: 0;    height: 140%;
    }

    .newsletter-left-img {
      left: -85px;
    }

    .newsletter-right-img {
      right: -50px;
    }
a.theme-btn.btn-style-seven {
    border-radius: 50px;
    padding: 12px 35px;
    background: #FF6F00;
    border: 0px solid #fff;
    color: #fff;
    text-align: center;
}
    @media (max-width: 768px) {
      .newsletter-left-img,
      .newsletter-right-img {
        display: none;
      }
    }
   /* === About Section Styles === */
.d-flow-root{display: flow-root;}
.about-images2 {
    position: relative;
    float: left;
    max-width: 500px;
    height: auto;
    z-index: 2;margin: 0px 35px 20px 0px;
}

/* Main image mask container */
.about-images2 .about-images {
    position: relative;
    width: 100%;
    height: 575px;
    max-width: 600px;
    z-index: 1;
    -webkit-mask-image: url(../images/about-mask-1.svg);
    mask-image: url(../images/about-mask-1.svg);
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Inner image */
.about-images2 .about-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;transition: all 0.5s ease;
}
.about-images2 .about-images img:hover {  
    filter: grayscale(1);
    transform: scale(1.1);
    transform: rotate(1deg);
}
/* Shape 1 */
.about-images2 .shapes-one {
      position: absolute;
    top: 17px;
    left: -45px;
    z-index: -1;
    width: 100%;
    max-width: 160px;
    opacity: 0.4;
}

.about-images2 .shapes-one img {
    width: 100%;
}

/* Shape 2 */
.about-images2 .shapes-two {
    position: absolute;
    bottom: -7px;
    right: -45px;
    z-index: -1;
    max-width: 160px;
    opacity: 0.4;
}

.about-images2 .shapes-two img {
    width: 100%;
}

/* Fun Fact Item (Count Box) */
.about-images2 .fun-fact-item {
    position: absolute;
    top: 47px;
    right: 0;
    z-index: 2;
    width: 100%;
    max-width: 145px;
    padding: 40px 16px;
    text-align: center;
    border-radius: 5px;
    display: inline-flex
;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(45deg, #FF6F00, #f9774d);
    
}

/* Count Number */
.about-images2 .fun-fact-item .count {
font-size: 30px;
    line-height: 1;
    color: #ffffff;
    font-weight: bold;
}

/* Count Label */
.about-images2 .fun-fact-item .client {
    font-size: 13px;
    font-weight: 700;
    color: #ffffff;
}
/* === React Button Styles === */

a.react_button {
    position: relative;
    display: inline-block;
    color: #fff;
    background: #1F1F25;
    padding: 13px 40px;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 100px;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    transition: 0.3s ease;
    z-index: 1;
    overflow: hidden;
}

/* Optional center class if used elsewhere */
a.react_button.center {
    text-align: center;
}

/* Button hover state */
a.react_button:hover {
    color: #ffffff;
    background: #005A87;
}
.text-blue{color:#005A87}
.text-orange{color:#FF6F00}
.bg-blue{background:#005A87}
.bg-orange{background:#FF6F00}
/* Background animation layer */
a.react_button::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FF6F00;
    border-radius: 100px;
    z-index: -1;
    transform-origin: 50%;
    transform: scaleX(1);
    transition: transform 0.5s ease-out, background-color 0.3s ease;
}

/* On hover: shrink background color scale */
a.react_button:hover::before {
    transform: scaleX(0);
}

/* service-type section */
 .service-type .single-process-card {
     border-radius: 30px;
    background: #FFF;
    box-shadow: 0 0 50px 0 rgba(0, 0, 0, .1);
    text-align: center;
    height: 100%;
    width: 100%;
    display: flex
;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    transition-duration: 500ms;
}
.service-type .single-process-card .single-process-content {
  padding: 30px 10px;
}
.service-type .single-process-card .single-process-content .process-number {
    position: relative;
}
.service-type .single-process-card .single-process-content .title4 {
    font-style: normal;
    line-height: 32px;
    margin-top: 10px;
    transition-duration: 500ms;
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 5px;
    font-family: "Urbanist", sans-serif;
}
.service-type .single-process-card:hover {
  background-color: #FF6F0033;
}
.service-type .single-process-card:hover .single-process-content .process-number .title3 {
color: #096bd4;
    background: #fff;
}
.service-type .single-process-card:hover .title4.text-blue.fs-5.fw-bold {
    color: #fff;
}
.service-type .single-process-card:hover p {
    color: #393939;
}
.service-type .single-process-card .single-process-content .process-number .title3 {
    height: 80px;
    width: 80px;
    font-size: 35px;
    line-height: 80px;
    display: inline-block;
    border-radius: 50%;
    background: linear-gradient(180deg, #292929, #636363);
    /* linear-gradient(180deg, #005A87, #328bea); */
    color: #fff;
    position: relative;
    font-weight: 600;
    z-index: 1;
    transition-duration: 500ms;
}
.service-type .single-process-card:hover .single-process-content .process-number .title3::after {
  border-color: #FFF;
}
.service-type .single-process-card .single-process-content .process-number .title3::after {
  position: absolute;
  content: "";
  height: 92px;
  width: 92px;
  border: 1px dashed #9c9c9c; 
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition-duration: 500ms;
}
.service-type .single-process-card .single-process-content .process-number .title3 svg {
    width: 40px;
    height: 40px;
    fill: #fff;
}
.about-sections.py-5.service-type img {
    transition: all 0.5s ease; 
}
.about-sections.py-5.service-type img:hover { 
    filter: grayscale(1);transform: rotate(-1deg);
}
/* counter section */
.diamond-box {
      width: 200px;
      height: 200px;
      background: white;
      position: relative;
      transform: rotate(45deg);
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      margin: 20px auto;
    }

    .diamond-inner {
      position: absolute;
      top: 0; left: 0;
      width: 100%; height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      transform: rotate(-45deg);
      text-align: center;
      padding: 10px;
    }

    .diamond-inner i {
      font-size: 30px;
      margin-bottom:20px;
    }

    .diamond-title {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 8px;
    }

    .diamond-count {
    position: absolute;
    bottom: -27px;
    left: 15%;
    transform: inherit;
    background: #f3b39d;
    color: #3b3b3b;
    padding: 5px 16px;
    border-radius: 35px;
    font-weight: bold;
    min-width: 70%;
    text-align: center;
    border: none !important;
    font-size: 20px;
    }
.diamond-inner i svg {
width: 55px;
    height: 55px;
    color: #000;
    fill: #ffffff;
    background: #585858;
    border-radius: 50px;
    padding: 7px;
}
    .green-bg   { border-top: 10px solid #fbd8cc;
    border-left: 10px solid #fbd8cc;
    border-radius: 40px; }
    .orange-bg  { border-top: 10px solid #005A8757;border-left: 10px solid #005A8757; border-radius: 40px; }
 

    .green-bg .diamond-count  { background: #FF6F00; }
    .orange-bg .diamond-count { background: #a8c7d6; }
.diamond-count.orange-bg {
    background:#a8c7d6;
    border: none;
}
.diamond-box.green-bg:hover {
    background: #f1f1f1;
    color: #FF6F00;
}
.diamond-box.green-bg .diamond-inner i svg {   background: #005A87;}
.diamond-box.orange-bg .diamond-inner i svg {   background: #FF6F00;}
.diamond-box.orange-bg:hover{  background: #f1f1f1;color:#005A87;}
    @media (max-width: 576px) {
      .diamond-box {
        width: 150px;
        height: 150px;
      }
      .diamond-inner i { font-size: 24px; }
      .diamond-title { font-size: 14px; }
      .diamond-count {
        font-size: 13px;
        padding: 4px 10px;
        min-width: 80px;
      }
    }
    @media (min-width:1024px) {
       .about-images2 { 
    margin: -45px 35px 20px 0px;
} 
    }
   /* Blog Section */
 /* .card-container {
  width: 100%;
 
  background-color: #f8f9fa;
}

.card {
  position: relative;
  width: 325px;
  margin: 1rem;
  background: #fff;
  box-shadow: 0 0 8px rgba(0,0,0,0.08);
  overflow: hidden;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
}

.card:hover {
  transform: scale(1.025);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

.card-img {
  position: relative;
  width: 100%;
  height: 220px;
  overflow: hidden;
}

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

.card-img-hovered {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6));
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.card:hover .card-img-hovered {
  opacity: 1;
}

.card-info {
  padding: 1rem;
}

.card-about {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

.card-tag {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 0.25rem 0.5rem;
  border-radius: 3px;
  background: #505f79;
  color: #fff;
}

.tag-news {
  background-color: #36b37e;
}
.tag-deals {
  background-color: #ffab00;
}
.tag-politics {
  background-color: #ff5630;
}

.card-title {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  color: #333;
  transition: all 0.3s ease-in-out;
}

.card:hover .card-title {
    color: #005A87;
    transform: translateY(0px);
}

.card-creator {
  font-size: 0.875rem;
  color: #666;
} */
.blog-item .img-box {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}

.blog-item .img-box img {
  width: 100%;
  border-radius: 10px;
  transition: all 0.3s linear;
}

/* Sidebar blog item content alignment */
.blog-sidebar-box-item .content-box {
  margin-left: 30px;
  width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Read more button */
.blog-item .content-box .btn-box {
 margin-top: 0px !important;;
}
.title3 a {
    color: #2e2e2e;
}
.title3 {
    margin: 5px 0px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
}
a.read-more {
  font-size: 14px;
  line-height: 30px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  color: #FF6F00;
  transition: all 0.3s ease;
}

a.read-more:hover {
  color: #0e8c5d;
}

a.read-more svg {
  margin-left: 6px;
  transform: translateY(2px);
  transition: transform 0.2s linear;
}

a.read-more:hover svg {
  transform: translateY(2px) translateX(4px);
}

/* Left main blog text box */
.blog-left-box .content-box {
  margin-top: 26px;
  display: inline-block;
}

/* Blog meta box */
.blog-item .content-box .meta-box ul.meta-info {
  padding-left: 0;
  margin-bottom: 3px;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.blog-item .content-box .meta-box ul.meta-info li {
  display: flex;
  align-items: center;
  margin-right: 30px;
  color: #272525;
}

.blog-item .content-box .meta-box ul.meta-info li svg {
  width: 20px;
  height: 20px;
  color: #FF6F00;
  margin-right: 6px;
  flex-shrink: 0;
}

.blog-item .content-box .meta-box ul.meta-info li span a {
  color: #272525;
  text-decoration: none;
  transition: color 0.2s ease;
}

.blog-item .content-box .meta-box ul.meta-info li span a:hover {
  color: #FF6F00;
}

/* Title styling */
.blog-left-box .content-box .title-box .title3 {
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 0;
    color: #1d1d1d;
}

/* Sidebar blog item */
.blog-sidebar-box-item {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 0px solid rgba(56, 56, 56, 0.2);
}
.blog-item .content-box .btn-box a.read-more {
    color: #005A87;
}
.clients {width:98%;
    border: 1px solid #eee;
    border-radius: 5px;    margin: 0px auto 10px;
    overflow: hidden;background-color: #fff;
}
.webpulse_home_clients .item .image {
    position: relative;
    padding: 15px 10px 0px;
    text-align: center;
    min-height: 100px;
    max-height: 100px;
    overflow: hidden;
}
/* .about-sections.py-5.service-type.bg-light {
    background:#00000005 url(../images/backgklrji.png) no-repeat center center;
    background-size: cover;
} */
  .webpulse_home_clients .item .image{transition: all 0.5s ease;}
 .webpulse_home_clients .item .image:hover{transform: scale(1.1);}
/* testimonial */
.testimonial{
    background: #FF6F0014;
    padding: 20px 40px 20px 70px;
    margin: 0 10px 40px;
    position: relative;    border: 1px solid #f9dbd070;
}
.testimonial:before{
    content: "";
    width: 0;
    height: 0;
    border-bottom: 50px solid #eee;
    border-left: 50px solid #fff;
    box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: -2px;
    left: -1px;
}
.testimonial .testimonial-title{
    font-size: 16px;
    font-weight: bold;
    color: #005A87;
    margin-bottom: 15px;
}
.testimonial .description{
    font-size: 14px;
    font-style: normal;
    line-height: 24px;
    color: #3b3b3b;
}
.testimonial .post{
    display: block;
    font-size: 13px;
    font-style: italic;
    font-weight: 700;
    color: #FF6F00;
    margin-top: 10px;
}
.testimonial .pic{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    bottom: -35px;
    right: 23px;border: 2px solid #ffd8ca;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .owl-theme .owl-controls{
    margin-top: 40px;
}
.testimonial .owl-theme .owl-controls .owl-buttons div{
    background: #3646b5;
    border-radius: 0;
    opacity: 1;
    padding: 5px 10px;
}
.testimonial .owl-prev:before,
.testimonial .owl-next:before{
    content: "\f053";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    color: #fff;
}
.testimonial .owl-next:before{
    content: "\f054";
}
@media only screen and (max-width: 767px){
    .testimonial .owl-theme .owl-controls{ margin-top: 20px; }
}
@media only screen and (max-width: 480px){
    .testimonial{
        margin: 0 10px 60px;
        text-align: center;
        padding: 20px 30px 20px 40px;
    }
}
@media only screen and (max-width: 479px){
    .testimonial{
        padding: 20px 25px 20px 25px;
    }
}
/* why choose us */
/* Section Head */
 
p.awesome_line,
p.service_text {
  color: #818181;
  font-size: 16px;
  line-height: 28px;
  text-align: center;
}

p.service_text {
  color: #ccc !important;
}

/* Extra Text Title */
.extra-text {
  font-size: 34px;
  font-weight: 700;
  color: #2f2f2f;
  margin-bottom: 25px;
  position: relative;
  text-transform: none;
  text-align: center;
}

.extra-text::before {
  content: "";
  width: 60px;
  height: 3px;
  background: #f91942;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  margin: 0 auto;
}

.extra-text span {
  color: #f91942;
  font-weight: 700;
}

/* Service Items */
/* .why-choose-us .item {
  background: #fff;
  text-align: center;
  padding: 30px 25px;
  border-radius: 20px;
  border: 5px solid rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);
  transition: all 0.5s ease;
  margin-bottom: 30px;
}

.why-choose-us .item:hover {
  background: #f91942;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

.why-choose-us .item:hover .icon {
  background: #fff;
  border-radius: 10px;
}

.why-choose-us .item:hover h6,
.why-choose-us .item:hover p {
  color: #fff;
}

.why-choose-us .item .icon {
  width: 90px;
  height: 90px;
  line-height: 96px;
  font-size: 40px;
  color: #f91942;
  margin: 0 auto 25px;
  border-radius: 50%;
} */

/* Color Variations */
/* .item .feature_box_col_one   { background: rgba(247, 198, 5, 0.2); }
.item .feature_box_col_two   { background: rgba(255, 77, 28, 0.15); }
.item .feature_box_col_three { background: rgba(0, 147, 38, 0.15); }
.item .feature_box_col_four  { background: rgba(0, 108, 255, 0.15); }
.item .feature_box_col_five  { background: rgba(146, 39, 255, 0.15); }
.item .feature_box_col_six   { background: rgba(23, 39, 246, 0.15); }

.item p {
  font-size: 15px;
  line-height: 26px;
  color: #444;
}

.item h6 {
  color: #2f2f2f;
  margin-bottom: 20px;
} */

/* Mission Section */
/* .mission p {
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 10px;
}

.mission i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #f91942;
  color: #fff;
  font-size: 25px;
  border-radius: 50%;
  display: inline-block;
}

.mission .small-text {
  font-size: 13px;
  color: #666;
  margin-left: 10px;
} */

/* Skills Section */
/* .skills {
  padding-top: 0;
}

.skills .prog-item {
  margin-bottom: 25px;
}

.skills .prog-item:last-child {
  margin-bottom: 0;
}

.skills .prog-item p {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}

.skills .prog-item .skills-progress {
  width: 100%;
  height: 10px;
  background: #e0e0e0;
  border-radius: 20px;
  position: relative;
}

.skills .prog-item .skills-progress span {
  display: block;
  height: 100%;
  width: 10%;
  background: #f91942;
  border-radius: 10px;
  transition: all 1s;
  position: absolute;
  top: 0;
  left: 0;
}

.skills .prog-item .skills-progress span::after {
  content: attr(data-value);
  position: absolute;
  top: -5px;
  right: 0;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  padding: 3px 7px;
  border-radius: 30px;
} */
/* process */
  .react-addon-services.services-style2 {
                position: relative1;
            }

            .react-addon-services.services-style2::after {
                content: "";
                position: absolute;
                left: 50%;
                top: 55%;
                transform: translate(-50%, -50%);
                width: 100%;
                height: 100%;
                background: rgba(0, 0, 0, 0.32);
                filter: blur(120px);
                border-radius: 50%;
                z-index: -1;
                opacity: 0.35;
            }

            .react-addon-services .services-part {
                position: relative;
                padding: 50px 20px 100px;
                text-align: center;
                background: #fff0;
                border-radius: 12px;
                transition: all 0.3s ease;
            }

            .react-addon-services .services-icon {
                width: 75px;
                height: 75px;
                background: #FF6F0033;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 auto 10px;
                padding: 5px;
                transition: 0.3s ease;
            }

            .react-addon-services .services-icon svg {
                width: 48px;
                height: 48px;
            }

            .react-addon-services .services-text {
                padding-top: 10px;
                max-width: 350px;
                margin: 0 auto;
            }

          .react-addon-services .services-title .title {
    color: #005a87;
    font-style: normal;
    line-height: 32px;
    margin-top: 0px;
    transition-duration: 500ms;
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 5px;
    font-family: "Urbanist", sans-serif;
}
/* 
            .react-addon-services .services-txt {
                color: #6e777d;
                margin: 0;
                font-size: 15px;
                line-height: 1.5;
                transition: 0.4s ease;
            } */

            .react-addon-services .batch-number {
                position: absolute;
                bottom: -15px;
                left: 50%;
                transform: translateX(-50%);
                width: 55px;
                height: 55px;
                background: #FF6F00;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #fff;
                font-weight: 700;
                font-size: 20px;
            }
.bg-tringles:hover .react-addon-services .services-icon svg { 
    filter: contrast(0.5);
}
.bg-tringles:hover .react-addon-services .services-icon { 
    background: #fff; 
    box-shadow: 0px 0px 5px 1px #cccccc7a;}
    .bg-tringles:hover .react-addon-services .batch-number { 
    background: #005A87;}
           .bg-tringles:hover .react-addon-services .services-title .title {
    color: #333;}

.bg-tringles:hover .react-addon-services .services-part { 
    background: #ffffff;}
.bg-tringles:hover .react-addon-services .services-part { 
    background: #fdebe5;}
            .bg-tringles {
                padding: 0px 0px 0px 0px;
                /* background-image: url(../images/ser_bg-Photoroom.png); */
                background-image: url(../images/ser_bg.webp);
                background-position: center center;
                background-repeat: no-repeat;
                background-size: cover;
            }

            /* projects */
        .property-values-2-item {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.property-values-2-item .thumb {
  position: relative;
  border-radius: 32px;
  overflow: hidden;
}

.property-values-2-item .thumb::before {
  content: "";
  position: absolute;
  left: -54px;
  bottom: -68px;
  width: 0;
  height: 0;
  background: #040813;
  border-radius: 50%;
  opacity: 0.5;
  z-index: 1;
  transition: 0.4s ease;
}

.property-values-2-item .thumb img {
  width: 100%;
  border-radius: 32px;
  display: block;
}

.property-values-2-item .plus-icon {
  position: absolute;
  left: 40px;
  bottom: 40px;
  width: 48px;
  height: 48px;
  background: #FF6F00;
  color: #fff;
  text-align: center;
  line-height: 48px;
  border-radius: 50%;
  opacity: 1;
  visibility: visible;
  z-index: 2;
  transition: 0.4s ease;
}

.property-values-2-item .hover-content {
  position: absolute;
  left: 40px;
  bottom: 0;
  max-width: 330px;
  opacity: 0;
  visibility: visible;
  z-index: 3;
  transition: 0.4s ease;
}

.hover-content .box-title {
font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0px;
    text-align: left;
}

.box-title {
  font-size: 24px;
  line-height: 1.417;
  font-weight: 600;
  margin-top: -0.32em;
}

.box-title a {
  color: inherit;
  text-decoration: none;
}

.hover-content .box-text {
    color: #fff;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 23px;
}

.readmore-button, .readmore-button-bl {
  border-radius: 35px;
  background-color: #FF6F00;
  position: relative;
  overflow: hidden;
  color: #fff;
  padding: 10px 24px;
  display: inline-block;
  text-decoration: none;
  transition: 0.3s;
  z-index: 1;
}
.readmore-button-bl{ background-color: #005A87;border:none}
.readmore-button:hover, .readmore-button-bl:hover{color:#fff}
.readmore-button::before, .readmore-button-bl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background-color: #005A87;
  border-radius: 35px;
  z-index: -1;
  transition: 0.4s ease;
}
.readmore-button-bl::before{  background-color: #FF6F00;}
.readmore-button:hover::before, .readmore-button-bl:hover::before {
  width: 100%;
}

.property-values-2-item .thumb:hover::before {
  width: 480px;
  height: 460px;
}

.property-values-2-item:hover .plus-icon {
  opacity: 0;
  visibility: hidden;
  bottom: 0;
}

.property-values-2-item .thumb:hover .hover-content {
  opacity: 1;
  bottom: 40px;
}
/* services section */
   .services-card {
                        background-color: #fff;
                        overflow: hidden;
                        border-radius: 10px;
                        transition: all 0.3s ease;
                    }

                    .services-card img {
                        width: 100%;
                        display: block;
                        transition: transform 0.5s ease;
                    }

                    .services-card-content {
                        position: relative;
                        padding: 20px 20px 20px;
                        overflow: hidden;
                    }

                    .services-card-title {
                      font-size: 18px;
                      font-weight: 600;
                      text-transform: capitalize;
                      margin-bottom: 10px;
                    }

                    .services-card-title a {
                     color: #005a87;
                    text-decoration: none;
                    transition: all 0.5s ease;    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
                                    }
                               

                    .services-card-text {
            letter-spacing: 0.3px;
    text-transform: capitalize;
    margin-bottom: 10px;
    line-height: 24px;
    font-size: 14px;
                    }
.services-card-image img {
    aspect-ratio: 1;
    object-fit: contain;
    min-width: 100%;
    min-height: 100%;
}
                    .services-card-btn {
                       display: flex
                        ;
                            align-items: center;
                            justify-content: center;
                            width: 45px;
                            height: 45px;
                            font-size: 16px;
                            color: #FF6F00;
                            border-radius: 50%;
                            border: 1px solid #FF6F00;
                            transition: all 0.5s ease;
                                            }
                                            .services-card-image {
       height: 200px;
    overflow: hidden;
}

                    .services-card-icon {
     position: absolute;
    right: 0px;
    top: -8px;
    padding-top: 0px;
    width: 70px;
    padding-left: 16px;
    height: 70px;
    border-radius: 0px 0px 0px 100px;
    background-color:#005a87;
    display: flex
;
    align-items: center;
    justify-content: center;
    transition: all 0.5s linear;
                                      }

                    .services-card:hover img {
                        transform: scale(1.1);
                    }

                    .services-card:hover .services-card-icon {
                        background-color:  #ff882d;
                    }

                    .services-card-icon svg {
                        width: 40px;
                        height: 40px;
                        /* fill: #fff; */
                    }
                    a.services-card-btn:hover {
    background: #005A87;
    border: 1px solid #005A87;
    color: #fff;
}
.services-card-title a:hover {
    color: #005A87;}
           .services-card-title:hover a {color:#ff882d;}
                    .services-card-btn svg {
                        width: 20px;
                        height: 20px;
                        fill: currentColor;
                    }
                  .services-card .services-card-content::after {
    content: "";
    background: #ff6f0014;
    width: 100%;
    height: 107%;
    position: absolute;
    clip-path: polygon(170% 0%, 100% 0%, 100% 0%, 100% 100%, 0% 100%);
    bottom: 0px;
    left: 0px;
    transition: all 0.5s ease;
} 
.services-card {
    border: 1px solid #f7e0cd;}
                    /* why choose us */
         .appointment-main-wrapper {
  display: flex;
  /* flex-wrap: wrap; */
  position: relative;
}
.thumbnail-appointment-left{
    z-index: 2;
    position: relative;
}
.thumbnail-appointment-left img {
  width: 100%;
  display: block;
}
.container-full {
    max-width: 1920px;
    max-width: 1920px;
    margin: auto;
}
.appointment-form-wrapper {
    position: absolute;
    left: 90px;
    top: -134px;
    background: #18181C;
    border-radius: 30px;
    padding: 50px;
    width: 515px;
    color: #fff;height:auto;
}

.appointment-form-wrapper .title {
 color: #fff;
    margin-bottom: 10px;
    font-size: 26px;
    text-align: left;
}

.appointment-form-wrapper input {
  height: 60px;
  width: 100%;
  background: #fff;
  border-radius: 100px;
  padding: 0 20px;
  border: none;
}

.input-half {
  display: flex;
  gap: 20px;
  margin-top: 20px;
}

.input-half input {
  flex: 1;
}

.appointment-form-wrapper button {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  background: #FF6F00;
  color: #fff;
  padding: 12px 24px;
  border-radius: 100px;
  border: none;
  cursor: pointer;
}

.appointment-right {
  height: 303px;
  width: 932px;
  margin-left: -90px;
  background-size: cover;
  background-position: center;
  position: relative;
}

.call-plumber-wrapper {
  position: absolute;
  top: 35%;
  left: 30%;
  display: flex;
  align-items: center;
  gap: 30px;
  z-index: 5;
}

.call-plumber-wrapper .icon {
  height: 69px;
  width: 69px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.call-plumber-wrapper .icon::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 110px;
  width: 110px;
  border: 1px solid #fff;
  border-radius: 50%;
}

.call-plumber-wrapper .info span {
  display: block;
  color: #fff;
}

.call-plumber-wrapper .info a {
  color: #fff;
  font-weight: 700;
  font-size: 30px;
  line-height: 36px;
  text-decoration: none;
}
.blog-left-box .title-box:hover .title3 a, .title-box:hover a {
  color: #ff6f00;
}
.blog-item .content-box .btn-box a.read-more:hover {
  color: #FF6F00;
  letter-spacing: 1px;
}
.blog-item:hover .img-box img { 
  transform: scale(1.1);
}
.newsletter-form .btn:hover {  
  background: #FF6F00; 
}
.wps_copy a:hover {
    color: #ffd2b0;}
footer .nav-box .inner .footer-nav li a:hover, .footer-sect .footer-top .sitemap-widget li a:hover, .footer-sect .footer-top .recent-post-widget .post-item .post-title a:hover {
  color: #ffcdbc !important;}
.call-plumber-wrapper .info a:hover{color:  #fcb076;}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    .appoinment-main-wrapper .thumbnail-appoinment-left .appoinment-form-wrapper {
        left: 16%;
    }
}
/* Why Choose Us */
.cirtificate-wrapper-main {
  display: flex;
  align-items: center;
  gap: 60px;
}

.cirtificate-wrapper-main .single {
  display: flex;
  align-items: center;
  gap: 25px;
}

.cirtificate-wrapper-main .single .title {
  margin-bottom: 0;
  font-weight: 600;
font-size: 16px;
    line-height: 24px;
}

.consultancy-area-plumbing {
  position: relative;
  background-image: url(../images/bg14.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.consultancy-area-plumbing .right-bottom-img {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: max-content;
  width: 50%;
}

.rts-section-gap {
  padding:85px 0px 160px;
}

.cirtificate-wrapper-main .single .icon {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0px 4px 32px rgba(111, 115, 152, 0.13);
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-nav {
    width: 100%;
}
button.owl-prev {
    left: -20px;    top: 50%;
}
button.owl-next {
    right: -20px;    top: 50%;
}

.services-card-image { 
    position: relative;
}