.fusion-button.button-flat.btn-shdw {
  box-shadow: 0px 10px !important;
  transform: translateY(-4px);
  transition: all .5s ease;
}
.fusion-button.button-flat.btn-shdw:hover {
    box-shadow: 0px 0px !important;
}

.ex-insight-article:nth-child(1)>div{
  background-color: #FFCED5;
}
.ex-insight-article:nth-child(2)>div{
  background-color: #ffffff;
}
.ex-insight-article:nth-child(3)>div{
  background-color: #C6DDFF;
}

/* Optional hover effect */
.ex-insight-article:hover>div {
  transform: translateY(-4px);
  transition: transform 1s ease, box-shadow 1s ease;
  box-shadow: 0 20px;
}

.diff-container:hover, .globally-trusted:hover>div {
  transform: translateY(-4px);
  transition: transform 1s ease, box-shadow 1s ease;
  box-shadow: 0 6px;
}
.gradient-btm-right {
    background-image: linear-gradient(315deg, #EEECFC 8%, #F9F8F8 20%) !important;
}
.gradient-top-right {
    background-image: linear-gradient(225deg, #E8E6FD 8%, #F9F8F8 20%) !important;
}
.gradient-btm {
    background-image: linear-gradient(360deg, #E1ECFB 0%, #F9F8F8 25%) !important;
}
.gradient-middle-row-blue {
    background-image: linear-gradient(360deg, #F9F8F8 15.112518845942983%, #C6DDFF 52.240311472039465%, #F9F8F8 91.03425678453947%) !important;
}

/*content box heading left and border on hover*/
.ex-new-content-box-border.fusion-content-boxes.content-boxes-icon-on-top .heading{
text-align: left !important;
}
.ex-new-content-box-border .content-box-wrapper {
    padding: 20px;
}

.ex-new-content-box-border .content-box-wrapper:hover {
    border: 1px solid #000;
    border-radius: 10px;
    box-shadow:0 7px 0 0 #000;
transition: box-shadow 0.8s ease;
}

/*Add shadow on column on hover*/
.ex-col-hover-box-shadow .fusion-content-layout-column:hover {
    box-shadow: 0 7px 0 0 #000;
transition: box-shadow 0.8s ease;
}

/*add gradient to Why choose exinent for aws -- section*/
.ex-gradient-middle{
background-image: linear-gradient(180deg, #f9f8f8 0%, #DFEAFC 8%, #DFEAFC 12%, #f9f8f8 20%) !important;
}

/*Faq Design*/
.ex-new-faq .fusion-panel.fusion-toggle-no-divider.fusion-toggle-boxed-mode:hover,
.ex-new-faq .fusion-panel.fusion-toggle-no-divider.fusion-toggle-boxed-mode:active {
    border: 1px solid #000 !important;
    border-radius: 15px;
    box-shadow: 0px 5px 0px 0px #000;
}

/*code for tab content*/

.ex-v2-tabs .tab-content{
    margin-top: 0px !important;
}
.ex-v2-tabs.fusion-tabs.horizontal-tabs.clean .nav-tabs li {
    width: fit-content;
}
.ex-v2-tabs.fusion-tabs.horizontal-tabs.clean .nav-tabs li:first-child a {
    border-radius: 10px 0px 0px 10px;
}
.ex-v2-tabs.fusion-tabs.horizontal-tabs.clean .nav-tabs li:last-child a {
    border-radius: 0px 10px 10px 0px;
}

.ex-v2-tab-content {
  display: flex;
  border: 1px solid #000;
  border-radius: 10px;
  padding: 20px;
  align-items: center;
}

.ex-v2-tab-content .responsive-text {
  flex: 1;
  padding: 65px;
  font-size: 14px;
  line-height: 1.6;
  color: #000;
}

.ex-v2-tab-content .responsive-text a {
  color: #0066cc;
  text-decoration: none;
}

.ex-v2-tab-content .responsive-image-container {
  flex: 1;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.ex-v2-tab-content .responsive-image {
  max-width: 100%;
  width: 80%;
  height: auto;
  border-radius: 8px;
}

/* Responsive styles */
@media (max-width: 768px) {
.ex-v2-tabs.fusion-tabs.horizontal-tabs.clean .nav-tabs li {
    width: 100%;
}
.ex-v2-tabs.fusion-tabs.horizontal-tabs.clean .nav-tabs li a {
    border-radius: 10px 10px 10px 10px !important;
}
  .ex-v2-tab-content {
    flex-direction: column;
    padding: 10px;
  }

  .ex-v2-tab-content .responsive-text {
    padding: 20px 0;
  }

  .ex-v2-tab-content .responsive-image {
    width: 100%;
  }
}

/*Middle CTA Background color*/
.ex-cta-middle{
    background-image: linear-gradient(#f9f8f8 0%, #E0EBFB 50%, #f9f8f8 100%);
}