@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,1000&display=swap');
/* <========================= Design by soumyadeep(9/1/2024) ==================> */
body{ counter-reset: ol-counter; font-family: 'Roboto', sans-serif !important; font-size: 16px; font-weight: normal; color: #0e1d31; background: #fff !important; overflow-x: hidden;}
.mt{margin-top: 30px;}
.container{max-width: 1200px;}
h2.w{color: #fff;}
.btn.btn-white{background-color: #fff; color: #00868b;}
.btn.btn-white::after { border-radius: 40px 0 40px 40px; position: absolute; content: ""; width: 0%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); background: #01c1c2; z-index: -1; border-color: transparent; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; }
.btn.btn-white:hover::after{width: 100%;	opacity: 1;}
.heading { font-weight: 500; font-size:44px; line-height: 60px; color: #292929; position: relative; position: relative; margin: 0 0 16px; text-transform: capitalize;}
.testimonial_left_content .heading::after, .bannertext-in .heading::after { display: none; }
.about-heading strong{font-weight: 600;}
.hook-core-feature { background: #f4f4f4; }
.page-content {background: url(../images/glow-bg-update.png) center 43% no-repeat;}
.about-text h3 { font-size: 26px; line-height: 1.5em; font-weight: 600; margin: 0 0 10px !important; }
.review-list .rbox span i{color: #f9b134;}
.viewbtn_wrap{margin-top: 50px;}
::-webkit-scrollbar {  width: 10px;  background-color: #f5f5f5;}
::-webkit-scrollbar-thumb {  border-radius: 10px;  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);  background-color: #00868b;}
::-webkit-scrollbar-track { box-shadow: inset 0 0 10px #00868b; border-radius: 0px; background-color: #f5f5f5; width: 10px;}
.page-wraper .main-bnr{height:550px;}
.main-bnr .bannertext-in div.wow{color: #fff; font-size: 65px; line-height: 1.2; font-weight: 600; margin-bottom: 32px; position: relative;}
.main-bnr .bannertext-wrap{position: absolute;  top: 0; left: 0; right: 0; padding: 100px 0;}
.main-bnr .banner_video{width: 100%;  height: 100%;}
.digital-identities .review-list .rating_slider .item{ text-align: center; background-color: #fff; padding: 20px 20px 5px; box-shadow: 0 0 50px rgb(91 91 91 / 10%); border-radius: 10px; min-height: 140px;display: flex; justify-content: center; width: 100%;align-items: center;flex-wrap: wrap;margin: 25px 0;-webkit-transition: all 300ms ease-in-out 0s;-moz-transition: all 300ms ease-in-out 0s;transition: all 300ms ease-in-out 0s;}
.digital-identities .review-list .rating_slider .item .rbox .reviewicon {max-height: 55px;margin: 0 auto 10px;width: 80%;text-align: center;display: flex;align-items: center;justify-content: center;}
.digital-identities .review-list .owl-carousel .owl-lazy{ opacity: 1;}
.digital-identities .review-list {margin: -95px 0 0;position: relative;padding: 0 0;}
.aboutUs{color: #0e1d31;}
.heading span{font-size: 16px;font-weight: 700;line-height: 25px;display: block;margin: 0 0 5px 0;letter-spacing: 3px;text-transform: uppercase;color: #0e1d31;}
.aboutUs .free_consultation .heading span, .our-client .heading span{color: #fff;}
.about-heading { font-size: 39.9px; font-weight: 300; line-height: 1.2em; color: #0e1d31; position: relative; text-transform: capitalize;}
.about-heading.underline::after{width: 96px;content: "";height: 3px;background: #e5eef6;display: block;padding: 0;position: absolute;bottom: -15px;left: 0;right: 0;}
.aboutUs .sk_content_wrap .editor_text .about-text{ font-size: 16px;font-weight: 400;line-height: 28px;margin-top: 30px;}
.aboutUs .free_consultation{box-shadow: none; border-radius: 0; background-color: rgba(0, 0, 0, 0); background-size: auto; background-size: cover; position: relative; color: #fff; margin-left: 30px;}
.aboutUs .free_consultation .form_wrap .labelWrap span{font-weight: 400; font-size: 16px; margin: 0 0 15px; }
.quoteForm-new .free_consultation .form_wrap .labelWrap input, .quoteForm-new .free_consultation .form_wrap .labelWrap select {background-color: #fff; border: none; padding: 0 36px 0 15px; color: #000; margin: 0 0 0px 0; height: 32px; width: 100%; border-radius: 5px;}
.quoteForm-new .free_consultation .form_wrap .labelWrap textarea{border: none; padding: 10px; border-radius: 5px;}
.quoteForm-new .free_consultation .form_wrap .labelWrap{ width: 100%; margin: 10px 0;}
.quoteForm-new .free_consultation .form_wrap .labelWrap .btn{border-color: #fff;}
.site-footer .widget_locations ul li a, .fnav li a{color: #fff;}
.header-nav .nav > li > a{padding: 12px 10px;}
.section.talk_us{background: url('../upload/service_image/talk_us-banner.jpg')no-repeat center; background-size: cover; padding: 35px 0;}
.talk_us .letsTalk {width: 140px; height: 140px; display: flex; flex-direction: column; justify-content: center; background: #50f0f0; text-align: center; border-radius: 100%; border: 3px solid #fff;}
.talk_us .sk_content_wrap {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; max-width: 843px; margin-left: auto; column-gap: 60px; row-gap: 30px;}
.letsTalk span {font-size: 17px; line-height: 1.5em; color: #2e3232; font-weight: 700; text-align: center; margin-top: 6px;}
.talk_us .sk_content_wrap .title {font-size: 36px; line-height: 1.3em; font-weight: 500; margin-bottom: 10px; color: #fff;}
.talk_us .sk_content_wrap .title span {background: #fff; color: #00868b; padding: 4px 16px; font-weight: inherit;}
.talk_us .sk_content_wrap p {font-size: 20px; line-height: 1.5em; color: #fff; padding: 0; letter-spacing: 1px;}
.hook-industry .tbox figure {display: flex; justify-content: center; flex-direction: column;}
.tbox figure .tbox-bg {padding: 0; background: #01bfc0; width: 84px; height: 84px; margin: 0 auto; border-radius: 50px; display: flex; justify-content: center; flex-direction: column;}
.hook-industry .tbox figure img {width: 60%; margin: 0 auto; max-width: 100%;}
.hook-service-inner .row [class*="col-"] {margin-bottom: 10px; margin-top: 10px;}
.hook-service .sbox h5 {color: #fff; margin: 24px -15px 20px -15px; padding: 0;}
.hook-service .sbox:hover h5, .hook-service .sbox:hover p {color: #ffffff;}
.hook-service .row{padding-top: 80px;}
.portFolio-content::-webkit-scrollbar {width: 6px;}
.faq-container {background-color: transparent;}
.faq-label {font-size: 20px; font-weight: 600; margin-bottom: 0; padding: 20px 20px 20px 43px; position: relative; counter-increment: ol-counter; cursor: pointer; color: #253752;}
.hook-faq .subheading{ counter-increment: ol-counter;}
.faq-content {display: none; padding: 5px 33px 15px 43px;}
.faq-container.open .faq-content{ display: block;}
.faq-container {border-bottom: 2px dashed #ccc;}
.hook-faq .subheading::before {content: counter(ol-counter) "."; position: absolute; left: 10px; top: 24px; line-height: normal; font-size: 20px; font-weight: normal; color: #212529;}
.hook-faq .faq-label.subheading::after {content: ""; width: 14px; height: 14px; background: url(../images/plus.png) no-repeat center; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);}
.hook-faq .faq-container.open .faq-label.subheading::after {background: url(../images/minus.png) no-repeat center;}
.hook-faq .faq-container.open .subheading {color: #009fa2;}
.hook-web-advantage .heading {color: #fff;}
.whyChooseus_list .cbox {padding: 30px 15px; border: 2px dashed #fff; border-radius: 5px; text-align: center; min-height: 100%;}
.whyChooseus_list .cbox .subheading {color: #fff; letter-spacing: 0.5px; padding: 0;}
.hook-testimonial .testimonialList .video-wrap:nth-child(1) { margin-top: 30px;}
.form_wrap .btn {min-width: 120px;}
.aboutUs .sk_content .editor_text{padding-right: 0px;}
.hook-service .sbox:hover .sell_text{background: #bfc001;}
.ContactBtn a{color: #212529;}
.hook-faq{background: url(../images/bg-image.png) no-repeat center bottom; background-size: contain;}
.hire-section{background: #009195 url(../upload/portfolio_images/bg-image2.png) repeat center; background-attachment: fixed; color: #ffffff;}
.hire-section .hireImg{align-self: flex-end;	margin-bottom: -100px;}
.hire-section .hireImg .figure-img{margin: 0;}
.list-item.c1{grid-template-columns: inherit; }
.list-item.c2{grid-template-columns: repeat(2, 1fr); }
.list-item.c2 li{margin: 0;}
.hook-ui-ux-wrap .content-wrap{margin-right: 30px;}
.payment-list .item { display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 20px; text-align: center; background: #ffff; box-shadow: 0 0 5px #ccc; margin: 5px; min-height: 100px; -webkit-border-radius: 10px; border-radius: 10px; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; }
.payment-list .item:hover {background: #00868b;}
.payment-list .item:hover img {	filter: brightness(0) invert(1);}
.hook-web-advantage {color: #ffffff; background: #005e62 !important;}
.whyChooseus_list .cbox img {	filter: brightness(0) invert(1);}
.hook-reason-payment .about-heading{text-align: center; margin: 0 0 50px; font-size: 38px;}
.hook-reason-payment .about-heading strong{display: block;}
.testimonialList .box-text-wrap aside figure{display: flex; align-items: center; column-gap: 10px;}
.testimonialList .video-wrap aside .timg{height: 210px;}
.freeQuote-modal .freeQuote { opacity: 1; visibility: visible; transform: scale(1); transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; }
.freeQuote { position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transform: scale(1.1); transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s; z-index: 9; }
.freeQuote .getaquote {margin: 0; position: absolute; top: 10%; left: 0; max-width: 450px; width: 100%; overflow: visible; z-index: 99; right: 0; margin: 0 auto; bottom: 0;}
.freeQuote .getaquote .form_wrap {box-shadow: none; padding-top: 15px;}
.modelOverlay {position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 99; transform: none; background: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s;}
.freeQuote-modal .modelOverlay {opacity: 1; visibility: visible;}
.freeQuote-modal .freeQuote {opacity: 1; visibility: visible; transform: scale(1); transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;}
.close-button {cursor: pointer; position: absolute; top: -12px; right: 2px; width: 26px; height: 26px; line-height: 26px; background: #ff0000; text-align: center; color: #fff; font-size: 13px; border-radius: 100%; opacity: 0.8; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s;} 
.close-button:hover {opacity: 1;} 
html.freeQuote-modal {overflow: hidden;}
.free_consultation .form_wrap input {width: 100%; padding: 6px 20px; border: 1px solid #fff; border-radius: 10px; padding: 4px 8px 8px 6px;}
.free_consultation .form_wrap input, .free_consultation .form_wrap select, .free_consultation .form_wrap textarea {outline: none; padding-left:10px;}
.free_consultation .form_wrap {background: #00868bd4; box-shadow: 0 0 15px #d5d5d5; -webkit-border-radius: 8px; border-radius: 8px; padding: 0px 20px 0px 20px;}
.freeQuote .getaquote .form_wrap {box-shadow: none; padding-top: 30px; max-height: 80vh; overflow-y: auto; scrollbar-width: thin;}
.free_consultation .form_wrap h2 { font: 300 26px 'Roboto', sans-serif !important; line-height: 30px !important; color: #fff !important; padding: 0px 0 0 0 !important; margin: 0 0 20px 0 !important;text-align: center;}
.getaquote .form_wrap .labelWrap span {color: #ffffff; margin: 0 0 6px; font-weight: 400; font-size: 14px;}
.free_consultation .form_wrap input {width: 100%; padding: 0px 16px; border: 1px solid #fff; border-radius: 4px;}
.free_consultation .form_wrap h2::after {background: #ffffff; display: block; position: static; width: 40px; margin: 15px 0 0 0 !important;}
.getaquote .form_wrap .labelWrap {color: #000; text-align: left;}
.free_consultation .labelWrap select {background-color: #fff; padding: 0px 10px 0px 10px; border-radius: 5px; border: none; font-size: 16px; height: 30px;}
.free_consultation .labelWrap select:active:focus:focus-within{border: none;}
.free_consultation .form_wrap .btn_wr { margin-top: 10px; text-align: center;}
.free_consultation .form_wrap textarea{height: 70px;}
.free_consultation .form_wrap button { background: #fff; color: #00868b; font-size: 18px; font-weight: 700; letter-spacing: 1.5px; padding: 0 10px;}
.free_consultation .form_wrap button::after{border-radius: 0;}
.free_consultation .form_wrap button:hover{background: transparent; color: #fff;}
.free_consultation .form_wrap button:hover::after{background: #000; border-color: #fff;}
.site-header .main-bar .logo-header {max-width: 140px;}
.site-header .is-fixed .main-bar .logo-header{max-width: 90px;}
.main-nav .main_menu {display: flex; align-items: center; gap: 10px;}
.main_menu .nav > li > a {color: #212529; font-family: inherit; font-weight: 400;}
.main_menu .header-nav .nav > li .sub-menu li{border-bottom: 1px solid #eaeaea; border-left: 5px solid transparent;}
.main_menu .header-nav .nav > li .sub-menu li:first-child {border-radius: 10px 10px 0 0;}
.main_menu .header-nav .nav > li .sub-menu li:last-child {border-radius: 0 0 10px 10px;}
.main_menu .header-nav .nav > li .sub-menu li:hover{border-left-color: #01c1c2;}
.btn.headContactBtn {background: linear-gradient(90deg, #03878C 0%, #01c1c2 70%); font-size: 18px; font-weight: 500; padding: 0 20px; margin: 0;}
.main_menu .header-nav .nav > li .sub-menu::before {content: ""; position: absolute; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #ffffff; top: -14px; left: 15px; z-index: 0; }
.Topfooter {background: #005e62; padding: 150px 0 25px 0; margin: -130px 0 0 0px;}
.fnav li { line-height: normal; position: relative; padding: 0 0 0 15px; margin: 0 0 16px; }
.fnav li::before {content: ""; position: absolute; top: 0; bottom: 0; left: 0; border-radius: 50%; margin: auto; background: #fff; height: 6px; width: 6px;}
.Topfooter .fContent a, .fContent p{-webkit-transition: all 300ms ease-in-out 0s; -moz-transition: all 300ms ease-in-out 0s;transition: all 300ms ease-in-out 0s; display: block; color: #fff; font-size: 16px; font-weight: normal;}
.fContent p{padding-bottom: 0px;}
.Topfooter .fContent a:hover {transform: scale(1.05); -webkit-transform: scale(1.05); color: #10fdfe;}
.fcontentHead {padding-bottom: 20px;}
.fcontentHead.f-heading{padding-bottom: 7px; position: relative; margin: 0 0 30px 0; display: inline-block;}
.fcontentHead.f-heading span {display: block; font-weight: 300; font-size: 16px;}
.fContent .f-heading::after {border-bottom: 1px solid #fff; display: block; width: 40%; content: ""; padding: 0; margin: 0; position: absolute; left: 0; bottom: -8px;}
.maplocation {display: flex; align-items: center; gap: 15px;}
.widget_locations > .row {row-gap: 15px;}
.bo_left {color: #6b7c93;}
.payment-section, .comodo-secure {display: flex; align-items: center; gap: 20px; flex-direction: row-reverse;}
.social {display: flex; align-items: center; line-height: normal; gap: 5px;}
.social .fa, .social .fa-brands {width: 26px; height: 26px; line-height: 26px; font-size: 14px; border-radius: 50%; background-color: transparent; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; color: #fff; border: transparent;}
.social a:hover i {-webkit-transform: rotate(360deg); transform: rotate(360deg); opacity: 1;}
.social a.instagram i {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;font-size: 24px;}
.social .fa-facebook{background: #316FF6;}
.social .fa-linkedin{background: #0077b5;}
.social .fa-youtube{background:  rgb(205, 32, 31);}
.social .fa-brands{background:  #000;}
.topHeading i{font: inherit; font-weight: 300;}
.partner_tabs h3 {padding: 18px 15px; color: #fff; background-color: #01c1c2; text-align: center; font-weight: normal; line-height: normal; cursor: pointer;}
.partner_tabs .active-tab-partner h3{color: #253752; background-color: #f4f1f1;}
.headingNodifyNew{text-align: left; margin-bottom: 60px;}
.tab-content-partner {padding-top: 40px;}
.headingNodifyNew::after{left: 0; margin: 0;}
.list-item {margin: 20px 0;	padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); row-gap: 20px; column-gap: 20px;}
.list-item li {padding-left: 30px; position: relative; margin-bottom: 20px; line-height: 25px;}
.list-item li::before {content: "\f00c"; font-family: "FontAwesome"; color: #fff; background:#01c1c2 20px; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; text-align: center; border-radius: 50%; font-size: 14px; line-height: 22px;}
.core-feature-wrap .sbox {background: #fff; padding: 20px 12px; text-align: center; border-bottom: 4px solid #09b7b6; border-radius: 5px; overflow: hidden; box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); min-height: 100%;}
.core-feature-wrap h6 {font-size: 16px; line-height: 1.5em; margin: 20px 0 0;}
.partner4 {padding: 60px 0; background: url(../images/partner_client_bg.png) no-repeat top center;}
.client_wrap {background: #fff; box-shadow: 0 0 15px #ccc; padding: 20px; border-radius: 10px; margin-top: 5em;}
.partner4 h2, .partner4 p{color: #fff; font-size: 50px; line-height: normal;}
.client_right_text {border-left: 2px solid #fff; padding-left: 50px;}
.client_right_text p {font-size: 24px; line-height: 38px;}
.sm-martng-process{padding-top: 70px;}
.sm-martng-process .short-desc {font-size: 20px; color: #253752; max-width: 910px; margin: 0 auto;}
.sm-martng-process .service-list{margin-top: 80px;}
.sm-martng-process .service-list .sbox {text-align: center; background: #e5f8f8; display: flex; flex-direction: column; align-items: center; row-gap: 20px; padding: 25px; min-height: 100%; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; position: relative; z-index: 1; overflow: hidden;}
.sm-martng-process .service-list .row [class*="col-"]:nth-child(even) .sbox{background: #f6f6f6;}
.sm-martng-process .service-list [class*="col-"]:nth-child(2), .sm-martng-process .service-list [class*="col-"]:nth-child(5){position: relative; top: -40px;}
.sm-martng-process .service-list .sbox .figure, .hook-service .sbox figure{background: url(../images/services-icon-bg.png) center top no-repeat; background-size: contain; width: 120px; height: 120px; line-height: 120px; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s;}
.sm-martng-process .service-list .sbox::after { content: ''; background: url(../images/sbg.jpg) center top no-repeat; position: absolute; top: 100%; left: 0; z-index: -1; width: 100%; height: 100%; background-size: cover; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; opacity: 0; visibility: hidden;}
.sm-martng-process .service-list .sbox:hover::after{top: 0; opacity: 1; visibility: visible;}
.sm-martng-process .service-list .sbox:hover .subheading, .sm-martng-process .service-list .sbox:hover .para{ color: #fff;}
.sm-martng-process .service-list .sbox:hover .figure{background: #ffffff73; border-radius: 50%; transform: scale(1.1);}
.sm-martng-process .service-list .sbox .subheading{font-size: 20px; padding: 0;}
.sm-martng-process .service-list .sbox .para{font-size: 17px; line-height: 28px;}
.blogbottom {padding: 0 15px 20px; max-width: 690px; margin: 0 auto;}
.blog-single h3 {font-size: 26px; line-height: 1.3em; padding-top: 30px; margin-bottom: 0; padding-bottom: 10px;}
.blogtop {box-shadow: 0 6px 20px 4px rgba(81, 80, 80, 0.3); padding: 15px 30px; background: #fff; max-width: 610px; margin: -40px auto 0; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.blogtop > ul > li { gap: 10px; display: flex; align-items: center; line-height: normal; font-weight: 300; color: #999999; border-left: 1px solid #d0cece; min-height: 40px; padding-left: 15px; }
.blogtop > ul > li:first-child{ border: none; padding-left: 0px;}
.date div span {font-size: 18px; color: #025153; font-weight: 800; font-style: italic; display: block;}
.date div span:last-child {font-size: 15px; color: #7d8484;}
.blogbottom .sk_para{margin-bottom: 15px;}
.readmore { line-height: 40px; font-size: 18px; font-weight: 500; letter-spacing: 0.8px; color: #005e62; border: 1px solid #cecece; padding: 6px 10px; background: transparent; }
.readmore:hover{background: #005e62; color: #fff; border: none;}
.side-bar.sticky-top {z-index: 1; padding-left: 0;}
.search-bx .searchBtn{min-width: auto; width: 45px;}
.search-bx .searchBtn i { display: grid; place-items: center; width: fit-content; margin: 0 auto; font-size: 14px; }
.blog-list .blogbox {position: relative; margin-bottom: 25px; overflow: hidden;}
.blog-list .blogbox .btext .blogtextHead{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 18px; line-height: 1.3em; font-weight: 500; letter-spacing: 0.5px; color: #fff;}
.blog-list .blogbox figure::before{position: absolute; content: ""; left: 0; right: 0; top: 0; width: 100%; height: 100%; -webkit-box-shadow: inset 0px -105px 60px -36px rgb(0 0 0 / 75%); -moz-box-shadow: inset 0px -105px 60px -36px rgba(0, 0, 0, 0.75); box-shadow: inset 0px -105px 60px -36px rgb(0 0 0 / 75%); z-index: 1;}
.blog-list .blogbox figure::after{position: absolute; content: "\f061"; font-family: "FontAwesome"; right: -8px; bottom: -7px; width: 50px; font-size: 20px; height: 50px; background: #00868b; color: #fff; border-radius: 100%; z-index: 2; text-align: center; line-height: 50px;}
.blog-list .blogbox .btext {position: absolute; left: 0; right: 0; bottom: 0; width: 100%; padding: 0 40px 20px 20px; z-index: 1;}
.blog-list .blogbox:hover figure img{transform: scale(1.06);}
.blog-list .blogbox:hover figure::after{background: #01bfc0;}
.side-bar .dz-social-icon li a {width: 52px; height: 52px; overflow: hidden; line-height: 52px; font-size: 24px; border-radius: 0; margin-right: 10px; display: inline-block; text-align: center; color: #fff; background: #000;}
.side-bar .title{font-size: 24px; line-height: 1.4em; display: block; margin-bottom: 10px;}
.side-bar .title.w{color: #fff;}
.side-bar .dz-social-icon li a.fa-linkedin{background: -webkit-linear-gradient( left, rgba(9, 133, 199, 1) 0%, rgba(4, 90, 133, 1) 100% ); background: -o-linear-gradient( left, rgba(9, 133, 199, 1) 0%, rgba(4, 90, 133, 1) 100% ); background: -ms-linear-gradient( left, rgba(9, 133, 199, 1) 0%, rgba(4, 90, 133, 1) 100% ); background: linear-gradient( to right, rgba(9, 133, 199, 1) 0%, rgba(4, 90, 133, 1) 100% );}
.side-bar .dz-social-icon li a.fa-instagram{background: -webkit-linear-gradient( left, rgba(161, 35, 140, 1) 0%, rgba(210, 86, 79, 1) 100% ); background: -o-linear-gradient( left, rgba(161, 35, 140, 1) 0%, rgba(210, 86, 79, 1) 100% ); background: -ms-linear-gradient( left, rgba(161, 35, 140, 1) 0%, rgba(210, 86, 79, 1) 100% ); background: linear-gradient( to right, rgba(161, 35, 140, 1) 0%, rgba(210, 86, 79, 1) 100% );}
.side-bar .dz-social-icon li a.fa-facebook-f{background: -webkit-linear-gradient( left, rgba(59, 88, 152, 1) 0%, rgba(88, 114, 167, 1) 100% ); background: -o-linear-gradient( left, rgba(59, 88, 152, 1) 0%, rgba(88, 114, 167, 1) 100% ); background: -ms-linear-gradient( left, rgba(59, 88, 152, 1) 0%, rgba(88, 114, 167, 1) 100% ); background: linear-gradient( to right, rgba(59, 88, 152, 1) 0%, rgba(88, 114, 167, 1) 100% );}
.sideblock.service-side {color: #fff; padding: 20px; background: url(../images/newsletter-bg.jpg) no-repeat center; background-size: cover;}
.sideblock .service-listing ul {display: list-item; list-style: disc; margin-left: 20px;}
.sideblock.service-side ul li {margin-bottom: 15px; list-style: disc;}
.sideblock.service-side ul li a {color: #ffffff;}
.fb-links .fb-page blockquote {background: transparent; margin: 0; font-size: 16px; padding: 0;}
.fb-links .fb-page blockquote::after{content: none;}
.blog_details .blog-single img{width: 100%;}
.blog_details .dz-title {margin-bottom: 30px;}
.blog_details .post-author{color: #005e62; font-size: 14px; line-height: 20px; background: #c8f2f2; border-radius: 3px; padding: 5px 15px !important; letter-spacing: 1px;}
.blog_details .dz-meta ul li::after, .dz-card.style-1.blog-lg .dz-info .dz-meta ul .post-author::after{content: none;}
.blog_details .blog-single .dz-media + .dz-info::before {content: "share"; color: #00868b; font-size: 18px; font-weight: 600; text-transform: uppercase; transform: rotate(-90deg); position: absolute; top: 60px; left: -60px;}
.blog_details .blog-single .dz-media + .dz-info::after{left: -32px; top: 110px; position: absolute; content: ""; width: 2px; height: 70px; background: #dfdfdf;}
.blog_details .cform .subheading{margin-bottom: 15px;}
.dz-card.style-1.blog-half .dz-media .dz-badge-list a {background-color: var(--primary);}
.dz-card.style-1.blog-half .dz-info .dz-title a{color: #253752;}
.hook-corporate-value {background: url(../images/bg-image.png) center bottom no-repeat;}
.companyprofile-list .company-profile-box {background-color: #e4f2f399; line-height: 30px; height: 100%; padding: 20px 40px; border-radius: 3px;}
.profile-subhead {display: flex; align-items: center; justify-content: left; gap: 10px; position: relative; min-height: 60px; color: #fb535d; font-size: 16px; font-weight: 700; letter-spacing: 1px;}
.profile-subhead.blue{color: #1870f8;}
.vhead.editor-head{margin: 10px 0;}
.hook-about, .hook-corporate-value, .hook-service, .hook-testimonial-page {padding-bottom: 0;}
.hook-costomise-solution .logo-list ul li{border: 1px dashed #01c1c285; border-width: 1px 1px 0 0;}
.hook-costomise-solution .logo-box{padding: 15px; height: 160px; display: flex; align-items: center; justify-content: center;}
.logo-box .logo-img{max-width: 150px; margin: 0 auto; width: 100%; text-align: center;}
.hook-costomise-solution .logo-list ul li:nth-child(4n){border-right: none;}
.hook-costomise-solution .logo-list ul li:nth-child(1),
.hook-costomise-solution .logo-list ul li:nth-child(2),
.hook-costomise-solution .logo-list ul li:nth-child(3),
.hook-costomise-solution .logo-list ul li:nth-child(4) {border-top: none;}
.hook-establish {background: #005e62;}
.hook-establish .topHeading, .hook-establish .heading span{color: #fff;}
.hook-establish .sbox-top {display: flex; align-items: center;}
.hook-establish .sbox-top .h2 {margin: 0; color: #fff; line-height: normal;}
.hook-establish .sbox-top figure{margin: 0 15px;}
.hook-establish .sbox {margin-top: 10px; padding: 15px; border: 2px dashed #fff; border-radius: 4px; min-height: 130px;}
.hook-establish .sbox .small-head {font-size: 25px; text-align: center; margin-top: 15px; color: #fff;}
.hook-startup .block-box { background-color: #e4f2f3; padding: 25px; min-height: 100%; text-align: center; line-height: 30px; border-radius: 4px; }
.section.hook-team{background: #e5f8f8; padding: 80px 0 20px 0;}
.section.hook-team .team-image-wrap{transform: scale(0.85);}
.section.hook-team .center .team-image-wrap{transform: scale(1.2); border: 4px solid #fff;}
.section.hook-team .active.center{z-index: 99;}
.section.hook-team .owl-carousel .owl-stage-outer{overflow: visible !important;}
.section.hook-team .container {padding: 50px 0; overflow: hidden;}
.section.hook-team .owl-dots{margin-top: 80px; text-align: center;}
.owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity 0.2s ease; border-radius: 30px; }
.owl-dots .owl-dot.active span{background: #018c91;}
.tbox figure {display: block; text-align: center; background: url(../images/we_bg.png) center top no-repeat; padding: 0; margin: 0 auto; width: 114px; height: 111px; line-height: 111px;}
.tbox figure img {display: inline-block; vertical-align: middle; max-width: 100%; height: auto; -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out;}
.work-slider.owl-carousel .owl-item img{display: inline-block; width: auto;}
.tbox:hover figure img{transform: scale(1.3);}
.brandslider.owl-carousel .owl-nav [class*="owl-"],.industries-slider.owl-carousel .owl-nav [class*="owl-"], .work-slider.owl-carousel .owl-nav [class*="owl-"], .hook-testimonial-page .owl-carousel .owl-nav [class*="owl-"], .hook-industry .owl-carousel .owl-nav [class*="owl-"] {text-align: center; color: #fff; border: none; float: left; padding: 0 1px 0 0; cursor: pointer; opacity: 1; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; -webkit-box-shadow: 2px 2px 10px rgb(0 0 0 / 20%); box-shadow: 2px 2px 10px rgb(0 0 0 / 20%); font-size: 0px; width: 50px; height: 50px; line-height: 50px; -webkit-border-radius: 50%; border-radius: 50%; margin: 0; top: 50%; transform: translateY(-50%); position: absolute; left: -10px; background: #fff url(../images/arrow-left-green.png) no-repeat center;}
.brandslider.owl-carousel .owl-nav .owl-next,.industries-slider.owl-carousel .owl-nav .owl-next, .work-slider.owl-carousel .owl-nav .owl-next, .hook-testimonial-page .owl-carousel .owl-nav .owl-next, .hook-industry .owl-carousel .owl-nav .owl-next{float: right; padding: 0 0 0 4px; left: auto; right: -10px; transform: rotate(-180deg) translateY(50%); }
.hook-testimonial-page .owl-carousel .owl-nav .owl-next{transform: rotate(0deg) translateY(50%); top: 39%;}
.technology_name {margin: 15px 0 0 0; text-align: center; font-size: 16px; font-weight: 600; }
.hook-service .sbox {display: block; background: #e5f8f8; padding: 25px; -webkit-transition: all 250ms ease-in-out 0s; transition: all 250ms ease-in-out 0s; position: relative; z-index: 1; overflow: hidden; text-align: center; min-height: 100%;}
.sell_text {position: absolute; top: 0; right: 0; background: #01c062; color: #fff; font-size: 13px; padding: 2px 16px; border-radius: 0; z-index: 3; text-transform: uppercase; font-weight: bold;}
.hook-service .sbox figure{margin: 0 auto;}
.hook-service .sbox .service_heading {color: #fff; margin: 24px -15px 20px -15px; padding: 0; font-size: 20px; font-weight: 600;}
.hook-service .sbox .service_heading a{color: #fff;}
.hook-service .sbox p {text-align: center; font-size: 15px; font-weight: 400; line-height: 24px; color: #fff; padding: 0 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.hook-service .sbox{background: url(../images/sbg.jpg) no-repeat right top; background-size: cover; display: flex; align-items: center; justify-content: center; padding: 20px 20px; width: 100%; height: 100%; text-align: center; transition: all 500ms ease-in-out 0s;}
.price-wrap {font-size: 18px; font-weight: 700; color: #ffff; margin: 10px 0;}
.price-wrap .price {font-size: 36px; font-weight: 800; margin-top: 8px;}
.hook-service .sbox .flip-ms_box .btn {background: transparent; border: 1px solid #fff; margin: 20px 0 0 0; font-weight: 700; letter-spacing: 1px; color: #fff;}
.hook-service .sbox .btn::after{background: #fff; border: none;}
.hook-service .sbox .flip-ms_box .btn:hover{color: #fff;}
.hook-service .row [class*="col-"]:nth-child(2n) .sbox {background-color: #f6f6f6;}
.hook-service .row [class*="col-"]:nth-child(2n) {position: relative;top: -40px;}
.hook-testimonial-page .topHeading {font-size: 32px; line-height: 42px; margin: 0; font-weight: 700; text-align: left;}
.hook-testimonial-page .topHeading::after{content: none;}
.hook-testimonial-page .topHeading span {margin-bottom: 20px; letter-spacing: 3px; font-size: 14px;}
.hook-technologies{padding-top: 60px;}
.hook-testimonial-page::before { position: absolute; background: url(../images/testimonial_bg-update.png) left top no-repeat; left: 0; background-size: contain; top: 40px; content: ""; width: 700px; height: 650px;}
.hook-testimonial-page .testimonial_left_content{padding: 110px 0 0 0px;text-align: left;position: relative;z-index: 1;}
.cform .payment-wrap-box{display: flex; align-items: center; flex-wrap: wrap;}
.cform .payment-wrap-box .radio_box {padding: 0 20px; cursor: pointer; color: #1c2334; line-height: normal; position: relative;}
.cform .payment-wrap-box .labelWrap{margin-right: 15px;}
.cform .payment-wrap-box .radio_box input{position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.cform .payment-wrap-box .radio_box .checkmark{position: absolute; top: 0; left: 0; border-radius: 100%; height: 15px; width: 15px; border: 1px solid #00868b; background-color: transparent; cursor: pointer; bottom: 0; margin: auto;}
.cform .payment-wrap-box .radio_box .checkmark::after {content: ""; position: absolute; top: 0; left: 3px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border: solid transparent; width: 5px; height: 9px; border-width: 0 2px 2px 0;}
.cform .radio_box input:checked ~ .checkmark{background-color: #00868b;}
.cform .radio_box input:checked ~ .checkmark::after {border-color: #fff;}
.cform .cancel.btn {margin-left: 20px;}
.section.our-client {background: url(../images/our-client-bg.jpg) center bottom no-repeat; background-size: cover; margin: 0; position: relative;}
.section.our-client .item .logo-box {background: #fff; padding: 10px; border-radius: 10px;}
.logo-box figure {height: 100px; display: flex; align-items: center; justify-content: center;}
.our-client .owl-carousel .owl-item img {width: 100%; height: 100%; object-fit: contain; margin: 0 auto;}
.section.our-client::before { position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: ""; background: rgba(0,0,0,0.8); }
.who-are.choose-us{padding: 50px 0; background: #e5f8f8;}
.who-are.choose-us .topHeading::after{background: #00868b;}
.list_why {margin: 30px 0 0 0;}
.list_why ul{display: flex; align-items: center; justify-content: space-between;}
.list_why ul li {flex: 1; text-align: center; font-size: 18px; font-family: 'Roboto', sans-serif !important; background: #04b5bb; margin: 0 0 0 0; text-align: left; padding: 15px 0 15px 30px; font-weight: 700; text-transform: uppercase; line-height: 22px; color: #fff; border-bottom: 4px solid #00868b; display: flex; align-items: center;}
.list_why ul li:nth-child(2) {background: #00868b; border-bottom: 4px solid #006064;}
.list_why ul li:last-child {background: #006064; border-bottom: 4px solid #00868b;}
.counter-show.hook-count, .hook-count.hook-establish{background: #005e62; color: #ffffff;}
.counter-show.hook-count .count-num {font-size: 50px; padding: 0; margin: 0; font-weight: 600; line-height: normal;}
.counter-show.hook-count .count-box figure {margin: 0 0 15px 0;}
.counter-show.hook-count .count-box p {font-size: 22px;}
.aboutUs .getaquote.free_consultation .topHeading::after{display: none;}
.aboutUs .getaquote.free_consultation .form_wrap{box-shadow: none; background: url(../images/formimg.jpg) right top no-repeat; background-size: cover; padding: 30px 20px 20px 20px;}
.aboutUs.quoteForm-new .free_consultation .form_wrap::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.7); content: ""; }
.aboutUs.quoteForm-new .free_consultation .form_wrap .labelWrap .btn{background: transparent; border: 1px solid #fff; color: #fff;}
.free_consultation .topHeading span {margin-bottom: 8px;}
.section.digital-identities {padding: 0; min-height: 200px;}
.review-list {margin: -95px 0 0; position: relative; padding: 0 0;}
.review-list::before {content: ""; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 50%; background: transparent; z-index: 1; pointer-events: none;}
.bounce{display: none;}
.homebanner .bannertext .heading {font-size: 55px; font-weight: 600; line-height: 1.3em; letter-spacing: 1px;color: #fff; margin: 0;}
.homebanner .bannertext .subheading {color: #fff; font-size: 20px; font-weight: 400; padding: 10px 0 20px; line-height: 1.6em;}
.banner-video::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0px; right: 0; background: rgb(0, 0, 0); background: linear-gradient( 90deg, rgba(8, 6, 6, 0.6) 30%, rgba(255, 255, 255, 0) 100% ); z-index: 1; }
.banner-video {background: #ffffff; position: relative; padding-top: 450px;}
.banner-video video {width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; right: 0;}
.hook-testimonial-page .owl-carousel .owl-nav [class*="owl-"] {background: #fff; font-size: 30px; color: #01c1c2;}
.tabs-content{display: list-item;}
.form-group{position:relative;}
.testimonials-list .owl-item #test {display: grid; grid-template-columns: repeat(2, 1fr); row-gap: 30px;}
.video-wrap, .box-text-wrap {max-width: 430px;}
.user-info-wrap {display: flex; align-items: center; column-gap: 20px; margin: 20px 0 0;}
.user-info-wrap figure{flex-shrink: 0;}
.box-text-wrap aside {text-align: left; background: #fff; -webkit-box-shadow: 0 0 15px rgba(185, 185, 185, 0.4); box-shadow: 0 0 15px rgba(185, 185, 185, 0.4); -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; position: relative; border-radius: 0 50px; padding: 20px 24px; max-width: calc(100% - 10px); height: 100%;}
.box-text-wrap aside:hover{background: #00868b; color: #fff; border-radius: 0 50px;}
.testimonial_user {color: #253752; font-size: 20px; line-height: 1.4em; font-weight: 600;}
.box-text-wrap:first-child aside {margin: 0 -10px 0 10px; max-width: 100%;}
/* .box-text-wrap:nth-child(4) aside {margin: 0 0 0 -20px;} */
.test_text {max-height: 95px; overflow: hidden; overflow-y: auto; scrollbar-width: thin; scrollbar-color:#01c1c2 #fff; padding-right: 10px;}
.footer-review {position: fixed; right: 53px; top: 30%; display: flex; align-items: center; flex-direction: row-reverse; transform: rotate(-90deg); transform-origin: top right; z-index: 9;}
.rateBox:first-child {margin-right: 5px; margin-left: 2px;}
.rateBox{position: relative;}
.rateBox a { padding: 0; margin: 0; text-align: center;}
.rateBox .rateyo-readonly-widg {position: absolute; bottom: 10px; left: 60px; font-size: 14px; line-height: normal; font-weight: 600; color: #c08a06;}
.test_text::-webkit-scrollbar{width: 5px;}
.review_btn_wrap{margin: 50px 0;}
.review_btn_wrap .star {display: flex; column-gap: 20px; justify-content: center; align-items: center;}
.review_btn_wrap .star a{display: block; height: 120px; width: 120px; filter: grayscale(1); background: no-repeat -120px 0;transition: none;}
.review_btn_wrap .star a:hover{filter: grayscale(0); background: no-repeat 0 0;}
.review_btn_wrap .star a.rated{filter: grayscale(0); background: no-repeat 0 0;}
.rateBlock .cform{margin-top: 20px;}
.modal {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 1; visibility: visible; transform: scale(1.1); transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;}
.reviewShare_body{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 2rem 2.5rem; width: 30em; border-radius: 0.5rem;}
.reviewShare_body #close-button {width: 1.5rem; font-size: 1.2em; line-height: 1; padding: .2em .2em .15em; text-align: center; cursor: pointer; border-radius: 0.25rem; background-color: #ccc; color: #000; transition: color 0.12s ease-in-out; position: absolute; right: 8px; top: 8px; height: auto;}
.reviewShare_body #close-button:hover{color: #444444;}
.tabnav ul {border-right: 2px solid #ccc;}
.benefit-list {position: relative; padding-left: 90px; display: flex; align-items: center; min-height: 70px; margin-bottom: 20px; padding-right: 15px; margin-right: -2px; overflow: hidden; border-radius: 35px 0 0 35px; border-right: 5px solid transparent; cursor: pointer;}
.benefit-list.active-tab { background-color: #fff; border-color: #09b7b6;}
.benefit-list .figure-icon {position: absolute; left: 0; top: 0; width: 70px; height: 70px; border-radius: 100%; padding: 10px; overflow: hidden; background: #213148; display: flex; align-items: center; justify-content: center;}
.benefit-list.active-tab .figure-icon {background: #09b7b6;}
.modifyHeading .benefit-list h3 {margin: 0 !important; padding: 0; font-size: 20px; line-height: 1.4em; font-weight: 400; color: #223955; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.benefit-list.active-tab h3 { text-shadow: 1px 0 #223955; letter-spacing: 0.5px;}
.benefit-list.active-tab .figure-icon img {filter: brightness(0) invert(1);}
.hook-service-category-description .list-item, .log .list-item, .redesign-benefit .benefit-tab .tab-content .list-item, .website-redesign1 .para .list-item{grid-template-columns: repeat(1, 1fr); row-gap: 0px;}
.redesign-benefit{background: #f6f6f6; padding: 50px 0;}
.website-redesign1 .para, .redesign-benefit .benefit-tab, .redesign-rwd .para{margin-top: 30px;}
.hook-step .sbox {min-height: 100%; text-align: center; padding: 30px 20px; border-radius: 15px; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.hook-step .sbox:hover {box-shadow: 0 0 25px 0 rgb(0 0 0 / 15%);}
.hook-step .sbox .num {color: #66676a; font-size: 42px; line-height: 1.2em; font-family: 'Roboto'; margin-top: 15px; font-weight: 600;}
.hook-what-we-do{background: #f3f3f3;text-align: justify;}
.hook-reason .about-heading.underline::after, .hook-service-category .about-heading.underline::after, .EveryInbox .about-heading.underline::after, .hook-process-dev .about-heading.underline::after, .BrandingAdvantage .about-heading.underline::after, .brochure_bg .about-heading.underline::after {margin: 0 auto;}
.hook-reason .list-item { margin: 15px 0 0; row-gap: 20px; }
.hook-automation .tbox figure .tbox-bg {padding: 0; background: rgb(255 255 255 / 40%); width: 84px; height: 84px; margin: 0 auto; border-radius: 50px; display: flex; justify-content: center; flex-direction: column;}
.hook-automation .tbox figure img {width: 70%;margin: 0 auto;max-width: 100%;}
.hook-automation .tbox figure {display: flex; justify-content: center; flex-direction: column;}
.tbox .medianame {text-align: center; font-size: 16px; font-weight: 600; font-family: 'Roboto'; line-height: 20px; color: #0d1f43; padding: 0; margin: 18px 0 0 0; -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out;}
.core-feature-wrap.seo-core-feature-wrap .sbox {position: relative; min-height: 150px;}
.core-feature-wrap .sbox .figure-img {width: 44px; height: 44px; margin: 0 auto;}
.core-feature-wrap h6, .core-feature-wrap .title {font-size: 16px; line-height: 1.5em; margin: 20px 0 0; margin-bottom: 0; font-family: 'Roboto'; font-weight: 600; color: #253752; text-transform: capitalize;}
.core-feature-wrap.seo-core-feature-wrap .sbox .hvr-text {position: absolute; width: 100%; height: 100%; bottom: -100%; left: 0; background-color: #09b7b6; color: #fff; padding: 15px; font-size: 14px; display: flex; align-items: center; justify-content: center; line-height: normal; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.core-feature-wrap.seo-core-feature-wrap .sbox:hover .hvr-text {bottom: 0;}
.sm-marketing-bg {background: #f4f4f4 url(../upload/portfolio_images/sm-benefit-bg.jpg) no-repeat 40% 100%; padding: 70px 0 50px 0;}
.border-box {background: #fff; padding: 20px 30px; border-radius: 5px; overflow: hidden; box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%); min-height: 170px; margin-bottom: 30px; position: relative; z-index: 1;}
.border-box:hover {color: #fff;}
.border-box::after {position: absolute; background: #09b7b6; content: ""; width: 100%; height: 4px; bottom: 0; left: 0; z-index: -1; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.border-box:hover::after {height: 100%;}
.border-box h2 {padding: 0; margin-bottom: 15px; font-size: 22px; line-height: normal; color: #292929; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.border-box .para {font-size: 15px; line-height: 24px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.hook-service-category {background: url(../images/sevices-bg.jpg) center bottom no-repeat; text-align: center; padding: 50px 0;}
.hook-service .row [class*="col-"] {margin-bottom: 30px;}
.ppc2_img {float: right; margin-left: 30px; max-width: 50%;}
/* .ppc_awards ul li {position: relative; padding-left: 10px; color: #263950; font-size: 20px; line-height: 28px; margin: 14px 0 25px; font-weight: 700;}
.ppc_awards ul li::after {position: absolute; content: ""; left: 0; top: 12px; width: 5px; height: 5px; border-radius: 100%; overflow: hidden; background-color: #000;} */
.hook-service-category .service-list{margin-top: 80px;}
.EveryInbox {background-color: #f4f4f4;}
.EveryInbox_box {display: flex; column-gap: 24px; row-gap: 15px; align-items: start; min-height: 100%; padding: 16px 20px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; position: relative;}
.EveryInbox_box:hover {background-color: #fff; border-radius: 5px;}
.EveryInbox_box .figure-icon {max-width: 55px; flex-shrink: 0;}
.EveryInbox_box .EveryInbox_content h3 {margin: 0 0 10px; padding: 0; font-size: 24px; line-height: 1.4em; font-weight: 600; color: #223955;}
.EveryInbox_content p {font-size: 15px; line-height: 20px;}
.process-list .pbox {height: 100%; background: #fff; padding: 65px 15px 15px; text-align: center; box-shadow: 0 0 10px 0 rgb(0 0 0 / 5%); min-height: 336px; -webkit-transition: all 250ms ease-in-out 0s; transition: all 250ms ease-in-out 0s; position: relative;}
.process-list .pbox:hover {color: #fff; background: rgb(10, 139, 144); background: linear-gradient( 354deg, rgba(10, 139, 144, 1) 0%, rgba(9, 182, 181, 1) 100% );}
.process-list .pbox::after {content: ""; position: absolute; background: url(../images/ca1.png) no-repeat right center; width: 89px; height: 17px; top: -8px; left: auto; right: 0;}
.process-list .pbox figure, .process-list .pbox .figure, .process-list .pbox .figure-img {width: 90px; height: 90px; font-size: 30px; line-height: 90px; margin: 0 auto 0; background: #09b7b6; color: #fff; font-weight: 700; border-radius: 50%; border: 3px solid #f4f4f4; position: absolute; left: 0; right: 0; top: -45px;}
.process-list .pbox .figure-img > div::before, .process-list .pbox .figure > div::before {content: ""; position: absolute; border: 1px solid #253752; border-color: #253752 #253752 transparent transparent; width: 100px; height: 100px; top: -8px; left: -8px; border-radius: 50%; transform: rotate(-45deg);}
.process-list .col-sm-3:nth-child(2n) .pbox figure > div::before, .process-list .col-sm-3:nth-child(2n) .pbox .figure > div::before {transform: rotate(135deg);}
.process-list .col-sm-3:last-child .pbox::after {opacity: 0;}
.process-list .pbox h5 {margin-bottom: 0; padding-bottom: 15px;}
.hook-process-dev .short-desc {margin-bottom: 80px;}
.BrandingAdvantageList {position: relative; margin-top: 40px;}
.midle_img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 33.33%; text-align: center;}
.BrandingAdvantage {background-color: #f4f4f4; padding: 100px 0;}
.BrandingAdvantageBox {padding: 15px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.BrandingAdvantageBox figure, .BrandingAdvantageBox .figure {margin: 0 0 10px;}
.BrandingAdvantageBox_content h3 {margin: 0 0 10px; padding: 0; font-size: 24px; line-height: normal; font-weight: 600; color: #223955;}
.BrandingAdvantageBox p:last-child {padding-bottom: 0;}
.BrandingAdvantageList ul li:nth-child(2n) {margin-left: 33.333%;}
.brochure_bg {background: #fff url(../images/brochure_bg.png) no-repeat center bottom;}
.brochure_box {display: flex; flex-direction: column; justify-content: center; box-shadow: 0 0 15px #0000001a; overflow: hidden; border-radius: 5px; background: #fff; min-height: 100%; padding: 20px; text-align: center;}
.brochure_box .figure {display: block; margin: -20px -20px 20px;}
.brochure_box h3 {color: #223955; font-size: 22px; line-height: 1.4em; overflow: hidden; padding: 0; margin: 0 0 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.brochure_box .para {margin-top: auto; font-size: 18px; line-height: 1.6em; color: #465a72; overflow-y: auto; max-height: 87px; padding-right: 10px; scrollbar-width: thin;}
	/* CSS Multiple Whatsapp Chat */
.whatsapp-name {font-size: 16px; font-weight: 600; padding-bottom: 0; margin-bottom: 0; line-height: 0.5;}
#whatsapp-chat {box-sizing: border-box !important; outline: none !important; position: fixed; width: 350px; border-radius: 10px; box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28); bottom: 90px; right: 30px; overflow: hidden; z-index: 99; animation-name: showchat; animation-duration: 1s; transform: scale(1);}
a.blantershow-chat {background: #fff; color: #404040; position: fixed; display: flex; font-weight: 400; justify-content: space-between; z-index: 98; bottom: 30%; right: 30px; font-size: 15px; padding: 10px 20px; border-radius: 30px; box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);}
a.blantershow-chat svg {transform: scale(1.2); margin: 0 10px 0 0;}
.header-chat {background: #009688; background: #095e54; color: #fff; padding: 20px;}
.header-chat h3 {margin: 0 0 10px;}
.header-chat p {font-size: 14px; line-height: 1.7; margin: 0;}
.info-avatar {position: relative;}
.info-avatar img {border-radius: 100%; width: 50px; float: left; margin: 0 10px 0 0;}
a.informasi {padding: 20px; display: block; overflow: hidden; animation-name: showhide; animation-duration: 0.5s;}
a.informasi:hover {background: #f1f1f1;}
.info-chat span {display: block;}
#get-label, span.chat-label {font-size: 12px; color: #888;}
#get-nama, span.chat-nama {margin: 5px 0 0; font-size: 15px; font-weight: 700; color: #222;}
#get-label, #get-nama {color: #fff;}
span.my-number {display: none;}
textarea#chat-input {border: none; font-family: "Arial", sans-serif; width: 100%; height: 40px; outline: none; resize: none; padding: 10px; font-size: 14px;}
a#send-it { width: 40px; height: 40px; font-weight: 700; background: #005f54; border-radius: 50%; display: flex; justify-content: center; align-items: center; flex-shrink: 0; }
a#send-it svg { fill: #fff; height: 22px; width: 22px; padding-left: 4px; }
.first-msg {background: transparent; padding: 30px; text-align: center; & span {background: #e2e2e2; color: #333; font-size: 14.2px; line-height: 1.7; border-radius: 10px; padding: 15px 20px; display: inline-block;}}
.start-chat .blanter-msg {display: flex; background: #fff; column-gap: 10px;}
textarea#chat-input::-webkit-scrollbar { width: 0px; }
#get-number {display: none;}
a.close-chat {position: absolute; top: 5px; right: 15px; color: #fff; font-size: 30px;}
@keyframes ZpjSY {0% { background-color: rgb(182, 181, 186); } 15% { background-color: rgb(17, 17, 17); } 25% { background-color: rgb(182, 181, 186); }}
@keyframes hPhMsj {15% { background-color: rgb(182, 181, 186); } 25% { background-color: rgb(17, 17, 17); } 35% { background-color: rgb(182, 181, 186); }}
@keyframes iUMejp {25% { background-color: rgb(182, 181, 186); } 35% { background-color: rgb(17, 17, 17); } 45% { background-color: rgb(182, 181, 186); }}
@keyframes showhide {from { transform: scale(0.5); opacity: 0; }}
@keyframes showchat {from { transform: scale(0); opacity: 0; }}
@media screen and (max-width: 480px) {#whatsapp-chat { width: auto; left: 5%; right: 5%; font-size: 80%; }}
.hide {display: none; animation-name: showhide; animation-duration: 0.5s; transform: scale(1); opacity: 1;}
.show {display: block; animation-name: showhide; animation-duration: 0.5s; transform: scale(1); opacity: 1;}
.whatsapp-message-container {display: flex; z-index: 1;}
.whatsapp-message {padding: 7px 14px 6px; background-color: rgb(255, 255, 255); border-radius: 0px 8px 8px; position: relative; transition: all 0.3s ease 0s; opacity: 0; transform-origin: center top 0px; z-index: 2; box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px; margin-top: 4px; margin-left: -54px; max-width: calc(100% - 66px);}
.whatsapp-chat-body {padding: 20px 20px 20px 10px; background-color: rgb(230, 221, 212); position: relative; &::before {display: block; position: absolute; content: ""; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 0; opacity: 0.08; background-image: url("https://elfsight.com/assets/chats/patterns/whatsapp.png"); background-image: url(https://res.cloudinary.com/eventbree/image/upload/v1575782560/Widgets/whatsappbg_opt.jpg);}}
.dAbFpq {display: flex; z-index: 1;}
.eJJEeC {background-color: rgb(255, 255, 255); width: 52.5px; height: 32px; border-radius: 16px; display: flex; -moz-box-pack: center; justify-content: center; -moz-box-align: center; align-items: center; margin-left: 10px; opacity: 0; transition: all 0.1s ease 0s; z-index: 1; box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px;}
.hFENyl {position: relative; display: flex;}
.ixsrax {height: 5px; width: 5px; margin: 0px 2px; border-radius: 50%; display: inline-block; position: relative; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: linear; top: 0px; background-color: rgb(158, 157, 162); animation-name: ZpjSY;}
.dRvxoz {height: 5px; width: 5px; margin: 0px 2px; background-color: rgb(182, 181, 186); border-radius: 50%; display: inline-block; position: relative; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: linear; top: 0px; animation-name: hPhMsj;}
.kAZgZq {padding: 7px 14px 6px; background-color: rgb(255, 255, 255); border-radius: 0px 8px 8px; position: relative; transition: all 0.3s ease 0s; opacity: 0; transform-origin: center top 0px; z-index: 2; box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 0.5px; margin-top: 4px; margin-left: -54px; max-width: calc(100% - 66px); &::before { position: absolute; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAmCAMAAADp2asXAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACQUExURUxpccPDw9ra2m9vbwAAAAAAADExMf///wAAABoaGk9PT7q6uqurqwsLCycnJz4+PtDQ0JycnIyMjPf3915eXvz8/E9PT/39/RMTE4CAgAAAAJqamv////////r6+u/v7yUlJeXl5f///5ycnOXl5XNzc/Hx8f///xUVFf///+zs7P///+bm5gAAAM7Ozv///2fVensAAAAvdFJOUwCow1cBCCnqAhNAnY0WIDW2f2/hSeo99g1lBYT87vDXG8/6d8oL4sgM5szrkgl660OiZwAAAHRJREFUKM/ty7cSggAABNFVUQFzwizmjPz/39k4YuFWtm55bw7eHR6ny63+alnswT3/rIDzUSC7CrAziPYCJCsB+gbVkgDtVIDh+DsE9OTBpCtAbSBAZSEQNgWIygJ0RgJMDWYNAdYbAeKtAHODlkHIv997AkLqIVOXVU84AAAAAElFTkSuQmCC"); background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; content: ""; top: 0px; left: -12px; width: 12px; height: 19px; }}
.bMIBDo {font-size: 13px; font-weight: 700; line-height: 18px; color: rgba(0, 0, 0, 0.4);}
.iSpIQi {font-size: 14px; line-height: 19px; margin-top: 4px; color: rgb(17, 17, 17);}
.iSpIQi {font-size: 14px; line-height: 19px; margin-top: 4px; color: rgb(17, 17, 17);}
.cqCDVm {text-align: right; margin-top: 4px; font-size: 12px; line-height: 16px; color: rgba(17, 17, 17, 0.5); margin-right: -8px; margin-bottom: -4px;}
	/* CSS Multiple Whatsapp Chat */
.packages_section .package-list .sbox .para{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.testimonial_inner_page .testimonials-list aside {background: #fff; border-radius: 10px; box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%); padding: 15px 15px 30px; position: relative; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; height: 350px; }	
.testimonial_inner_page .box-text-wrap figure {text-align: center; margin: -64px 0 10px;}
.testimonial_inner_page .box-text-wrap img {width: 100px; height: 100px; border-radius: 100%; overflow: hidden; border: 1px solid #d1d1d1; }	
.testimonial_inner_page .box-text-wrap .test_text {font-size: 17px; line-height: 1.8em; padding: 0; text-align: center; position: relative; z-index: 1; height: 150px; overflow: hidden; overflow-y: auto; padding-right: 15px; scrollbar-width: thin; max-height: 200px; }	
.testimonial_inner_page .box-text-wrap .testimonial_user {text-align: center; color: #253752; font-size: 20px; line-height: 1.4em; font-weight: 600; padding-top: 20px; margin-top: 20px; border-top: 1px solid #ddd; }	
.owl-carousel .owl-item .box-text-wrap aside img{width: 60px;}
.bannertext .fa-question-circle {display: none;}
/* ===============Logo Form=============== */
.form_section input[type=text], select, textarea {width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; margin-top: 6px; margin-bottom: 16px; resize: vertical; }
.form_section form{border-radius: 5px; background-color: #f2f2f2; padding: 20px; }	
.form_section form .btn:hover{background: transparent; border: 1px solid #009688; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; }	
.form_section form .checkbox, .form_section form .radio_box, .form_section form .imagebox{margin: 10px 15px 0 0;}
.form_section form .fhead{border-bottom: 1px solid #00868b; margin: 0 0 19px; padding-bottom: 0; letter-spacing: 1px; }	
.form_section form .fhead strong {background: #00868b; padding: 10px 17px; color: #fff; font-size: 18px; line-height: 20px; text-transform: uppercase; border-radius: 4px 4px 0 0; display: inline-block; vertical-align: top; }	
.cform > .row {row-gap: 30px;}
.form_section form .check-color-box {text-align: center; color: #fff; text-shadow: 0 0 1px #000; cursor: pointer; padding: 10px; display: flex; flex-wrap: wrap; justify-content: center; }
.form_section form .colorpicker-component {display: flex; align-items: center; }
.colorpicker-element .input-group-addon{height: 50px; vertical-align: text-top; width: 50px; -webkit-border-radius: 3px; border-radius: 3px; margin-left: 5px; border: 2px solid #000; }
.form_section form a.read_slide {margin-right: 20px;}
.form_section form .font-pad{display: flex; flex-wrap: wrap; flex-basis: 0; margin: -2px; }	
.form_section form .font-pad label {height: 70px; width: 102px; overflow: hidden; outline: 0; border: 1px solid #adadad; -webkit-border-radius: 3px; border-radius: 3px; padding: 0; position: relative; display: block; cursor: pointer; }	
.form_section form .font-pad input[type="checkbox"] {float: left; margin-right: 0; position: absolute; top: 3px; left: 3px; z-index: 2; }
.form_section form .font-pad img {height: 100%; width: 100%; object-fit: contain; object-position: center; overflow: hidden; }	
.form_section form .procheck {position: relative; padding-left: 30px; margin-bottom: 10px; color: #00868b; font-weight: 600; }	
.form_section form .procheck input[type="checkbox"] {position: absolute; left: 0; top: 4px; width: 20px; height: 20px; z-index: 1; opacity: 0; cursor: pointer; }
.form_section form .procheck input[type="checkbox"] + label::before {content: ""; display: block; width: 20px; height: 20px; border: 2px solid #00868b; position: absolute; left: 0; top: 4px; opacity: 0.6; -webkit-transition: all 0.12s, border-color 0.08s; transition: all 0.12s, border-color 0.08s; }	
.form_section form .pro_label .imagebox {-webkit-box-shadow: 0 0 6px 0 rgb(0 0 0 / 50%); box-shadow: 0 0 6px 0 rgb(0 0 0 / 50%); text-align: center; padding: 10px; height: 180px; display: flex; align-items: center; justify-content: center; cursor: pointer; }	
.form_section form .procheck input[type="checkbox"]:checked + label::before {width: 10px; top: -2px; left: 5px; border-radius: 0; opacity: 1; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
/* ===============Logo Form=============== */
body.clicked {position: fixed; width: 100%; height: 100% }
body.clicked:before {background: #fff; z-index: 999 }
body.clicked:after {width: 100px; height: 100px; margin: -50px 0 0 -50px; z-index: 999 }
.loader.clicked {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000 }
.loader.clicked:before {-webkit-border-radius: 0; border-radius: 0; background: rgba(0, 0, 0, .8) }
.loader.clicked:after {width: 70px; height: 70px; margin: -35px 0 0 -35px; border-color: #fff transparent #fff #fff }
.noloader.loader.clicked:after {display: none}
.loader.clicked>div {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 18px; line-height: 35px; color: #fff; z-index: 1; margin: 40px 0 0; padding: 30px; width: 100%; text-align: center }
.loader.clicked>div span {text-transform: uppercase; margin-top: 20px }
.clicked {position: relative; pointer-events: none }
.clicked:after, .clicked:before {position: absolute; content: ""; display: block; z-index: 1 }
.clicked:before {top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, .8); -webkit-border-radius: 0; border-radius: 0; opacity: 1 }
.btn.clicked:before, [type=submit].clicked:before, [type=reset].clicked:before, button.clicked:before {-webkit-border-radius: 3px; border-radius: 3px; top: -1px; left: -1px; right: -1px; bottom: -1px }
.clicked:after { top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; border: 3px solid #008c90; border-right-color: transparent; -webkit-border-radius: 50%; border-radius: 50%; -webkit-animation-duration: .75s; -moz-animation-duration: .75s; animation-duration: .75s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: rotate-forever; -moz-animation-name: rotate-forever; animation-name: rotate-forever; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; animation-timing-function: linear }
@-webkit-keyframes rotate-forever { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } }
@-moz-keyframes rotate-forever { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } }
@keyframes rotate-forever { 0% { -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } }
.common_banner, .container, .header_main, .nav_wrapper { position: relative }
body { margin: 0; padding: 0 }
*, :after, :before { box-sizing: border-box }
.responsive_nav, .scrollup { display: none }
.header_main { top: 0; left: 0; right: 0; z-index: 5; border-top: 5px solid #262525; border-bottom: 5px solid #22942a; height: 162px }
.logo { width: 128px; float: left }
.hright { float: right; text-align: right; height: 152px }
.htop { color: #fff; background: #171817; padding: 0 0 5px; float: right; height: 35px }
.hmiddle { padding: 20px 0; clear: both; height: 76px }
@media only screen and (max-width: 991px) { .homebanner { height: auto; min-height: inherit } }
.ms_box .btn-sm{ background: #fff; color: #00868b; }
.ms_box .btn-sm:hover{ background: transparent; border: 1px solid #fff; color: #fff; }
.ms_box .btn-sm.btn::after { background: #00868b; border: none; }
.orm-service.hook-service .sbox { display: block; background: #e5f8f8; }
.industries-slider .tbox .imgtitle{ font-size: 16px; font-family: 'Roboto'; font-weight: 600; color: #253752; text-transform: capitalize; }
.partner5.hook-service .sbox h5, .partner5.hook-service .sbox p{color: #292929;}
/* <========================= Design by soumyadeep ==================> */
/* SDCreation */
.clicked:after{background: url(../images/logo.png) no-repeat center;}
a {padding: 0; margin: 0; text-decoration: none; outline: 0; cursor: pointer; color: #444444;}
a:hover, a:focus {text-decoration: none; color: #01c1c2;}
div, form, h1, h2, h3, h4, h5, h6, img, input, label, li, option, p, select, td, textarea, tr, ul, figure {padding: 0; margin: 0; -webkit-transition: all 300ms ease-in-out 0s; -moz-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s;}
ol li{list-style: auto;}
.blog-single ul li{list-style: disc;}
.blog-single ul {
	padding-left: 15px;
	padding-bottom: 15px;
}
p {font-size: 16px; line-height: 1.8em; font-family: 'Roboto', sans-serif; font-weight: 300; padding-bottom: 20px;}
p:last-child {padding: 0;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: 'Roboto'; font-weight: 600; color: #253752; text-transform: capitalize;}
h1 span, .h1 span, h2 span, .h2 span, h3 span, .h3 span, h4 span, .h4 span, h5 span, .h5 span, h6 span, .h6 span {font-weight: 300;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, .comment-reply-title a, .wp-block-search .wp-block-search__label a, h5 a, .h5 a, h6 a, .h6 a {color: inherit;}
h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover, h6 a:hover, .h6 a:hover {color: inherit;}
h1, .h1 {font-size: 40px; line-height: 50px;}
h2, .h2 {font-size: 32px;}
h3, .h3 {font-size: 28px;}
h4, .h4 {font-size: 24px; line-height: 1.4em;}
h5, .h5 {font-size: 20px; margin-bottom: 0; padding-bottom: 15px;}
h6, .h6 {font-size: 16px;}
.section {padding: 50px 0;}
.btn.btn-sm {text-align: center; font-family: "Nunito", sans-serif; font-size: 16px; line-height: 36px; font-weight: 700; padding: 0 30px; min-height: inherit; letter-spacing: 0px;}
.btn::after, .free_consultation .form_wrap button::after, .chat-trigger::after {border-radius: 40px 0 40px 40px; position: absolute; content: ""; width: 0%; height: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; z-index: -1; background: #ffffff; border: 2px solid #01c1c2; opacity: 0;}
.btn::after, .btn:hover::after {-webkit-border-radius: 0px !important; border-radius: 0px !important;}
.btn:hover::after, .free_consultation .form_wrap button:hover::after, .chat-trigger:hover::after {width: 100%; opacity: 1;}
.btn, [type="submit"], form button{background: #00868b; color: #fff; border-radius: 4px !important;}
.btn, [type="submit"], form button {position: relative; overflow: hidden; display: inline-block; padding: 0 45px; margin: 0 0 0 0; line-height: 44px; color: #fff; min-width: 180px; border-radius: 30px 0px 30px 30px; z-index: 1; font-family: "Nunito", sans-serif; font-weight: normal; border: none; cursor: pointer;}
.mainContainer{background: url(../images/glow-bg-update.png) center 43% no-repeat;}
select {-webkit-appearance: none; position: relative; text-indent: 0.01px; text-overflow: ""; background: url(../images/select.png) no-repeat right center; color: #495057; padding-left: 10px;}
.content-inner .alert[class*="alert-"] ul{margin-top: 0; padding-left: 0;}
.content-inner .alert-success {padding: 12px;}
.contact-box .contactCard {box-shadow: 0 30px 65px rgb(0 0 0 / 10%);}
.topHeading {text-align: center;  font: 500 44px 'Roboto', sans-serif;  line-height: 60px;  color: #292929;  position: relative;  margin: 0 0 70px;}
.topHeading span {font: 700 16px 'Roboto', sans-serif; line-height: 25px !important; display: block; text-transform: uppercase;}
.topHeading::after {width: 95px;  content: "";  height: 3px;  background: #e1ebf5;  display: block;  padding: 0;  margin: 0 auto;  position: absolute;  bottom: -20px;  left: 0;  right: 0;}
::selection {background: #00868b;}
.tab-content{display: none;}
.tab-content.current {display: block;}
.hook-contact-detail ul.tabs {margin: 0 auto 50px; padding: 0px; list-style: none; text-align: center; border-bottom: 1px solid #3cb7b4; display: inline-block;}
.hook-contact-detail ul.tabs li {background: none; color: #222;display: inline-block;padding: 0 52px; margin: 0; cursor: pointer; border-bottom: 5px solid transparent;}
.hook-contact-detail ul.tabs li.current, .hook-contact-detail ul.tabs li:hover {border-bottom: 5px solid #3cb7b4;}
.hook-contact-detail li .flag {display: inline-block; height: 36px; width: 36px; background: #3cb7b4; border-radius: 50px; margin: 0 10px 0px 0; position: relative; top: 10px;}
.hook-contact-detail ul.tabs h4 {margin-bottom: 0; padding-bottom: 0; line-height: 50px;}
.contact-content {text-align: left; padding: 40px 0;}
.contact-content li {padding-left: 100px; margin-bottom: 30px; position: relative; min-height: 90px;  display: flex; flex-direction: column; justify-content: center; font-size: 18px; line-height: 1.6em;}
.contact-content li i {width: 84px; height: 84px; color: #018c91; border: 2px solid #018c91; border-radius: 50px; line-height: 82px; text-align: center; font-size: 36px; position: absolute; left: 0;}
.contact-content li strong {  display: block;  font-size: 22px;  font-weight: 600;  margin-bottom: 5px; }
.hook-portfolio .ajaxToggleSlider .cat-toggle {  text-align: center;  padding: 0;  margin: 60px auto 40px auto; }
.cat-toggle > .item {display: inline-block; margin: 0 20px; font-size: 18px;}
.cat-toggle > .item {margin: 0 5px;}
.cat-toggle .tablinks {  font-weight: 700;  background: transparent;  padding: 0 30px;  line-height: 40px;  display: inline-block;  border-radius: 30px;  font-family: 'Roboto', sans-serif !important;  border: 1px solid #ccc;  border-radius: 30px; }
.cat-toggle .tablinks.active {background: #e5f8f8; color: #000;}
.editor_text70 {max-width: 800px; margin: 0 auto;}
.sk_content_wrap .editor_text p { color: #0e1d31; font: 300 16px 'Roboto', sans-serif; line-height: 32px !important; text-align: justify; }
.hook-portfolio .topHeading{margin-bottom: 50px !important;}
.portfolio_popup {position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 99; transform: scale(0); opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s; background: #000000a3;}
.openPopup .portfolio_popup {transform: scale(1); opacity: 1; visibility: visible;}
body.openPopupBody {overflow: hidden;}
.openPopupBody header {visibility: hidden;}
.openPopupBody .bodyOverlay {opacity: 1; visibility: visible; z-index: 0;}
.hook-portfolio-tab .tab-content .portfolio_popup .row [class*="col-"] {padding: 0 15px !important;}
.portfolio_popup-wrapper { max-width: 1000px; margin: 30px auto 0; background: #fff; padding: 30px 30px; position: relative; }
.portfolioBanner .heading { padding: 0; margin-bottom: 10px; }
.portfolio_popup-wrapper .close { cursor: pointer; position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; line-height: 30px; background: #00868b; text-align: center; color: #fff; font-size: 13px; border-radius: 100%; opacity: 1; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; }
.portfolio_popup-box { cursor: pointer; overflow: hidden; padding: 8px; border: 2px solid #d9d9d9; min-height: 100%; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.portfolio_popup-box:hover{ box-shadow: 0 0 10px rgb(0 168 169 / 60%); border-color: rgb(0 168 169 / 60%); }
.portfolio_popup-box .portfolio-image-wrap{ cursor: pointer; overflow: hidden; }
.portfolio_popup-box > .portfolio-image-wrap > img{width: 100%; height: 100%; aspect-ratio: 11/12; object-position: top; object-fit: cover; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
.portfolio_popup-box:hover > .portfolio-image-wrap > img{transform: scale(1.1);}
.portFolio-content { height: 85vh; overflow: hidden; overflow-y: auto; padding-right: 20px; margin-right: -20px; }
.portfolio_popup .portFolio-content .heading { font-size: 34px; color: #292929; margin-bottom: 15px; letter-spacing: 0.8px; line-height: 40px; }
.business-descriprtion li strong{font-size: 20px; display: block; margin-bottom: 4px; font-weight: 600;}
.portfolioBanner {height: 90vh; overflow: hidden; overflow-y: hidden; overflow-y: auto; scrollbar-width: thin; scroll-behavior: smooth; scrollbar-color: transparent transparent; scrollbar-width: none; -ms-overflow-style: -ms-autohiding-scrollbar;}
.portfolio_popup-box .portfolio-image-wrap{cursor: pointer; overflow: hidden;}
.cat-toggle .tablinks:focus{background: #e5f8f8; color: #000;}
html.openPopupBody {overflow: hidden;}
.section.hook-portfolio-tab {z-index: 2;}
.video-test-wrap {position: relative; display: block;}
.timg img {width: 100%; height: 100%; aspect-ratio: 3/2; object-position: top; object-fit: cover; overflow: hidden; max-height: 350px; border-radius: 10px;}
.box-text-wrap, .long-text-wrap, .video-wrap {padding-left: 15px; padding-right: 15px;}
.box-text-wrap img {width: 60px; height: 60px; border-radius: 100%; overflow: hidden; border: 1px solid #d1d1d1;}
.testimonial_inner_page .testimonials-list aside:hover {background-color: #00868b; color: #fff;}
.testimonial_inner_page .testimonials-list .video-wrap aside { padding: 0; }
.testimonial_inner_page .testimonials-list > .row > div {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-top: 60px;}
.testimonials-list .row {margin: 0;}
.rowGap {row-gap: 30px;}
.testimonial_inner_page .testimonials-list .box-text-wrap aside:hover .testimonial_user, .our-client .topHeading {color: #fff;}
.box-text-wrap p {font-size: calc(17px + (17 - 14) * ((100vw - 320px) / (1920 - 320))); line-height: 1.8em; padding: 0; text-align: center; position: relative; z-index: 1; overflow: hidden; overflow-y: auto; padding-right: 15px; scrollbar-width: thin;}
.testimonials-list .video-wrap .fa-video {position: absolute; top: 0; right: 0; left: 0; bottom: 0; margin: auto; font-size: calc(40px + 10 * ((100vw - 320px) / (1920 - 320))); color: #fff; display: flex; align-items: center; justify-content: center; background-color: rgba(0, 0, 0, 0.2); transform: scale(0); visibility: hidden; -webkit-transition: all 300ms ease-in-out 0s; -moz-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s;}
.testimonials-list .video-wrap aside:hover .fa-video{transform: scale(1); visibility: visible;}
.package-list {margin-top: 40px;}
.package-list .sbox {text-align: center; background: #fff; padding: 25px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; position: relative; z-index: 1; overflow: hidden; min-height: 380px;}
.package-list .sbox .packagelist_head {color: #fff; height: 72px; overflow: hidden; display: flex; align-items: center; text-align: center; justify-content: center; margin-bottom: 15px; padding: 0 30px; font-size: 24px; line-height: 1.4em; font-weight: 600;}
.package-list .sbox:hover {-webkit-box-shadow: 0px 24px 34px -20px rgb(0 0 0 / 75%); -moz-box-shadow: 0px 24px 34px -20px rgba(0, 0, 0, 0.75); box-shadow: 0px 24px 34px -20px rgb(0 0 0 / 75%);}
.package-list .sbox::after {position: absolute; content: ""; background: url(../images/sbg.jpg) no-repeat right top; background-size: cover; z-index: -1; top: 100%; left: 0; width: 100%; height: 100%; opacity: 1; visibility: visible; top: 0; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.package-list .sbox .btn{color: #fff;}
.package-list .sbox:hover::after {opacity: 0; visibility: hidden;}
.package-list .sbox:hover .packagelist_head, .package-list .sbox:hover .para {color: #253752;}
.package-list .sbox .price {font-weight: 600;  font-size: 15px;  line-height: 25px;  color: #fff;  padding: 0 0 10px;}
.package-list .sbox:hover .price{ color: #00868b;}
.package-list .sbox .price span {font-size: 32px; line-height: 40px; display: block;}
.package-list .sbox a, .package-list .sbox a:hover {color: inherit;}
.package-list .sbox .para {font-size: 14px; line-height: 25px; color: #fff; margin: 0 0 30px;}
.hook-footer-above > div {padding: 0; overflow: hidden; margin: 15px auto 0 auto; background: url(../images/footer-top.png) center center no-repeat; max-width: 1398px; position: relative; z-index: 1; background-size: contain; padding-top: 20px;}
.hook-footer-above {overflow: hidden; padding: 0; margin: 0;}
.hook-footer-above .row{height: 350px;}
.hook-footer-above .girl-img {max-width: 300px; margin-top: -30px;}
.process_form h2 {font-size: 29px; line-height: 1.3em; margin: 0 0 15px; color: inherit; /*text-align: left;*/ text-align: center; padding: 0; font-weight: 700;}
.form-inline {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.hook-footer-above .process_form p {padding: 0; color: #0e1d31; text-align: center;}
.form-control::placeholder {color: #6c757d; opacity: 1; font-family: inherit; font-weight: 400;}
.process_form .form-inline{column-gap: 15px; row-gap: 15px; align-items: start;}
.form-control {display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; height: 40px;}
.btn:hover {border-color: transparent; color: #01c1c2; color: #000;}
.hook-footer-above .subscribed {box-shadow: 0 0 0 rgb(251 100 82); animation: pulse 2s infinite; margin: 0 0 0 0px; padding: 9px 30px; letter-spacing: 1px;}
@keyframes pulse { 0% { -moz-box-shadow: 0 0 0 rgb(0 134 139 / 70%); box-shadow: 0 0 0 rgb(0 134 139 / 70%); } 70% { -moz-box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); box-shadow: 0 0 0 10px rgba(204, 169, 44, 0); } 100% { -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); box-shadow: 0 0 0 0 rgba(204, 169, 44, 0); } }
.btn.subscribed {line-height: normal; background: #01858a;}
.common_banner {position: relative; overflow: hidden; background: #ccc; height: auto;}
.innerbanner {min-height: 350px; background: inherit;}
.bannerimg {position: relative;	text-align: center;}
.innerbanner .bannerimg img {width: 100%; height: 100%; object-fit: cover;}
.bannertext {text-align: left; color: #fff; width: 100%; -webkit-border-radius: 0; border-radius: 0; position: absolute; bottom: 50%; left: 0; -webkit-transform: translateY(50%); transform: translateY(50%); z-index: 2;}
.innerbanner .bannertext{bottom: 54%;}
.common_banner.innerbanner .bannertext {bottom: 0; top: 0; -webkit-transform: none; transform: none;}
.common_banner.innerbanner .bannertext .container {height: 100%; display: flex; align-items: center;}
.bannertext .bannertext-in{width: 710px; margin-bottom: 60px;}
.innerbanner .bannertext .bannertext-in{ margin-bottom: 0px;}
.common_banner.innerbanner .heading {font-size: 40px; font-weight: 700; line-height: 64px; font-family: 'Roboto', sans-serif; color: #0e1d31; margin: 0 !important;}
.common_banner.innerbanner .heading strong {display: inline-block; font-size: 50px; font-weight: 700; line-height: 65px; font-family: 'Roboto', sans-serif; color: #fff; background-color: #01bfc0; text-shadow: #000 1px 1px 1px; padding: 0 12px; position: relative; margin-left: 0px;}
.common_banner.innerbanner .bannertext-in p {font-size: 16px; line-height: 30px; font-family: 'Roboto', sans-serif; color: #0e1d31; font-weight: 500; padding: 0 16px; text-shadow: none; display: inline-block; background-color: #fff; letter-spacing: normal; margin: 8px 0;}
.innerbanner .heading span, .innerbanner .heading em{display: block; font-style: normal;}
.innerbanner .heading span { text-transform: inherit; font: inherit; letter-spacing: inherit; color: inherit; margin: inherit; }
.btngroup {padding-top: 5px;}
.common_banner .btngroup .btn { padding: 0 30px 0 25px; margin: 0; text-transform: uppercase;}
.common_banner.innerbanner .btngroup .btn{background: #00868b; border-color: #01bfc0;}
.common_banner .btngroup .btn:hover {background: #10fdfe; border: 1px solid #10fdfe; padding: 0 30px 0 25px; margin: 0; color: #0e1d31;}
.common_banner.innerbanner .btngroup .btn::after {content: none;}
.jbox {text-align: left; background: #ecfeff; border-radius: 0 25px 0 25px; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); min-height: 100%; overflow: hidden; cursor: pointer;}
.jbox figure {position: relative; z-index: 1; overflow: hidden;}
.jbox figure img {-moz-transition: all 700ms ease-in-out; -webkit-transition: all 700ms ease-in-out; transition: all 700ms ease-in-out;}
.jbox:hover figure img {-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.jbox .description-heading {position: absolute; bottom: 0; left: 0; right: 0; text-align: center; color: #fff; padding: 16px 16px; margin: 0; z-index: 1; -moz-transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.job-apply .jbox .description-box {max-height: 128px; overflow: hidden; overflow-y: auto; margin: 10px -15px 0px 0; padding-right: 15px;}
.jbox .jbox_text{padding: 20px 30px;}
.jbox .btn {position: absolute; left: 0; right: 0; margin: auto; width: max-content; bottom: 0%; color: #00868b; background: #fff; border-color: #00868b; opacity: 0; visibility: hidden; transform: translateY(50%);}
.jbox figure::after {content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.4; background-image: linear-gradient(-180deg, rgba(28, 15, 105, 0), #00868b 60%); -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.jbox:hover .description-heading {opacity: 0; visibility: hidden; transform: translateY(30px);}
.jbox:hover figure::after {background: #00868b; opacity: 0.7;}
.jbox:hover .btn{bottom: 50%; opacity: 1; visibility: visible;}
.jbox .btn:hover{color: #fff;}
.jbox .btn:hover::after{background: #000;}
.job-apply .jbox .description-box { max-height: 128px; margin: 10px -15px 0px 0; padding-right: 15px; overflow-y: auto; scrollbar-color: #00868B #00868B3D; scrollbar-width: thin; }
.jobContent-wrapper{margin-top: 30px;}
.jobContent p {padding-bottom: 10px;}
.jobContent p strong {font-size: 20px; margin-top: 10px; display: block;}
.cform {padding: 35px 35px; background: #ffffff; border-radius: 30px; box-shadow: 0 30px 65px rgb(0 0 0 / 10%);}
.cform > .row {row-gap: 30px;}
.labelWrap {display: block; margin: 0 0 10px; line-height: inherit; position: relative;}
.cform .labelWrap{margin-bottom: 0;}
.cform input[type="text"], .cform select, .cform textarea {background-color: #f8f8fc; height: 50px; outline: none; border: 1px solid #e5e5e5; border-radius: 3px; width: 100%; padding: 0 15px; line-height: 50px; color: #33445d; font-family: 'Roboto'; letter-spacing: 0.5px; box-shadow: none !important;}
.cform textarea::placeholder, .cform input::placeholder, .cform select{font-size: 14px; color: #1c2334;}
.cform input[type="file"]::file-selector-button{font-size: 14px; line-height: 20px;}
.cform textarea{height: 100px; resize: none;}
.btn.applybtn{background: #00868b;}
/* SDCreation */

/*RESPONSIVE MENU*/
.responsive_btn { display: none; cursor: pointer; text-align: center; width: 40px; height: 40px; margin: 0; float: right; position: relative; border-radius: 10px 0 10px 0; z-index: 20; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; background-color: #01bfc0; }
.responsive_btn span {display: block; height: 2px; width: 20px; position: relative; top: 50%; margin: -1px auto;}
.responsive_btn span:before,.responsive_btn span:after {content: ""; display: inline-block; height: 100%; width: 100%; position: absolute; left: 0;}
.responsive_btn span:before {top: -6px;}
.responsive_btn span:after {bottom: -6px;}
.responsive_btn span,.responsive_btn span:before,.responsive_btn span:after { background: #fff; -webkit-border-radius: 1px; border-radius: 1px; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; }
.responsive_btn:hover span, .responsive_btn:hover span:before, .responsive_btn:hover span:after {background: #014baf;}
.responsive_nav { display: block; position: fixed; top: 0; left: -100%; width: 320px; min-height: 100%; height: 100%; z-index: 991; transform-origin: center; background: rgb(1,191,192); background: linear-gradient(90deg, rgba(1,191,192,1) 20%, rgba(0,145,149,1) 73%); -webkit-transition: all 300ms ease-in-out 0s; -moz-transition: all 300ms ease-in-out 0s; -webkit-transition: all 300ms ease-in-out 0s; transition: all 300ms ease-in-out 0s; }
.responsive_nav ul {margin: 0; padding: 0; text-align: left;}
.responsive_nav ul li { border-top: 1px solid rgba(255, 255, 255, 0.2); list-style-type: none; margin: 0; padding: 0; position: relative; text-transform: capitalize; font-size: 15px; line-height: 20px; color: #fff; }
.responsive_nav ul li:first-child {border-top: none;}
.responsive_nav ul li:after{display: none;}
.responsive_nav ul li > a {display: block; padding: 12px 10px 8px; color: inherit; position: relative;}
.responsive_nav ul li a:hover, .responsive_nav ul li a:focus, .responsive_nav ul li.active > a {color: #fff; background: #00868b;}
.responsive_nav ul ul {padding: 0 0 15px 15px;}
.responsive_nav ul .sub-menu,.responsive_nav ul li a i {display: none;}
.responsive_nav .subarrow {display: block; pointer-events: inherit; line-height: 40px !important; right: 10%; position: absolute; top: 0; transition: all 200ms ease-in;}
.responsive_nav ul .sub-menu .container {width: 100%; padding: 0;}
.bodyOverlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 20; transform: none; background: rgba(0, 0, 0, 0.6); opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease 0s; transition: all 500ms ease 0s; }
html.responsive,.responsive body {overflow-y: hidden;}
.responsive .wrapper {-webkit-transform: translate(-280px, 0) !important; transform: translate(-280px, 0) !important;}
.responsive .bodyOverlay {opacity: 1; visibility: visible;}
.responsive .responsive_nav {left: 0;}
.responsive .responsive_btn {pointer-events: none;}
.responsive .responsive_btn span {-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.responsive .responsive_btn span:after {-webkit-transform: rotate(270deg); transform: rotate(270deg); top: 0;}
.responsive .responsive_btn span:before {opacity: 0;}
.responsive_nav .opened > .subarrow {-webkit-transform: rotate(180deg); transform: rotate(180deg); transition: all 200ms ease-in;}
.responsive_nav .mCSB_outside + .mCSB_scrollTools{right: 0;}
.responsive .responsive_nav .mCSB_outside + .mCSB_scrollTools{right: -4px;}
/*MENU END*/
.cform #paypal-button-container{min-width: 300px; max-width: 400px; margin: 0 auto; margin-top: 40px;}
.header-nav{flex-direction: column; align-items: end;}
.header-nav .phone-contact { padding: 0; margin-bottom: 15px; display: inline-block; position: relative; cursor: pointer; }
.header-nav .active_flag ul { padding: 0; margin: 0; position: absolute; width: 100%; left: 0; top: 100%; z-index: 202; background: #f9f8f8; /* visibility: hidden; */ /* opacity: 0; */ display: none; border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -webkit-transition: all 450ms ease 0s; transition: all 450ms ease 0s; }
.active_flag strong { background: #01bfc0; padding: 8px 24px 8px 14px; border-radius: 20px; color: #fff; margin: 0 10px 0 0; }
.active_flag strong em { width: 24px; height: 15px; position: relative; background: url(../images/sprite.png) no-repeat; display: block; }
.phoneno-wrap { display: flex; justify-content: space-between; align-items: center;}
.active_flag strong i { position: absolute; right: -10px; top: 2px; font-size: 10px; }
.active_flag ul li { padding: 0; margin: 0; list-style-type: none; white-space: nowrap; text-align: right; }
.active_flag ul li a { white-space: nowrap; padding: 6px 5px; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #000; border-top: 1px dotted #dddcdc; }
.active_flag ul li a span { width: 24px; height: 15px; margin: 0 10px 0 0; vertical-align: top; font-size: 0; float: left; text-indent: -9999px; background: url(../images/sprite.png) no-repeat; }
.active_flag ul li a.aus span, .active_flag strong.aus em { background-position: 0 0; }
.active_flag ul li a.can span, .active_flag strong.can em { background-position: -127px 0; }
.active_flag ul li a.ind span, .active_flag strong.ind em { background-position: -96px 0; }
.active_flag ul li a.unik span, .active_flag strong.unik em {background-position: -64px 0;}
.phoneno { font-size: 16px; color: #01bfc0; }
.active_flag ul li a > em { font-style: normal; font-size: 14px; line-height: 15px; vertical-align: top; display: block; }
.active_flag ul li a:hover em {color: #fff;}
.active_flag ul li a:hover {background: #01bfc0;}
.process_form{margin-bottom: 40px;}
select {
	color: #959595;
  }
  
  select option {
	color: #000;
  }
  
  select:has(option:checked:not([value])),
  select:has(option:checked:not([value=""])) {
	color: #000;
  }
  
  select:has(option:checked:not([value])) option,
  select:has(option:checked:not([value=""])) option {
	color: #000;
  }
  .aboutUs .btngroup, .talk_us .btngroup, .freeQuote .free_consultation .form_wrap .topHeading::after, .hook-reason .btngroup, .hook-ui-ux-wrap .btngroup, .redesign-benefit .btngroup{display: none;}
  .redesign-rwd .btngroup{margin-top: 20px;}
  .hook-ui-ux-wrap.hire-section .btngroup{display: block;}


/* ===============rjStyle271810 Start======================= */
b, strong { font-weight: 700; }
.hook-reason .headingNodifyNew, .hook-core-feature .headingNodifyNew, .sm-marketing-bg .about-heading{ margin-bottom: 30px; }
.hook-ui-ux-wrap .row{margin-bottom: 50px;}
.hook-ui-ux-wrap .row + * {margin-top: -24px;}
.hook-reason-subheading { font-size: 23.4px; line-height: 1.5em; font-weight: 600; margin: 0px 0 20px; }
.hook-about.hook-about-inner, .hook-reason p, .hook-step p, .hook-process-dev, .mobile-reverse p, .tabdesc, .redesign-rwd p, .hook-service-category-description p, .hook-service-category-description li, .corporate-big-bg p, .BrandingAdvantage, .hook-core-feature p, .content-wrap p{ text-align: justify; }
.redesign-benefit .ul.tabs-content { list-style: none; }
.redesign-rwd h5 { text-align: justify; line-height: 1.5em; }
.orm-service.hook-service .sbox p { color: #515b68; }
.orm-service.hook-service .sbox .subheading { margin: 20px 0; color: #253752; }
.orm-service.hook-service .service-list .row { row-gap: 50px; }
.ppc_awards ul{margin-top: 40px;}
.hook-reason .about-heading { margin-bottom: 50px; }
.hook-about-inner .headingNodifyNew { text-align: left; margin: 0 0 50px; }
.hook-about-inner .headingNodifyNew::after { margin: 0; }
.letsTalk figure {width: 50px; height: 50px; border-radius: 100%; margin: 0 auto; }
.letsTalk figure img { border-radius: 100%; }
.home .footer-review{display: none;}
.partner5.sm-martng-process .service-list{margin-top: 0;}
.topHeading.justifyHeading { text-align: left; }
.topHeading.justifyHeading::after {margin: 0; }
.partner5 .topHeading { margin: 0 0 50px; }
.hook-testimonial-page .row { row-gap: 30px; }
/* ===============rjStyle271810 Ends======================= */
.blog-list .blogbox figure {	height: 150px;}
/* .loader{top:0;bottom: 0;margin:0;padding:0;width:100%;height:100%;position:fixed;overflow:hidden;text-align:center;background-color:#fff;z-index: 99;display: flex;justify-content: center;align-items: center;}
.loader svg {width: 100px;height: 100px;margin: 20px;display: inline-block;}
.loader svg circle{fill: #01bfc0;} */
.loader { position: fixed; background-color: #fff; background-position: center center; background-repeat: no-repeat; top: 0; left: 0; right: 0; bottom: 0; z-index: 9991; display: flex; justify-content: center; align-items: center; text-align: center; }
/* .loader svg {width: 100px;height: 100px;margin: 20px;display: inline-block;}
.loader svg circle{fill: #01bfc0;} */
.loader_image { -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: flipInY; animation-name: flipInY; -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; width: 150px; height: 150px; }
@keyframes flipInY{
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
}
40% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}
60% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
  opacity: 1;
}
80% {
  -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
  -webkit-transform: perspective(400px);
  transform: perspective(400px);
}
}

/* ================package page css start here----------------- */
.package_tab_list{display: none;}
.package_tabs{
  display: flex;
  flex-basis: 0;
  flex-wrap: wrap;
  border-bottom: 3px solid #2da7a5;
}
.package_tabs .tab-nav{
  flex: 1; text-align: center;
}
.package_tabs .tab-nav strong{
  padding: 20px 30px;
  border: 1px solid #ccc;
  border-radius: 10px 10px 0 0;
  cursor: pointer;
  width: 94%; font-size: 30px; line-height: normal;
  margin: 0 auto; letter-spacing: 1px;
  display: block; text-transform: uppercase;
  background-color: #ebebeb; color: #253752;
  border-bottom: none;
}
.package_tabs .tab-nav.active-pack-tab strong{
  background-color: #2da7a5; color: #fff; 
}
.package_tabs .tab-nav:nth-child(1) strong{
  margin-left: 0;
}
.package_tabs .tab-nav:last-child strong{
    margin-right: 0;
}
.toggle_all_content_table{width: 100%; text-align: center;}
.toggle_all_content_table thead th{
  background-color: #202c45; text-transform: uppercase; 
  color: #fff;
  padding: 17px 10px;
}
.package_tab_content{
  border: 1px solid #ccc;
  border-top: 0;
}
.toggle_all_content_table th .price{font-size: 26px; line-height: normal; margin: 0 0 10px; padding: 0;}
.toggle_all_content_table tbody td .price, .toggle_all_content_table tbody .price-head {
  padding: 22px 8px;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 1px;
  background-color: #fff;
  text-align: center;
}
.toggle_all_content_table .btn{
    font-size: 17px;
    padding: 0 16px;
}
.toggle_all_content_table td{padding: 18px 10px; font-size: 18px; background-color: #fff; border-bottom: 1px solid #efefef;}
.toggle_all_content_table tr:nth-child(even) td{background-color: #f4f7fa;}
.toggle_head{
  margin: 0; padding: 18px 25px; font-size: 24px; text-align: center; position: relative;
  background-color: #008b8e; color: #fff;
  cursor: pointer;
}
.toggle_head .toggle_btn_arrow::after {
  content: "\f107";
  font-family: 'FontAwesome';
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 55%;
  transform: translateY(-50%);
  font-size: 0.7em;
}
.toggle_head .toggle_btn_arrow{ 
  position: absolute;
  right: 10px;
  font-size: 30px;
  line-height: 24px;
  width: 30px;
  height: 30px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 100%;
  border: 2px solid #fff;
  cursor: pointer;
}
.toggle_head.active .toggle_btn_arrow{
  transform: translateY(-50%) rotate(180deg);
}
.package_tab_wrap{border-bottom: 2px solid #fff;}
.toggle_all_content{ display: none; transition: none; }
table .tick{
  background: url(../images/tick.png) no-repeat center;
  width: 20px; height: 20px; background-size: contain; margin: 0 auto;
  display:block;
}
table .close{
  background: url(../images/close.png) no-repeat center;
  width: 18px; height: 18px; background-size: contain; margin: 0 auto;
  display: block; opacity: 1 !important; float: none; text-shadow: none !important;
}
/* ============porfolio inner page css start here============= */
.grecaptcha-badge{z-index: 9;}
.scroltop{bottom: 20%;}

/* --============= Changes ===========-- */
.testimonials-list .test_text{font-size: 14px;}
.hook-web-advantage .topHeading, .hook-reason .heading, .hire-section .heading, .hook-reason .about-heading{font-size: 38px; letter-spacing: 0px; line-height: 48px;}
.orm-service.hook-service .sbox h5{color: #292929;}
.owl-carousel.owl-loaded.brandsilder{display: none;}