body,html {height: 100%; font-family: "Inter", serif; font-size: 14px; background: #fff; line-height: 1.2; font-weight: 400 !important;}
/*.fontfamily-poppins{font-family: "Poppins", serif;}
.fontfamily-public{font-family: "Public Sans", serif;}*/
.fontfamily-inter{font-family: "Inter", sans-serif;}
.fahkwang-normal{font-family: "Fahkwang", sans-serif; font-weight: 400; font-style: normal;}
.fahkwang-medium{font-family: "Fahkwang", sans-serif; font-weight: 500; font-style: normal;}
.fahkwang-bold{font-family: "Fahkwang", sans-serif; font-weight: 700; font-style: normal;}
.fahkwang-semibold{font-family: "Fahkwang", sans-serif; font-weight: 600; font-style: normal;}
/*---------------Font Start---------------*/
.font-weight-extrabold{font-weight: 800 !important; font-family: "Inter", sans-serif;}
.font-weight-bold{font-weight: 700 !important; font-family: "Inter", sans-serif;}
.font-weight-semibold{font-weight: 600 !important; font-family: "Inter", sans-serif;}
.font-weight-medium{font-weight: 500 !important; font-family: "Inter", sans-serif;}
.font-weight-normal{font-weight: 400 !important; font-family: "Inter", sans-serif;}
.font-weight-light{font-weight: 300 !important; font-family: "Inter", sans-serif;}
/*---------------Font familly End---------------*/

/*---------------Font Size---------------*/
.font-size-10{font-size:10px;}
.font-size-11{font-size:11px;}
.font-size-12{font-size:12px;}
.font-size-13{font-size:13px;}
.font-size-14{font-size:14px;}
.font-size-15{font-size:15px;}
.font-size-16{font-size:16px;}
.font-size-17{font-size:17px;}
.font-size-18{font-size:18px;}
.font-size-19{font-size:19px;}
.font-size-20{font-size:20px;}
.font-size-21{font-size:21px;}
.font-size-22{font-size:22px;}
.font-size-23{font-size:23px;}
.font-size-24{font-size:24px;}
.font-size-25{font-size:25px;}
.font-size-26{font-size:26px;}
.font-size-27{font-size:27px;}
.font-size-28{font-size:28px;}
.font-size-30{font-size:30px;}
.font-size-32{font-size:32px;}
.font-size-34{font-size:34px;}
.font-size-35{font-size:35px;}
.font-size-36{font-size:36px;}
.font-size-38{font-size:38px;}
.font-size-40{font-size:40px;}
.font-size-42{font-size:42px;}
.font-size-45{font-size:45px;}
.font-size-48{font-size:48px;}
.font-size-50{font-size:50px;}
.font-size-54{font-size:54px;}
.font-size-64{font-size:64px;}
.line-hight-4{line-height: 1.6;}
.line-hight-normal{line-height: normal;}
.lh-xl {line-height: 1.8 !important;}
.leter1{letter-spacing: 0.5px;}
.shadow-sm {box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1) !important;}
.rounded {border-radius: .40rem !important;}
.rounded-20 {border-radius: 20px !important;}
.rounded-24 {border-radius: 24px !important;}
.rounded-16 {border-radius: 16px !important;}
.rounded-12 {border-radius: 12px !important;}
.rounded-10 {border-radius: 10px !important;}
.rounded-8 {border-radius: 8px !important;}
.text-justify {text-align: justify !important; }
/*---------------Font Size End---------------*/

