.elementor-50070 .elementor-element.elementor-element-855e36c{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:128px;--margin-bottom:0px;--margin-left:012px;--margin-right:012px;--padding-top:0px;--padding-bottom:0px;--padding-left:014px;--padding-right:014px;}.elementor-50070 .elementor-element.elementor-element-855e36c.e-con{--flex-grow:0;--flex-shrink:0;}.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-50070 .elementor-element.elementor-element-88607b8.elementor-element{--align-self:flex-start;}.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-50070 .elementor-element.elementor-element-1d8ccad .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:54px;font-weight:500;color:#334B65;}.elementor-50070 .elementor-element.elementor-element-8d9ea95.elementor-element{--align-self:flex-start;}.elementor-50070 .elementor-element.elementor-element-8d9ea95 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:32px;font-weight:400;color:#334B65;}.elementor-50070 .elementor-element.elementor-element-a9799de > .elementor-widget-container{margin:60px 0px 0px 0px;}.elementor-50070 .elementor-element.elementor-element-a9799de.elementor-element{--align-self:center;}.elementor-50070 .elementor-element.elementor-element-a9799de .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:32px;font-weight:400;color:#334B65;}.elementor-50070 .elementor-element.elementor-element-bff578d.elementor-element{--align-self:center;}.elementor-50070 .elementor-element.elementor-element-3737565{--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;--justify-content:center;}.elementor-50070 .elementor-element.elementor-element-6e3d399.elementor-element{--align-self:center;}.elementor-50070 .elementor-element.elementor-element-6e3d399 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:32px;font-weight:400;color:#334B65;}.elementor-50070 .elementor-element.elementor-element-c3b9d9f{--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;--margin-top:084px;--margin-bottom:0px;--margin-left:012px;--margin-right:012px;}.elementor-50070 .elementor-element.elementor-element-c3b9d9f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-50070 .elementor-element.elementor-element-ddf9a3c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:080px;--margin-bottom:080px;--margin-left:0px;--margin-right:0px;}.elementor-50070 .elementor-element.elementor-element-bd4b4ed.elementor-element{--align-self:center;}.elementor-50070 .elementor-element.elementor-element-bd4b4ed{text-align:center;}.elementor-50070 .elementor-element.elementor-element-246cc03 .elementor-heading-title{font-family:"PP Neue Montreal", Sans-serif;font-size:52px;font-weight:400;color:#334B65;}.elementor-50070 .elementor-element.elementor-element-7f9ad5c{--display:flex;--min-height:700px;--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;--overflow:auto;}.elementor-50070 .elementor-element.elementor-element-7f9ad5c:not(.elementor-motion-effects-element-type-background), .elementor-50070 .elementor-element.elementor-element-7f9ad5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("http://safernetvpn.com/wp-content/uploads/2025/09/mockup-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-50070 .elementor-element.elementor-element-1dbf381{--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;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:064px;--margin-bottom:064px;--margin-left:0px;--margin-right:0px;}.elementor-50070 .elementor-element.elementor-element-c42451f{text-align:center;}.elementor-50070 .elementor-element.elementor-element-c42451f .elementor-heading-title{font-family:"PP Neue Montreal", Sans-serif;font-size:54px;font-weight:500;color:#334B65;}.elementor-50070 .elementor-element.elementor-element-c2b7815{width:var( --container-widget-width, 97.899% );max-width:97.899%;--container-widget-width:97.899%;--container-widget-flex-grow:0;}.elementor-50070 .elementor-element.elementor-element-c2b7815.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-50070 .elementor-element.elementor-element-b2c801c.elementor-element{--align-self:center;}.elementor-50070 .elementor-element.elementor-element-39df6d2{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0128px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-50070 .elementor-element.elementor-element-598e53c.elementor-element{--align-self:center;}.elementor-50070 .elementor-element.elementor-element-598e53c .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:54px;font-weight:500;color:#334B65;}.elementor-50070 .elementor-element.elementor-element-6af8eb6.elementor-element{--align-self:center;}.elementor-50070 .elementor-element.elementor-element-6af8eb6 .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:32px;font-weight:400;color:#657D97;}.elementor-50070 .elementor-element.elementor-element-daa20bd{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-50070 .elementor-element.elementor-element-daa20bd > .elementor-widget-container{margin:040px 0px 0px 0px;}.elementor-50070 .elementor-element.elementor-element-daa20bd.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-50070 .elementor-element.elementor-element-02b8da4 > .elementor-widget-container{margin:024px 0px 0px 0px;}.elementor-50070 .elementor-element.elementor-element-02b8da4.elementor-element{--align-self:center;}.elementor-50070 .elementor-element.elementor-element-2057e09{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:080px;--margin-bottom:080px;--margin-left:0px;--margin-right:0px;}.elementor-50070 .elementor-element.elementor-element-f79c9ea.elementor-element{--align-self:center;}.elementor-50070 .elementor-element.elementor-element-f79c9ea{text-align:center;}.elementor-50070 .elementor-element.elementor-element-1d3a599 .elementor-heading-title{font-family:"PP Neue Montreal", Sans-serif;font-size:52px;font-weight:400;color:#334B65;}.elementor-50070 .elementor-element.elementor-element-4bb30da{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:0px 088px;--row-gap:0px;--column-gap:088px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:044px;--padding-bottom:044px;--padding-left:0px;--padding-right:0px;}.elementor-50070 .elementor-element.elementor-element-4bb30da:not(.elementor-motion-effects-element-type-background), .elementor-50070 .elementor-element.elementor-element-4bb30da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#282828;background-image:url("http://safernetvpn.com/wp-content/uploads/2025/09/Background-Pattern-Mask.png");background-repeat:no-repeat;}.elementor-50070 .elementor-element.elementor-element-4bb30da.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-50070 .elementor-element.elementor-element-30922f4{--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;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-50070 .elementor-element.elementor-element-d2b0cab .elementor-heading-title{font-family:"PP Neue Montreal", Sans-serif;font-size:54px;font-weight:500;color:#FFFFFF;}.elementor-50070 .elementor-element.elementor-element-55c96ac .elementor-heading-title{font-family:"Outfit", Sans-serif;font-size:28px;font-weight:400;color:#FFFFFF;}.elementor-50070 .elementor-element.elementor-element-3752aab > .elementor-widget-container{margin:020px 0px 0px 0px;}.elementor-50070 .elementor-element.elementor-element-3752aab.elementor-element{--align-self:flex-start;}.elementor-50070 .elementor-element.elementor-element-8e7d01e{--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;--justify-content:space-between;--gap:24px 24px;--row-gap:24px;--column-gap:24px;}.elementor-50070 .elementor-element.elementor-element-e0e248d{--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;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-50070 .elementor-element.elementor-element-855e36c{--margin-top:030px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-50070 .elementor-element.elementor-element-1d8ccad .elementor-heading-title{font-size:32px;}.elementor-50070 .elementor-element.elementor-element-8d9ea95 .elementor-heading-title{font-size:22px;}.elementor-50070 .elementor-element.elementor-element-a9799de > .elementor-widget-container{margin:030px 0px 0px 0px;}.elementor-50070 .elementor-element.elementor-element-a9799de .elementor-heading-title{font-size:22px;}.elementor-50070 .elementor-element.elementor-element-6e3d399 .elementor-heading-title{font-size:22px;}.elementor-50070 .elementor-element.elementor-element-246cc03{text-align:center;}.elementor-50070 .elementor-element.elementor-element-246cc03 .elementor-heading-title{font-size:32px;}.elementor-50070 .elementor-element.elementor-element-7f9ad5c{--min-height:300px;}.elementor-50070 .elementor-element.elementor-element-c42451f .elementor-heading-title{font-size:32px;}.elementor-50070 .elementor-element.elementor-element-598e53c .elementor-heading-title{font-size:32px;}.elementor-50070 .elementor-element.elementor-element-6af8eb6{text-align:center;}.elementor-50070 .elementor-element.elementor-element-6af8eb6 .elementor-heading-title{font-size:22px;}.elementor-50070 .elementor-element.elementor-element-1d3a599 .elementor-heading-title{font-size:32px;}.elementor-50070 .elementor-element.elementor-element-d2b0cab .elementor-heading-title{font-size:32px;}.elementor-50070 .elementor-element.elementor-element-55c96ac .elementor-heading-title{font-size:18px;}}@media(min-width:768px){.elementor-50070 .elementor-element.elementor-element-855e36c{--width:1320px;}.elementor-50070 .elementor-element.elementor-element-c3b9d9f{--width:1320px;}.elementor-50070 .elementor-element.elementor-element-7f9ad5c{--content-width:100%;}.elementor-50070 .elementor-element.elementor-element-4bb30da{--content-width:100%;}.elementor-50070 .elementor-element.elementor-element-30922f4{--width:50%;}.elementor-50070 .elementor-element.elementor-element-8e7d01e{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-d760353 */.flex-box {
  display: flex;
  justify-content: space-between; /* space between each item */
  align-items: flex-start;
  flex-wrap: wrap; /* so it wraps on smaller screens */
  margin-top: 44px;
}
@media (max-width: 991px) {
  .flex-box {
    flex-direction: column;
    gap: 24px; /* optional spacing between items */
  }
}
.flex-item {
  flex: 0 0 30%;           /* each item about 30% width */
  text-align: center;     /* center image & text inside each item */
}

