@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');

:root {
    --white: #ffffff;
    --black: #3f3939;
    --bg-dark: #000621;
    --blue: #011A86;
    --darkblue: #00125B;
    --semilightblue:#7A7DB0;
    --lightblue:#F2F2FF;
    --textbslight-blue-rgb: 195,207,249;
    --bs-lightblue-rgb: 244, 246, 255;
    --bs-semilightblue-rgb: 245, 247, 251;
    --bs-blue-rgb: 17, 74, 156;
    --textblue: #8183B0;
    --maroon: #C0544D;
    --orange: #F6B53B;
    --yellowbg: #F5B43A;
    --text-grey: #c4c4c4;
    --semilightgrey: #F8F8F8;
    --borderlightgrey: #F1F1F1;
    --text-darkgrey: #A1A1A1;
    --lightgrey: #FAFAFD;
    --iconlightbg:#F4F6FF;
    --iconsemidarkbg:#D2D9F4;
    --lightbluebg: #edf0fd;
    --light-orange: #FFCC6E;
    --tabs-grey: #fbfbfb;
    --yellow-bg-light: #FFEFD2;
    --yellow-light: #FFF8EB;
    --text-line-2: 2;
    --text-line-1: 1;
    --text-line-3: 3;
    --text-line-4: 4;
    --bs-btn-disabled-opacity: 0.65;
    --textbluelight: #6A6C9C; 
}
.btn-primary{ background: var(--darkblue); border-color: var(--blue); }
.btn-primary:hover{background: var(--maroon); border-color: var(--maroon); }
.lightblue{ background: var(--lightblue);}
.lightgrey{ background: var(--lightgrey);}
.darkbluebg{ background: var(--bg-dark); }
.bgdarkblue{ background: var(--darkblue); }
.semidarkbluebg{ background: var(--iconsemidarkbg) !important; }
.bg-warning-dark{background: var(--yellowbg);}
.bs-semilightblue-rgb{ --bs-bg-opacity: .7; background-color: rgba(var(--bs-semilightblue-rgb), var(--bs-bg-opacity)); }


