/* ============================== 1. default ============================== */ p:last-child, li:last-child{margin-bottom: 0px;} h1,h2,h3,h4{font-weight: 600;font-family: "Inter Tight", serif;} p{font-weight: 400;font-size: 17px;line-height: 163%;color: #444444;} li,ul{margin:0;padding:0;list-style:none;font-size: 16px;color:#121511;font-weight:400;} :after,:before,a,.card{-webkit-transition:all 250ms linear;-moz-transition:all 250ms linear;-o-transition:all 250ms linear;-ms-transition:all 250ms linear;transition:all 250ms linear} .bg-1{background:#F1F5F9}.bg-2{background:#E2E8F0}.bg-3{background:#324E9B} strong{font-weight: 500;font-size: 98%;}a{text-decoration:none; color: currentColor;} .themebtn{background: #EF7F1A;--bs-btn-hover-bg: #EF7F1A;--bs-btn-active-bg: #EF7F1A;--bs-btn-active-color: #fff;--bs-btn-hover-color: #fff;font-size: 13px;font-weight: 600;color: #FFFFFF;padding: 16px 30px 15px;z-index: 1;border: none;border-radius: 5px;position: relative;letter-spacing: .1em;text-transform: uppercase;overflow: hidden;display: inline-block;} .themebtn::after {content: "";background: #324e9b;position: absolute;width: 200%;height: 500%;z-index: -1;border-radius: 100%;-webkit-transform: translate(30%, 10%) translateZ(0);transform: translate(30%, 10%) translateZ(0);-webkit-transition: 0.36s cubic-bezier(0.4, 0, 1, 1);transition: 0.36s cubic-bezier(0.4, 0, 1, 1);} .themebtn:hover:after{-webkit-transform: translate(-50%, -34%) translateZ(0);transform: translate(-50%, -34%) translateZ(0);} .title :is(h1,h2,h3,h4){color: var(--title-color);font-size: var(--title-font-size);margin-bottom: var(--title-mb);line-height: 124%;} .subtitle :is(h1,h2,h3,h4){color: #444;font-size: 21px;margin-bottom: 0;line-height: 1.2;} .title>h6{color: #747474;font-size: 18px;letter-spacing: 0.1em;text-transform: uppercase;margin-bottom: var(--title-mb);} .btn-link{padding:7px 0;font-size:13px;font-weight:600;color:#444;letter-spacing:.1em;text-transform:uppercase;position:relative;z-index:1;overflow:hidden;text-decoration:none;--bs-btn-active-color: #fff;} .btn-link:hover{color:#fff;padding:7px 16px;transition:.7s} .btn-link.bgdark:before{background-color: #ffffff; } .btn-link:before{position:absolute;top:72%;content:"";width:100%;height:1px;z-index:-1;background-color:#444;border-radius:50%;transition:none;left:0;transform:translate(0,-50%)} .btn-link:hover:before{top:65%;background-color:#ef7f1a;-webkit-animation:.7s alternate both criss-cross-left;animation:.7s alternate both criss-cross-left} /* ============================== 2. Pre Loader & Go top ============================== */ #preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;color: #FFF;background-repeat:no-repeat;background-color:#FFF;background-position:center;} #preloader .spinner-border {--bs-spinner-width: 4rem; --bs-spinner-height: 4rem; } #back-to-top{cursor:pointer;position:fixed;bottom: 0px;right: 0px;z-index:1111;display:none;color: #ffffff!important;background: #EF7F1A;padding: 9px 12px 1px 12px;border-radius: 24px 24px 0px 0px;max-width: 40px;overflow: hidden;border: solid 1px #ffffff;border-bottom: none;} /* ============================== 3. home css ============================== */ .themenavbar{z-index: 9;padding: 0;background: #FFFFFF;} .rightnav .nav-link{font-size: 17px;font-weight: 600;--bs-nav-link-color: #324E9B;--bs-nav-link-hover-color: #ef7f1a;} .rightnav .themebtn{font-size: 16px;padding: 12px 30px;border-radius: 24px;letter-spacing: 0.02em;background: #4C64A7;text-transform: uppercase;--bs-nav-link-color: #ffffff;--bs-nav-link-hover-color: #fff;} .rightnav .themebtn>img{max-width: 24px;height: auto;width: 100%;} .homepage>section, .subpage>section{padding-top: var(--section-py); padding-bottom: var(--section-py); position: relative; } .themebg{z-index: 1;overflow: hidden;position: relative;background: #f1f5f9;} .themebg::after{content: "";top: 0;right: -5px;z-index: -1;width: 100%;height: 100%;max-width: 900px;position: absolute;pointer-events: none;background: url(../images/themebg.svg) no-repeat;background-position: left center;background-size: cover;} .morebtn{column-gap: 14px;position: relative;font-weight: 500;font-size: 19px;line-height: 1.2;display: inline-flex;align-items: center;color: #FFFFFF;padding: 0px;} .morebtn::before{font-size: 30px;color: #242424;width: 76px;content: "\e098";position: relative;font-weight: 600;border-radius: 50%;aspect-ratio: 1/1;display: flex;align-items: center;justify-content: center;font-family: "Font Awesome 6 Free";background: rgba(255, 255, 255, 0.61);} .servswiper .swiper-slide, .blogswiper .swiper-slide{height: auto; } .morebtn:hover:before{background-color: #ef7f1a; } .heroslider,.themenavbar,.sub-banner{padding-left: 47px; padding-right: 47px; } .slideinner{position: relative;z-index: 1;overflow: hidden;border-radius: clamp(1.25rem, 0.7717rem + 2.0408vw, 2.8125rem);background-color: #7f8085;} .slidecaption{position: absolute;width: 100%;z-index: 2;top: 50%;color: #ffffff;transform: translateY(-50%);} .services .card{height: 100%;padding: 20px;background: #324E9B;backdrop-filter: blur(10px);border-radius: 20px;} .services .card .cardpic{border-radius: 20px; } .services .card h5{font-weight: 500;font-size: 24px;line-height: 129%;color: #FFFFFF;white-space: pre-line;letter-spacing: 0.35px;padding: 13px 0px 9px;} .services .card p{font-weight: 400;font-size: 17px;line-height: 24px;color: rgba(255, 255, 255, 0.65);} .services .card .btn-link{color: #FFFFFF;font-weight: 500;} .welcomepic{position: relative;overflow: hidden;border-radius: 24px;margin-right: 34px;} .welcomepic:after {background: rgba(255, 255, 255, 0.3); content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 0; opacity: 1; z-index: 9; pointer-events: none; transition: none;} .welcomepic:hover:after {height: 100%; opacity: 0; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .clientpic{height: 100%;display: flex;align-items: center;justify-content: center;} .clientpic>img{height: 60px; width: 100%; object-fit: contain; } .countersec{position: relative;background: #324E9B url(../images/counter-bg.svg) no-repeat;background-position: bottom center;} .counterbox{padding: 7px 0px;position: relative;height: 100%;text-align: center;} .counterbox>img{width: auto;height: 68px;object-fit: cover;} .counterbox h4{font-size: 70px;color: #FFFFFF;font-weight: 700;margin: 8px 0px 0px;position: relative;display: flex;align-items: flex-start;justify-content: center;} .counterbox h6{font-size: 17px;line-height: 24px;text-align: center;color: #FFFFFF;margin-bottom: 0;} .counterbox .counter{position:relative;display:flex;overflow:hidden;height: 84px;text-align:center;padding-right: 0px;justify-content:space-around;align-items:flex-end} .counterbox .counter>span{z-index:1;display:flex;flex-direction:column;height:100%;max-width:100%;transition:transform 2s;transform:translateY(0);align-items:center} .counterbox .counter>span span{flex:0 0 100%;height:100%} .counterbox h4>small {font-size: 16px;color: #EF7F1A;margin-left: -4px;padding-top: 3px;} .blog .card{height: 100%;background: transparent;} .blog .card .cardpic{border-radius: 30px; } .blog .card h5{font-family: 'Inter Tight';font-weight: 500;font-size: 18px;line-height: 143%;color: #444444;margin: 12px 0 12px;} .blog .card h6{font-weight: 400;font-size: 14px;color: #818181;padding: 4px 0px 2px;} .card .cardpic{position: relative; overflow: hidden; z-index: 1; } .card .cardpic>img{width: 100%;height: auto;-webkit-transition: all 0.4s;transition: all 0.4s;} .card:hover .cardpic>img{-webkit-transform: scale(1.1) rotate(4deg);transform: scale(1.1) rotate(4deg);transition: all 0.7s;} .card .cardpic:after {content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; z-index: 1; background-color: rgba(255, 255, 255, 0.3); -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); transition: none; } .card:hover .cardpic:after{height: 250%; -webkit-transition: all 600ms linear; transition: all 600ms linear; background-color: transparent; } .footer{position: relative;background: #324E9B url(../images/footer-bg.svg) no-repeat;background-position: bottom center;} .footertop{padding: 72px 25px 65px;padding-top: var(--section-py);padding-bottom: calc(var(--section-py) - 12px);} .footertop h5, .social h5 {margin-bottom: 14px;font-weight: 600;font-size: 15px;color: #FFFFFF;text-transform: uppercase;letter-spacing: 0.35px;} .footertop p, .footertop ul>li, .footertop ul>li>a {font-size: 15px;color: rgb(255 255 255 / 75%);line-height: 23px;position: relative;white-space: pre-line;} .footertop .navlist>li {margin-top: 8px;white-space: nowrap;} .footertop .navlist>li>a:before {content: "";position: absolute;background: #EF7F1A;left: 0;top: 7px;opacity: 0;visibility: hidden;height: 6px;width: 6px;border-radius: 50%;transform: translateX(7px);} .footertop .navlist>li>a:hover {padding-left: 9px;} .footertop .navlist>li>a:hover:before {opacity: 1; visibility: visible; transform: translateX(0px); } .social>a{font-size: 24px;color: #fff;line-height: 20px;margin-right: 7px;display: inline-block;} .social>a>img{max-width: 24px;-webkit-transition:all 250ms linear;transition:all 250ms linear;} .social>a:hover>img{-webkit-filter: brightness(0) saturate(100%) invert(52%) sepia(68%) saturate(618%) hue-rotate(346deg) brightness(96%) contrast(96%);filter: brightness(0) saturate(100%) invert(52%) sepia(68%) saturate(618%) hue-rotate(346deg) brightness(96%) contrast(96%);} .copyrights{padding: 3px 25px 4px;border-top: 1px solid rgb(255 255 255 / 35%);} .copyrights p {font-size: 15px;font-weight: 400;color: rgba(255, 255, 255, 0.66);line-height: normal;margin-bottom: 1rem;} #wpp-fix {position: fixed;bottom: 20%;right: 20px;z-index: 12;} #wpp-fix .wpp-link {background: #25D366; display: flex; z-index: 2; position: relative; padding: 15px; border: none; cursor: pointer; border-radius: 50%; box-shadow: 0px 3px 10px rgba(37, 211, 102, 0.56); -webkit-transform: scale(1); transform: scale(1); } #wpp-fix .wpp-link:hover {-webkit-transform: scale(1.05); transform: scale(1.05); background: #1da851; } #wpp-fix .wpp-link::before {background: rgba(37, 211, 102, 0.6); content: ""; width: 100%; height: 100%; position: absolute; border-radius: 50%; z-index: -1; top: 0px; right: 0; -webkit-animation: pulse 2s infinite; animation: pulse 2s infinite; } #wpp-fix .wpp-link>i {width: 30px;font-size: 30px;color: #ffffff;text-align: center;backface-visibility: hidden;-webkit-animation: 1s wiggle ease infinite;animation: 1s wiggle ease infinite;} /* ============================== 4. sub page css ============================== */ .sub-banner .banner-inner {position:relative;padding: 124px 0px 56px 0px;background-repeat: no-repeat;background-position: top left;background-size: cover;border-radius: clamp(1.25rem, 0.7717rem + 2.0408vw, 2.8125rem);background-color: #7f8085;} .sub-banner .banner-inner h4{font-size: clamp(1.25rem, 0.8375rem + 2.0625vw, 3.125rem);color:#FFF;line-height: 118%;text-shadow: 0px 0px 7px rgb(0 0 0 / 40%);} .sub-banner .banner-inner .breadcrumb li, .sub-banner .banner-inner .breadcrumb li a{color: #ffffff;font-weight: 500;font-size: 16px;--bs-breadcrumb-divider-color: #d7d7d7;} .sub-banner .banner-inner .breadcrumb {padding: 0px 4px;} .contact .themeform {margin: auto;max-width: 980px;position: relative;border-radius: 14px;padding: 32px 42px;background: #ffffff;border: 1px solid #f1f2f5;box-shadow: 0 9px 32px 0 rgb(0 0 0 / 5%);} .contleft{position: relative;z-index: 1;height: 100%;border-radius: 14px;padding: 32px 42px;clip-path: polygon(48px 0px, 48px 0px, 40.21407px 0.62823px, 32.82816px 2.44704px, 25.94109px 5.35761px, 19.65168px 9.26112px, 14.05875px 14.05875px, 9.26112px 19.65168px, 5.35761px 25.94109px, 2.44704px 32.82816px, 0.62823px 40.21407px, 0 48px, 0px 48px, 0px 48px, 0.62823px calc(100% - 40.21407px), 2.44704px calc(100% - 32.82816px), 5.35761px calc(100% - 25.94109px), 9.26112px calc(100% - 19.65168px), 14.05875px calc(100% - 14.05875px), 19.65168px calc(100% - 9.26112px), 25.94109px calc(100% - 5.35761px), 32.82816px calc(100% - 2.44704px), 40.21407px calc(100% - 0.62823px), 48px 100%, 43.8292424242% 100%, 43.8292424242% 100%, 44.2798348485% calc(100% - 0px), 44.8784969697% calc(100% - 0px), 45.1695% calc(100% - 0px), 45.6060666667% calc(100% - 0.454496px), 46.0355681818% calc(100% - 1.262px), 46.4567515152% calc(100% - 2.241944px), 46.8683984848% calc(100% - 3.391772px), 47.2692909091% calc(100% - 4.708928px), 47.6582106061% calc(100% - 6.190856px), 48.0339393939% calc(100% - 7.835px), 57.0259090909% calc(100% - 50.887px), 57.0259090909% calc(100% - 50.887px), 57.4016378788% calc(100% - 52.531144px), 57.7905575758% calc(100% - 54.013072px), 58.19145% calc(100% - 55.330228px), 58.6030969697% calc(100% - 56.480056px), 59.024280303% calc(100% - 57.46px), 59.4537818182% calc(100% - 58.267504px), 59.8903833333% calc(100% - 58.900012px), 60.3328666667% calc(100% - 59.354968px), 60.7800136364% calc(100% - 59.629816px), 61.2306060606% calc(100% - 59.722px), calc(100% - 48px) calc(100% - 59.722px), calc(100% - 48px) calc(100% - 59.722px), calc(100% - 40.21407px) calc(100% - 60.35023px), calc(100% - 32.82816px) calc(100% - 62.16904px), calc(100% - 25.94109px) calc(100% - 65.07961px), calc(100% - 19.65168px) calc(100% - 68.98312px), calc(100% - 14.05874px) calc(100% - 73.78075px), calc(100% - 9.26112px) calc(100% - 79.37368px), calc(100% - 5.35761px) calc(100% - 85.66309px), calc(100% - 2.44704px) calc(100% - 92.55016px), calc(100% - 0.62823px) calc(100% - 99.93607px), 100% calc(100% - 107.722px), 100% 48px, 100% 48px, calc(100% - 0.62823px) 40.21407px, calc(100% - 2.44704px) 32.82816px, calc(100% - 5.35761px) 25.94109px, calc(100% - 9.26112px) 19.65168px, calc(100% - 14.05875px) 14.05875px, calc(100% - 19.65177px) 9.26112px, calc(100% - 25.94109px) 5.35761px, calc(100% - 32.82816px) 2.44704px, calc(100% - 40.21407px) 0.62823px, calc(100% - 48px) 0px, 48px 0px);} .contleft::after{content: "";position: absolute;top: 0;right: 0;width: 100%;height: 100%;z-index: -1;border-radius: 14px;background: #324E9B url(../images/counter-bg.svg) no-repeat;background-position: 47% bottom;} .contleft h1,.contleft h5,.continfo a:hover{color: #ffffff; } .contleft p, .contleft li{color: rgba(255, 255, 255, 0.65);white-space: pre-line;} .contleft .continfo li{margin: 7px 0px;font-weight: 400;font-size: 17px;line-height: 160%;} .contleft .continfo li a{margin: 0; } .contleft .continfo li .infoicon{color: #ef7f1a;font-size: 18px;margin-right: 2px;} .themeform .form-control, .themeform .form-select{border: solid 2px #e4e6ed;height: 56px;font-weight: 500;} .themeform span textarea.form-control{resize: none;height: 148px;} .themeform .form-floating span>label {color: #757575;font-size: 15px;font-weight: 500;} .themeform .form-select{padding-top: 23px;box-shadow: none !important;} .form-floating span > .form-control-plaintext:focus, .form-floating span > .form-control-plaintext:not(:placeholder-shown), .form-floating span > .form-control:focus, .form-floating span > .form-control:not(:placeholder-shown) { /* padding-top: 0.625rem; */ padding-top: 1.625rem; padding-bottom: 0.625rem; } .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-select ~ label::after, .form-floating.active label::after { background-color: var(--clr-blue); } .form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-select ~ label, .form-floating.active label { transform: scale(0.85) translateY(-0.4rem) translateX(0.15rem); color: #757575; /*background-color: var(--clr-blue); opacity: 1; padding: 0.5rem 1rem; height: 40px;*/ } .form-floating span > .form-control, .form-floating span > .form-control-plaintext, .form-floating span > .form-select { height: calc(3.5rem + calc(var(--bs-border-width) * 2)); min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); line-height: 1.25; } .form-floating span > .form-control, .form-floating span > .form-control-plaintext { padding: 1rem 0.75rem; } .thememap {position: relative;width: 100%;z-index: 1;margin-top: -10px;background: #ffffff;padding: 12px 12px 0px 12px;border: solid 1px #e4e6ed;border-bottom: none;border-radius: 14px 14px 0px 0px;} .thememap .ratio{border-radius: 12px 12px 0px 0px;overflow: hidden;max-height: 564px;min-width: 280px;/* -webkit-filter: grayscale(100%); *//* filter: grayscale(100%); */} .thememodal .modal-fullscreen .modal-content{background: #f1f5f9 url(../images/themebg.svg) no-repeat;background-size: cover;} .thememodal .modal-fullscreen .modal-body{display: flex;flex-wrap: wrap;align-items: center;justify-content: center; } .thememodal .modal-wrap{width: 100%;/* max-width: 1200px; */border-radius: 54px;padding: 8px;background: #324E9B url(../images/counter-bg.svg) no-repeat;background-position: bottom center;box-shadow: 0px 9px 32px rgb(0 0 0 / 10%);} .thememodal .modalpic {overflow: hidden;position: relative;height: calc(100% + 64px);margin: -32px -8px;margin-left: 2px;border-radius: 28px;} .thememodal .modalpic>img{width: 100%; height: 100%; object-fit: cover; } .thememodal .contactinfo{background: #efe6dd;} .thememodal .themeform{position: relative;padding: 48px 42px;background-color: #ffffff;clip-path: polygon(48px 0px, 48px 0px, 40.21407px 0.62823px, 32.82816px 2.44704px, 25.94109px 5.35761px, 19.65168px 9.26112px, 14.05875px 14.05875px, 9.26112px 19.65168px, 5.35761px 25.94109px, 2.44704px 32.82816px, 0.62823px 40.21407px, 0 48px, 0px 48px, 0px 48px, 0.62823px calc(100% - 40.21407px), 2.44704px calc(100% - 32.82816px), 5.35761px calc(100% - 25.94109px), 9.26112px calc(100% - 19.65168px), 14.05875px calc(100% - 14.05875px), 19.65168px calc(100% - 9.26112px), 25.94109px calc(100% - 5.35761px), 32.82816px calc(100% - 2.44704px), 40.21407px calc(100% - 0.62823px), 48px 100%, 43.8292424242% 100%, 43.8292424242% 100%, 44.2798348485% calc(100% - 0px), 44.8784969697% calc(100% - 0px), 45.1695% calc(100% - 0px), 45.6060666667% calc(100% - 0.454496px), 46.0355681818% calc(100% - 1.262px), 46.4567515152% calc(100% - 2.241944px), 46.8683984848% calc(100% - 3.391772px), 47.2692909091% calc(100% - 4.708928px), 47.6582106061% calc(100% - 6.190856px), 48.0339393939% calc(100% - 7.835px), 57.0259090909% calc(100% - 50.887px), 57.0259090909% calc(100% - 50.887px), 57.4016378788% calc(100% - 52.531144px), 57.7905575758% calc(100% - 54.013072px), 58.19145% calc(100% - 55.330228px), 58.6030969697% calc(100% - 56.480056px), 59.024280303% calc(100% - 57.46px), 59.4537818182% calc(100% - 58.267504px), 59.8903833333% calc(100% - 58.900012px), 60.3328666667% calc(100% - 59.354968px), 60.7800136364% calc(100% - 59.629816px), 61.2306060606% calc(100% - 59.722px), calc(100% - 48px) calc(100% - 59.722px), calc(100% - 48px) calc(100% - 59.722px), calc(100% - 40.21407px) calc(100% - 60.35023px), calc(100% - 32.82816px) calc(100% - 62.16904px), calc(100% - 25.94109px) calc(100% - 65.07961px), calc(100% - 19.65168px) calc(100% - 68.98312px), calc(100% - 14.05874px) calc(100% - 73.78075px), calc(100% - 9.26112px) calc(100% - 79.37368px), calc(100% - 5.35761px) calc(100% - 85.66309px), calc(100% - 2.44704px) calc(100% - 92.55016px), calc(100% - 0.62823px) calc(100% - 99.93607px), 100% calc(100% - 107.722px), 100% 48px, 100% 48px, calc(100% - 0.62823px) 40.21407px, calc(100% - 2.44704px) 32.82816px, calc(100% - 5.35761px) 25.94109px, calc(100% - 9.26112px) 19.65168px, calc(100% - 14.05875px) 14.05875px, calc(100% - 19.65177px) 9.26112px, calc(100% - 25.94109px) 5.35761px, calc(100% - 32.82816px) 2.44704px, calc(100% - 40.21407px) 0.62823px, calc(100% - 48px) 0px, 48px 0px);} .close-button {width: 48px;height: 48px;background: none;right: 12px;top: 12px;z-index:2;position: absolute;text-indent: -9999px;box-shadow: none !important;} .close-button:before, .close-button:after {content: '';width: 55%;height: 2px;background: #000;position: absolute;top: 48%;left: 22%;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .close-button:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .close-button:hover:before, .close-button:hover:after {-webkit-transform: rotate(180deg);transform: rotate(180deg);} .cprofile .welcomepic {z-index: 2;border: solid 7px #fff;border-top: none;height: calc(100% + var(--section-py));margin-bottom: calc(-1* var(--section-py));} .cprofile .welcomepic>img{width: 100%; height: 100%; object-fit: cover; } .team p{color: #686868;font-size: 16px;line-height: 160%;} .teambox {padding: 36px 32px;height: 100%;text-align: center;border-radius: 14px;background: #ffffff;border: 1px solid #f1f2f5;box-shadow: 0 9px 32px 0 rgb(0 0 0 / 7%);} .teamicon{position: relative;height: 75px;z-index: 1;display: block;margin: 24px auto;max-width: fit-content;} .teamicon>img{width: auto; height: 100%; object-fit: cover; } .teamicon::after{content: "";height: 100%;aspect-ratio: 1/1;left: 0;right: 0;bottom: 0;z-index: -1;margin: auto;position: absolute;border-radius: 50%;transform: scale(1.4);transform-origin: 50% 86%;background-color: #7c8c9d12;} .widgetaside{z-index: 1;position: relative;border-radius: 16px;padding: 42px 42px 80px 42px;clip-path: polygon(48px 0px, 48px 0px, 40.21407px 0.62823px, 32.82816px 2.44704px, 25.94109px 5.35761px, 19.65168px 9.26112px, 14.05875px 14.05875px, 9.26112px 19.65168px, 5.35761px 25.94109px, 2.44704px 32.82816px, 0.62823px 40.21407px, 0 48px, 0px 48px, 0px 48px, 0.62823px calc(100% - 40.21407px), 2.44704px calc(100% - 32.82816px), 5.35761px calc(100% - 25.94109px), 9.26112px calc(100% - 19.65168px), 14.05875px calc(100% - 14.05875px), 19.65168px calc(100% - 9.26112px), 25.94109px calc(100% - 5.35761px), 32.82816px calc(100% - 2.44704px), 40.21407px calc(100% - 0.62823px), 48px 100%, 43.8292424242% 100%, 43.8292424242% 100%, 44.2798348485% calc(100% - 0px), 44.8784969697% calc(100% - 0px), 45.1695% calc(100% - 0px), 45.6060666667% calc(100% - 0.454496px), 46.0355681818% calc(100% - 1.262px), 46.4567515152% calc(100% - 2.241944px), 46.8683984848% calc(100% - 3.391772px), 47.2692909091% calc(100% - 4.708928px), 47.6582106061% calc(100% - 6.190856px), 48.0339393939% calc(100% - 7.835px), 57.0259090909% calc(100% - 50.887px), 57.0259090909% calc(100% - 50.887px), 57.4016378788% calc(100% - 52.531144px), 57.7905575758% calc(100% - 54.013072px), 58.19145% calc(100% - 55.330228px), 58.6030969697% calc(100% - 56.480056px), 59.024280303% calc(100% - 57.46px), 59.4537818182% calc(100% - 58.267504px), 59.8903833333% calc(100% - 58.900012px), 60.3328666667% calc(100% - 59.354968px), 60.7800136364% calc(100% - 59.629816px), 61.2306060606% calc(100% - 59.722px), calc(100% - 48px) calc(100% - 59.722px), calc(100% - 48px) calc(100% - 59.722px), calc(100% - 40.21407px) calc(100% - 60.35023px), calc(100% - 32.82816px) calc(100% - 62.16904px), calc(100% - 25.94109px) calc(100% - 65.07961px), calc(100% - 19.65168px) calc(100% - 68.98312px), calc(100% - 14.05874px) calc(100% - 73.78075px), calc(100% - 9.26112px) calc(100% - 79.37368px), calc(100% - 5.35761px) calc(100% - 85.66309px), calc(100% - 2.44704px) calc(100% - 92.55016px), calc(100% - 0.62823px) calc(100% - 99.93607px), 100% calc(100% - 107.722px), 100% 48px, 100% 48px, calc(100% - 0.62823px) 40.21407px, calc(100% - 2.44704px) 32.82816px, calc(100% - 5.35761px) 25.94109px, calc(100% - 9.26112px) 19.65168px, calc(100% - 14.05875px) 14.05875px, calc(100% - 19.65177px) 9.26112px, calc(100% - 25.94109px) 5.35761px, calc(100% - 32.82816px) 2.44704px, calc(100% - 40.21407px) 0.62823px, calc(100% - 48px) 0px, 48px 0px);} .widgetaside::after{content: "";position: absolute;top: 0;right: 0;width: 100%;height: 100%;z-index: -1;border-radius: 14px;background: #324E9B url(../images/counter-bg.svg) no-repeat;background-position: 35% bottom;} .widgetaside .accordion-button {position: relative;z-index: 0;background-color: transparent;transition: 0.5s;font-size: 20px;padding: 4px 0px 3px;color: #ffffff;font-weight: 600;text-transform: uppercase;letter-spacing: 0.35px;} .widgetaside .asidenav li a{color: #cad2e9;line-height: 1.3;display: inline-block;font-weight: 500;font-size: 16px;padding: 8px 16px;position: relative;} .widgetaside .asidenav li a::after{content: "";top: 50%;left: 3px;position: absolute;width: 6px;height: 6px;border-radius: 4px;background: #ef7f1a;transform: translateY(-50%);} .widgetaside .asidenav li:hover a, .widgetaside .asidenav li.active a{color: #ef7f1a;padding-left: 24px;padding-right: 8px;} .widgetaside .asidenav li:hover a::after, .widgetaside .asidenav li.active a::after{width: 16px;height: 2px;} .servicelfet {top: 56px;position: sticky;z-index: 2;} .servicelfet .callus::after{background-position: top right; } .servicelfet .callus{border-radius: 50px;padding: 48px 42px 34px 42px;margin-top: 42px;} .servicelfet .callus h5{color: #444;font-size: 26px;font-weight: 600;padding-bottom: 4px;} .servicelfet .callus li{margin: 14px 0px;font-weight: 500;font-size: 17px;line-height: 160%;color: #444;} .servicelfet .callus li .infoicon{color: #ef7f1a;font-size: 18px;margin-right: 7px;width: 48px;height: 48px;line-height: 48px;text-align: center;border-radius: 50%;background: #ffffff;} .servdesc h5{font-size: 17px;line-height: 163%;color: #444444;} .servdesc h6{margin-bottom: 8px; } .servdesc ul li{font-size: 17px;line-height: 163%;color: #444444;font-weight: 400;margin-top: 5px;position: relative;padding-left: 22px;} .servdesc ul li::after{content: "\2b";position: absolute;top: 1px;left: 2px;font-size: 14px;font-weight: 400;color: #ef7f1a;font-family: "Font Awesome 6 Free";} .industries{position: relative;z-index: 1;overflow: hidden;margin-top: 16px;margin-bottom: 24px;} .indusbox {padding: 21px 16px;height: 100%;text-align: center;border-radius: 0;background: #ffffff;box-shadow: 0 0 0 1px #f1f2f5;} .indusbox h4{color: #464646;font-size: 15px;line-height: 1.3;font-family: "Inter", serif;} .indusicon{position: relative;height: 56px;z-index: 1;display: block;margin: 24px auto;max-width: fit-content;} .indusicon>img{width: auto; height: 100%; object-fit: cover; } .indusicon::after{content: "";height: 100%;aspect-ratio: 1/1;left: 0;right: 0;bottom: 0;z-index: -1;margin: auto;position: absolute;border-radius: 50%;transform: scale(1.4);transform-origin: 50% 86%;background-color: #7c8c9d12;} .errorbox h1 {line-height: 1em; font-weight: 700; color: #444444; text-shadow: 4px 4px 0px rgb(239 127 26 / 50%); font-size: clamp(8.25rem, 4.4634rem + 10.5366vw, 15rem); } .thankbox {margin: auto; max-width: 905px; position: relative; border-radius: 14px; padding: 32px 42px 96px 42px; background: #f1f5f9; box-shadow: 0 9px 32px 0 rgb(0 0 0 / 5%); clip-path: polygon(48px 0px, 48px 0px, 40.21407px 0.62823px, 32.82816px 2.44704px, 25.94109px 5.35761px, 19.65168px 9.26112px, 14.05875px 14.05875px, 9.26112px 19.65168px, 5.35761px 25.94109px, 2.44704px 32.82816px, 0.62823px 40.21407px, 0 48px, 0px 48px, 0px 48px, 0.62823px calc(100% - 40.21407px), 2.44704px calc(100% - 32.82816px), 5.35761px calc(100% - 25.94109px), 9.26112px calc(100% - 19.65168px), 14.05875px calc(100% - 14.05875px), 19.65168px calc(100% - 9.26112px), 25.94109px calc(100% - 5.35761px), 32.82816px calc(100% - 2.44704px), 40.21407px calc(100% - 0.62823px), 48px 100%, 43.8292424242% 100%, 43.8292424242% 100%, 44.2798348485% calc(100% - 0px), 44.8784969697% calc(100% - 0px), 45.1695% calc(100% - 0px), 45.6060666667% calc(100% - 0.454496px), 46.0355681818% calc(100% - 1.262px), 46.4567515152% calc(100% - 2.241944px), 46.8683984848% calc(100% - 3.391772px), 47.2692909091% calc(100% - 4.708928px), 47.6582106061% calc(100% - 6.190856px), 48.0339393939% calc(100% - 7.835px), 57.0259090909% calc(100% - 50.887px), 57.0259090909% calc(100% - 50.887px), 57.4016378788% calc(100% - 52.531144px), 57.7905575758% calc(100% - 54.013072px), 58.19145% calc(100% - 55.330228px), 58.6030969697% calc(100% - 56.480056px), 59.024280303% calc(100% - 57.46px), 59.4537818182% calc(100% - 58.267504px), 59.8903833333% calc(100% - 58.900012px), 60.3328666667% calc(100% - 59.354968px), 60.7800136364% calc(100% - 59.629816px), 61.2306060606% calc(100% - 59.722px), calc(100% - 48px) calc(100% - 59.722px), calc(100% - 48px) calc(100% - 59.722px), calc(100% - 40.21407px) calc(100% - 60.35023px), calc(100% - 32.82816px) calc(100% - 62.16904px), calc(100% - 25.94109px) calc(100% - 65.07961px), calc(100% - 19.65168px) calc(100% - 68.98312px), calc(100% - 14.05874px) calc(100% - 73.78075px), calc(100% - 9.26112px) calc(100% - 79.37368px), calc(100% - 5.35761px) calc(100% - 85.66309px), calc(100% - 2.44704px) calc(100% - 92.55016px), calc(100% - 0.62823px) calc(100% - 99.93607px), 100% calc(100% - 107.722px), 100% 48px, 100% 48px, calc(100% - 0.62823px) 40.21407px, calc(100% - 2.44704px) 32.82816px, calc(100% - 5.35761px) 25.94109px, calc(100% - 9.26112px) 19.65168px, calc(100% - 14.05875px) 14.05875px, calc(100% - 19.65177px) 9.26112px, calc(100% - 25.94109px) 5.35761px, calc(100% - 32.82816px) 2.44704px, calc(100% - 40.21407px) 0.62823px, calc(100% - 48px) 0px, 48px 0px);} .thankbox::after{mix-blend-mode: multiply; opacity: 0.5; background-position: top center; } .thank-icon {position: relative; max-width: 154px; margin: 32px auto; } .owner {position: relative; padding-left: 18px; z-index: 1; padding-bottom: 2px; } .owner::before{content: "";position: absolute;top: 10px;left: 0;bottom: 7px;width: 2px;background: #e2e8f0;} .owner::after{content: "";position: absolute;top: 10px;left: 0;width: 14px;height: 2px;background: #e2e8f0;} .owner h4 {font-size: 20px; color: #323232; letter-spacing: 0.5px; } #whatsapp {position: fixed;bottom: 65px;right: 0px;z-index: 99;width: 88px;height: 88px;line-height: 88px;overflow: hidden;display: none;text-align: center;background: rgb(77 75 75 / 7%);border-radius: 50%;animation: jump 0.3s infinite;} #whatsapp:hover {animation: none; } @-webkit-keyframes jump{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(7deg);transform:rotate(7deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}} @keyframes jump{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(7deg);transform:rotate(7deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}} .call-button{display:flex;align-items:center} .call-button .icon{background-color:#ef7f1a;border-radius:50%;display:flex;align-items:center;justify-content:center;width:44px;height:44px;z-index:1;border:solid 2px #f1f5f9;outline:solid 4px #ef7f1a} .call-button .icon i{color:#f1f5f9;font-size:17px} .call-button .text{display:flex;flex-direction:column;margin-left:-21px} .call-button .text .label{font-size:12px;color:#fff;letter-spacing:.5px;text-transform:uppercase;padding:4px 9px 1px 28px;background:#324e9b;display:inline-block;max-width:fit-content;border-radius:0 11px 0 0} .call-button .text .number{font-weight:500;font-size:16px;color:#442509;line-height:20px;padding:5px 12px 4px 28px;background:#ef7f1a;border-radius:0 18px 18px 0;display:inline-block} .gradientbg{background: rgb(241,245,249);background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 30%, rgb(241 245 249 / 80%) 100%);background: linear-gradient(0deg, rgba(255, 255, 255, 1) 30%, rgb(241 245 249 / 80%) 100%);} .inquirybtn{color: #ffffff;position: absolute;left: 56%;bottom: 5px;font-size: 15px;font-weight: 500;background: #324e9b;border-radius: 24px;padding: 8px 18px 7px;text-transform: uppercase;} .inquirybtn>i{color: #ef7f1a;} .blog-detail{font-style: normal; } .thumbnail>img{width: 100%;height: auto;object-fit: cover;aspect-ratio: 5/3;border-radius: 30px;} .hilight-text {position: relative;padding: 36px 40px;border-radius: 10px;background-color: #f1f5f9;border-left: 4px solid #324e9b;} .hilight-text p {font-size: 19px;text-transform: capitalize;font-style: italic;line-height: 32px;font-weight: 500;color: var(--title-color);} .hilight-text .quotes {position: absolute;bottom: 20px;right: 30px;font-size: 36px;color: transparent;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #ef7f1a;} .post-cat {display: flex;flex-wrap: wrap;align-items: center;gap: 8px 24px;margin-bottom: 12px;} .post-cat li {font-size: 14px;font-weight: 400;color: #757575;} .post-cat li>i{margin-right: 5px;color: #324e9b;} .widget{padding: 40px 30px;background-color: #f1f5f9;margin-bottom: 30px;border-radius: 10px;} .widget:last-child{margin-bottom: 0; } .tags ul{gap: 7px;} .tags li a{font-size: 13px;color: #999999;font-weight: 400;display: block;padding: 5px 12px;background: #ffffff;border: solid 1px rgb(202 210 218 / 50%);} .theme-recent-post-item{display:flex;justify-content:flex-start;align-items:center;gap:20px;margin-bottom: 24px;padding-bottom: 25px;border-bottom: solid 1px #d9e1e9;} .theme-recent-post-item .thumb{position: relative;overflow: hidden;flex-shrink: 0;border-radius:5px;} .theme-recent-post-item .thumb img{width: 78px;height: 78px;object-fit:cover;display: block;} .theme-recent-post-item .time{position:relative;padding-left:21px;display:block;font-size: 13px;font-weight:400;color:#757575} .theme-recent-post-item .time:before{content:"\f073";font-family:'Font Awesome 6 Free';position:absolute;top: 0px;left:0;color: #324e9b;} .theme-recent-post-item h6{font-size: 16px;font-weight: 500;line-height: 135%;color:#444;margin: 4px 0px 0px;} .theme-recent-post-item h6 a{background-image: -webkit-gradient(linear, left top, right top, from(#444), to(#444));background-image: linear-gradient(90deg, #444, #444);background-position: right bottom;background-size: 0 1px;background-repeat: no-repeat;-webkit-transition: background-size 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);transition: background-size 0.4s cubic-bezier(0.895, 0.03, 0.685, 0.22);} .theme-recent-post-item h6:hover a{background-size: 100% 1px;background-position: left bottom;-webkit-transition: background-size 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);transition: background-size 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);} .theme-recent-post-item:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;} .widget-category li a{display: flex;align-items: center;justify-content: space-between;border-radius: 5px;padding: 12px 14px;margin-bottom: 8px;background-color: #FFFFFF;} .widget-category li a:hover{background-color: #324e9b;color: #ffffff;} .widget-category li:last-child a{margin-bottom: 0px; } .contact .contleft{max-height: 532px;} .g-recaptcha{-webkit-transform: scale(0.94);transform: scale(0.94);-webkit-transform-origin: left center;transform-origin: left center;} .thememodal .themeform textarea.form-control{height: 120px; } /* 22-08-2025 */ .listing-service {margin-bottom: 30px;padding: 0;transition: 0.5s;display: block;}