.flex-item .icon {
  width: 64px;             /* adjust as needed */
  height: 64px;
  margin-bottom: 12px;     /* space between icon & title */
}

.flex-item .title {
 font-family: 'PP Neue Montreal', sans-serif;
  font-size: 34px;
  font-weight: 500;
  color: #334B65;
  margin-bottom: 6px;
  line-height: normal;

}

.flex-item .subtitle {
text-align: center;
 font-family: 'PP Neue Montreal', sans-serif;
font-size: 24px;
font-weight: 400;
  color: #555;
  opacity: 0.8;
}
@media (max-width: 768px) {
    .flex-box {
         align-items: center;
    }
.flex-item .title {
    font-size: 22px;
}
.flex-item .subtitle{
    font-size: 16px;
}
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bff578d */#my-button3 {
  display: inline-flex;         /* align items side by side */
  align-items: center;          /* vertical center */
  justify-content: center;      /* horizontal center */
  gap: 10px;                    /* space between images */
  padding: 12px 54px;
border: 1px solid rgba(255, 255, 255, 0.4); /* Figma border */
  
  /* Background: gradient overlay + base color */
  background: linear-gradient(
      180deg, 
      rgba(0, 0, 0, 0.0) 0%, 
      rgba(0, 0, 0, 0.2) 100%
    ),
    #2B9BCE;
  border-radius: 30px;
  text-decoration: none;        /* remove underline */
}