.bg-white-transparent{
    --bs-bg-opacity: .1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white-transparent{
    --bs-bg-opacity: .1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.border-white-transparent {
  --bs-border-opacity: .2;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.bluebggradiant{ /*background: url(../images/bluebggradiant.svg) no-repeat center center; background-size: cover;*/
     background: var(--darkblue);
     background: -moz-radial-gradient(0% 100%, ellipse cover, var(--darkblue) 10%, rgb(225 141 8 / 0%) 40%), linear-gradient(to bottom, rgb(3 22 71 / 0%) 0%, var(--bg-dark) 100%), linear-gradient(135deg, var(--darkblue) 0%, var(--bg-dark) 100%);
     background: -webkit-radial-gradient(0% 100%, ellipse cover, var(--darkblue) 10%, rgb(225 141 8 / 0%) 40%), linear-gradient(to bottom, rgb(3 22 71 / 0%) 0%, var(--bg-dark) 100%), linear-gradient(135deg, var(--darkblue) 0%, var(--bg-dark) 100%);
     background: -o-radial-gradient(0% 100%, ellipse cover, var(--darkblue) 10%, rgb(225 141 8 / 0%) 40%), linear-gradient(to bottom, rgb(3 22 71 / 0%) 0%, var(--bg-dark) 100%), linear-gradient(135deg, var(--darkblue) 0%, var(--bg-dark) 100%);
     background: -ms-radial-gradient(0% 100%, ellipse cover, var(--darkblue) 10%, rgb(225 141 8 / 0%) 40%), linear-gradient(to bottom, rgb(3 22 71 / 0%) 0%, var(--bg-dark) 100%), linear-gradient(135deg, var(--darkblue) 0%, var(--bg-dark) 100%);
     background: -webkit-radial-gradient(0% 100%, ellipse cover, var(--darkblue) 10%, rgb(225 141 8 / 0%) 40%), linear-gradient(to bottom, rgb(3 22 71 / 0%) 0%, var(--bg-dark) 100%), linear-gradient(135deg, var(--darkblue) 0%, var(--bg-dark) 100%);
}
.blueredbggradiant{ background: linear-gradient(94deg, #001262 18.69%, #C0544D 96.3%);}
.redbluebggradiant{ background: linear-gradient(94deg, #C0544D 18.69%, #001262 96.3%);}
.graybg {background-color: #fafafa;}
.simplify-box {background-color: #090f50;}
.simplify-sub-box {background-color: #212761;}
.textmaroon{ color: var(--maroon); }
.textyellow{ color: var(--light-orange); }
.textgrey{ color: var(--text-grey); }
.textlightblue{ color: var(--textblue); }
.textyellowdark{ color: var(--yellowbg); }
.textbluelight{ color: var(--textbluelight); }

.line-clamp{
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: var(--text-line-1);
    -webkit-box-orient: vertical;
}
.twoline{
    -webkit-line-clamp: var(--text-line-2);
}
.threeline{ -webkit-line-clamp: var(--text-line-3); }
.fourline{ -webkit-line-clamp: var(--text-line-4); }

.textblue{ color: var(--blue); }
.textsemilightblue{ color: var(--semilightblue); }
.box-shadow-blue{ box-shadow: 0px 6px 38.3px 0px #F3F4FF;}
.box-shadow-blue-dark{ box-shadow: 0px -16px 43.8px 0px rgba(1, 26, 134, 0.09); }
.box-shadow-dark{ box-shadow: -41px 12px 61.6px 0px #E4E9FF; }
.box-shadow-grey{ filter: drop-shadow(0px 25px 40px rgba(181, 181, 181, 0.25)); }
.border-inside{ outline: 6px solid #ccc8c891; outline-offset: -6px; }
.border-inside-bold{ outline: 9px solid rgba(255, 255, 255, 0.29); outline-offset: -6px; }
.box-shadow-inside-warning{ box-shadow: 0px 4px 9.7px #FFEFD2; }
.box-shadow-warning{ box-shadow: 0px 4px 10.6px 0px rgba(245, 180, 58, 0.37); }   
.box-shadow-grey-dark{ box-shadow: 0px 4px 10.4px 0px rgba(23, 23, 23, 0.25); }
.box-shadow-light{ box-shadow: 0px 4px 23.3px 0px rgba(0, 19, 103, 0.05); }
.box-shadow-lightsmall{ box-shadow: 0px 4px 10.4px 0px rgb(23 23 23 / 15%); }
.box-shadow-grey-small{ box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.03); }
.blurcircleshadow{
    --tw-bg-opacity: 0.74;
    background-color: rgba(var(--bs-white-rgb), var(--tw-bg-opacity));
    /*background: rgba(253, 252, 253, 0.74);*/
    filter: blur(88.44999694824219px);
}
.blurcircleblueshadow{
    border-radius: var(--bs-border-radius-xxl);
    --tw-bg-opacity: 1;
    background-color: rgba(var(--bs-blue-rgb), var(--tw-bg-opacity));
    /*background: rgba(253, 252, 253, 0.74);*/
    filter: blur(88.44999694824219px);
}

.text-shadow-grey { text-shadow: 0px 4px 16.8px rgba(0, 0, 0, 0.25); }
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Poppins", serif;
  font-size: .9rem;
  font-weight: normal;
  line-height: 1.3rem;
}

a {
  text-decoration: none;
}
.form-control:focus{ box-shadow: none; background-color: transparent; border-color: #dedede; }
select.form-control{
    background: url(../images/down-arrow.svg) no-repeat center right 15px;
    background-size: 14px;
}

.line-clamp-title1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.line-clamp-text4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
  line-height: 1.2;
}
h2{ font-size: 2.6rem; }
ul {
  margin: 0px;
  padding: 0px;
}

p {
  line-height: 22px;
  font-weight: 400;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
    -webkit-transition: color 0.3s 0s ease-out;
  -moz-transition: color 0.3s 0s ease-out;
  -ms-transition: color 0.3s 0s ease-out;
  -o-transition: color 0.3s 0s ease-out;
  transition: color 0.3s 0s ease-out;
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
button:focus {
  outline: 0;
}
.themebtn-ouline{ border: solid 1px var(--blue); background: transparent !important; }
.themebtntext{ font-size: 1.2rem; display: inline-block; position: relative; }
.themebtntext::before,
.themebtntext::after {
  content: "\f144";
  display: block;
  font-family: bootstrap-icons!important;
  position: absolute;
  top: 50%;
  right: -1.8rem;

  transform: translate(0%, -50%);
  transition: all 0.5s cubic-bezier(0.25, 0.25, 0.08, 1.08);
}
.themebtntext::before {
  opacity: 0;
  transform: translate(-100%, -50%);
}

.themebtntext:hover::before {
  opacity: 1;
  transform: translate(0, -50%);
}

.themebtntext:hover::after {
  opacity: 0;
  transform: translate(100%, -50%);
}
.themebtn.themebtn-warning{ color: var(--darkblue); background: var(--orange); }
.themebtn.themebtn-white{ color: var(--black); background: var(--white); }
.themebtn{
    color: var(--white);
    position: relative;
    background: var(--blue);
    padding: .2rem 1rem;
    border-radius: 1.5rem;
    /* z-index: 99; */
    display: inline-block;
    white-space: nowrap;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgba(1, 26, 134, var(--tw-bg-opacity));
    height: 2.25rem;
    line-height: 30px;
    transition: transform cubic-bezier(.135,.9,.15,1) .9s;
}
.themebtn.themebtn-warning::after{ background-color: rgba(246, 181, 59, var(--tw-bg-opacity)); }
.themebtn.themebtn-white::after{ background-color: rgba(var(--bs-white-rgb), var(--tw-bg-opacity)); }
.themebtn::after {
    content: '';
    /*transition: transform cubic-bezier(.135,.9,.15,1) .9s;*/
    transition: .5s all ease;
    transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    position: absolute;
    top: 5px;
    right: -3px;
    width: 1rem;
    height: 1.65rem;
    overflow: hidden;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    --tw-bg-opacity: 1;
    z-index: -1;
    background-color: rgba(1, 26, 134, var(--tw-bg-opacity));
    border-radius: 9999px;
}
.themebtn.themebtn-warning span { background-color: rgba(246, 181, 59, var(--tw-bg-opacity)); color: var(--darkblue); }
.themebtn.themebtn-white span { background-color: rgba(var(--bs-white-rgb), var(--tw-bg-opacity)); color: var(--black); }
.themebtn span, .themebtn-warning span {
    width: 2.25rem;
    height: 2.25rem;
    position: absolute;
    top: 0;
    right: -27px;
    color: var(--white);
    transition: transform cubic-bezier(.135,.9,.15,1) .9s;
    /* margin-left: 30px; */
    /* padding: .2rem .4rem; */
    border-radius: 1.5rem;
    background-color: rgba(1, 26, 134, var(--tw-bg-opacity));
    border-radius: 9999px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.themebtn span i, .themebtn-warning span i{ rotate: 0deg; }
.themebtn:hover::after, .themebtn-warning:hover::after { right: 10px; transition: .5s all ease; }
.themebtn:hover span, .themebtn-warning:hover span{
    transform: translateX(0.75rem);
    transition: transform cubic-bezier(.135,.9,.15,1) .9s;
}
.themebtn:hover span i, .themebtn-warning:hover span i{ rotate: 45deg; }   

.themebtn-ouline::before{ background:var(--darkblue); }
.themebtn:hover, .themebtn:focus, .btnblue:hover, .btnblue:focus{ color: var(--white); }
.themebtn-white:hover, .themebtn-white:focus{ color: var(--black); }
.themebtn.themebtn-warning:hover, .themebtn.themebtn-warning:focus{ color: var(--darkblue); }

.themebtn.themebtn-warning:hover{ color: var(--darkblue); }

.themebtn.themebtn-white:hover{ color: var(--black); }

.iconbtn{ display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    padding: 1rem; }
.iconbtn i{ rotate: 0deg;     transition: .5s all ease; }
.iconbtn:hover i{ rotate: 45deg;  }

.title h2{ font-size: 30px; color:var(--blue); }
.curvetitle{ font-size: 1.5rem; border-radius: 1rem 0; }
.curvetitle::before, .curvetitle::after{ 
    content: '';
    position: absolute;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M0 0V50H50C22.3858 50 0 27.6142 0 0Z' fill='white'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    rotate: 90deg; 
}
.curvetitle-transparent::after, .curvetitle-whitetransparent::after{ 
    content: '';
    position: absolute;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M0 0V50H50C22.3858 50 0 27.6142 0 0Z' fill='rgba(33,37,41,0.25)'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    rotate: 270deg;
    right: 0;
    bottom: 0;
}
.curvetitle-blacktransparent::after{ 
    content: '';
    position: absolute;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M0 0V50H50C22.3858 50 0 27.6142 0 0Z' fill='rgba(33,37,41,0.50)'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    rotate: 270deg;
    right: 0;
    bottom: 0;
}
.curvetitle-whitetransparent::after{ background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M0 0V50H50C22.3858 50 0 27.6142 0 0Z' fill='rgba(248,249,250,0.75)'/></svg>"); }
.curvetitle.curvetitle-right{border-radius: 0 1rem;}
.curvetitle::before{ top: 0; right: -15px; }
.curvetitle::after{ bottom: -16px; left: 0px; }

.curvetitle.curvetitle-right::before{ 
    top: auto;
    right: 0;
    rotate: 180deg;
    bottom: -15px;
}
.curvetitle.curvetitle-right::after{ 
    top: 0px;
    left: -15px;
    rotate: 180deg;
    bottom: auto;
}

*::-moz-selection {
  background: #dfdfff;
  color: #000;
  text-shadow: none;
}

*::-webkit-selection {
  background: #dfdfff;
  color: #000;
  text-shadow: none;
}
.zoom-img{overflow: hidden;}
.zoom-img img{
    width: 100%; object-fit: cover; transform: scale(1.01);
    -moz-transform: scale(1.01);
    -ms-transform: scale(1.01);
    -o-transform: scale(1.01);
    transition: all 700ms ease;
}
.zoom-img:hover img{
    transform: scale(1.2) rotate(2deg);
    -moz-transform: scale(1.2) rotate(2deg);
    -ms-transform: scale(1.2) rotate(2deg);
    -o-transform: scale(1.2) rotate(2deg);
}

*::selection {
  background: #dfdfff;
  color: #000;
  text-shadow: none;
}


/****** Hero Section Start ******/
.heromain{ background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(248,250,255,1) 100%); }

/******Header Start******/
.headerlogo a{ width: 150px; display: inline-block; }
.headerlogo a img, .footer-logo a img{ width: 100%; }
header .navbar-expand-lg.navigation{ padding: 1.5rem 2rem; }
header .navigation{
    justify-content: space-between;
    align-items: center;
    transition: all cubic-bezier(.135,.9,.15,1) .9s; 
    z-index: 99;
}
.industry-header .offcanvas{
    color: var(--white);
}
.industry-header .offcanvas .navigation ul li a::before{
    border-bottom: solid 1px var(--white);
}
.industry-header .dropdown-toggle::after{
    border-color: var(--white);
}
.industry-header .animatenav{ --tw-bg-opacity: 0.19; background: rgba(var(--bs-dark-rgb), var(--tw-bg-opacity));  }
.industry-header .themebtn{ background: var(--white); color: var(--blue); font-weight: 500 !important; }
.industry-header .themebtn::after{ background-color: rgba(var(--bs-white-rgb), var(--tw-bg-opacity)); }
.industry-header .themebtn span{ background-color: rgba(var(--bs-white-rgb), var(--tw-bg-opacity)); color: var(--blue); }
.animatenav{ 
    margin: 1rem 15% 0; 
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    --tw-bg-opacity: 0.8;
    background: rgba(245,245,245,var(--tw-bg-opacity));
}
.fixed, .partner-header.fixed, .industry-header.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    -moz-transition: -moz-transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}
header.hidden {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}


.navigation ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  margin: 0 15px;
  transition: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}
.navigation ul li a {
    display: inline-block;
    padding: 6px 5px;
    position: relative;
    font-size: 1rem;
}
.navigation ul li a::before, .footerlist li a::before, .copyright-area p a::before {
  content: "";
  border-bottom: solid 1px var(--black);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.25s;
}
.navigation ul li a:hover::before, .navigation ul li a.active::before, .footerlist li a:hover::before, .copyright-area p a:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}
.dropdown-toggle::after{
    width: 6px;
    height: 6px;
    margin-left: 0.4em;
    border: solid var(--black);
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    position: absolute;
    top: 40%;
}
.headerright{ padding-right: 1rem; }

/*Header end*/

/*Slider*/
.slider-area{ position: relative; overflow: hidden; }
/* .slider-area::before, .slider-area::after{ 
    content: '';
    background: url(../images/circle-icon.svg) no-repeat;
    width: 9rem;
    height: 9rem;
    background-size: cover;
    position: absolute;
    left: -.5rem;
    top: 25%;
    opacity: .9;
    display: inline-block;
} */
.slider-area::after{ 
    width: 12rem;
    height: 12rem;
    right: -2rem;
    left: auto;
    top: auto;
    bottom: 12%;
}
.slideitem::after{
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: inline-block;
    animation: updown-two 2.6s linear 0s infinite alternate;
}
.slideitem{ padding: 8rem 0; z-index: 1;  position: relative; background-size: cover; }
.slideitem img{ width: 100%; }
.bg-warning{ background: var(--light-orange) !important; border-color: var(--orange) !important; }
.bg-warningdark{ background: var(--orange) !important; border-color: var(--orange) !important; }
.slider-title-wrapper h1 {
    font-size: 4rem;
    line-height: 1;
    animation-delay: 0.5s;
    animation-duration: 0.7s;
}
.slider-title-wrapper h2 {
  animation-delay: 0.7s;
    animation-duration: 0.9s;
    font-size: 2.5rem;
}
.slider-title-wrapper p{ font-size: 1rem; line-height: 24px;}

/*Certified start*/
.certificates{
    grid-template-columns: repeat(4, 1fr);
    column-gap: 15px;
}
.certificatebox{
    height: 7rem;
    transition: .5s all ease;
    box-shadow: 0px 4px 24.2px 0px rgba(163, 168, 255, 0.30);
}
.certificatebox:hover, .clientsbox:hover{ box-shadow: none; }
.certificatebox img, .clientsbox img{
    height: auto;
    object-fit: contain;
    max-height: 100%;
    max-width: 100%;
    width: auto !important;
}
/* Certified end */

/* Accelerate Accelerate Your Digital Transformation start */
.accelerate-area{ overflow: hidden; }
.acceleratemain{
    position: relative;
}
.acceleratemain::after{
    content: '';
    background: url(../images/circle-fill.svg) no-repeat;
    width: 14rem;
    height: 14rem;
    background-size: cover;
    position: absolute;
    right: -5rem;
    bottom: -5rem;
    display: inline-block;
    z-index: -1;
}
.acceleratebox, .growthbox, .contactcenterbox, .successbox .icondark, .successbox .successboxwhite, .processbox, .processbox .icon img, .approachbox{ transition: .5s all ease; }
.acceleratebox h4{ font-size: 1.4rem; min-height: 3rem; }
.acceleratebox p{ min-height: 3rem; }
.icon{
    width: 5rem;
    height: 5rem;
    background: var(--iconlightbg);
    transition: .5s all ease;
}
.acceleratebox:hover .icon, .growthbox:hover .icon, .contactcenterbox:hover .icon{
    box-shadow: 0 0 0 7px #e6eafd;
}
.acceleratebox:hover, .growthbox:hover, .contactcenterbox:hover{
    box-shadow: 0px 4px 24.2px 0px rgba(163, 168, 255, 0.30);
    border-color: transparent !important;
}

/* Accelerate Accelerate Your Digital Transformation end */

/* Card start */
.cardbox {
  margin: 0 -12px;
  width: 10rem;
  height: 24rem;
  /*display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;*/
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  cursor: pointer;
  border: solid 1px var(--white);
    background-color: linear-gradient(113deg, var(--maroon) 2.84%, #011050 82.41%, #000620 100%) !important;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -6rem;
    /*filter: blur(1px);*/
}
.cardbox::before{
    content: '';
    --tw-bg-opacity: .5;
    background-color: rgba(var(--bs-black-rgb), var(--tw-bg-opacity)) !important;
    height: 100%;
    width: 100%;
    top:0;
    left:0;
    display: inline-block;
    position: absolute;
}
.cardbox.active::before{ display: none; }
.cardbox:hover{ /*filter: blur(0);*/ }
.cardbox.active {
  width: 80%;
  background: linear-gradient(113deg, var(--maroon) 2.84%, #011050 82.41%, #000620 100%) !important;
  z-index: 1;
  filter: blur(0);
  /*border-color: transparent;*/
}
.cardbox.active:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: url(../images/cardbg.svg) !important;
}
.card-desc {
  color: var(--white);
  position: relative;
  z-index: 1;
  overflow: hidden;
  /*transform: translateY(calc(100% - 54px));
  -webkit-transform: translateY(calc(100% - 54px));*/
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
    /*z-index: 0;*/
}
.cardbox.active .card-desc, .servicecard.active .card-desc {
    transform: none;
    -webkit-transform: none;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem 3rem;
}
.card-desc p {
    opacity: 0;
    --tw-bg-opacity: .6;
    color: rgba(255, 255, 255, var(--tw-bg-opacity));
    font-size: 16px;
    line-height: 24px;
}
.cardbox .card-desc .themebtntext, .servicecard .card-desc .themebtntext { opacity: 0; }
.cardbox.active .card-desc p, .cardbox.active .card-desc .icon, .cardbox.active .card-desc .themebtntext {
  opacity: 1;
}
.card-desc .icon{ 
    opacity: 0;
    --tw-bg-opacity: .3;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    display: none !important;
}
.cardbox.active .card-desc .icon{ display: flex !important;}
.cardbox.active .card-desc h3{ font-size: 1.75rem; rotate: 0deg; position: inherit; font-weight: 400; font-weight: 500; text-align: left; }
.card-desc h3{
    position: absolute;
    left: -3rem;
    top: 6rem;
    font-size: 1rem;
    font-weight: 400;
    rotate: 270deg;
    text-align: right;
}
.starlist li{
    position: relative;
    font-size: 1rem;
    padding-left: 1.5rem;
    list-style: none;
}
.starlist li::before{
    content: '\F151';
    font-family: bootstrap-icons !important;
    position: absolute;
    left: 0;
    color: var(--maroon);
    font-size: 13px;
}
.articlescroll{
  /*top: 20px;*/
    top: 15rem;
}
.fs-14{ font-size: 14px; }
.fs-12{ font-size: 12px; }
/* Card end */

.clientsbox{
    height: 5rem;
    box-shadow: 0px 4px 24.2px 0px rgba(163, 168, 255, 0.30);
    transition: .5s all ease;
}
.fs-subtitle{ font-size: 1.3rem; }

/* FAQ's area Start */

.faqsarea{
    position: relative;
    z-index: 1;
}
.faqsarea::before{
    content: '';
    background: url(../images/faqbg.svg) no-repeat center center;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-size: contain;
    position: absolute;
    z-index: -1;
    opacity: .04;
}
/* Faqs Start */
.accordion-button:not(.collapsed),
.accordion-button:focus {
  outline: none;
  border-color: transparent;
  box-shadow: none;
  background-color: transparent;
    color: var(--semilightblue);
}
.accordion-button::after {
  /* width: 11px;
  height: 11px;
  border-radius: 100%;
  background-color: var(--bs-danger);
  background-image: none !important; */
}


.faqsaccordian .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' class='bi bi-plus' viewBox='0 0 13 13'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  transition: all 0.5s;
  position: absolute;
  right: 0;
    fill: var(--semilightblue);
    border-radius: 50%;
    height: 1.7rem;
    width: 1.7rem;
}
.faqsaccordian .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' class='bi bi-dash' viewBox='0 0 13 13'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
    background-color: var(--iconlightbg);
    border: solid 1px;
}
/*.faqsaccordian .accordion-item{ box-shadow: #004e9829 0px 3px 8px; border-radius: 10px;}*/
.faqsaccordian .accordion-button.collapsed{ border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

.faqsaccordian .accordion-item:first-of-type>.accordion-header .accordion-button{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.faqsaccordian .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.faqsaccordian p{ line-height: 24px; }
.faqsaccordian .accordion-button, .faqsaccordian .accordion-body{ padding: 0 5rem; }
.accordion-button span{
    font-size: 2.2rem;
    position: absolute;
    left: 0;   
}

/* FAQ's area Start */

/* Testimonials area Start */
.transformarea p.text-light{
    --bs-text-opacity: .6;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.transformarea .alertbox.bg-white{
    --bs-bg-opacity: .2;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; 
}
.transformarea .alertbox.border-white{
    --bs-border-opacity: .3;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.testimonial-box{ z-index: 1; }
.testimonial-box::before{ 
    content: '';
    background: url(../images/circle-icon.svg) no-repeat;
    width: 12rem;
    height: 12rem;
    background-size: cover;
    position: absolute;
    left: -4rem;
     z-index: -1; 
    top: -5rem;
    opacity: .8;
    display: inline-block;
}
.testimonial-box .owl-carousel img{ width: 4rem; height: 4rem; }
.testimonial-box .owl-nav, .testimonial-box .owl-dots{
    position: absolute;
    right: 0;
    top: -2.5rem;
    color: var(--text-grey);
}

.testimonial-box .owl-dots {
    counter-reset: slides-num;
    bottom: 0;
    right: 3rem;
    color: var(--black);
}
.testimonial-box .owl-dots:after {
  content: counter(slides-num);
  display: inline-block;
  vertical-align: middle;
}

.testimonial-box .owl-dot {
  display: inline-block;
  counter-increment: slides-num;
  margin-right: 2px;
}
.testimonial-box .owl-dot.active:before {
  content: counter(slides-num) " /";
  display: inline-block;
  vertical-align: middle;
}
.testimonial-box .owl-nav .owl-prev, .testimonial-box .owl-nav .owl-next{
    position: relative;
    left: -5rem;
}
.testimonial-box .owl-nav .owl-prev i, .testimonial-box .owl-nav .owl-next i{ font-size: 1.5rem; }
.testimonial-box .owl-nav .owl-next{
    left: auto;
}

.progress{
	border-radius: 20px;
	height: 2px;
    --tw-bg-opacity: .3;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.progress .progress-bar, .progress .progress-bar.progress-bar-default {
    background-color: var(--maroon);
}
.progress .progress-bar{
    animation-name: animateBar;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 4.8s;
}

@keyframes animateBar {
    0% {transform: translateX(-100%);}
    100% {transform: translateX(0);}
}

/* Testimonials area End */

/* Partner Area Start */
.partnership-area{ overflow: hidden; }
.partnerbox{
    height: 4.5rem;
    transition: opacity .3s ease-in, filter .3s ease-in, transform .6s ease-in-out;
}
.partnerbox img{
    height: auto;
    object-fit: contain;
    max-height: 100%;
    max-width: 100%;
    width: auto;
}
.tooltipbox {
  position: relative;
}

.tooltipbox .tooltiptext {
    visibility: hidden;
    width: 12rem;
    /* background-color: var(--white); */
    color: var(--black);
    text-align: left;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    top: -10px;
    margin-left: 0;
    opacity: 0;
    /* transition: opacity 0.3s; */
    font-size: 14px;
    line-height: 20px;
    transform: translateY(40px);
    transition: all .3s ease-out;
}
.partnership-area .col-lg-3:nth-child(4n+4) .partnerbox .tooltiptext{
    left: auto;
    right: 100%;
}
/*.tooltipbox .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: var(--black) transparent transparent transparent;
}*/

/* .tooltipbox:hover .tooltiptext {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    display: none;
}
.partnermain.hover:hover .partnerbox{
    opacity: .10;
    filter: grayscale(100%);
}
.partnermain.hover:hover .partnerbox.hover:hover{ opacity: 1; filter: inherit; border-color: transparent!important; } */
/* Partner Area End */

/* Tabs Home Start */
.tabshome-area{
    /*height: 300vh;
    position: relative;
    overflow: clip;*/
}
.tabshome-scroll{
    /*height: 100vh;
    position: sticky;
    top: 0;
    overflow: clip;*/
}
.tabcount{
    width: 2rem;
    height: 2rem;
}

.verticaltabs li a { color: var(--white) !important; background-color: transparent !important; opacity: .3;font-size: 1.5rem; }
.verticaltabs li a span{ opacity: 0; transition: .5s all ease; }
.verticaltabs li a.active{ color: var(--white) !important; opacity: 1; }
.verticaltabs li a.active span{ opacity: 1; }
.tabscontent{
    /*--bs-bg-opacity: .1;*/
    --bs-border-opacity: .3;
    background-color: #373c51;
    /*background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;*/
    border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
    /* height: 450px; */
}
.tabsbigimgbox{ height: 19rem;}
.tabsbigimgbox img{ height: 100%; width: 100%;}
.box-shadow-image.v2 {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

.box-shadow-image.v3 {
  z-index: -2;
  position: absolute;
  inset: 0%;
}
.scroll-image-box {
  border-radius: 20px;
  width: 600px;
  height: 405px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 65px -20px #5f677526;
}

.tabshome-area .container.sticky {
  height: 350vh;
  position: relative;
}

.inner-content-box {
  border-radius: 20px;
  position: sticky;
  top: 80px;
}
/* Tabs Home End */

/* Footer Start */
.footerlist li a{ font-size: 1rem; position: relative;}
.footerlist li a:hover{ color: var(--black); }
.footer-logo a{ width: 15rem; display: inline-block; }

.sociallist li a{ 
    border: solid 1px var(--red);
    padding: 1.1rem;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.sociallist li a:hover{ background: var(--blue); color: var(--white); }
.blogtabs{
    flex-wrap: nowrap;
    overflow-x: auto;
    width: 100%;
}
.blogtabs a{ white-space: nowrap; }
.footertabs, .blogtabs{
    background: var(--tabs-grey);
}
.footertabs a, .blogtabs a{ color: var(--black); }
.footertabs a.active{ color: var(--blue); font-weight: 500; background: var(--white); box-shadow: 2px 3px 8.7px 0px #F3F3F3; }
.blogtabs a.active{ background-color: var(--blue) !important; color: var(--dark); font-weight: 500; box-shadow: 2px 3px 8.7px 0px #F3F3F3; }
.copyright-area p a{ position: relative; }
.copyright-area p a:hover{ color: var(--black); }
.clients .owl-nav{
    position: absolute;
    right: -32%;
    bottom: 1rem;
}
.clients .owl-nav .owl-prev { margin-right: 1rem; }
.clients .owl-nav .owl-prev i, .clients .owl-nav .owl-next i{
    color: var(--text-grey);
    font-size: 1.3rem;
}
.clients .owl-nav .owl-prev:hover i, .clients .owl-nav .owl-next:hover i{ color: var(--blue); }

/******** Home Page Done ********/

/******** Services spage start ********/

.innerhero{
    padding: 8rem 0;
    z-index: 1;
    position: relative;
}
.animatebox{
    background: var(--yellow-bg-light);
    border: solid 1px var(--orange);
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 4px 10.5px 0px rgba(255, 204, 110, 0.38);
    position: absolute;
    left: 100%;
    white-space: nowrap;
    top: -100%;
    z-index: 9;
    font-size: .8rem;
    line-height: 1rem;
}

@property --angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 199deg;
}
@property --angle2 {
  syntax: "<angle>";
  inherits: false;
  initial-value: 71deg;
}
.animate-main {
  position: relative;
  margin: auto;
  width: 12.6rem;
    /*height: 8rem;*/
}
.animate-main .centercircle {
  position: relative;
    width: 12.6rem;
    height: 8rem;
  z-index: 1;
}

.animateline {
    --color: var(--orange);
    position: absolute;
    width: 60%;
    height: 15px;
    right: -6rem;
    top: 1.6rem;
}
.animateline .g-short-line {
  --offset: -120;
  --offsetEnd: 320;
  stroke-dasharray: 40, 320;
  stroke-dashoffset: var(--offset);
  -webkit-animation: move 2.4s infinite linear;
    animation: move 2.4s infinite linear;
    stroke: var(--blue);
}
.strokegrey{
    stroke-dasharray: 5px, 5px;
}
.line2{
    top: 84%;
}
.line2 svg{rotate: 10deg;}
.line2 span{ top: 0; }
.animateline.line2 .g-short-line{ animation-duration: 3.4s }
.line3{
    top: 10rem;
    right: -0.5rem;
}
.line3 svg{ rotate: 60deg; }
.animateline.line3 .g-short-line{ animation-duration: 4.4s }
.line3 span{ 
    top: 2.5rem;
    left: 78%;
}
.line4{
    top: 10rem;
    left: -0.5rem;
    right: auto;
}
.animateline.line4 .g-short-line{ animation-duration: 5.4s }
.line4 span{
    top: 2.5rem;
    right: 4rem;
    left: auto;
}
.line4 svg{ rotate: 115deg; }
.line5{
    top: 84%;
    left: auto;
    right: 77%;
}
.animateline.line5 .g-short-line{ animation-duration: 6.4s }
.line5 svg{ rotate: 167deg; }
.line5 span{ 
    left: auto;
    top: 70%;
    right: 100%;
}
.line6{
    left: -5.9rem;
    top: 1.6rem;
}
.animateline.line6 .g-short-line{ animation-duration: 7.4s }
.line6 span{ left: -8.4rem; top: 15%; }
.line6 svg{ rotate: 180deg; }
.line7{
    left: -3.5rem;
    top: -2rem;
}
.line7 span{ left: -3.2rem; top: -2rem; }
.animateline.line7 .g-short-line{ animation-duration: 8.4s }
.line7 svg{ rotate: 215deg; }
.line8{
    left: 2rem;
    top: -3.5rem;
    
}
.line8 span{ left: -1rem; top: -4.2rem; }
.animateline.line8 .g-short-line{ animation-duration: 9.4s }
.line8 svg{ rotate: 270deg; }
.line9{
    left: 7.5rem;
    top: -2rem;
}
.animateline.line9 .g-short-line{ animation-duration: 5.4s }
.line9 span{ left: 5.4rem; top: -3rem; }
.line9 svg{ rotate: 320deg; }
/*.g-mul-gradient {
  position: absolute;
  top: 100px;
  left: 60px;
  width: 200px;
  height: 100px;
}
.g-mul-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  -webkit-mask: linear-gradient(90deg, #000, #000 2px, transparent 2px, transparent), linear-gradient(360deg, #000, #000 2px, transparent 2px, transparent);
          mask: linear-gradient(90deg, #000, #000 2px, transparent 2px, transparent), linear-gradient(360deg, #000, #000 2px, transparent 2px, transparent);
  background: conic-gradient(from var(--angle2), transparent, #fc0, var(--orange) 45deg, transparent 45deg), linear-gradient(#ddd, #ddd);
  -webkit-animation: angleChange2 2.4s infinite ease-in-out;
          animation: angleChange2 2.4s infinite ease-in-out;
}
.g-mul-gradient::after {
  content: "";
  position: absolute;
  top: 100px;
  right: 0;
  width: 2px;
  height: 50px;
  background: linear-gradient(var(--orange), #fc0), linear-gradient(#ddd, #ddd);
  background-repeat: no-repeat;
  background-size: 100% 100%, 100% 100%;
  background-position: 0 0, 0 0;
  -webkit-animation: positionMove 2.4s linear infinite;
          animation: positionMove 2.4s linear infinite;
}

.g-gradient {
  position: absolute;
  left: -200px;
  top: 50px;
  width: 200px;
  height: 100px;
  background: #ddd;
  -webkit-mask: linear-gradient(#000, #000 2px, transparent 2px, transparent), linear-gradient(90deg, #000, #000 2px, transparent 2px, transparent);
          mask: linear-gradient(#000, #000 2px, transparent 2px, transparent), linear-gradient(90deg, #000, #000 2px, transparent 2px, transparent);
}
.g-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  background: conic-gradient(from var(--angle), transparent, #fc0, var(--orange) 45deg, transparent 45deg);
  -webkit-animation: angleChange 2.4s infinite ease-in-out;
          animation: angleChange 2.4s infinite ease-in-out;
}*/

@-webkit-keyframes move {
  0% {
    stroke-dashoffset: var(--offset);
  }
  100% {
    stroke-dashoffset: var(--offsetEnd);
  }
}

@keyframes move {
  0% {
    stroke-dashoffset: var(--offset);
  }
  100% {
    stroke-dashoffset: var(--offsetEnd);
  }
}
/*@-webkit-keyframes angleChange {
  0% {
    --angle: 199deg;
  }
  100% {
    --angle: 420deg;
  }
}
@keyframes angleChange {
  0% {
    --angle: 199deg;
  }
  100% {
    --angle: 420deg;
  }
}
@-webkit-keyframes angleChange2 {
  0% {
    --angle2: 71deg;
  }
  100% {
    --angle2: 297deg;
  }
}
@keyframes angleChange2 {
  0% {
    --angle2: 71deg;
  }
  100% {
    --angle2: 297deg;
  }
}
@-webkit-keyframes positionMove {
  0% {
    background-size: 100% 100%, 100% 100%;
  }
  10%, 100% {
    background-size: 100% 0, 100% 100%;
  }
}
@keyframes positionMove {
  0% {
    background-size: 100% 100%, 100% 100%;
  }
  10%, 100% {
    background-size: 100% 0, 100% 100%;
  }
}*/
.growthmain::before, .healthcare-area::before{ 
    content: '';
    background: var(--darkblue);
    width: 100%;
    display: inline-block;
    height: 20%;
    position: absolute;
    left: 0;
    top: 60%;
    z-index: -1;
}
.growthbox{box-shadow: 0px 25px 68.7px 0px rgba(1, 26, 134, 0.12); }
.growthbox h4{ font-size: 1.4rem; }
.businesslist{ grid-template-columns: repeat(3, 1fr); }
.businesslist li, .conversationslist li{
    background: var(--white);
    color: var(--bg-dark);
    padding: .9rem .9rem .9rem 2.5rem;
    border-radius: .3rem;
    font-size: .9rem;
    position: relative;
    font-weight: 500;
    border: 1px solid #F3F3F3;
    transition: all 0.5s ease;
}
.businesslist li:hover, .conversationslist li:hover{
    transform: scale(1.1);
    --bs-bg-opacity: 1;
    background: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.businesslist li::before, .conversationslist li::before{
    content: '\F272';
    font-family: bootstrap-icons !important;
    background: var(--maroon);
    color: var(--white);
    position: absolute;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    font-size: 10px;
    left: .8rem;
    top: 15px;
    line-height: 1.1rem;
    text-align: center;
}
.solutionbox{
  opacity: 0.6;
	-webkit-transform: scale3d(0.8, 0.8, 1);
	transform: scale3d(0.8, 0.8, 1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    margin: 6% 0;
    height: 20rem !important;
}
.solutionbox img{ object-fit: cover; height: 20rem !important; }
#solutionsimg-carousel .owl-item.active.center .solutionbox {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
#solutionsimg-carousel .owl-item.active.center .solutionbox img{ box-shadow: 0px 4px 43.2px 0px #4A57C9; }
#solutionsimg-carousel .owl-carousel .owl-item img {
	transform-style: preserve-3d;
	max-width: 100px;
}
#solutionstext-carousel .owl-nav{
    position: absolute;
    right: 0;
    top: 30%;
}
#solutionstext-carousel .owl-nav .owl-prev, #solutionstext-carousel .owl-nav .owl-next{
  color: var(--white);
  font-size: 26px;
  margin-left: 10px;
  transition: all 0.5s ease;
}
#solutionstext-carousel .owl-nav .owl-prev i, #solutionstext-carousel .owl-nav .owl-next i{
    width: 2.5rem;
    height: 2.5rem;
    border: solid 1px rgba(var(--bs-white-rgb), var(--bs-border-opacity));
    --bs-border-opacity: .8;
    --bs-bg-opacity: .2;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    transition: all 0.5s ease;
}
#solutionstext-carousel .owl-nav .owl-prev:hover i, #solutionstext-carousel .owl-nav .owl-next:hover i{ --bs-bg-opacity: .9; color: var(--blue); }
.solutiontext h4{ width: 40%; }
.solutiontext p{ width: 100%; --bs-text-opacity:.8; }










#sync1 .item {
  background: #0c83e7;
  padding: 80px 0px;
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
}

#sync2 .item {
  background: #C9C9C9;
  padding: 10px 0px;
  margin: 5px;
  color: #FFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
}
#sync2 .item h1 {
  font-size: 18px;
}
#sync2 .current .item {
  background: #0c83e7;
}

.owl-theme .owl-nav {
  /*default owl-theme theme reset .disabled:hover links */
}
.owl-theme .owl-nav [class*=owl-] {
  transition: all 0.3s ease;
}
.owl-theme .owl-nav [class*=owl-].disabled:hover {
  background-color: #D6D6D6;
}

#sync1.owl-theme {
  position: relative;
}
#sync1.owl-theme .owl-next, #sync1.owl-theme .owl-prev {
  width: 22px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
}
#sync1.owl-theme .owl-prev {
  left: 10px;
}
#sync1.owl-theme .owl-next {
  right: 10px;
}


.hexagonboxarea{
    height: auto;
}
.hexagonbox, .animatebannerimg{
    background: radial-gradient(50% 50% at 50% 50%, #FFF 0%, #FFEBC7 100%);
    border-color: var(--light-orange);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    padding: 4rem 0;
    -webkit-animation: shrink 1s linear 0s infinite alternate;
    -moz-animation: shrink 1s linear 0s infinite alternate;
    -ms-animation: shrink 1s linear 0s infinite alternate;
    -o-animation: shrink 1s linear 0s infinite alternate;
    animation: shrink 1s linear 0s infinite alternate;
}
.hexagonboxarea .animatebox {
    left: auto;
    top: 0;
    -webkit-animation: textzoom 1s linear 0s infinite alternate;
    -moz-animation: textzoom 1s linear 0s infinite alternate;
    -ms-animation: textzoom 1s linear 0s infinite alternate;
    -o-animation: textzoom 1s linear 0s infinite alternate;
    animation: textzoom 1s linear 0s infinite alternate;
}
.hexagonboxarea .animatebox.hex1{
    top: -35%;
    left: 5%;
}
.hexagonboxarea .animatebox.hex2{
    left: 115%;
    top: 10%;
}
.hexagonboxarea .animatebox.hex3{
    left: 115%;
    top: 75%;
    bottom: auto;
}
.hexagonboxarea .animatebox.hex4{
    left: -15%;
    top: auto;
    bottom: -45%;
}
.hexagonboxarea .animatebox.hex5{
    right: 115%;
    top: 75%;
    bottom: auto;
}
.hexagonboxarea .animatebox.hex6{
    right: 115%;
    top: 10%;
}
.conversationslist li{ flex-basis: 48%; }
.conversationslist {
    grid-template-columns: repeat(2, 1fr);
}
.conversationslist li::before{
    background: var(--blue);
}
.redcheck.conversationslist li::before{
    background: var(--maroon);
}
.prodbox{
    height: 15rem;
}
.prodbox img{
    max-width: 100%;
    max-height: 100%;
}
@-webkit-keyframes textzoom {
  0% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-moz-keyframes textzoom {
  0% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-ms-keyframes textzoom {
  0% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-o-keyframes textzoom {
  0% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes textzoom {
  0% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@-webkit-keyframes shrink {
  0% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-moz-keyframes shrink {
  0% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-ms-keyframes shrink {
  0% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-o-keyframes shrink {
  0% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes shrink {
  0% {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}


.listcontent ul{
    padding: 0;
    gap: .5rem !important;
    display: grid;
}
.listcontent ul li{
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
    list-style: none;
    position: relative;
}
.listcontent ul li::before{
    content: '-';
}

.icondark{
    width: 7rem;
    height: 7rem;
}
.mt-35{ margin-top: 3.5rem; }
.me-35{ margin-left: 3.5rem; }
.successbox:hover .icondark {
    box-shadow: 0 0 0 7px #e6eafd;
    transform: scale(1.2);
}
.successbox .successboxwhite{ box-shadow: 0px 4px 17.5px 0px rgba(0, 0, 0, 0.03); }
.successbox:hover .successboxwhite{ transform: scale(0.9); box-shadow: 0px 4px 24.2px 0px rgba(163, 168, 255, 0.30); }
/************* Cutting edge Travel Technology Service ***************/
.servicesslide::before{
    content: '';
    background: url(../images/shapeicon.svg) no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    background-size: auto;
    top: 0;
    left: 0;
}

.servicecard {
  width: 16rem;
  height: 24rem;
  position: relative;
  transition: 0.4s ease all;
  -webkit-transition: 0.4s ease all;
  cursor: pointer;
}
.servicecard .servicecard-desc{ visibility: hidden; width: 0; }
.servicecard.active .servicecard-desc{ visibility: visible; width: 55%; }
.servicecard.active{ width: 70%; z-index: 1; display: flex; }
.servicecardimg{    
    width: 16rem;
    height: 100%;
}
.servicecardimg img{ height: 100%; }
.servicecard.active .servicecardimg{ box-shadow: 0px 4px 21.2px 8px rgba(255, 255, 255, 0.16); }
.prdimgboxbtn {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.servicecardimg:hover .prdimgboxbtn {
    opacity: 1;
    visibility: visible;
}


.processbox .icon{ 
    --bs-bg-opacity: .2;
    background-color: rgba(var(--bs-lightblue-rgb), var(--bs-bg-opacity)) !important;
}

.processbox p{ color: var(--text-darkgrey); }
.processbox:hover{ --bs-bg-opacity: 1; box-shadow: 0px 4px 25.6px 0px rgba(236, 240, 255, 0.31); }
.processbox:hover .icon{ --bs-bg-opacity: .9; }
.processbox:hover .icon img{ filter: brightness(1) invert(1); }
.processbox:hover h5{ color: var(--darkblue); }
.processbox:hover p{ color: var(--textblue); }


/* Healthcare Credentialing Service */

.healthcare-area::before{
    width: 55%;
    right: 0;
    left: auto;
    top: 24%;
    height: 50%;
    border-radius: 2rem 0 0 2rem;
}
.automationbox{
    transition: all 150ms ease-in-out;
    position: relative;
}
.automationbox:hover{
    z-index: 1;
}
.automations-area:has(.automationbox:hover) .automationbox:not(:hover){
    filter: blur(2px);
}
.automations-area .col-xl-4.col-sm-6:nth-child(2){
    margin-top: 6rem;
    margin-left: -10rem;
}
.countlighttext{
    --bs-text-opacity: .6;
    color: rgba(var(--textbslight-blue-rgb), var(--bs-text-opacity)) !important;
    font-size: 3.5rem;
}
.centercircle span{
    position: absolute;
    width: 12rem;
    height: 12rem;
    z-index: -1;
    background: var(--lightbluebg);
    margin: auto;
    border-radius: 50%;
    border: solid 3rem rgba(61, 92, 230, 0.3);
    -webkit-animation: ripple-blue 3s linear infinite;
    animation: ripple-blue 3s linear infinite;
    /* -webkit-transition: 0.5s; */
    /* bottom: 0; */
    top: 16rem;
}
/* animation ripple  */

@-webkit-keyframes ripple-blue {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(61, 92, 230, 0.3),
      0 0 0 3rem rgba(61, 92, 230, 0.3), 0 0 0 7rem rgba(61, 92, 230, 0.3);
    box-shadow: 0 0 0 0 rgba(61, 92, 230, 0.3),
      0 0 0 3rem rgba(61, 92, 230, 0.3), 0 0 0 7rem rgba(61, 92, 230, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 3rem rgba(61, 92, 230, 0.3),
      0 0 0 7rem rgba(61, 92, 230, 0.3), 0 0 0 12rem rgba(61, 92, 230, 0);
    box-shadow: 0 0 0 3rem rgba(61, 92, 230, 0.3),
      0 0 0 7rem rgba(61, 92, 230, 0.3), 0 0 0 12rem rgba(61, 92, 230, 0);
  }
}

@keyframes ripple-blue {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(61, 92, 230, 0.3),
      0 0 0 3rem rgba(61, 92, 230, 0.3), 0 0 0 7rem rgba(61, 92, 230, 0.3);
    box-shadow: 0 0 0 0 rgba(61, 92, 230, 0.3),
      0 0 0 3rem rgba(61, 92, 230, 0.3), 0 0 0 7rem rgba(61, 92, 230, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 3rem rgba(61, 92, 230, 0.3),
      0 0 0 7rem rgba(61, 92, 230, 0.3), 0 0 0 12rem rgba(61, 92, 230, 0);
    box-shadow: 0 0 0 3rem rgba(61, 92, 230, 0.3),
      0 0 0 7rem rgba(61, 92, 230, 0.3), 0 0 0 12rem rgba(61, 92, 230, 0);
  }
}

.gap-8{
    row-gap: 8rem;
}
.icon-small{ width: 2rem; height: 2rem; }
.icon-semi-small{ width: 3rem; height: 3rem; }
.icon-semi-large{ width: 3.5rem; height: 3.5rem; }
.centercircleimg{
    background: var(--white);
    margin: auto;
    border-radius: 50%;
    /*border: solid .7rem rgba(1, 26, 134, 0.07);*/
    -webkit-animation: ripple-grey 3s linear infinite;
    animation: ripple-grey 3s linear infinite;
}
.redcheckshadow li:hover { box-shadow: 10px 8px 26.2px 0px rgba(196, 196, 196, 0.25); transform: scale(1); }
@-webkit-keyframes ripple-grey {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(1, 26, 134, 0.1),
      0 0 0 1rem rgba(1, 26, 134, 0.1), 0 0 0 2rem rgba(1, 26, 134, 0.1);
    box-shadow: 0 0 0 0 rgba(1, 26, 134, 0.1),
      0 0 0 1rem rgba(1, 26, 134, 0.1), 0 0 0 2rem rgba(1, 26, 134, 0.1);
  }
  100% {
    -webkit-box-shadow: 0 0 0 1rem rgba(1, 26, 134, 0.1),
      0 0 0 2rem rgba(1, 26, 134, 0.1), 0 0 0 3rem rgba(1, 26, 134, 0);
    box-shadow: 0 0 0 1rem rgba(1, 26, 134, 0.1),
      0 0 0 2rem rgba(1, 26, 134, 0.1), 0 0 0 3rem rgba(1, 26, 134, 0);
  }
}

@keyframes ripple-grey {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(1, 26, 134, 0.1),
      0 0 0 1rem rgba(1, 26, 134, 0.1), 0 0 0 2rem rgba(1, 26, 134, 0.1);
    box-shadow: 0 0 0 0 rgba(1, 26, 134, 0.1),
      0 0 0 1rem rgba(1, 26, 134, 0.1), 0 0 0 2rem rgba(1, 26, 134, 0.1);
  }
  100% {
    -webkit-box-shadow: 0 0 0 1rem rgba(1, 26, 134, 0.1),
      0 0 0 2rem rgba(1, 26, 134, 0.1), 0 0 0 3rem rgba(1, 26, 134, 0);
    box-shadow: 0 0 0 1rem rgba(1, 26, 134, 0.1),
      0 0 0 2rem rgba(1, 26, 134, 0.1), 0 0 0 3rem rgba(1, 26, 134, 0);
  }
}

/********* Product page Start **********/
.animatebannerimg{
    background: transparent;
    clip-path: none;
    width: 14rem;
    height: 14rem;
    padding: 0;
}
.hexagonboxarea .animatebox.hex11 {
    right: 100%;
    top: 5%;
}
.hexagonboxarea .animatebox.hex12{
    right: 115%;
    top: 45%;
    bottom: auto;
}
.hexagonboxarea .animatebox.hex13 {
    right: 100%;
    top: auto;
    bottom: 0%;
}
.hexagonboxarea .animatebox.hex14 {
    left: 110%;
    top: 5%;
}
.hexagonboxarea .animatebox.hex15{
    left: 125%;
    top: 45%;
    bottom: auto;
}
.hexagonboxarea .animatebox.hex16{
    left: 110%;
    bottom: auto;
    top: auto;
    bottom: 0;
}
.hexagonboxarea .animatebox.hex17 {
    right: 100%;
    top: 15%;
}
.hexagonboxarea .animatebox.hex18{
    right: 100%;
    top: 65%;
}
.hexagonboxarea .animatebox.hex19 {
    left: 100%;
    top: 15%;
}
.hexagonboxarea .animatebox.hex20 {
    left: 100%;
    top: 65%;
}
.rounded-6{ border-radius: 3rem; }

/*.animated-border {
  height: 100%;
  width: 100%;
  position: absolute;
  overflow: hidden;
  z-index: 0;
}

.animated-border:before{
  content: "";
  z-index: -1;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  position: absolute;
  width: 99999px;
  height: 99999px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: conic-gradient(rgba(var(--bs-dark-rgb), 0), var(--yellowbg), rgba(var(--bs-dark-rgb), 0) 15%);
  animation: rotate 8s linear infinite;
}

.animated-border:after {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    top: 0;
    width: calc(100% - 0px);
    height: calc(100% - 0px);
    --bs-bg-opacity: .3;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
    border-radius: 3rem;
}

@keyframes rotate {
  100% {
    transform: translate(-50%, -50%) rotate(1turn);
  }
}*/



.animated-border {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 0;
}
.animated-border:before, .animated-border:after{
  content: "";
     position: absolute;
  z-index: -1;
    inset: -0.1rem;
    border-radius: 2rem;
  background: conic-gradient(from var(--gradient-shadow), var(--black), var(--blue), #713955, var(--maroon), #713955, var(--blue), var(--black));
  animation: rotate 4.5s linear infinite;   
}
.animated-border:after {
    filter: blur(3rem);
}
@property --gradient-shadow {
  syntax: "<angle>";
  initial-value: 90deg;
  inherits: false;
}
@keyframes rotate {
  0% {
    --gradient-shadow: 0deg;
  }
  100% {
    --gradient-shadow: 360deg;
  }
}

.tabs-icon {
    width: 2.5rem;
    height: 2.5rem;
}
.musictabs{
    grid-template-columns: repeat(2, 1fr);
}
.musictabs button{ --bs-bg-opacity: .17; border: 1px solid rgba(var(--bs-white-rgb), var(--bs-bg-opacity)); font-size: .8rem; line-height: 1rem; }

.musictabs button.active{ 
    background-color: rgba(var(--bs-white-rgb)); 
    color: var(--black);
    font-weight: 500;
}
.musictabs button.active .tabs-icon{ --bs-bg-opacity: 1; }
.language{ width: 10rem; right: 1.5rem; }
.language::after{
    content: '\F283';
    font-family: bootstrap-icons!important;
    font-size: 18px;
    position: absolute;
    right: .5rem;
    top:.6rem;
}
.language option{ color: #000; }
.callbutton a{ padding: 0 0 0 1.2rem; border: solid 1px var(--white); }
.callbutton a span{ padding: .4rem .8rem; font-size: 1.5rem; border: solid 1px var(--white); display: inline-block; vertical-align: middle; }
.callbutton a:hover{ border-color: var(--white); }

/*.pic span{
  position: absolute;
  left: 0;
  top:0;
  background-color: #00000033;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}*/
.playicon a, .playiconvideo a{
    display: inline-block;
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3.5rem;
    color: var(--black);
    background-color: var(--white);
    transition: 0.5s;
}
.playicon a.pause, .playiconvideo a{
    -webkit-animation: ripple-white 1s linear infinite;
    animation: ripple-white 1s linear infinite;
}
.playicon a:hover, .playiconvideo a:hover{ color: var(--yellowbg);}
/* animation ripple  */
@-webkit-keyframes ripple-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
      0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
      0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}



.play {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMiAyNHYtMjRsMjAgMTItMjAgMTJ6Ii8+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: center;
}
.pause {
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTAgMjRoLTZ2LTI0aDZ2MjR6bTEwLTI0aC02djI0aDZ2LTI0eiIvPjwvc3ZnPg==)!important;
    background-repeat: no-repeat;
    background-position: center;
}
.audiobox .themebtn .play{
    background-image: none;
    font-style: normal;
}
.assistantmain .captionmain{ font-size: .8rem; transition: .5s all ease; }
.assistantmain .captionmain:nth-child(2), .assistantmain .captionmain:nth-child(5){
    margin-left: 2.5rem;
}
.assistantmain .captionmain:nth-child(3), .assistantmain .captionmain:nth-child(4){
    margin-left: 5rem;
}
.assistantmain .captionmain:hover{
     transform: translateX(35px);
}
.gap-25{ gap: 2rem; }
.assistantlefttabs button{
    background: var(--semilightgrey);
    color: var(--text-darkgrey);
    font-weight: 500;
    padding: 1.4rem;
}
.assistantlefttabs button.active{ background: var(--darkblue); color: var(--white); }

.circleoptionslist{
    gap: 5rem;
    
}
.circleoptionslist li{ 
    background: #fff;
    border-radius: var(--bs-border-radius-xxl);
    border: 0.812px solid #F3F3F3;
    padding: .8rem 1.5rem .8rem 2.5rem;
    color: var(--textblue);
    font-weight: 500;
    position: relative;
    width: auto;
    display: inline-block;
}
.circleoptionslist li:hover{}
.circleoptionslist li::before{
    content: "\F272";
    display: inline-flex;
    font-family: bootstrap-icons!important;
    position: absolute;
    left: .8rem;
    /* --bs-bg-opacity: .9; */
    color: var(--white);
    background-color: var(--iconsemidarkbg);
    border-radius: 50%;
    height: 1rem;
    width: 1rem;
    justify-content: center;
    align-items: center;
    font-size: .6rem;
    top: 1rem;
}
.circleoptionslist li::after{
    content: "\F63B";
    display: inline-flex;
    font-family: bootstrap-icons !important;
    position: absolute;
    right: -3rem;
    color: var(--semilightblue);
    font-size: 2rem;
    opacity: .2;
}
.circleoptionslistleft{ justify-items: start; }
.circleoptionslistright{ justify-items: right; }
.circleoptionslistleft li:nth-child(1), .circleoptionslistleft li:nth-child(3){
    margin-left: 3rem;
}
.circleoptionslistright li:nth-child(1), .circleoptionslistright li:nth-child(3){ margin-right: 3rem; }
.circleoptionslistright li::after{ left: -3rem; }
.centercirclewatch{ height: 100%; width: 100%;}
.p-7 {
    padding: .8rem !important;
}
.centercirclewatch-dotted{
     width: 100%;
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-lightblue-rgb), var(--bs-bg-opacity)) !important;
    border-radius: var(--bs-border-radius-pill);
    outline: 1px dashed #7a7db047;
    outline-offset: -30px;
    padding: 6rem;
    height: 28rem;
    width: 28rem;
    margin-left: -18%;
}
.centercirclewatch-dotted::before, .centercirclewatch-dotted::after, .centercirclewatch-dotted .watch-dashed::before, .centercirclewatch-dotted .watch-dashed::after, 
.centercirclewatch::before, .centercirclewatch::after, .centercirclewatch .watch-dashed::before, .centercirclewatch .watch-dashed::after{
    content: "\F63B";
    font-family: bootstrap-icons !important;
    opacity: .2;
    color: var(--semilightblue);
    font-size: 1.4rem;
    position: absolute;
    left: 7%;
}
.centercirclewatch-dotted::after, .centercirclewatch::after{
    right: 7%;
    left: auto;
}
.centercirclewatch-dotted .watch-dashed::before, .centercirclewatch-dotted .watch-dashed::after{
    top: 7%;
    left: 48%;
    rotate: 90deg;
}
.centercirclewatch-dotted .watch-dashed::after{
    top: auto;
    bottom: 7%;
}
.centercirclewatch .watch-dashed::before, .centercirclewatch .watch-dashed::after{
    left: 46%;
}

.animatebannermain{
    width: 13.6rem;
    margin: 0 auto;
}
.cuttingedgebanner{
    width: 10rem;
    height: 10rem;
    padding: 0;
    margin: 0 auto;
    padding: 2.5rem !important;
}
.reimagineboxcontent{
    width: 80%;
}

.tc2-customer-main{ background-repeat: no-repeat; 
  /* background-size: 25% 100%;   */
    background-size: contain;
}
.tc2list ol{
    padding: 0;
    margin-bottom: 0;
    grid-template-columns: repeat(2, 1fr);
    display: grid;
    row-gap: 1rem;
}
.tc2list ol li { border-bottom: solid 1px var(--borderlightgrey); padding-bottom: 1rem; position: relative; padding-left: 2.5rem; list-style: none; line-height: 1.3rem; }
.tc2list ol li::marker{ display: none; }
.tc2list ol li::before{ 
    color: var(--black);
    content: '0' counter(list-item);
    transition: color 5s;
    border: solid 1px #ccc;
    position: absolute;
    left: 0;
    border-radius: var(--bs-border-radius-pill);
    height: 2rem;
    width: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tc2list ol li div{ gap: 1rem; }
.tc2list ol li span:first-child{
    font-weight: 500;
    font-size: .9rem;
    color: var(--black);
    flex-basis: 50%;
}
.tc2list ol li span+span{
    flex-basis: 100%;
}
.tc2list ol li:nth-child(2n+1){ padding-right: .5rem; }
.tc2list ol li:nth-child(2n+2){ padding-left: 4rem; }
.tc2list ol li:nth-child(2n+2)::before{ left: .5rem; }

.tc2list ol li:last-child{ border-bottom: none; padding-bottom: 0; }
.tc2list ol li:nth-last-child(1){ border-bottom: none; padding-bottom: 0; }
.opacity-10 {
    opacity: .10 !important;
}
.overlaybox{ height: 35%; backdrop-filter: blur(7.800000190734863px); }
.overlaybox p{ font-size: .8rem; margin-bottom: 0; font-weight: 300; line-height: 1.2rem; }
.prdimgboxbtn{ top: 2rem; right: 2rem; }
/********* Product page End **********/

/********* Partner page Start **********/
.partner-header, .industry-header{
    position: absolute;
    width: 100%;
    z-index: 99;
}
.innerpartnerhero{ padding: 2rem 0; z-index: 1; }
.innerindustrieshero{ padding: 5rem 0; z-index: 1; }
.innerpartnerhero::after{
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: inline-block;
    background: linear-gradient(90deg, rgb(255 255 255 / 30%) 0.85%, rgb(255 255 255 / 0%) 55.91%, rgb(255 255 255 / 0%) 80.12%);
}
.innerpartnerhero h2{ font-size: 3rem; }
.rounded-top-end-4{ border-top-left-radius: var(--bs-border-radius-xl) !important; }
.text-white-75 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, .7) !important;
}
.approachbox:hover{
    --bs-bg-opacity: .4;
}
.approachbox:hover .icon-semi-small{
    background: var(--white);
}
.approachbox:hover .icon-semi-small img{
    filter: brightness(1) invert(1);
}
/********* Partner page End **********/
/*------------ Blog Post ---------------*/
.post-section-title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 35px;
}
.post-section-title h2{
  font-size: 34px;
  font-weight: 700;
}
.post-section-title h2 span{ 
  font-weight: 300;
}
.post-section-title a:hover{
 color: var(--accent-color);
 text-decoration: underline;
}
.blog-topic-links .nav-item button{
 color: var(--default-text-color);
 font-size: 16px;
 padding-left: 0;
}
.blog-topic-links .nav-item button.active, .blog-topic-links .nav-item button.active:hover{
 color: var(--accent-color);
 font-size: 18px;
 background: transparent;
 padding-top: 0;
}
.blog-hero{
  width: 100%;
  height: 100% !important;
}
.blog-hero img{
  width: 100%;
  height: 100%;
}

.innerbloghero{ padding: 40rem 0; z-index: 9; }
.horizontal-post{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 35px;
}
.post-img{
  height: 230px;
  width: 400px;
  margin-right: 15px;
  overflow: hidden;
}
.post-img img{
  width: 100%;
  height: 100%;
  display: inline-flex;
  object-fit: cover;
}
.post-content{
  width: 50%;
}
.post-content h2{
 font-size: 25px;
 font-weight: 600;
}
.post-content p{
 color: var(--default-text-color);
 font-size: 14px;
}
.normal-post .post-content{
  width: 100%;
}
.normal-post .post-img{
  width: 100%;
  margin-bottom: 15px;
  overflow: hidden;
}
/*------------ Blog details ---------------*/

/* .pdate {
  color: #333333;
} */
.post-details{
  padding-top: 0;
}
.post-detail-content img{
 width: 100%;
}
.post-detail-content h4{
 margin: 10px 0 20px 0;
 font-size: 20px;
}
.post-detail-content h4 a{
  color: var(--accent-color);
}
.post-detail-content h4 a:hover{
 text-decoration:underline;
}
.post-detail-content h2{
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 25px;
}
.post-detail-content p{
 color: var(--default-text-color);
 margin-bottom: 30px;
}
.social_links ul{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 0;
  margin-top: 10px;
}
.social_links ul li{
  list-style: none;
  display: inline-block;
  margin: 0 5px;
}
.social_links ul li a svg{
  background: var(--accent-color);
  height: 33px;
  width: 33px;
  padding: 7px;
}
.social_links ul li a svg:hover{
  opacity: 0.95;
  border-radius: 5px;
  transition:ease-in-out 0.3s;
}
.social_links ul li a svg path, .social_links ul li a svg g, .social_links ul li a svg rect, .social_links ul li a svg circle{
  fill: var(--contrast-color);  
}
.related-post{
  padding-top: 0;
}
.related-post-scroll .normal-post img{
  height: 250px;
}

/*======================================
--------------- Event page -------------
======================================*/
.rounded-nav{
    background: rgba(255, 255, 255, 0.58);
    border-radius: 37px;
    padding: 13px;
}
.partner-header.fixed .rounded-nav, .industry-header.fixed .rounded-nav{
    background: transparent;
}
/* .event-hero {
  height: 50rem;
} */
.innerpartnerherolist{ padding: 10rem 0; z-index: 9; }
.event-hero .blurcircleshadow{
    background-color: transparent;
}
.event-hero .event-hero-content{
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
/* .event-hero .rounded-pill.bg-warning-dark {
    background: var(--white);
    border: 1px solid #ffffff !important;
}
.event-hero .innerpartnerhero::after{
    background: transparent;
}
.event-hero .certificates, .event-hero .rounded-start-4{
   background-color: rgba(255, 255, 255, 0.9) !important;
}
.event-hero .rounded-start-4{
 color: rgba(91, 91, 91, 1);
} */
.box-shadow{
    box-shadow: 0px 7px 12px 5px #eeeeee;
}
.sticky-event-menu {
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky-event-menu.event-menu-wrap{
  padding: 1em 0;
  z-index: 999;
  background: #ffffff;
}
.event-menu-wrap{
    padding: 4em 0;
}
.event-menu-items{
  background: #FBFBFB;
  border: 1px solid #E3E3E3;
  padding: 0 20px;
  border-radius: 20px;
}
.event-menu-items ul{
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-around; 
}
.event-menu-items li{
  
}
.event-menu-items li a{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  font-size: 15px;
  padding: 20px 0;
  border-bottom: 2px solid transparent;
}
.event-menu-items li a img{
  width: 35px;
  margin-bottom: 5px;
  filter: grayscale(1);
}
.event-menu-items li a:hover img, .event-menu-items li a.active img{
  filter: grayscale(0);
}
.event-menu-items li a.active, .event-menu-items li a.event-nav:hover {
  color: #011a86;
  border-bottom: 2px solid #011a86;
}

.about-events{
    padding: 5em 0 7em 0;
}
.about-events-content h3{
    font-size: 42px;
    margin-bottom: 20px;
}
.about-events-content p{
  font-size: 16px;
  color: #8E8E8E;
  margin-bottom: 25px;
  line-height: 26px;
  font-weight: 400;
}
.event-stats-counter .counter{
    padding-left: 5em;
}
.event-stats-counter .counter h5{
  font-size: 8em;
  font-weight: 600;
}
.event-stats-counter .counter p{
  font-size: 18px;
  font-weight: 500;
}
.about-learn{
   padding: 7em 0 4em 0; 
}
.our-speakers{
    padding: 4em 0 2em 0;
}
.our-speakers .cardbox {
    margin: 0 10px;
    width: 19rem;
    background-position: center;
    filter: grayscale(1);
}
.our-speakers .cardbox::before{
    background: transparent !important;
}
.our-speakers .cardbox.active {
    width: 80% !important;    
    background: unset !important;
    background-size: cover !important;
    filter: grayscale(0);
    background-position: center !important;
}
.our-speakers .cardbox.active:after{
    background: transparent !important;
}
.our-speakers .cardbox.active .card-desc{    
    padding: 1rem 1rem;
    justify-content: flex-end;
    
}
.our-speakers .cardbox .card-desc{
   opacity: 0;
}
.our-speakers .cardbox.active .card-desc{
    opacity: 1;
}
.our-speakers .cardbox.active .card-desc .speaker-desc{
    background: #ffffff;
    padding: 20px;
    border-radius: 20px;
}
.our-speakers .cardbox.active .card-desc .speaker-desc h5{
    color: #000000;
    font-size: 17px;
}
.our-speakers .cardbox.active .card-desc .speaker-desc p{
    margin-bottom: 0;
    color: #6B6B6B;
    font-size: 14px;
    line-height: 22px;
}
.speakers-testimonials{
    padding: 2em 0;    
}
.speakers-testimonials #testimonials-carousel{
   position: relative;
}
.testimonials-title h3{
    font-size: 42px;
    margin-bottom: 20px;
}
.speakers-testimonials .testimonial-box::before{
   display: none;
}
.testimonials-s-content p{
  margin-bottom: 1.5em;
  font-size: 32px;
  line-height: 40px;
}
.speaker-t-desc h5{
   font-size: 20px;
   margin-bottom: 10px;
   font-weight: 500;
}
.speaker-t-desc p{
   font-size: 14px;
}
.speakers-testimonials #testimonials-carousel .owl-nav{
    right: -33%;
    top: 0.5rem;
}
.speakers-testimonials #testimonials-carousel .owl-nav .owl-prev{
    left: -1rem;
}
.speakers-testimonials #testimonials-carousel .owl-nav .owl-next, .speakers-testimonials #testimonials-carousel .owl-nav .owl-prev {
   color: #000000;
}
.speakers-testimonials #testimonials-carousel .owl-dots{
    display: none;
}
.event-subscribe-wrap{
    padding: 2em 0 3em 0;
}
.event-subscribe-wrap .alertbox span:before{
   background: var(--white);
   height: 16px;
   width: 16px;
   border-radius: 50px;
   margin-right: 15px;
   content: "";
   display: inline-block;
}
.event-subscribe-wrap .alertbox span{
    font-size: 20px;    
}
.event-subscribe-wrap .alertbox{
    margin-bottom: 20px;
}
.subscribe-text{
    color: var(--white);
    margin-bottom: 35px;
}
.event-subscribe-wrap .input-group{
    width: 80%;
}
.event-subscribe-wrap .input-group button{
   background: #F6B53B;
   padding: 1rem 2.5rem !important;
}
.event-subscribe-wrap .input-group button:hover, .event-subscribe-wrap .input-group button:focus {
   background: #f68f3b;
}
.partner-with-us{
    padding: 7em 0 3em 0;
}
.box-content{
    position: absolute;
    top: 8%;
    right: 7%;
}
.box-content h4{
    font-size: 46px;
    font-weight: 600;
}
.testimonial-2-wrap{
    padding: 4em 0 1em 0;
    position: relative;
}
.testimonial-2-wrap .owl-nav{
   position: absolute;
    left: -51%;
    bottom: 5%;
}
.testimonial-2-wrap .owl-nav button{
    border-radius: 50px;
    background: #EEEEEE !important;
    height: 35px;
    width: 35px;
    margin-right: 10px;
}
.testimonial-2-title .rating-wrap{
     display: flex;
    margin-bottom: 10px;
}
.testimonial-2-title .rating{
   margin-right: 10px;
}
.testimonial-2-title .rating i{
    color: #FFC617;
}
.testimonial-2-title .rating-wrap span{
    font-weight: 500;
}
.testimonial-2-title h2{
    font-size: 48px;
    margin-bottom: 20px;
    font-weight: 600;
}

.testi-item-card{
    background: #FBFBFB;
    padding: 30px;
    border-radius: 20px;    
}
.testi-item-card .rating{
   margin-bottom: 30px;
}
.testi-item-card>p{
    font-size: 15px;
    line-height: 24px;
    color: #5d5f60;
    min-height: 275px;
}
.testi-desc-wrap{
   display: flex;
   align-items: center;
   margin-top: 48px;
}
.name-f-letter{
    background: #001367;
    padding: 13px 18px;
    border-radius: 9px;
    font-size: 20px;
    color: #ffffff;
    margin-right: 15px;
}
.testi-desc-wrap .testi-desc h5{
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
}
.testi-desc-wrap .testi-desc p{
    color: #5d5f60;
    margin-bottom: 0;
}

/*======================================
--------- Event Keynotes page ----------
======================================*/
.event-details-hero .event-user{
    background-image: linear-gradient(#ffffffc4, #99999921);
    padding: 8px 10px;
    color: var(--white);
    display: inline-block;
    border-radius: 30px;
    margin-bottom: 20px;
}
.event-details-hero .event-date{
    margin-bottom: 20px;
}
.floating-social-wrap{
    background: #ffffff33;
    border: 1px solid #ffffff47;
    border-radius: 50px;
    padding: 3px 9px;
    position: absolute;
    right: -30%;
    bottom: 10%;
}
.floating-social-wrap ul{
    list-style: none;
}
.floating-social-wrap li{
    margin: 8px 0;
}
.floating-social-wrap li a{
    border-radius: 50px;
    background: #ffffff;
    color: #00125B;
    display: flex;
    height: 37px;
    width: 37px;
    align-items: center;
    justify-content: center;
}
.floating-social-wrap li a:hover{
    background: #00125B;
    color: #ffffff;
}
.upcoming-events{
    padding:2em 0 3em 0;
}
.events-tab{
    margin: 0 auto;
    margin-bottom:4em;
    border-radius: 10px;
    background: #F4F4F4;
    border: 1px solid #ECECEC;
    padding: 2px;
}
.events-tab a{
    font-size: 17px;
}
.events-tab a.active{
  border-radius: 5px;
  font-weight: 600;
}
.upcoming-event-card{
   display: flex;
    border: 1px solid #ccc;
    padding: 30px;
    border-radius: 20px;
    justify-content: space-between;
    margin-bottom: 15px;
}
.event-details-wrap{
  width: 50%;
}
.event-details-wrap h2, .event-details-wrap h2 a{
    font-size: 26px;
    margin-bottom: 10px;
    color: var(--black);
}
.event-date i{
   margin: 0 5px 0 20px;
}
.event-user{
    margin-top: 20px;
    color: #626262;
}
.event-user img{
  height: 30px;
    width: 30px;
    border-radius: 50px;
    margin-right: 6px;
        object-fit: cover;
}
.event-keywords{
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    color: #000000;
}
.keyword-box{
    border-radius: 50px;
    padding: 5px 20px;
    font-size: 14px;
    font-weight: 500;
    margin-left: 10px;
}
.keyword-keynotes{
   background: #FFE3D9;
}
.keyword-business{
  background: #FDFFD3;
}
.keyword-designer{
  background: #D9ECFF;
}
.events-btn-group{
   margin-top: 3em;
}
.events-btn-group a{
  margin-left: 40px;
}
.events-btn-group a:nth-child(1).themebtn, .events-btn-group a:nth-child(1) span{
  background: transparent;
    color: var(--black);
}
.events-btn-group a:nth-child(1) span{
    right: -15px;
}
.events-btn-group a:nth-child(1):after{
    display: none;
}
.social-share-sec{
    background: url(../images/social-share-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 3em;
}
.social-share-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 50px;
}
.share-wrap-title{
   width: 22%;
}
.share-wrap-title h2{
    color: var(--white);
    font-size: 38px;
}
.social-accounts-wrap{
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
}
.social-accounts{
    font-size: 16px;
    padding: 16px 25px;
    color: #ffffff;
    border: 1px solid #ffffff8a;
    border-radius: 7px;
    background: #ffffff2b;
    margin-left: 30px;
    display: block;
}
.social-accounts:hover{
    color: #000000;
    background: #ffffff; 
}
/*======================================
---------- Event Details page ----------
======================================*/
.brand-strategy{
   padding: 5em 0 2em 0;
}
.events-details-content{
   background: #F5F7F9;
   border-radius: 25px;
   padding: 50px 40px;
}
.events-details-content h3{
    font-size: 42px;
    margin-bottom: 20px;
}
.events-details-content p{
  margin-bottom: 21px;
}
.events-details-content ul{
    padding-left: 17px;
    margin-top: -8px;
    margin-bottom: 25px;
}
.events-details-content li{
   margin-bottom: 5px; 
}
.events-details-content a.themebtn{
  margin-bottom: 20px;
}
.guest-speaker-wrap{
    padding: 3em 0 4em 0;
}
.guest-speaker-wrap .events-details-content {    
    padding: 40px 40px;
}
.guest-speaker-wrap .events-details-content p{
    margin-bottom: 16px;
}
.left-round-img{
    position: relative;
}
.G-speaker-details{
    position: absolute;
    background: var(--white);
    padding: 20px;
    border-radius: 15px;
    margin: 20px 35px;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 84.2%;
}
.G-speaker-name{

}
.G-speaker-name h3{
    font-size: 21px;
    margin-bottom: 4px;  
}
.G-speaker-name p{
   color: #232323;
   font-size: 14px; 
   margin-bottom: 0;
}
.G-speaker-social{

}
.G-speaker-social a{
  border: 1px solid #e4e4e4;
    border-radius: 50px;
    height: 35px;
    width: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #00125B;
    margin-left: 7px;
}
.G-speaker-social a:hover{
   color:#ffffff;
   background:#00125B;
}

.sharetab a{
  /* padding: 0 1rem; */
}
.sharetab a:hover{ color: var(--textblue);}
/*======================================
---------- Case list page ----------
======================================*/
/* .casecon h2 {
  font-size: 5rem;
  color: #011A86;
}
.casecon p {
  font-size: 20px;
  line-height: 25px;
  color: #000;
} */
.innereventhero{ padding: 10rem 0; }
/* .event-hero .certificates, .event-hero .rounded-start-5{
    background-color: rgb(83 82 82 / 38%) !important;
}
.event-hero .rounded-start-5{
 color: #ffffff;
} */
/*======================================
---------- Ebook list page ----------
======================================*/
.ebook-certificates{
    grid-template-columns: repeat(3, 1fr);
    column-gap: 35px;
}
.event-hero .ebook-certificates, .event-hero .rounded-start-6{
    /* background-color: rgb(9 7 7 / 38%) !important; */
}
/* .event-hero .rounded-start-6{
 color: #ffffff;
} */
.rounded-start-6 {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.eb-cont {
  height: 150px;
}

/*======================================
--------------- About  page ------------
======================================*/
.event-hero .about-hero-content{
   width: 50%;
   margin: 0 auto;
   text-align: center;
}
.event-hero .about-hero-content .rounded-pill{
   background: var(--yellowbg);
   border: 1px solid var(--yellowbg) !important;
}
.event-hero .about-hero-content h2{
  color: var(--black);
  font-weight: 500;
}
.event-hero .about-hero-content h2 span{
   color: #011A86;
   font-weight: 700;
}
.event-hero .about-hero-content p{
   color: #828282;
   font-size: 16px;
}
.about-section{
   padding: 6em 0;
}
.about-brief p{
  width: 550px !important;
  display: inline-grid
;
}
.about-left-img img{
   padding-right: 2em;
}
.mission-list-wrap{
   margin-top: 40px;
}
.about-list-box{
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    margin-bottom: 40px;
}
.img-icon{
    background: #ffffff;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 4rem;
    width: 4rem;    
    border: 1px solid #f3f3f3;
}
.img-icon img{
    width: 47%;
}
.about-list-box .list-text, .industries-details .list-text { width: 90%; }
.list-text{
  margin-left: 20px;
}
.list-text h3{
   font-size: 18px;
    margin-bottom: 8px;
}
.list-text p{
  font-size: 14px;
  color: #7A7A7A;
  line-height: 22px;
  margin-bottom: 0;
}
.about-list-box:hover .img-icon{
   background: #011A86;
   cursor: pointer;
}
.about-list-box:hover .img-icon img{
  filter: brightness(0) invert(1); 
}
.agile_innovation .rounded-pill{
   text-transform: uppercase;
   font-weight: 500;
}
.agile_innovation .events-details-content p{
   margin-bottom: 25px;
}
.industry_section{
   background-image: linear-gradient(90deg,rgba(24, 34, 94, 1) 3%, rgba(2, 13, 61, 1) 50%, rgba(17, 48, 92, 1) 100%);
   padding: 5.5em 0;
}
.section-title h3{
   font-size: 32px;
    color: #ffffff;
    margin-bottom: 3em;
}
.section-content p{
   color: rgba(255, 255, 255, 0.76);
   text-align: right;
   font-size: 13.5px;
   margin-bottom: 3em;
}
.industries-details{
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid rgb(255 255 255 / 34%);
  padding-bottom: 30px;
  margin-bottom: 30px;
  transition: 0.5s;
  cursor: pointer;
}
.industries-details:last-child{
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.industries-details .img-icon{
    background: rgba(255 255 255 / 11%);
    border: 1px solid rgb(210 213 255 / 45%);
    /* height: 52px;
    width: 131px; */
}
.industries-details .img-icon img{
    width: 49%;
}
.industries-details .list-text h3{
      color: #ffffff;
      margin-bottom: 15px;
}
.industries-details .list-text p{
  color: rgba(255 255 255 / 61%);
  font-size: 15px;
}
.image-holder{
    text-align: center;
    margin: 0 3em;
    display: flex;
    height: 100%;
    overflow: hidden;
    border-radius: 30px;
}
.image-holder img{
    object-fit: cover;
}
.leadership_team{
    padding: 4em 0;
}
.our-team{
    text-align: center;
    position: relative;
}
.our-team .team-img{
    position: relative;
    border-radius: 30px;
    overflow: hidden;
}
.our-team .team-img:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(245, 117, 58, 0.7);
    width: 100%;
    height: 100%;
    opacity: 0;
    transition:0.6s ease 0s;
}
.our-team:hover .team-img:before{
    opacity: 1;
}
.our-team .team-img img{
    width: 100%;
    height: auto;
}
.our-team .team-content{
    padding-top: 20px;
    text-align: left;
}
.our-team .team-content h3{
    color: #000000;
    font-size: 18px;
    margin-bottom: 5px;
}
.our-team .team-content p{
    color: rgb(131 131 131);
    font-size: 14px;
}
.our-team .team-img .social{
    opacity: 0;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}
.our-team .team-img:hover .social, .our-team:hover .social{
    opacity: 1;
}
.our-team .social li{
    display: inline-block;
}
.our-team .social li a{
    display:block;
    color: #ffffff;
    font-size: 20px;
    padding:0 10px;
    position: relative;
    transition:0.8s ease 0s;
}
.our-team .social li a:hover{
    transform: rotate(360deg);
}
@media screen and (max-width:990px){
    .our-team{
        margin-bottom: 30px !important;
    }
}

/*======================================
------------ Synergist  page -----------
======================================*/
.custom-sec-text{
   margin:0 7em;
}
.event-hero .custom-sec-text{
   margin:0 2em;
}
.synergist-accordian-wrap{
    padding-right: 2em;
}
.synergist-accordian-wrap .accordion-item{
    border-left: none;
    border-right: none;
}
.synergist-accordian-wrap .accordion-item:first-of-type{
    border-top: 0;
}
.synergist-accordian-wrap .accordion-button{
    font-weight: 500;
    padding: 20px 10px 20px 0; 
}
.synergist-accordian-wrap .accordion-body{
  padding-left: 0;
  padding-top: 0;
  margin-bottom: 20px;
  color: #8D8D8D;
}
.synergist-accordian-wrap .accordion-button:not(.collapsed), .synergist-accordian-wrap .accordion-button:focus {
  color: var(--black);
}
.synergist-accordian-wrap .accordion-button:not(.collapsed), .synergist-accordian-wrap .accordion-button:focus {
    color: var(--black);
}
.unique-approach{
    margin-bottom: 3em;
}

/*======================================
-------------- Mega Menu ---------------
======================================*/
.custom-mega-menu{
    /* left: 0;
    right: 0; */
    border: 0;
    margin: 0 auto;
    padding: 10px;
    border-radius: 1.5rem;
    margin-top: var(--bs-gutter-y) !important;
   
    width: 70rem;
    left: auto !important;
    translate: -33.3333%;
}
.animatenav .custom-mega-menu{
    margin: 0 auto;
}
.mega-menu-content{   
    background: var(--white);
     min-height: 29rem;
}
.m-menu-grid-1{
    position: relative;
}
.m-menu-grid-1 .nav-pills button.active{
  background: rgba(250, 250, 254, 1);
    border: 1px solid rgba(213, 213, 255, 1);
    font-weight: 500;
}
.m-menu-grid-1 .nav-pills button{
    background: #ffffff;
    text-align: left;
    padding: 15px 18px;
    padding-left: 21px !important;
    font-size: 16px;
    border-radius: 13px;
    position: relative;
    margin-bottom: 10px;
    color: var(--black);
}
.m-menu-grid-1 .nav-pills button:after{
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
    text-align: right;
    position: absolute;
    right: 5%;
    transform: rotate(-90deg);
}
.mm-contact-wrap{
    display: grid;
    align-content: space-between;
    height: 100%;
    /* position: absolute;
    left: 0;
    bottom: -130%;
    width: 100%; */
}
.mm-contact-item{
    padding: 13px;
    border-radius: 13px;
}
.mm-contact-item .reimagineboxcontent h4{
    font-size: 13px;
    color: rgba(114, 114, 114, 1) !important;
    font-weight: 400 !important;
}
.mm-contact-item .reimagineboxcontent a{
    font-size: 15px;
    padding: 0;
    font-weight: 500;
}
.mm-contact-item .reimagineboxcontent a:before{
    border: 0;
}
.mm-contact-item i{
    font-size: 22px;
}
.mm-contact-item.red-item{
    background: rgba(192, 84, 77, 0.03);
    margin-bottom: 15px;
}
.mm-contact-item.red-item .bgdarkblue{
    background:rgba(255, 236, 235, 1);
}
.mm-contact-item.red-item i, .mm-contact-item.red-item .reimagineboxcontent a{
    color:rgba(192, 84, 77, 1);
}
.mm-contact-item.yellow-item{    
    background:rgba(255, 252, 246, 1);
}
.mm-contact-item.yellow-item .bgdarkblue{
    background:rgba(255, 242, 218, 1);
}
.mm-contact-item.yellow-item i, .mm-contact-item.yellow-item .reimagineboxcontent a{
    color:rgba(245, 180, 58, 1);
}
.right-grid-content{
    display: none;
}
.right-grid-content.show-content{
    display: block !important;
}
.m-menu-left-grid{
    max-width: 95%;
}
.m-menu-left-grid li{
    margin-bottom: 12px !important;
    display: block;
    width: 100%;
}
.m-menu-left-grid li a{
  background: rgba(255, 255, 255, 1);
  border: 1px solid rgb(232 232 245);
  border-radius: 13px;
  padding: 12px !important;
  width: 100%;
}
.m-menu-left-grid li a:hover{
    background: rgba(250, 250, 254, 1);
    border: 1px solid rgba(213, 213, 255, 1);
}
.m-menu-left-grid ul li a::before{
    border:none;
}
.m-menu-left-grid .bgdarkblue {
    background: rgba(243, 243, 255, 1);
}
.m-menu-left-grid .reimagineboxcontent {
   width:100%;
}
.m-menu-left-grid .reimagineboxcontent h4{
  font-size: 16px;
    margin-bottom: 5px;
}
.m-menu-left-grid .reimagineboxcontent p, .mm-content-right p{
    font-size: 13px;
    margin-bottom: 0;
    color: rgba(116, 120, 123, 1);
    line-height: 17px
}
.mm-image-right{
    border-radius: 15px;
    overflow: hidden;
    max-height: 250px;
}
.mm-image-right img{
    width: 100%;
    object-fit: cover;
}
.mm-content-right{
  margin-top: 20px;
}
.mm-content-right h3{
   font-size: 16px;
    margin-bottom: 10px;
}
.mm-content-right a.themebtn{
  background: transparent;
    color: rgba(192, 84, 77, 1);
    font-size: 16px;
    padding: 0;
}
.mm-content-right a.themebtn:before{
  border: 0;
}
.mm-content-right a.themebtn::after{
    display: none;
}
.mm-content-right a.themebtn  span {
    right: -35px;
    background: transparent;
    color: rgba(192, 84, 77, 1);
    top: 3px;
}
.singledropdown{
  min-width: 20rem;
  margin-top: 1rem !important;
}
.singledropdown .m-menu-left-grid {
    max-width: 100%;
}
.singledropdown .m-menu-left-grid ul li{ margin: 0; }
.singledropdown .m-menu-left-grid ul li:last-child{ margin-bottom: 0 !important; }
/********* Industries ********/
.industries-box:nth-child(odd) .industries-boxinner{ flex-direction: column; }
.industries-box:nth-child(even) .industries-boxinner{ flex-direction: column-reverse; }
.industries-box:nth-child(even) .industries-boxinner .industriesimg div{ top:0; bottom: auto !important; }
.industriesimg{ height: 35rem; }

/********* Contact Us ********/
.contact-hero::before, .contact-hero::after{
    content: '';
    height: 15rem;
    width: 10rem;
    background-size: cover !important;
    display: inline-block;
    position: absolute;
}
.contact-hero::before{
    background: url(../images/contact-left-img.svg) no-repeat;
    left: 0;
    top: 0;
}
.contact-hero::after{
    background: url(../images/contact-right-img.svg) no-repeat;
    right: 0;
    top: 0;
}

.contactform label{ font-size: 14px; }
.contactform input{ height: 2.8rem; }
.contactform input[type="checkbox"]{ height: auto; }
.contactform input, .contactform textarea{
    font-size: 14px;
    border-radius: var(--bs-border-radius-lg);
}
.contactform input::placeholder, .contactform textarea::placeholder{
    color: var(--text-grey);
}

/*======================================
------------- Career Page --------------
======================================*/
.event-hero .career-page-content{
    width: 64%;
    margin: 0 auto;
    text-align: center;
}
.event-hero .career-page-content h2 {    
    font-size: 40px;
    font-weight: 600 !important;
}
.event-hero .career-page-content p{ 
    margin: 0 8%;
}
.career-page-content .mm-content-right a.themebtn, .career-page-content .mm-content-right a.themebtn span{
    color: rgba(1, 26, 134, 1);
}
.opening-tabs-wrap{
  position: relative;
  display: flex;
  align-items: center;
  max-width: 100%;
  overflow: hidden;
}
.opening-tabs-wrap .tab-carousel {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  gap: 12px;
  margin: 10px 40px;
  flex-wrap: nowrap;
}
.opening-tabs-wrap .tab-carousel::-webkit-scrollbar {
  display: none;
}
.opening-tabs-wrap .nav-link  {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #f5f5f5;
  padding: 8px 16px;
  border-radius: 999px;
  color: #555;
  white-space: nowrap;
  transition: 0.3s ease;
  font-size: 14px;
  cursor: pointer;
}
.opening-tabs-wrap .carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #f5f5f5;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  transition: background 0.3s;
}
.opening-tabs-wrap .carousel-arrow:hover {
  background: #ddd;
}
.opening-tabs-wrap .arrow-left {
  left: 5px;
}
.opening-tabs-wrap .arrow-right {
  right: 5px;
}
.opening-tabs-wrap .nav-tabs{
    border:none;
}
.opening-tabs-wrap .nav-item{
    margin-right: 10px;
}
.opening-tabs-wrap .nav-link{
    background:rgba(250, 250, 250, 1);
    border: 1px solid #e9ecef;
    color: rgba(124, 124, 124, 1);
    border-radius: 50px;
    padding: 12px 23px;
    font-weight: 500;
}
.opening-tabs-wrap .nav-link i{
   font-size: 16px;
}
.opening-tabs-wrap .nav-link.active{
    background: rgba(1, 26, 134, 1);
    color: var(--white);
}
.job-opening-section{
    padding: 6em 0;
}
.tab-content-grid{
  background: rgba(248, 247, 252, 1);
  border-radius: 20px;
  padding: 30px 25px;
  margin-top: 40px;
  border:1px solid rgba(248, 247, 252, 1);
}
.tab-content-grid:hover{
   background: rgba(255, 255, 255, 1);
   border:1px solid rgba(240, 240, 240, 1);
}
.opening-position{
  font-size: 20px;
}
.opening-details{
  margin-bottom: 15px;
}
.opening-details li{
    display: inline-block;
    margin-right: 10px;
    color: rgba(160, 171, 184, 1);
    font-size: 13px; 
}
.tab-content-grid p{
  color: rgba(79, 83, 100, 1);
}
.opening-keywords li{
    background: #e8edf1;
    display: inline-flex;
    padding: 5px 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 13px;
    color:rgba(79, 94, 100, 1);
}
.opening-botm-content{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 30px;
}
.opening-count{
  color: rgba(141, 149, 159, 1);
  font-size: 13.5px;
}
.view-job-btn{
  margin-right: 28px;
}
.view-job-btn .themebtn{
  font-size: 13px;
}
.recognized-section .curvetitle-transparent::after{
  display: none;
}
.recognized-section .rounded-start-4, .recognized-section .certificates{
    background-color: #fcfcff !important;
    color: rgba(91, 91, 91, 1);
}
.recognized-section{
    padding-bottom: 1em;
}
/*======================================
---------- Career Details Page ---------
======================================*/
.opening-title-sec{
   padding-top: 2em;
}
.opening-title-wrap{
    background: rgba(252, 252, 252, 1);
    border:1px solid rgba(240, 240, 240, 1);
    border-radius: 15px;
    padding: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.opening-title-left h3{
   font-size: 24px;
   font-weight: 600;
   margin-bottom: 22px;   
}
.opening-title-left h3 span{
   background: rgba(239, 240, 246, 1);
   border: 1px solid rgba(240, 240, 240, 1);
   font-size: 11px;
   color: rgba(94, 102, 112, 1);
   padding: 2px 7px;
   border-radius: 62px;
   margin-left: 5px;
}
.opening-title-left .opening-details{
    margin-bottom: 0;
}
.opening-title-left .opening-details li{
   color: rgba(24, 25, 28, 1);

}
.opening-title-left .opening-details li i{
    color: rgba(1, 26, 134, 1);
}
.opening-title-right{
    text-align: right;
}
.opening-title-right .apply-job-btn{
    margin-right: 23px;
    margin-top: 15px;
    font-size: 12px;
}
.job-description-sec{
   padding: 4em 0 5em 0;
}
.job-top-title{
    color: rgba(24, 25, 28, 1);
    font-size: 18px;
    margin-bottom: 20px;
}
.job-description-wrap p, .job-description-wrap li{
    color:rgba(94, 102, 112, 1)
}
.job-description-wrap p, .job-description-wrap ul{
    margin-bottom: 3em;
}
.job-description-wrap ul{
   padding-left: 25px;
}
.job-description-wrap li{
    margin-bottom: 8px;
}
.opening-keywords.round-keyword ul{
    padding-left: 0;
}
.opening-keywords.round-keyword li{
    border-radius: 50px;
    background: rgba(250, 250, 250, 1);
    border: 1px solid rgba(245, 245, 245, 1);
    margin-right: 8px;
}
.contact-info-wrap{
    background: rgba(252, 252, 252, 1);
    border: 1px solid rgba(240, 240, 240, 1);
    padding: 35px 25px 10px 25px;
    border-radius: 20px;
}
.contact-info-wrap h2{
    font-size: 23px;
    margin-bottom: 30px;
}
.cont-info-box{
   display: flex;
   align-items: flex-start;
   padding: 25px 0;
   border-top: 1px solid rgba(228, 229, 232, 1);
}
.cont-info-icon{
   margin-right: 25px;
}
.cont-info-icon i{
    color: rgba(1, 26, 134, 1);
    font-size: 25px;
}
.cont-info p{
    margin-bottom: 7px;
    color: rgba(118, 127, 140, 1);
    text-transform: uppercase;
    margin-top: -4px;
    font-size: 13.5px;
}
.cont-info a{
   font-size: 18px;
   font-weight: 500;
}

.nav-item:hover .dropdown-menu {
  /* display: block; */
}

.dropdown-menu h5 {
  margin: 0 0 10px;
  font-size: 16px;
  color: #333;
}

.subcat a {
  display: block;
  padding: 8px 10px;
  text-decoration: none;
  color: #333;
}

.subcat a:hover {
  background-color: #f0f0f0;
  color: #007bff;
}
.statictext p, .statictext ol li, .statictext ul li{ color: rgba(0, 0, 0, .5); margin-bottom: .5rem;}
.statictext h2{ font-size: 1.8rem; font-weight: 600; margin-top: 1rem; }
.statictext h3{ font-size: 1.4rem; font-weight: 600; margin-top: 1rem; }
.statictext ol, .statictext ul{ padding-left: 1rem; }
.statictext ol li::marker, .statictext ul li::marker{ color: var(--yellowbg);}
.custome-hero .about-hero-content {
    width: 50%;
    margin: 0 auto;
    text-align: center;
}
.custome-hero p{ font-size: 1rem; }
.custome-hero .blurcircleshadow{ --tw-bg-opacity: 1; }

.navbar-toggler:focus{ outline: none; box-shadow: none; }


/* Landing Pgae css start */

/************* Form Start *************/
.landingform, #hubspotFormWrapper{
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    --tw-bg-opacity: 0.85;
    background: rgba(245,245,245,var(--tw-bg-opacity));
    padding: 2rem;
    border-radius: .5rem;
    border:solid 1px var(--white);
}
.hs-form-private h1, .wpforms-title{ text-align: left !important; }
.wpforms-title{ margin-bottom: 1rem; }
.hs-form-private h1 span{
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, .5) !important;
    font-weight: 400;
    font-size: 13px;
}
.hs-button{
    background: var(--blue);
    padding: .6rem 1.5rem;
    color: var(--white);
    border: none;
    border-radius: 9999px;
    text-transform: capitalize;
    transition: .5s all ease;
    margin-top: 1rem;
}
.hs-button:hover{ background: var(--white); color: var(--blue); }
.hs-form .hs-input{
    height: 2.5rem;
    font-size: 14px;
    border-radius: var(--bs-border-radius-lg);
    border: solid 1px var(--bs-light-border-subtle) !important;
    box-sizing: border-box;
    padding: 0 15px;
    min-height: 27px;
    max-width: 100%;
    width: 100% !important;
}
.hs-form textarea.hs-input{
    height: 4.5rem !important;
    padding: 10px 15px;
}
ul.hs-error-msgs li{ display: inline-block;}
.hs-error-msg{ 
    color: red;
    font-size: 13px;
    line-height: 18px;
    margin-top: .5rem;
}
/************* Form End *************/

#img-carousel-landing .owl-nav{
    position: absolute;
    top: 45%;
    width: 100%;
    color: var(--white);
}
#img-carousel-landing .owl-nav .owl-prev, #img-carousel-landing .owl-nav .owl-next{
    width: 3rem;
    --tw-bg-opacity: 0.7; 
    background: rgba(var(--bs-dark-rgb), var(--tw-bg-opacity));
    height: 3rem;
    border-radius: 50%;
    position: absolute;
}
#img-carousel-landing .owl-nav .owl-prev{ left: 1rem; }
#img-carousel-landing .owl-nav .owl-next{ right: 1rem; }
/* Landing Pgae css End */

.modalpopform .modal-content{
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    background: linear-gradient(0deg, rgb(255 255 255) 0%, rgba(248, 250, 255, 1) 100%);
    border: 0;
    border-radius: 0;
}
.modalpopform .modal-content .modal-header{ padding: 1.5rem; align-items: baseline; border-bottom: 0; }
.modalpopform .modal-content .modal-body{ padding: 1.5rem; }
.modalpopform .modal-content .modal-body input, .modalpopform .modal-content .modal-body textarea, .modalpopform .modal-content .modal-body select{ 
    border-radius: var(--bs-border-radius-sm);
    --bs-border-opacity: .2;
    border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
    --bs-bg-opacity: .1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
    font-size: 13px;
    font-weight: 400;
    color: var(--white);
 }
 .modalpopform .modal-content .modal-body input, .modalpopform .modal-content .modal-body select{
    height: 2.4rem;  
 }
.modalpopform .modal-content .modal-body select option{ color: var(--black); }
.modalpopform .modal-content .modal-body input::placeholder, .modalpopform .modal-content .modal-body textarea::placeholder{ color: var(--white); opacity: .5;}
.form-select{--bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ccc' stroke-linecap='round' stroke-linejoin='round' stroke-width='1' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }
.modalpopform .modal-content .btn-close{ 
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); }
.countrycode{ width: 40%; }

.modalpopform img{
  object-fit: cover;
}
  
.breadcrumbarea{
  padding: 4rem 0 2rem;
}
.breadcrumbmain{
  /* box-shadow: 0 8px 14px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  padding: 0.75rem 1.25rem;
  border-radius: 35px; */
}
.breadcrumb-item:first-child::before{
  content: "\f422";
  vertical-align: text-bottom;
  font-family: bootstrap-icons !important;
  margin-right: .5rem;
  color: var(--bs-gray-500);
}
.breadcrumb-item.breadcrumb-item-dark:first-child::before{ color: var(--dark); }
.breadcrumb-item{
  color: var(--bs-gray-500);
  font-weight: 500;
}
.breadcrumb-item.active{ color: var(--blue);}
.breadcrumb-item+.breadcrumb-item::before{
  color: inherit;
  content: "\F285";
  font-family: bootstrap-icons !important;
}

.video_container{
    height: 90vh;
    align-items: center;
    display: flex;
    position: relative;
}
.video_container::before{
  content: '';
  background: var(--black);
  position: absolute;
  top:0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 90vh;
  opacity: .6;
}
.z-9{ z-index: 9; }

.breadcrumb-item:hover a, .breadcrumb-item:first-child:hover::before{
  color: var(--orange) !important;
}
.pt-10{ padding-top: 10rem; }

.modalpopform form textarea.form-control{
  resize: none;
}

.overlaybox  p {
  color:#fff;
}
.bg-opacity-70 {
    --bs-bg-opacity: 0.7;
}
.blogthumnail{
    width: 30%;
    height: 5rem;
}
.blogthumnail img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogviewtext{
  width: 70%;
}
.mondaypartnerimg img{
  width: 14rem;
}
.userimglanding{
  width: 6rem;
}

.breadcrumb-overlay{
    padding: 1rem 0 0rem;
    height: 100%;
    position: relative;
    width: 100%;
    /* background: linear-gradient(181deg, rgb(0 0 0 / 49%) 0%, rgb(47 1 1 / 0%) 50%, rgb(0 0 0) 100%);
    height: 100%;
    left: 0;
    width: 100%;
    z-index: 0; */
}
.breadcrumb-overlay::before{
  content: '';
    padding: 1rem 0 0rem;
    background: linear-gradient(181deg, rgb(0 0 0 / 82%) 0%, rgb(47 1 1 / 0%) 50%, rgb(0 0 0) 100%);
    height: 100%;
    left: 0;
    top:0;
    width: 100%;
    z-index: -1;
    position: absolute;
}


.partnerlist-area:nth-child(odd){
    background-color: var(--lightblue);
}
.partnerlist-area:nth-child(odd) .row{
    flex-direction: row-reverse;
}
/* .partnerlist-area:nth-child(even) .productboxtext{
    padding-left: 3rem;
} */
 .partnerlist-area{ position: relative; }
 /* .partnerlist-area::before{
  content: '';
  background: #ccc;
  height: 100%;
  left: 0;
  width: 43%;
  position: absolute;
 } */
.partnerlist-area:nth-child(odd)::after, .partnerlist-area:nth-child(even)::after{
    content: '';
    background: url(../images/faqbg.svg) no-repeat;
    width: 95%;
    
    height: 95%;
    
    top: 0;
    display: inline-block;
    background-size: contain;
    position: absolute;
    z-index: -1;
    opacity: .2;
 }
 .partnerlist-area:nth-child(even)::after{left: 0;background-position: 15% center; }
 .partnerlist-area:nth-child(odd)::after{ right: 0; background-position: 78% center; opacity: .3; }
  .partnerlist-area:nth-child(odd){ z-index: 1; }


.hover-effect {
      position: relative;
      overflow: hidden;
}
.hover-effect::before, .hover-effect::after {
    content: "";
    height: 0px;
    width: 0px;
    z-index: 1;
    position: absolute;
    transition-duration: 1s !important;
    background: rgb(255, 255, 255);
}
.hover-effect::before {
    right: 0px;
    opacity: 1;
    bottom: 0px;
}
.hover-effect::after {
    top: 0px;
    opacity: 0.7;
    left: 0px;
}
.hover-effect:hover::after, .hover-effect:hover::before {
    height: 100%;
    opacity: 0;
    width: 100%;
}
.blog-content-editor img {
  width: auto;
 }

.post-detail-content h3{
  font-size: 1.1rem;
}
.post-detail-content h2{
  font-size: 1.6rem;
}
.post-detail-content ul{
  padding-left: 1rem;
}
.post-detail-content ul li{ margin-bottom: .4rem; }
.post-detail-content ul li p{ margin: 0;}
.stickysidebar{
  top:8rem;
}
.pagination{
  gap: .8rem; 
}
.pagination li a{
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: var(--lightblue);
    border-radius: var(--bs-border-radius-pill);
}
.pagination li.active a{ background-color: var(--blue); color: var(--white); }
.btnblue{
    color: var(--white);
    position: relative;
    background: var(--blue);
    padding: .2rem 1rem;
    border-radius: 1.5rem;
    /* z-index: 99; */
    display: inline-block;
    white-space: nowrap;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgba(1, 26, 134, var(--tw-bg-opacity));
    height: 2.25rem;
    line-height: 30px;
    transition: transform cubic-bezier(.135,.9,.15,1) .9s;
}
.themebtn.partnerbtn{
    font-size: 14px;
    padding: .2rem 1rem;
    font-weight: 500 !important;
}
.themebtn.partnerbtn:hover::before{ 
  display: none;
}

blockquote {
    border-left: 4px solid #ccc;
    padding: 10px 20px;
    margin: 15px 0;
    font-style: italic;
    background: #f9f9f9;
}
.post-detail-content p a{
  color: #011A86;
}