.form-control {height: calc(2.8em + .75rem + 2.8px); font-size: 14px; border-color: #CFCFCF !important;}
.field-lable {top: -10px; left: 22px;}
.form-control:focus {box-shadow: none;}
.form-select-arrow {background-image: url(../images/dropdown-arrow.png); background-position: calc(100% - 25px) calc(1em + 8px); background-repeat: no-repeat;}
[type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) {outline: none !important;}
textarea.form-control {min-height: 116px;}
.otp-field .form-control {width: 60px !important; height: 60px; border-color: #000 !important;}
.number-field .form-control {padding-left: 68px !important;}

.form-control::-webkit-input-placeholder {color: #CFCFCF; opacity: 1; font-weight: 400 !important;font-family: "Inter", serif;}
.form-control::-moz-placeholder {color: #CFCFCF; opacity: 1; font-weight: 400 !important;font-family: "Inter", serif;}
.form-control:-ms-input-placeholder {color: #CFCFCF; opacity: 1; font-weight: 400 !important;font-family: "Inter", serif;}
.form-control:-moz-placeholder {color: #CFCFCF; opacity: 1; font-weight: 400 !important;font-family: "Inter", serif;}

.custom-file-input {height: calc(2em + .75rem + 2px);}
.custom-file-label {height: calc(2em + .75rem + 2px); padding: .375rem .75rem; line-height: 2; font-size: 14px;}
.custom-file-label::after {height: calc(2em + .75rem); padding: .375rem .75rem;	line-height: 2;}
.form-select {height: 44px; color: #6c757d;}
/*.border {border-color: #EBEBEB !important;}
.border-top {border-top-color: #EBEBEB !important;}
.border-bottom {border-bottom-color: #EBEBEB !important;}
.border-left {border-left-color: #EBEBEB !important;}
.border-right {border-right-color: #EBEBEB !important;}*/
/*---------------Text Color Start---------------*/
.text-black{color: #000000 !important;}
.text-primary{color: #041C40 !important;}
.text-bluelight{color: #2860B4 !important;}
.text-dark{color: #12192D !important;}
.text-muted {color: rgba(255, 255, 255, 0.6) !important;}
.text-gray{color: #404040 !important;}
.text-secondary {color: #494A4C !important;}
.text-info{color: #27BBDB !important;}
.text-infolight{color: #3DB9B2 !important;}
.text-footer{color: #404040 !important;}
.text-graylight{color: #C2C3C5 !important;}
.text-blue{color: #00398F !important;}
.text-bluedarklight{color: #155ECC !important;}
/*---------------Text Color End---------------*/

/*---------------Button Start---------------*/
.btn.focus, .btn:focus {outline: 0 !important; box-shadow: none !important;}
.btn-primary {background-color: #194D9A; border-color: #194D9A; color: #fff;}
.btn-primary:hover, .btn-check:focus + .btn-primary, .btn-primary:focus {background-color: #3361A5; border-color: #3361A5; color: #fff;}

.btn-info {background-color: #27BBDB; border-color: #27BBDB; color: #fff;}
.btn-info:hover, .btn-check:focus + .btn-info, .btn-info:focus {background-color: #00D2FF; border-color: #00D2FF; color: #fff;}

.btn-infos {background-color: #3DB9B2; border-color: #3DB9B2; color: #fff;}
.btn-infos:hover, .btn-check:focus + .btn-infos, .btn-infos:focus {background-color: #00D2FF; border-color: #00D2FF; color: #fff;}

.btn-dark {background-color: #041C40; border-color: #041C40; color: #fff;}
.btn-dark:hover, .btn-check:focus + .btn-dark, .btn-dark:focus {background-color: #C5A45A; border-color: #C5A45A; color: #fff;}

.btn-outline-danger {color: #C5A45A; border-color: #C5A45A;}
.btn-outline-danger:hover, .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus {background-color: #C5A45A; border-color: #C5A45A; color: #fff;}

.btn-light {background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.1); color: #fff;}
.btn-light:hover, .btn-check:focus + .btn-light, .btn-light:focus {background-color: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.2); color: #fff;}

.btn-link {color: #C5A45A;}
.btn-link:hover {color: #114f6f;}

.linkhover:hover {color: #114F6F !important;}
/*---------------Button End---------------*/

/*---------------BG Background Start---------------*/
.bg-primary{background-color: #00398F !important;}
.bg-danger{background-color: #C5A45A !important;}
.bg-gray{background-color: #939598 !important;}
.bg-light{background-color: #F8FAFC !important;}
.bg-primary-gradent{background: linear-gradient(270deg, #041C40 30.1%, #041C40 83.1%);}
.bg-info{background-color: #2EBACD !important;}
.bg-infos{background-color: #36BABF !important;}
.bg-whitelight{background-color: #F9FBFF !important;}
.bg-whitelight01{background-color: #F2F2F2 !important;}
.bg-green{background-color: #53B988 !important;}



/*---------------BG Background End---------------*/
.topmenu {z-index: 9; left: 0; right: 0; top: 0;}
body.pad {/*padding-top: 80px;*/ padding-right: 0 !important; overflow: initial !important;}
.modal-content {border-radius: 25px;}
.logo img {max-width: 124px;}
.homepad {padding-top: 4.5rem; padding-bottom: 4.5rem;}
nav.header-top {
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
nav.fixed-tops {
	background: #002B6C;
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
}

@media (min-width: 1400px) {
 .container {max-width: 1120px;}
}

/*---------------Footer Start---------------*/
footer {padding: 4rem 0 0rem; box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.05);}
.footer.footer ul.quicklinks li:hover a {color: #00398F !important;}
.footer_logo img {max-width: 150px;}
.footer .footer_logo {padding-top: 22px;}
.coppy-bottom {border-top: 1px solid #E2E8F0;}
.heading.white-line::after{background: #fff; right: 30px;}
/*---------------Footer Start---------------*/

footer .footercall {width: 34px; height: 34px; min-width: 34px;}
.navbar-toggler:focus {box-shadow: none;}


@media (min-width: 992px){
/* .navbar-expand-lg .navbar-nav .nav-link {color: #fff; padding-right: 1.4rem; padding-left: 1.4rem;} */
.navbar-expand-lg .navbar-nav li a {color: #fff; padding-right: 1.4rem; padding-left: 1.4rem;text-decoration: none;}
.navbar-expand-lg .navbar-nav .nav-item.dropdown:hover > .dropdown-menu {display: block; overflow: initial !important; visibility: visible; transition: all .6s ease; opacity: 1; transform: none;}
.navbar-nav .dropdown>.dropdown-toggle:active {pointer-events: none;}
.navbar-expand-lg .navbar-nav .nav-item.dropdown > .dropdown-menu {background-color: #fff; border-radius: 10px !important; -webkit-transform: rotate3d(1, 0, 0, -90deg); transform: rotate3d(1, 0, 0, -90deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; transition: all .6s ease; display: initial; width: 400px; top: 64px; border: none;	display: flex !important; flex-wrap: wrap; padding: 21px 22px 22px 15px !important;}
.navbar-expand-lg .navbar-nav .dropdown-menu li.submenu .dropdown-menu {left: 0; top: 0; background: transparent; position: relative; display: block !important;	border-radius: 0 !important; width: auto !important; -webkit-transform: inherit; transform: inherit; border: 0;}
.navbar-expand-lg .navbar-nav .dropdown-menu > .nav-item.submenu {width: 50%;}
}
.navbar-expand-lg .navbar-nav > li.nav-item.active a,
.navbar-expand-lg .navbar-nav > li.nav-item:hover a{color: #041C40 !important;}
.navbar-nav li.nav-item.dropdown a.dropdown-toggle::after {display: none;}
.navbar-nav > li.nav-item a:hover,
.navbar-nav > li.nav-item a.active {color: #041C40;}
.topmenu li.nav-item.dropdown ul li a {padding: 0.4rem 1.2rem !important;}
.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a {color: #A8A8A8 !important; text-transform: uppercase; font-weight: 600;}
.navbar-nav li.nav-item.dropdown ul.dropdown-menu li:hover>a{color: #C5A45A !important;}
.navbar-nav .nav-item.dropdown ul li a.dropdown-item:focus, 
.navbar-nav .nav-item.dropdown ul li a.dropdown-item:hover {background-color: transparent; color: #C5A45A !important;}
.dropdown-toggle::after {border: solid white; border-width: 0px 2px 2px 0; padding: 3px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.navbar-nav .nav-item.dropdown ul li.nav-item.submenu .nav-link.dropdown-toggle {color: #333333 !important; text-transform: capitalize; font-weight: 600; font-size: 18px; margin-bottom: 6px;}
.navbar-nav .nav-item.dropdown ul li.nav-item.submenu .nav-link.dropdown-toggle {color: #333333 !important; text-transform: capitalize; font-weight: 600; font-size: 18px; margin-bottom: 6px;}
.navbar-nav .nav-item.dropdown ul li.nav-item.submenu .nav-link.links {position: absolute; z-index: 1; left: 0; right: 0px;	padding: 0 !important; top: 0; height: 32px;}

@media screen and (max-width: 991px) {
/*-------------Menu Design Start--------------*/
.header-top .nav-menu {margin-left: 0; position: absolute; top: 68px; right: 11px; left: 11px; background: #000; z-index: 1; padding: 0px; box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;}
.header-top ul.navbar-nav li.nav-item.dropdown > a::after{border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); float: right; margin-left: 0; margin-top: 5px;}
.header-top ul.navbar-nav li.nav-item.show .dropdown-menu.submenu {background: #1c6dc4; margin-top: 0; border-bottom: 1px solid rgba(193, 193, 193, 0.3) !important; padding-top: 0;}
.header-top ul.navbar-nav > li.show > a {border: none; background: #1c6dc4;}
.header-top ul.navbar-nav > li > a {letter-spacing: 1px; padding: .6rem 1rem !important; color: #fff !important; border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.header-top ul.navbar-nav > li > a:hover {background: #ef4036;}
.header-top .nav-menu button {width: 100%; border-radius: 0; padding: 4px !important;}
.topmenu .navbar-nav .dropdown-menu {border: none !important;  margin: 0;}
.topmenu .navbar-nav .dropdown-menu .nav-item.submenu {border: 0;}
.topmenu .navbar-nav .dropdown-menu li.nav-item.submenu .dropdown-menu {display: block; padding-bottom: 14px !important;}
.topmenu .navbar-nav > li.nav-item > a { font-size: 14px;}
.navbar-nav li.nav-item.dropdown.submenu .dropdown-menu li a {padding-top: 3px !important; padding-bottom: 3px !important; padding-left: 30px !important;}
.topmenu .navbar-nav > li.nav-item > a.active, 
.topmenu .navbar-nav > li.nav-item:hover > a, 
.topmenu .navbar-nav > li.nav-item > a.show {color: #fff !important; background: #27bbdb;}
.topmenu .navbar-nav > li.nav-item > a::after {position: absolute !important; right: 15px; top: 15px !important; border-color: rgba(255, 255, 255, 0.8) !important; transition: transform .3s ease-in-out;}
.topmenu li.nav-item a{color: #303030 !important;}
/* .navbar-expand-lg .navbar-nav .nav-link {padding: 0.8rem 1rem !important;} */
.navbar-expand-lg .navbar-nav li a {padding: 0.8rem 1rem !important;}
.navbar .navbar-collapse {position: fixed; bottom: 0; z-index: 999; display: initial !important; max-width: 100%;  visibility: hidden; background-color: #002B6C; background-clip: padding-box; outline: 0; transition: transform .3s ease-in-out; top: 0; left: 0;	width: 280px;  transform: translateX(-100%);}
.navbar .navbar-collapse.show,
.navbar .navbar-collapsimg{visibility: visible; transform: translateX(0%); display: initial !important;}
.navbar-nav li.nav-item.dropdown a.dropdown-toggle.show::after {transform: rotate(-134deg) !important; -webkit-transform: rotate(-134deg) !important; top: 18px !important;}
.navbar-nav li.nav-item.dropdown a.dropdown-toggle::after {display: block;}
.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a {font-weight: normal; padding-left: 2rem !important;}
.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a::after {display: none;}
.navbar-nav li.nav-item.dropdown ul.dropdown-menu li .dropdown-menu li a {padding-left: 2.5rem !important; font-weight: 600;}
.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a.nav-link.show {color: #C5A45A !important;}
.navbar-nav .nav-item.dropdown ul li.nav-item.submenu .nav-link.dropdown-toggle {color: #5B5B5B !important; text-transform: capitalize;	font-weight: 600; font-size: 16px; margin-bottom: 0px;}
/*-------------Menu Design End--------------*/
}

.home-banner .roundbox {margin-bottom: -310px;}
.why_act-bg .roundbox {margin-right: -370px; transform: rotate(-30deg);	margin-top: -280px;}
.ourofferings_section .roundbox {margin-left: -340px; margin-top: -128px; /* transform: rotate(-30deg); */ }
.testimonials-section .roundbox {margin-left: -210px; margin-top: -120px; transform: rotate(-70deg);}
.blogs_section .roundbox {margin-top: -215px; transform: rotate(-11deg);}
.blogs_section .roundbox img {max-width: 460px;}

.home-banner{background: #00398F url(../images/banner-top-round.svg) no-repeat; background-position: center top; padding-top: 18rem; padding-bottom: 18rem;}
.why_act-bg{background: #00398F url(../images/why_act-bg-left.png) no-repeat; background-position: left top;}

.nav-tabs {border-top: 1px solid rgba(255, 255, 255, 0.2);}
.nav-tabs .nav-item button {width: 100%; font-weight: 500; color: #FFF;	padding-left: 1px; padding-right: 1px; padding-bottom: 0px; padding-top: 1px;transition: all 0.5s ease; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 0; border-top-right-radius: 0;}
.nav-tabs .nav-item button span {background-color: transparent; padding-left: 30px; padding-right: 30px; padding-bottom: 14px; padding-top: 14px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; color: #fff;}
.nav-tabs .nav-item button:hover span {background-color: #2757A0;}
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover{background: linear-gradient(180deg, #C8D4E7 0%, rgba(255, 255, 255, 0) 100%);}
.nav-tabs .nav-item.show .nav-link span, 
.nav-tabs .nav-link.active span{background-color: #2757A0 !important;}

.projects-row > div {border-right: 1px solid rgba(255, 255, 255, 0.3);}
.projects-row > div:last-child{border-right: 0px;}

/*.ourofferings_section{background: url(../images/ourofferings_section.png) no-repeat; background-position: center bottom;}*/
.ourofferings_dcs {background: rgba(0, 57, 143, 0.75); /*box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.25);*/}
.ourofferings_box hr {background-color: #fff;}
.ourofferings-mad {right: -6rem; position: relative; /*padding-left: 7rem;*/}
.curiousmore{background: linear-gradient(78.4deg, #27BBDB 10.25%, #58B97F 93.46%); border-bottom-left-radius: 24px; border-bottom-right-radius: 24px;}
.our_work_section {background-size: cover !important; background-position: center !important;}

.ourwork_round::before {content: ""; background: url(../images/ourofferings_section.png) no-repeat;	width: 787px; height: 838px; display: block; position: absolute; top: -650px; left: 0; right: 0; margin: 0 auto;}
.our_work_section .app-img {margin-top: -9rem; margin-bottom: -12px;}
.owl-theme .owl-nav.disabled+.owl-dots {margin-top: 2rem; text-align: center;}
.owl-theme .owl-dots {text-align: center;}
.owl-theme .owl-dots .owl-dot {display: inline-block; zoom: 1}
.owl-theme .owl-dots .owl-dot span {width: 12px; height: 12px; margin: 4px;	background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; border: 2px solid #D6D6D6;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #38BABB; border-color: #38BABB; width: 35px;}

.marquee-inner span{height:50%;}
.marquee-wrapper .marquee-block {height: 700px; overflow: hidden; box-sizing: border-box; position: relative;}
.marquee-inner {display: block; height: 200%; width: 100%; position: absolute; margin: 20px 0;}
.marquee-inner.to-left{animation: marqueeTop 25s linear infinite;}
.marquee-inner.to-right{animation: marqueeBottom 25s linear infinite;}
.marquee-item {width: 100%; display: block; transition: all .2s ease-out; padding: 10px; box-sizing: border-box;}
@keyframes marqueeTop{
  0% {top: 0;}
  100% {top: -100%;}
}
@keyframes marqueeBottom{
  0% {top: -100%;}
  100% {top: 0;}
}
.marquee-inner:hover{animation-play-state: paused;cursor: pointer;}

.testimonials-box {background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 100%); padding-top: 1px; padding-left: 1px; padding-right: 1px;}
.testimonials-boxs{background: #406BAB;}
.marquee-wrapper {position: relative;}
.marquee-wrapper::before {position: absolute; height: 220px; content: ""; display: block; background: linear-gradient(180deg, #00398F 0%, rgba(0, 57, 143, 0) 100%); left: 0; right: 0;	top: 0;	z-index: 9;}
.marquee-wrapper::after {position: absolute; height: 220px; content: ""; display: block; background: linear-gradient(180deg, #00398F 0%, rgba(0, 57, 143, 0) 100%); transform: matrix(1, 0, 0, -1, 0, 0); left: 0; right: 0; bottom: 0;	z-index: 9;}
.testimonials-section::after {background: url(../images/testimonials_round.png) no-repeat; position: absolute; height: 577px; content: ""; display: block; right: 0; bottom: 0;	z-index: 9;	width: 576px;}

.blogs_dcs{background: url(../images/blog-bg.png) repeat;}
.letscollaborate{background: linear-gradient(78.4deg, #27BBDB 10.25%, #58B97F 93.46%);}

.marketingsolutions {background-size: cover !important; background-position: center !important;}
.marketingsolutions .owl-stage .owl-item .marketing-solutions_dcs{border: 1px solid #fff;}
.marketingsolutions .owl-stage .owl-item .marketing-solutions_dcs{border-left: 0;}
.marketingsolutions .owl-stage-outer {border-left: 1px solid #fff;}
.marketingsolutions .owl-stage {display: flex; height: 100%;}
.marketingsolutions .owl-stage .item,
.marketingsolutions .owl-stage .marketing-solutions_dcs{height: 100%;}
.marketingsolutions .owl-stage .owl-item:hover .marketing-solutions_dcs{background-color: #3DB9B2;}
.marketingsolutions .owl-nav{margin-top: 2rem}
.nx-vb-arrow .owl-nav button {background: #3DB9B2 url(../images/marketingsolutions-arrow.svg) no-repeat !important; width: 38px; height: 38px; border-radius: 100%; background-position: 8px 12px !important; background-size: 76px !important;	margin-right: 10px;}
.nx-vb-arrow .owl-nav button.owl-next{background-position: -46px 12px !important;}
.nx-vb-arrow .owl-nav button:hover{background-position: 8px -34px !important;}
.nx-vb-arrow .owl-nav button.owl-next:hover{background-position: -46px -34px !important;}
.nx-vb-arrow .owl-nav button span {display: none;}
.nx-vb-arrow .owl-nav button:hover{background-color: #fff !important;}

.craftingwords-box {margin-left: -40px;}
.craftingwords .owl-nav {top: 50%; transform: translateY(-50%); position: absolute; left: -10px; right: -10px;}
.craftingwords .owl-nav button {box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); background: #FFFFFF url(../images/craftingwords-arrow.svg) no-repeat !important; width: 50px; height: 50px; border-radius: 100%; background-position: center !important;}
.craftingwords .owl-nav button span {display: none;}
.craftingwords .owl-nav button.owl-prev {transform: rotate(180deg);}
.craftingwords .owl-nav button.owl-next {float: right;}

.marketingagency_box {border-left: 2px solid #fff;}
.marketing-agency-section {padding-bottom: 10rem !important;}

.everysector-box{background: linear-gradient(180deg, #27BBDB 0%, #58B97F 100%);}
.everysector-box .every_sector_icon {min-width: 90px; height: 90px; line-height: 70px; box-shadow: 0px 5px 10px 2px rgba(0, 0, 0, 0.25); top: -20px; margin-top: -28px;}

.slider_menu li .line-border {width: 82px; height: 2px; background: #fff; position: relative; margin: 0 22px 0 3px;}
.slider_menu li.active a{font-size: 40px !important}
.slider_menu {margin-top: 30px;}
.slider_menu li {margin-bottom: 26px;}
.slider_menu li:last-child{margin-bottom: 0;}
.excellence-border{opacity: 0.5; filter: blur(10px); border-radius: 25px;}
.greatvideos_box {border: 2px solid #fff;}
.greatvideos_box:hover img{opacity: 1;}
.greatvideos_box img {
	 opacity: 0; 
	position: absolute;
	background-size: cover;
	/* margin: -24px; */
	/* width: auto !important; */
	/* left: -20px; */
	/* right: -20px; */
	/* top: -20px; */
	/* bottom: -20px; */
	display: block;
	/* max-width: initial !important; */
	height: 100%;
	z-index: 0;
}
.greatvideos_box .greatvideos_dcs{z-index: 9}

.greatvideos_box .b-top-line{transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; opacity: 0; width: 100%; height: 100%; top: 0; left: 0; text-align: center; visibility: hidden; background: rgb(61,185,178,0.8); z-index: 8;}
.greatvideos_box:hover .b-top-line{opacity: 1; visibility: visible;}
.greatvideos_box:hover .number{color: #fff !important;}
.greatvideos .owl-nav {position: absolute; top: 50%; transform: translateY(-50%); margin-left: -85px;}
.greatvideos-mad {margin-left: 86px; margin-right: -20px;}

.pre-production-box {border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);}
.pre-production-icon{background: linear-gradient(90deg, #27BBDB 0%, #58B97F 100%); box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25); width: 68px; height: 68px; min-width: 68px; line-height: 66px;}

.process_img {background: url(../images/process_img.svg) no-repeat; max-width: 875px; width: 100%; min-height: 314px; margin-top: 3rem;	margin-bottom: 3rem;}
.requirement-icon {top: -130px; left: -50px;}
.research-icon {top: 16.8rem; left: 5.5rem;}
.scriptwriting-icon {top: 5.5rem; left: 18.5rem;}
.postproductionmeet-icon {top: -0.3rem; left: 32.5rem;}
.storyboard-icon {top: 17.5rem; left: 34.7rem;}
.production-icon {top: -6.4rem; left: 50.3rem;}
.post-production-icon {top: 7.3rem; left: 48.5rem;}
.final-delivery-icon {top: 23.3rem; left: 58.8rem;}
.ourprocess-to-re {right: 0; top: -45px;}
.faq_heading_img h2 {top: 25px; left: 0; right: 0;}


/* faq */
.faq {margin-top: 5rem;}
.faq .accordion-item {border: none; background-color: transparent;}
.faq .accordion-item .accordion-header .accordion-button {border-radius: 0px; padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid #00398F; color: #00398F;}
.faq .accordion-body {color: #00398F; border-bottom: 1px solid #00398F;}
.faq .accordion-item .accordion-header .accordion-button:not(.collapsed) {background-color: transparent; box-shadow: none;}
.faq .accordion-button:focus {box-shadow: none;}
.faq .accordion .accordion-item .accordion-header .accordion-button::after {background: url(../images/faq_normal.svg) no-repeat; width: 30px; height: 30px; background-size: 30px;}
.faq .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {background: url(../images/faq_hover.svg) no-repeat; background-size: 30px; transform: initial;}

.marengo-cims {padding: 20vw 0; background-repeat: no-repeat !important; background-position: center right !important;	background-size: 100% !important;}
.one_heart_section {background-size: cover !important; background-position: center !important;}

.objectives-left {background-size: 85% !important; padding: 22rem 16rem !important;	background-position: left center !important;}
.objectives-dcs {padding: 2rem 21vw 2rem 0rem;}

.the-rhythm-img {background-size: 85% !important; padding: 16vw 6rem !important; background-position: right center !important;}
.the-murmur-dcs {padding: 2rem 0rem 2rem 20vw;}

.unveiling-the {background-size: 61% !important; padding: 15vw !important; background-position: center bottom !important;}
.unveiling-the-dcs{padding: 2rem 20vw 2rem 0rem;}

.a_symphony_img {background-size: 100% !important; padding: 20vw !important;}
.a_symphony_text {padding: 2rem 20vw 2rem 6rem;}

.newspaperadvertisement .owl-nav {text-align: right; margin-right: -6px; margin-top: 0.8rem;}
.newspaperadvertisement .owl-nav button {background: url(../images/newspaperadvertisement-arrow.png) no-repeat !important; width: 48px;	height: 48px; background-size: 100px !important;}
.newspaperadvertisement .owl-nav button span{display: none;}
.newspaperadvertisement .owl-nav button.owl-next {background-position: -52px 0 !important;}

.outdooradvertisement .owl-nav {text-align: right; margin-right: -6px; margin-top: 0.8rem;}
.outdooradvertisement .owl-nav button {background: url(../images/outdooradvertisement-arow.png) no-repeat !important; width: 48px;	height: 48px; background-size: 100px !important;}
.outdooradvertisement .owl-nav button span{display: none;}
.outdooradvertisement .owl-nav button.owl-next {background-position: -52px 0 !important;}

.marengo-cims-logo {padding-left: 10vw;}
.the-murmur-img {margin-bottom: -4.5rem;}

.theheartening-img {margin-bottom: -4.5rem;}


.ourexpertise-left .nav-link {background-color: rgba(255,255,255,0.15); margin-bottom: 6px; border-radius: 12px; color: #fff; font-size: 18px;}
.ourexpertise-left .nav-link:last-child {margin-bottom: 0;}
.ourexpertise-left .nav-link {color: #fff; font-size: 18px; text-align: left; padding: 8px 20px;}
.ourexpertise-left .nav-link span{display: flex; position: relative; align-items: center !important;}
.ourexpertise-left {min-width: 320px; margin-right: 2.3rem;}
.ourexpertise-left .nav-link span:before{background: url(../images/ourexpertise-icon.png) no-repeat; content: ""; width: 40px; height: 40px; display: block;}

.ourexpertise-left .nav-link.ourexpertise01 span:before{background-position: 0px 4px;}
.ourexpertise-left .nav-link.ourexpertise01.active span:before{background-position: -81px 4px;}

.ourexpertise-left .nav-link.ourexpertise02 span:before{background-position: 0px -62px;}
.ourexpertise-left .nav-link.ourexpertise02.active span:before{background-position: -81px -62px;}

.ourexpertise-left .nav-link.ourexpertise03 span:before{background-position: 0px -128px;}
.ourexpertise-left .nav-link.ourexpertise03.active span:before{background-position: -81px -128px;}

.ourexpertise-left .nav-link.ourexpertise04 span:before{background-position: 0px -194px;}
.ourexpertise-left .nav-link.ourexpertise04.active span:before{background-position: -81px -194px;}

.ourexpertise-left .nav-link.ourexpertise05 span:before{background-position: 0px -261px;}
.ourexpertise-left .nav-link.ourexpertise05.active span:before{background-position: -81px -261px;}

.ourexpertise-left .nav-link.ourexpertise06 span:before{background-position: 0px -326px;}
.ourexpertise-left .nav-link.ourexpertise06.active span:before{background-position: -81px -326px;}

.ourexpertise-left .nav-link.ourexpertise07 span:before{background-position: 0px -392px;}
.ourexpertise-left .nav-link.ourexpertise07.active span:before{background-position: -81px -392px;}

.ourexpertise-left .nav-link.ourexpertise08 span:before{background-position: 0px -459px;}
.ourexpertise-left .nav-link.ourexpertise08.active span:before{background-position: -81px -459px;}

.nav-pills.ourexpertise-left .nav-link.active, 
.nav-pills.ourexpertise-left .show > .nav-link {color: #00398F; background-color: #fff;}
.customiseddesign img {max-width: 25px;}

.craftingwords-pad {padding-left: 150px;}
.ourprocess-box {z-index: 3; left: 1px; top: 50%; transform: translateY(-50%); max-width: 300px;}

.ourprocess .owl-nav {top: 50%; transform: translateY(-50%); position: absolute; left: -70px; right: -70px;}
.ourprocess .owl-nav button {background: url(../images/craftingwords-arrow.png) no-repeat !important; width: 50px; height: 50px; border-radius: 100%; background-position: center !important;}
.ourprocess .owl-nav button span {display: none;}
.ourprocess .owl-nav button.owl-prev {}
.ourprocess .owl-nav button.owl-next {float: right; transform: rotate(180deg);}
.ourvalue-icon {min-width: 64px; height: 64px; line-height: 62px;}

.ourexpertise-row {position: relative; z-index: 1;}
.consultative-approach img {min-width: 60px; max-width: 60px;}

.ourvalue-icon::after {content: ""; display: block; position: absolute; background: #00398f; right: -11px; top: 0; bottom: 0; width: 2px;}

/*----------- Engagement Faq --------------*/
.engagement-faq {margin-top: 1.6rem;}
.engagement-faq .accordion-item {border: none; background-color: transparent; margin-bottom: 1.3rem;}
.engagement-faq .accordion-item .accordion-header .accordion-button {border-radius: 12px; padding-top: 6px; padding-bottom: 6px; border: 1px solid #00398F;	color: #00398F;}
.engagement-faq .accordion-body {border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
.engagement-faq .accordion-item .accordion-header .accordion-button:not(.collapsed) {background-color: transparent; box-shadow: none;}
.engagement-faq .accordion-button:focus {box-shadow: none;}
.engagement-faq .accordion .accordion-item .accordion-header .accordion-button::after {background: url(../images/engagement-faq-plus.svg) no-repeat; width: 24px; height: 24px;	background-size: 24px;}
.engagement-faq .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {background: url(../images/engagement-faq-minus.svg) no-repeat; background-size:24px; transform: initial;}
.engagement-faq .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {background-color: #00398F; color: #fff !important; border-bottom-left-radius: 0; border-bottom-right-radius: 0;	padding-top: 14px;}
.engagement-faq .accordion-item:last-child {margin-bottom: 0;}
/*----------- Engagement Faq End --------------*/

.developmentservices_box h5 {min-height: 74px;}

.consultation_box{background: #F4F3F3; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);}
.consultation-box03 {margin-top: 2.5rem; margin-bottom: 2.5rem;}

.custom-container {min-height: 440px;}
.section {cursor: pointer; transition: all 0.4s ease-in-out;}
.custom-container .main-text {max-height: 460px; min-height: 460px; overflow: hidden; font-weight: 400; font-size: 16px; cursor: text; color: #fff; display: none; padding: 34px;}
.custom-container .global-icon {background: #3BBAB5; width: 100px; height: 100px; border-radius: 15px; line-height: 92px;}
.custom-container .section-1 {background: linear-gradient(178.72deg, #00398F 58.1%, #072D66 98.9%); border-radius: 20px;}
.custom-container .section-2 {background: linear-gradient(178.72deg, #3BBAB5 50.3%, #15817C 99.2%); border-radius: 20px;}
.custom-container .section-3 {background: linear-gradient(178.72deg, #00398F 58.1%, #072D66 98.9%); border-radius: 20px;}
.custom-container .section-4 {background: linear-gradient(178.72deg, #3BBAB5 50.3%, #15817C 99.2%); border-radius: 20px;}
.custom-container .section-5 {background: linear-gradient(178.72deg, #00398F 58.1%, #072D66 98.9%); border-radius: 20px;}
.custom-container .grow {
  flex: 5;
  & div {
    justify-content: end;
  }
}

.custom-container .shrink {
  	min-width: 100px; justify-content: end !important; display: flex; flex-direction: column !important; align-items: center !important; padding: 15px 0px;
  & .heading {
    color: WhiteSmoke;
    transform-origin: 20% 100%; writing-mode: sideways-lr; font-size: 22px;
  }
  & button {
	width: 70px; height: 70px; border-radius: 15px; background-color: #fff;	border: none;}
}

.custom-container .heading-none{display: none;}
.custom-container .shrink .heading-none {display: block;}

@keyframes slide {
  from {
    transform: translateY(-120px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 100%;
  }
}
.custom-container .show {display: block;}
.custom-container .hide {display: none;}
.custom-container .animate {animation: slide 0.4s ease;}
.hirededicated-h {height: 100%;}


@media screen and (max-width: 991px) {
.custom-container .main-text {padding: 24px;}
.custom-container .global-icon {width: 70px; height: 70px; border-radius: 10px; line-height: 70px;}
.custom-container .global-icon img {max-width: 46px;}

.custom-container .shrink {
  	min-width: 90px; padding: 15px 0px;
  & .heading {
    font-size: 18px;
  }
  & button {
	width: 40px; height: 40px; border-radius: 8px;}
  & button img{max-width: 26px;}
}
}

@media screen and (max-width: 767px) {
.custom-container .main-text {padding: 20px;}
.custom-container .global-icon {width: 50px; height: 50px; border-radius: 10px; line-height: 50px;}
.custom-container .global-icon img {max-width: 30px;}

.custom-container .shrink {
  	min-width: 60px; padding: 15px 0px;
  & .heading {
    font-size: 18px;
  }
  & button {
	width: 40px; height: 40px; border-radius: 8px;}
  & button img{max-width: 26px;}
}
.hirededicated-h {height: auto;}
}

@media screen and (max-width: 575px) {
.custom-container .shrink {
  flex-direction: initial !important; justify-content: start !important; padding: 15px 15px;
  & .heading {
  writing-mode: horizontal-tb;margin-bottom: 0; order: 2; margin-left: 15px; margin-right: 0;
  }
}
.custom-container .main-text {max-height: 100%; min-height: 260px;}
}


.slider-container.vertical-slider  {position: relative; width: 100%; overflow: hidden;}
.vertical-slider.vertical-slider .slider-wrapper {display: flex; flex-direction: column; transition: transform 0.5s ease-in-out;}
.vertical-slider.vertical-slider .slide-content {display: flex;	flex-wrap: wrap; align-items: center; width: 100%;}
.vertical-slider.vertical-slider .nav-buttons {display: flex; flex-direction: column; position: fixed; top: 50%; right: 1rem; transform: translateY(-50%); z-index: 100;}
.vertical-slider.vertical-slider .nav-buttons button {background-color: #0d6efd; border: none; color: white; margin: 5px 0; padding: 8px 12px; border-radius: 4px;}
   
.vertical-slider.vertical-slider .bullet-indicators {position: absolute; right: 32px; display: flex; flex-direction: column; gap: 10px; z-index: 100; bottom: 32px;}
.vertical-slider.vertical-slider .bullet {width: 12px; height: 12px; background-color: #D9D9D9; border-radius: 50%; cursor: pointer; transition: background-color 0.3s;}
.vertical-slider.vertical-slider .bullet.active {background-color: #1B4895;}
.vertical-slider.vertical-slider .slider-row .slider-dcs {padding: 0 125px 0 3rem;}
.vertical-slider.vertical-slider .case-study-right {background: #44B9A3; top: 0; bottom: 0; right: 0; writing-mode: sideways-lr; display: flex;	justify-content: end !important;}

@media (max-width: 768px) {
  .vertical-slider .slide-content {
    flex-direction: column;
    text-align: center;
  }
  .vertical-slider .slide img {
    margin-bottom: 1rem;
  }

  .vertical-slider .bullet-indicators {
    flex-direction: row;
    bottom: 1rem;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
  }
}

/* faq */
.faq-dark {margin-top: 5rem;}
.faq-dark .accordion-item {border: none; background-color: transparent;}
.faq-dark .accordion-item .accordion-header .accordion-button {border-radius: 0px; padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid #EBEBEB; color: #fff; background-color: transparent;}
.faq-dark .accordion-body {color: #fff; border-bottom: 1px solid #fff;}
.faq-dark .accordion-item .accordion-header .accordion-button:not(.collapsed) {background-color: transparent; box-shadow: none;}
.faq-dark .accordion-button:focus {box-shadow: none;}
.faq-dark .accordion .accordion-item .accordion-header .accordion-button::after {background: url(../images/faqwhite_hover.svg) no-repeat; width: 30px; height: 30px; background-size: 30px;}
.faq-dark .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {background: url(../images/faqwhite_normal.svg) no-repeat; background-size: 30px; transform: initial;}



.ourprocess_bg{background: #F4F3F3;}
.process-step {border-radius: 15px; padding: 58px 50px 30px; transition: all 0.3s; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25);}
.process-step.active {background-color: #00398F; color: #fff; box-shadow: 0 8px 16px rgba(0,0,0,0.2);}
.step-icon {color: #fff; background-color: #00398F; width: 92px; height: 92px; display: flex; align-items: center; justify-content: center;	border-radius: 50%;	margin: 0px auto 0;	font-weight: bold; top: -50px; left: 50%; transform: translateX(-50%); font-size: 35px;}
.process-step.active .step-icon{box-shadow: -5px -5px 4px rgba(0, 0, 0, 0.25);}

.exploreour-row > .col {border-top: 2px solid #fff;	border-right: 2px solid #fff;}
.exploreour-row > .col:nth-child(1),
.exploreour-row > .col:nth-child(2),
.exploreour-row > .col:nth-child(3){border-top: 0px;}
.services-features-right-bottom-img img {max-width: 160px;}



section.hero-section {position: relative; height: 650px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0;
text-align: center; overflow: hidden; background: linear-gradient(135deg, #1e1e2f, #2d2d44);}
.content {max-width: 800px; padding: 0rem; z-index: 2;}
.content h1 {font-size: 2.5rem; margin-bottom: 0.5rem;}
.content p {font-size: 1.1rem; line-height: 1.6; color: #cccccc;}
.bubble-wrapper {position: absolute; bottom: -240px; left: 50%; transform: translateX(-50%); animation: rise 2s ease-out forwards; z-index: 0;}
.bubble {width: 631px; height: 500px; animation: float 5s ease-in-out infinite;}
.bubble::after {content: ''; position: absolute; top: 50px; left: 10px; right: 60px; bottom: 30px; background: linear-gradient(78.4deg, #27BBDB 10.25%, #58B97F 93.46%); opacity: 0.45; filter: blur(20px); border-radius: 50%; z-index: -1;}
@keyframes rise {
from {
  transform: translate(-50%, 100px);
  opacity: 0;
}
to {
  transform: translate(-50%, 0);
  opacity: 1;
}
}

.ourvalue-icon.border-right-white::after {background: #fff;}

.iOSapp {font-size: 120px;}
.industryleading_box {border: 2px solid #fff; border-radius: 14px; min-height: 180px;}
.industryleading_box.active {border-color: #2BBAD3; background-color: #2BBAD3;}
.industryleading_box.active-border {border-color: #2bbad3;}
.discover-row .col {margin-right: 14%; width: 24%; max-width: 24%; flex: 1 0 24%;}
.discover-row .col:nth-child(3n){margin-right: 0%;}
.discover-row .discover_box h5.card-title::after {border-bottom: 2px solid #fff; position: absolute; right: -49%; content: ""; display: block; width: 40%; top: 26px;}
.discover-row .col:nth-child(3n) h5.card-title::after{display: none;}

.engagementtabs.nav-pills .nav-link.active::after {content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 4px; right: -4px;	background: #32AAB3;}    
.engagementtabs.nav-pills .nav-link.active {color: #32AAB3 !important; background-color: transparent;}
.engagementtabs {border-right: 4px solid #fff;}

.ourstep-box {width: 130px; height: 130px; box-shadow: 1px 1px 6.7px 3px rgba(0, 0, 0, 0.25); margin: auto; z-index: 2;}
.our-step-icon {background-color: #00398F; width: 90px; height: 90px; padding: 10px;}
.dotted-curve {display: none;}

@media (min-width: 768px) {
  .dotted-curve {display: block; position: absolute; top: 64px; left: 200px; border: 1px dashed #C83896; border-left: none; border-radius: 0 140px 140px 0px; z-index: 1; right: -30px; height: 19.4rem;}
}

.our-value-proposition {background-size: cover !important;}
.ourvalueproposition_box:hover{background-color: #00398F !important;}
.ourvalueproposition_box:hover *{color: #fff !important;}
.ourvalueproposition_box .our-value-hover,
.ourvalueproposition_box:hover .our-value-normal{display: none;}
.ourvalueproposition_box:hover .our-value-hover{display: block;}

.ourprocess-tab .custom-container .main-text {color: #000;}
.ourprocess-tab .custom-container .section-1,
.ourprocess-tab .custom-container .section-2,
.ourprocess-tab .custom-container .section-3,
.ourprocess-tab .custom-container .section-4,
.ourprocess-tab .custom-container .section-5 {background: #fff; box-shadow: 10px 0px 18px 0px rgba(0, 0, 0, 0.2) inset; border-radius: 0px;}
.ourprocess-tab .custom-container .section-1{border-bottom-left-radius: 20px; border-top-left-radius: 20px;}
.ourprocess-tab .custom-container .section-5{border-bottom-right-radius: 20px; border-top-right-radius: 20px;}
.ourprocess-tab .custom-container .global-icon {background: transparent; width: auto; height: auto; border-radius: 0; line-height: normal;}
.smellwell-mad {margin-top: 24rem;}


/*.brandingservices-slider .content-box {position: relative; overflow: hidden; transition: height 0.4s ease;}
.brandingservices-slider .content-track {display: flex; flex-direction: column; position: relative; transition: transform 0.5s ease;}
.brandingservices-slider .slide {padding: 20px 0;}
.brandingservices-slider .timeline {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: space-between;}

.brandingservices-slider .line {width: 2px;	background-color: rgba(255, 255, 255, 0.2);	flex: 1; position: absolute; top: 0px; bottom: 0px;}
.brandingservices-slider .dot {width: 16px; height: 16px; background-color: #00BCD4; border-radius: 50%; z-index: 2; position: relative; transition: opacity 0.3s ease;}
.brandingservices-slider .dot.hidden {opacity: 0; visibility: hidden;}
.brandingservices-slider .counter-box {background-color: black;	padding: 8px 5px; color: white;	font-weight: 600; font-size: 14px; border-radius: 3px; z-index: 2; position: absolute; top: 50%; transform: translateY(-50%);}
.brandingservices-slider .arrow {font-size: 15px; color: #00398F; cursor: pointer; z-index: 2; user-select: none; background: linear-gradient(78.4deg, #27BBDB 10.25%, #58B97F 93.46%);	width: 18px; height: 18px; text-align: center; line-height: 16px; border-radius: 100%;}
.brandingservices-slider .arrow.up {animation: bounceUp 1.4s infinite; display: none;}*/



/* ===== ourwork Start ===== */
.right-slider.workmad {top: -8rem; margin-bottom: -8rem; margin-top: -2rem;}
.ourwork-mads {margin-top: 3rem; margin-bottom: 3rem; margin-left: 2rem;}
.brandingservices-slider{display:flex;}

.ourwork_round .timeline{position:relative; display:flex; flex-direction:column; align-items:center; justify-content:space-between;}
.ourwork_round .line{width:2px; background:rgba(255,255,255,.3); position:absolute; top:0; bottom:0;}
.ourwork_round .dot{width:16px; height:16px; background:#00BCD4; border-radius:50%; z-index:2;}
.ourwork_round .dot.hidden{opacity:0;}
.ourwork_round .arrow{width:20px; height:20px; background:linear-gradient(78deg,#27BBDB,#58B97F); color:#00398F; border-radius:50%; text-align:center; line-height:18px; cursor:pointer; user-select:none; z-index:2;}
.ourwork_round .arrow.up{display:none;}
.ourwork_round .counter-box{background:#000; color:#fff; padding:6px 8px; border-radius:3px; font-size:13px; position:absolute; top:50%; transform:translateY(-50%); z-index:2;}

/* ===== CONTENT SLIDER ===== */
.ourwork_round .content-box{overflow:hidden; transition:height .4s ease;}
.ourwork_round .content-track{display:flex; flex-direction:column; transition:transform .5s ease;}

/* ===== RIGHT IMAGE SLIDER ===== */
.ourwork_round .right-slider{overflow:hidden; transition:height .4s ease;}
.ourwork_round .right-track{display:flex; flex-direction:column; transition:transform .5s ease;}

@media (max-width: 1199px) {
.right-slider.workmad {top: -6rem; margin-bottom: -5rem; margin-top: 0;}
.ourwork-mads {margin-top: 3rem; margin-bottom: 3rem; margin-left: 1rem;}
.ourwork_round .timeline {margin-top: 2rem; margin-bottom: 2rem;}
}

@media (max-width: 991px) {
.right-slider.workmad {top: 0; margin-bottom: 0; margin-top: 0;}
}

@media (max-width: 767px) {
.ourwork-mads {margin-top: 3rem; margin-bottom: 1rem; margin-left: 0rem;}
.ourwork_round .timeline {margin-bottom: 0;}
}

/* ===== ourwork End ===== */




.merchandisepackaging-left {border-left: 4px solid #fff;}
.merchandisepackaging02 {margin-top: 15rem;}
.merchandisepackaging03 {margin-top: 28rem;}
.owl-carousel .owl-stage {display: flex;}
.scroll-button {z-index: 9;	color: #FFFFFF; opacity: 0.5; bottom: 60px;}

.marketing-solutions {background-size: cover !important;}


section.hero-section {position: relative; height: 650px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 0; text-align: center; overflow: hidden; background: #00398F url(../images/banner-top-round.svg) no-repeat; background-position: center top;}
.bubble-wrapper {position: absolute; bottom: -240px; left: 50%; transform: translateX(-50%); animation: rise 2s ease-out forwards; z-index: 0;}
.bubble {width: 631px; height: 500px; animation: float 2s ease-in-out infinite;}
.bubble::after {content: ''; position: absolute; top: 50px; left: 10px; right: 60px; bottom: 30px; background: linear-gradient(78.4deg, #27BBDB 10.25%, #58B97F 93.46%); opacity: 0.45; filter: blur(20px); border-radius: 50%; z-index: -1;}
@keyframes rise {
  from {
    transform: translate(-50%, 100px);
    opacity: 0;
  }
  to {
    transform: translate(-50%, 0);
    opacity: 1;
  }
}

@media (max-width: 991px) {
section.hero-section {height: 540px;}	
.bubble {width: 390px; height: 350px;}
.bubble svg {width: 400px; height: 370px;}
.bubble-wrapper {bottom: -155px;}
section.hero-section .contents {padding: 0 15px;}
.scroll-button {bottom: 40px;}
}

@media (max-width: 767px) {
section.hero-section {height: 440px;}
.bubble2, .bubble3, .bubble4, .bubble5 {display: none;}
.scroll-button {bottom: 20px;}
.bubble-wrapper {bottom: -175px;}
.bubble {width: 300px; height: 300px;}
.bubble svg {width: 310px; height: 260px;}
}

@media (max-width: 480px) {
.bubble {width: 260px; height: 250px;}
.bubble svg {width: 260px; height: 190px;}
.scroll-button {bottom: 15px;}
.scroll-button span {margin-bottom: 3px !important;}
.bubble-wrapper {bottom: -154px;}
}

.target-bubble {position: absolute; opacity: 0; transition: opacity 4.6s ease, transform 4.6s ease;}
.bubble-left {transform: translateX(-100%);}
.bubble-right {transform: translateX(100%);}
.show-left {transform: translateX(0); opacity: 1;}
.show-right {transform: translateX(0); opacity: 1;}

.bubble1 { top: 10%; left: 0; }
.bubble2 { top: 50%; right: -340px; margin-top: -352px;}
.bubble3 {top: 0; left: 0; margin-left: -270px; margin-top: -240px;}
.bubble4 { top: 0; right: 0; margin-top: -320px;}
.bubble5 { top: 0; left: 0px; margin-top: -120px; margin-left: -120px;}
/*.bubble6 { bottom: 0%; left: 0; }*/


/*.slider-section {display: flex; align-items: center; justify-content: center; position: relative;}
.ourkey-mad {margin-right: 11rem;}
.slider-section .slider-card {background: #fff; border-radius: 15px; padding: 20px; width: 100%; box-shadow: 0 4px 15px rgba(0,0,0,0.1); overflow: hidden; transition:height .5s ease; position: relative; height: auto !important; min-height: 340px; display: flex; align-items: center !important; justify-content: center !important;}
.slider-section .slide {display: none; flex-direction: column; align-items: center; justify-content: center; text-align: center; opacity: 0; transform: translateY(30px); transition: all 0.6s ease-in-out; position: absolute; width: 100%; top: 0; left: 0;}
.slider-section .slide.active {display: flex; opacity: 1; transform: translateY(0); position: relative;}
.slider-section .slider-nav {position: absolute; right: -170px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 28px;}
.slider-section .slider-nav a {color: #fff;	font-size: 26px; text-decoration: none;	position: relative;	transition: all 0.3s ease-in-out;}
.slider-section .slider-nav a::before {content: "";	position: absolute;	left: -70px; top: 50%; transform: translateY(-50%);	width: 60px; height: 2px; background: #fff;	opacity: 0.5; transition: all 0.3s ease-in-out;}
.slider-section .slider-nav a.active {font-size: 42px; font-weight: 600;}
.slider-section .slider-nav a.active::before {opacity: 1; width: 60px;}

@media(max-width: 768px) {
.slider-section .slider-nav {right: 2%;}
}

@media(max-width: 991px) {
.ourkey-mad {margin-right: 8rem;}
.slider-section .slider-nav {right: -140px;}
.slider-section .slider-nav a.active {font-size: 32px;}
}

@media(max-width: 767px) {
.slider-section .slider-nav a::before {left: -30px; width: 25px;}
.slider-section .slider-nav a.active::before {width: 25px;}
.ourkey-mad {margin-right: 5rem;}
.slider-section .slider-nav {right: -80px; gap: 36px;}
.slider-section .slider-nav a {font-size: 16px;}
.slider-section .slider-nav a.active {font-size: 22px;}
}*/


.slider-section {display: flex; align-items: center; justify-content: center; position: relative;}
.ourkey-mad {margin-right: 11rem;}
.slider-section .slider-card {background: #fff; border-radius: 15px; padding: 20px; width: 100%; box-shadow: 0 4px 15px rgba(0,0,0,0.1); overflow: hidden; position: relative; min-height: 340px; display: flex; align-items: center; justify-content: center;}
.slider-section .slide {display: none; flex-direction: column; align-items: center; justify-content: center; text-align: center; opacity: 0; transform: translateY(30px); position: absolute; width: 100%; top: 0; left: 0;}
.slider-section .slide.active {display: flex; animation: fadeSlide 0.8s ease forwards; position: relative;}
@keyframes fadeSlide {
0% {
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.slider-section .slider-nav {position: absolute; right: -170px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 28px;}
.slider-section .slider-nav a {color: #fff; font-size: 26px; text-decoration: none; position: relative; transition: all 0.3s ease-in-out;}
.slider-section .slider-nav a::before {content: ""; position: absolute; left: -70px; top: 50%; transform: translateY(-50%); width: 60px; height: 2px; background: #fff; opacity: 0.5; transition: all 0.3s ease-in-out;}
.slider-section .slider-nav a.active {font-size: 42px; font-weight: 600;}
.slider-section .slider-nav a.active::before {opacity: 1; width: 60px;}

@media(max-width: 991px) {
.ourkey-mad {margin-right: 8rem;}
.slider-section .slider-nav {right: -140px;}
.slider-section .slider-nav a.active {font-size: 32px;}
}

@media(max-width: 767px) {
.slider-section .slider-nav a::before {left: -30px; width: 25px;}
.slider-section .slider-nav a.active::before {width: 25px;}
.ourkey-mad {margin-right: 5rem;}
.slider-section .slider-nav {right: -80px; gap: 36px;}
.slider-section .slider-nav a {font-size: 16px;}
.slider-section .slider-nav a.active {font-size: 22px;}
}





/*new css*/

.powerfulshot_box {border: 2px solid #fff;}
.powerfulshot-btn {margin-bottom: 18px; margin-right: 18px;}
.powerfulshot-btn .btn {width: 34px; height: 34px; padding: 4px;}
.powerfulshot-btn .btn img {max-width: 11px;}

.powerfulshot-mad {margin: 0 80px;}
.powerfulshot .owl-nav {position: absolute; top: 50%; margin-top: -20px; left: -80px; right: -90px;	justify-content: space-between !important;  display: flex;}
.seolead-right .tab-pane {background: #00398F; border: 3px solid #27BBDB; box-shadow: 0px 10px 10px 10px rgba(0, 0, 0, 0.25); border-top-right-radius: 25px; border-bottom-right-radius: 25px; border-left: 0;}
.nav-pills.v-pills-tab .nav-link.active {color: #00398F !important; font-weight: bold !important;}
.nav-pills.v-pills-tab .nav-link {padding-top: 20px; padding-bottom: 20px;}

.search-safe_box{box-shadow: 5px 5px 5px 5px rgba(0, 0, 0, 0.25);}
.readmore .btn {width: 26px; height: 26px;}
.crmcustomizations-img01 img {max-width: 150px;}

.hiredeveloper {background-size: cover !important;}
.hiredeveloper-right-img .img-fluid {bottom: 0; max-width: 380px; right: 80px;}

.zohobundleapps a {color: #000; background-color: #D9D9D9;}
.zohobundleapps a:hover,.zohobundleapps a.active{color: #fff; background-color: #00398F;}
.people-plus{border: 1px solid #9D9D9D; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);}
.category-box {padding: 20px 28px; border-radius: 10px; background: #F5F5F5; font-weight: normal; cursor: pointer; text-align: center;}
.category-active {background: #00398F !important; color: #fff !important;}






@media screen and (max-width: 1199px) {
.hiredeveloper-right-img .img-fluid {bottom: 0; max-width: 370px; right: 40px;}
}

@media screen and (max-width: 991px) {
.hiredeveloper-right-img .img-fluid {max-width: 270px; right: 30px;}
.zohobundleapps a {font-size: 16px;}
.seolead-right .tab-pane {border-top-right-radius: 0; border-bottom-right-radius: 25px; border-bottom-left-radius: 25px; border: 3px solid #27BBDB; border-top: 0;}
.nav-pills.v-pills-tab .nav-link {padding-top: 10px; padding-bottom: 10px; font-size: 14px; padding-left: 5px; padding-right: 5px;}
.nav-pills.v-pills-tab .nav-link .img-fluid {max-width: 40px;}
.powerfulshot-mad {margin: 0 60px;}
.powerfulshot .owl-nav {left: -60px; right: -70px;}
}

@media screen and (max-width: 767px) {
.font-size-40 {font-size: 26px;}	
.category-box {padding: 14px;}
.hiredeveloper-right-img .img-fluid {max-width: 185px; right: 5px;}
.nav-pills.v-pills-tab .nav-link .img-fluid {max-width: 30px;}
.powerfulshot-mad {margin: 0 46px;}
.powerfulshot .owl-nav {left: -46px; right: -56px;}
.powerfulshot-btn {margin-bottom: 12px; margin-right: 12px;}
}



@media screen and (max-width: 440px) {
.customizations-col {flex: 0 0 auto; width: 100%;}
.crmcustomizations-img01 img {max-width: 100%; width: 100%;}
}



/* Full width slider */
.swiper{
  width:100%;
}

/* Slide */
.swiper-slide{
  display:flex;
  justify-content:center;
}

/* Image flexible */
.swiper-slide img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain; /* no cut */
}