#my-button2 img {
  height: 34px;   /* desktop fixed height */
  width: auto;    /* keep aspect ratio */
}

@media (max-width: 768px) {
  #my-button3 {
    padding: 8px 24px;     /* smaller padding */
    font-size: 14px;       /* smaller text */
    gap: 6px;              /* tighter gap */
  }

  #my-button2 img {
    height: 18px;/* shrink image */
    width: auto;
    max-width: 100%;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-488474e */.testimonials-row-scroll {
  display: flex;                /* row layout */
  gap: 20px;
  overflow-x: auto;             /* horizontal scroll */
  padding-bottom: 10px;         /* optional for scrollbar space */
  -webkit-overflow-scrolling: touch; /* smooth scroll on mobile */
  scroll-behavior: smooth;      /* smooth scroll in desktop browsers */
}
.list-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;       /* use flex-start instead of start */
  justify-content: space-between;
  flex: 1 1 22%;
  min-width: 384px;              /* desktop min-width */
  max-width: 384px;
  background: #657D97;
  padding: 24px 32px;
  border-radius: 24px;
  box-sizing: border-box;
}

/* Mobile view */
@media screen and (max-width: 480px) {
  .list-item {
    min-width: 250px;
    max-width: 250px;            /* optional, keep card smaller */
    flex: 0 0 auto;              /* prevent stretching */
  }
}

.item-text {
font-family: 'PP Neue Montreal', sans-serif;
  margin-bottom: 24px;
  font-size: 24px;
  font-style: normal;
font-weight: 400;
line-height: normal;
  color: #FFFFFFF2;
}

.item-row {
  display: flex;              /* image + info side by side */
  align-items: center;
  gap: 24px;
}

.item-row img {
  width: 60px;
  height: auto;
  border-radius: 50%;         /* optional circular image */
}

.item-info .title {
font-family: 'PP Neue Montreal', sans-serif;
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: 24px; 
   color: white;
   margin: 10;
}

