.elementor-1670 .elementor-element.elementor-element-20d4c8d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1670 .elementor-element.elementor-element-20d4c8d:not(.elementor-motion-effects-element-type-background), .elementor-1670 .elementor-element.elementor-element-20d4c8d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1670 .elementor-element.elementor-element-b4f2959{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1670 .elementor-element.elementor-element-3f386cb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1670 .elementor-element.elementor-element-4104970{--display:flex;}.elementor-1670 .elementor-element.elementor-element-4104970.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1670 .elementor-element.elementor-element-2caed22 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:55px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1670 .elementor-element.elementor-element-6bcf8a8{color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1670 .elementor-element.elementor-element-28af751 .elementor-button{border-radius:10px 10px 10px 10px;}.elementor-1670 .elementor-element.elementor-element-8534f51{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1670 .elementor-element.elementor-element-2c5d597{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:060px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1670 .elementor-element.elementor-element-07f8eb2{--grid-columns:1;--grid-row-gap:25px;}.elementor-1670 .elementor-element.elementor-element-7bf1c74{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1670 .elementor-element.elementor-element-7bf1c74:not(.elementor-motion-effects-element-type-background), .elementor-1670 .elementor-element.elementor-element-7bf1c74 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F7FA;}.elementor-1670 .elementor-element.elementor-element-c741cf4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1670 .elementor-element.elementor-element-426c7a1{--display:flex;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-1670 .elementor-element.elementor-element-72a39c0{--icon-box-icon-margin:15px;}.elementor-1670 .elementor-element.elementor-element-72a39c0 .elementor-icon-box-title{color:#2C3E50;}.elementor-1670 .elementor-element.elementor-element-8cc4811{--display:flex;}.elementor-1670 .elementor-element.elementor-element-1d587d1{--icon-box-icon-margin:15px;}.elementor-1670 .elementor-element.elementor-element-1d587d1 .elementor-icon-box-title{color:#2C3E50;}.elementor-1670 .elementor-element.elementor-element-58d3f33{--display:flex;}.elementor-1670 .elementor-element.elementor-element-80c262c{--icon-box-icon-margin:15px;}.elementor-1670 .elementor-element.elementor-element-80c262c .elementor-icon-box-title{color:#2C3E50;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1670 .elementor-element.elementor-element-4104970{--width:63.214%;}.elementor-1670 .elementor-element.elementor-element-2c5d597{--content-width:1200px;}}@media(max-width:1024px){.elementor-1670 .elementor-element.elementor-element-07f8eb2{--grid-columns:2;}}@media(max-width:767px){.elementor-1670 .elementor-element.elementor-element-07f8eb2{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-2c5d597 */body {
counter-reset: fraction-number;
}
span.fraction {
counter-increment: fraction-number;
}
span.fraction:before {
    content: counter(fraction-number);
    font-size: 22px; /* smaller font size for mobile */
    background: #004e98;
    border-radius: 50px;
    color: white;
    width: 2em; /* smaller width for mobile */
    line-height: 2.5em; /* adjust line height for mobile */
    text-align: center;
    display: block;
    margin-top: -25px;
    padding-top: 0.3em;
}

/* Styles for desktop (screens wider than 768px) */
@media (min-width: 768px) {
    span.fraction:before {
        font-size: 20px; /* larger font size for desktop */
        width: 1.5em; /* larger width for desktop */
        line-height: 2em; /* adjust line height for desktop */
        margin-top:-85px;
        padding-top: 0.3em;
    }
}

.elementor-1670 .elementor-element.elementor-element-2c5d597 .elementor-widget.elementor-widget-html {
  margin-bottom: -32px;
  z-index: 9999;
  text-align: center;
}

/* First 5 icons container */
.my-payment-methods-wrapper {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  align-items: center;
}

/* Single icon among the first 5 */
.my-payment-icon {
  display: inline-block;
}
.my-payment-icon img {
  max-width: 24px;
  height: auto;
  display: block;
}

/* Click trigger for the dropdown */
.my-payment-methods-dropdown-trigger {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  padding: 6px 0;
  color: #0073aa;
  cursor: pointer;
}

/* The dropdown container (hidden by default, toggled by JS) */
.my-payment-methods-dropdown {
  display: none;
  position: absolute;
  z-index: 999;
  top: 100%;
  left: 0;
  
  /* Rounded corners and optional border/shadow */
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  
  /* Extra top margin so the arrow doesn't overlap the trigger text */
  margin-top: 10px;
  
  /* Adjust width/padding to your preference */
  min-width: 200px;
  padding: 10px;
}

/* Arrow (triangle) at the top of the dropdown */
.my-payment-methods-dropdown::before {
  content: "";
  position: absolute;
  top: -8px;            /* Move it above the dropdown box */
  left: 20px;           /* Shift horizontally; adjust as needed */
  width: 0;
  height: 0;
  
  /* Triangle pointing down. 
     Sides are transparent; bottom side is the dropdown's color. */
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff; /* match the dropdown background */
}

/* Each icon in the dropdown has text next to it */
.my-payment-icon-with-text {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}

.my-payment-icon-with-text img {
  max-width: 24px;
  height: auto;
  display: block;
}

.my-payment-method-name {
  font-size: 14px;
  color: #333;
}/* End custom CSS */