.item-info .desc {
font-family: 'PP Neue Montreal', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 24px;
color: rgba(255, 255, 255, 0.75);
margin: 0;
}
@media (max-width: 768px) {

    .item-info .title {
        font-size: 16px;
    }
    .item-info .desc{
        font-size: 16px;
    }
    .item-text{
         font-size: 16px;
    }
    .list-item {
        padding: 24px 24px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3b9d9f */.width-full{
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c2b7815 */.custom-table {
  border-collapse: collapse;
  width: 100%;
text-align: center;
font-family: "PP Neue Montreal";
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
color:#334B65;
overflow: auto;
}

.custom-table td, .custom-table th {
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 14px;
  padding-right: 14px;
  border: none; /* no borders */
}
.custom-table th{
    font-weight: 400;
}
/* Highlight second column */
.custom-table td.highlight-col,
.custom-table th.highlight-col {
  background-color: #2B9BCE;
  color: white; /* optional text color */
font-family: "PP Neue Montreal";
font-size: 26px;
font-style: normal;
font-weight: 500;
line-height: normal;
width: 200px;
  
}

/* Header second column rounded top corners */
.custom-table th.top-radius {
  border-radius: 24px 24px 0 0;
}

/* Last row second column rounded bottom corners */
.custom-table td.bottom-radius {
  border-radius: 0 0 24px 24px;
}
.second_row{
    font-weight: 500;
}
.pro th,
.pro td{
     padding-top: 24px;
  padding-bottom: 24px;
}
.custom-table {
  border-collapse: separate; /* important */
  border-spacing: 0;         /* remove extra gaps */
}

.especially {
  outline: 1px solid #FFFFFF;
}
.first{
    text-align: left
}
@media (max-width: 768px) {
   .custom-table{
       max-width: 300px;
       overflow-x: scroll;
   } 
}
.table-wrapper {
  width: 100%;
  overflow-x: auto;   /* allow horizontal scroll */
  -webkit-overflow-scrolling: touch; /* smooth scroll on iOS */
}

.custom-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  min-width: 600px;   /* set a minimum so it doesn’t shrink too much */
  text-align: center;
  font-family: "PP Neue Montreal";
  font-size: 18px;
  font-weight: 400;
  color: #334B65;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b2c801c */#my-button3 {
  display: inline-flex;         /* align items side by side */
  align-items: center;          /* vertical center */
  justify-content: center;      /* horizontal center */
  gap: 10px;                    /* space between images */
  padding: 12px 54px;
border: 1px solid rgba(255, 255, 255, 0.4); /* Figma border */
  
  /* Background: gradient overlay + base color */
  background: linear-gradient(
      180deg, 
      rgba(0, 0, 0, 0.0) 0%, 
      rgba(0, 0, 0, 0.2) 100%
    ),
    #2B9BCE;
  border-radius: 30px;
  text-decoration: none;
font-family: 'Outfit', sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
color: white;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-daa20bd */.flex-box2 {
  display: flex;
  justify-content: space-between; /* space between each item */
  align-items: flex-start;
  flex-wrap: wrap; /* so it wraps on smaller screens */
  margin-top: 44px;
}

.flex-item2 {
  flex: 0 0 20%;           /* each item about 30% width */
  text-align: center;     /* center image & text inside each item */
}

.flex-item2 .icon {
  width: 44px;             /* adjust as needed */
  height: 44px;
  margin-bottom: 12px;     /* space between icon & title */
}

.flex-item2 .title2 {
 font-family: 'PP Neue Montreal', sans-serif;
  font-size: 24px;
  font-weight: 500;
  color: #334B65;
  margin-bottom: 6px;
  line-height: normal;

}

.flex-item2 .subtitle2 {
text-align: center;
 font-family: 'PP Neue Montreal', sans-serif;
font-size: 18px;
font-weight: 500;
  color: #555;
  opacity: 0.8;
}
@media (max-width: 768px) {
  .flex-box2 {
    flex-direction: column;   /* stack items */
    align-items: center;      /* center them horizontally */
  }

  .flex-item2 {
    flex: 0 0 100%;           /* each takes full width */
    margin-bottom: 24px;      /* spacing between items */
  }

  .flex-item2 .title2 {
    font-size: 20px;          /* smaller title on mobile */
  }

  .flex-item2 .subtitle2 {
    font-size: 16px;          /* smaller subtitle on mobile */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-02b8da4 */#my-button3 {
  display: inline-flex;         /* align items side by side */
  align-items: center;          /* vertical center */
  justify-content: center;      /* horizontal center */
  gap: 10px;                    /* space between images */
  padding: 12px 54px;
border: 1px solid rgba(255, 255, 255, 0.4); /* Figma border */
  
  /* Background: gradient overlay + base color */
  background: linear-gradient(
      180deg, 
      rgba(0, 0, 0, 0.0) 0%, 
      rgba(0, 0, 0, 0.2) 100%
    ),
    #2B9BCE;
  border-radius: 30px;
  text-decoration: none;        /* remove underline */
}

#my-button2 img {
  height: 34px;                 /* set image height */
  width: auto;                  /* keep aspect ratio */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7eb6c28 */.flex-row-1 {
  display: flex;           
  align-items: center;     
  justify-content: space-between; 
  gap: 20px;               
  margin-top: 144px;
  max-width: 1272px;
  margin-left: auto;
  margin-right: auto;
}

.flex-col-1, 
.flex-col-2 {
  flex: 1;          
  max-width: 50%;   /* two equal columns on desktop */
}

.flex-col-2 img {
  width: 100%;      
  height: auto;
}

.title-1 {
  color: #334B65;
  font-family: "PP Neue Montreal", sans-serif;
  font-style: italic;
  font-size: 28px;
  margin-bottom: 8px;
}

.title-2 {
  color: #334B65;
  font-family: "Outfit", sans-serif;
  font-size: 44px;
  font-weight: 600;
  margin-bottom: 8px;
}

.title-3 {
  color: #657D97;
  font-family: "Outfit", sans-serif;
  font-size: 24px;
  font-weight: 400;
}

/* ✅ Mobile styles */
@media (max-width: 768px) {
  .flex-row-1 {
    flex-direction: column;   /* stack vertically */
    text-align: center;       
    margin-top: 60px;         /* reduce top spacing */
  }

  .flex-col-1, 
  .flex-col-2 {
    max-width: 100%;          /* full width on mobile */
  }

  .flex-col-2 img {
    max-width: 90%;           /* keep image a bit smaller than full */
    margin: 20px auto 0;      /* center image */
    display: block;
  }

  .title-1 {
    font-size: 18px;          /* readable size */
  }

  .title-2 {
    font-size: 28px;          /* headline still strong */
  }

  .title-3 {
    font-size: 18px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3752aab */#my-button3 {
  display: inline-flex;         /* align items side by side */
  align-items: center;          /* vertical center */
  justify-content: center;      /* horizontal center */
  gap: 10px;                    /* space between images */
  padding: 12px 54px;
border: 1px solid rgba(255, 255, 255, 0.4); /* Figma border */
  
  /* Background: gradient overlay + base color */
  background: linear-gradient(
      180deg, 
      rgba(0, 0, 0, 0.0) 0%, 
      rgba(0, 0, 0, 0.2) 100%
    ),
    #2B9BCE;
  border-radius: 30px;
  text-decoration: none;        /* remove underline */
}

#my-button2 img {
  height: 34px;                 /* set image height */
  width: auto;                  /* keep aspect ratio */
}
@media (max-width: 768px) {
    #my-button3 {
        font-size:16px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30922f4 */.item1{
    max-width: 624px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-272b30e */.card-1 {
  padding: 24px;
  background: black;
  display: flex;
  flex-direction: row; /* stack .card1 and .month vertically */
  border-radius: 18px;
  color: white;
  border: 1px solid #FFFFFF1A;
 
}

.card1 {
  display: flex;
  flex-direction: column; /* title and description side by side */
  gap: 8px;           /* space between title & description */
}
.title {
  font-size: 28px;
  font-weight: 500;
  margin-bottom: 8px;
}

.description {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: white;
  text-align: left;
  opacity: 0.8;
}
.description-1 {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  color: white;
  text-align: left;
}

.card-1 .month {
  font-size: 28px;
  font-weight: 400;
  color: #2B9BCE;           /* highlight price */
  text-align: right;        /* align price to right */
}
.card-blue {
  padding: 24px;
  background: #0D7DB0;
  display: flex;
  flex-direction: row; /* stack .card1 and .month vertically */
  border-radius: 18px;
  color: white;
  border: 1px solid #FFFFFF1A;
  justify-content: space-between;
 
}

.card1 {
  display: flex;
  flex-direction: column; /* title and description side by side */
  gap: 8px;           /* space between title & description */
}
.month-white {
  font-size: 28px;
  font-weight: 400;
  color: white;           /* highlight price */
  text-align: right;        /* align price to right */
}
.button-1 {
    display: flex;
height: 40px;
padding: 12px 24px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 30px;
margin-top: 14px;
background: rgba(255, 255, 255, 0.25);
}
.f1 {
  display: flex;
  flex-direction: column;
  gap: 24px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e7d01e */.item2{
    max-width: 624px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bb30da */.layout1 {
    max-width: 1320px;   /* limits width */
    margin: 0 auto;       /* centers horizontally */
    padding-left: 20px;   /* optional side padding */
    padding-right: 20px;  /* optional side padding */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'PP Neue Montreal';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('http://safernetvpn.com/wp-content/uploads/2025/09/NeueMontreal-Regular.woff') format('woff');
}
@font-face {
	font-family: 'PP Neue Montreal';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('http://safernetvpn.com/wp-content/uploads/2025/09/NeueMontreal-Bold.woff') format('woff');
}
@font-face {
	font-family: 'PP Neue Montreal';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('http://safernetvpn.com/wp-content/uploads/2025/09/NeueMontreal-Regular.woff') format('woff');
}
@font-face {
	font-family: 'PP Neue Montreal';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('http://safernetvpn.com/wp-content/uploads/2025/09/NeueMontreal-Medium.woff') format('woff');
}
/* End Custom Fonts CSS */