@font-face {
    font-family: "MailSansRoman";
    font-style: normal;
    font-weight: 400;
    src: local(""),
         url("/images/external-fe/sdfont/MailSansRoman-Regular.woff2") format("woff2"),
         url("/images/external-fe/sdfont/MailSansRoman-Regular.woff") format("woff");
  }

  @font-face {
    font-family: "MailSansRomanbold";
    font-weight: 900;
    src: local(""),
         url("/images/external-fe/sdfont/MailSansRoman-Bold.woff2") format("woff2"),
         url("/images/external-fe/sdfont/MailSansRoman-Bold.woff") format("woff");
  }

  @font-face {
    font-family: "MailSans";
    font-style: normal;
    font-weight: 300;
    src: local(""),
         url("/images/external-fe/sdfont/MailSansRoman-Light.woff2") format("woff2"),
         url("/images/external-fe/sdfont/MailSansRoman-Light.woff") format("woff");
  }

.the-greatest-block {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "MailSansRoman";
}
.sdlarge-block {
  background-color: #fff2e0;

  width: 49%;
  height: 1%;
  display: flex;
  border-radius: 26px;
  margin-right: 1.5%;
  margin-bottom: 10%;
  flex-direction: column;

  min-height: 455px;
  max-width: 555px;
  padding-bottom: 1%;
  overflow: hidden;
  max-height: 800px;
}
.sdrepair {
  display: flex;
}
.sdhalf-container {
  display: flex;
  flex-direction: row;
  width: 90%;
  max-width: 1140px;

  justify-content: space-between;
}
.sddouble-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 49%;
  max-width:555px;
}
.sdsecond-block-main-container {
  display: flex;
  flex-direction: column;
  font-family: "MailSansRoman", "Arial", sans-serif;
  align-items:center;
  justify-content: center;

  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
}

.sd-heading {
  max-width: 1140px;
  font-size: 295%;
  margin-bottom: 43px;
  height: 50%;
  color: black;
  margin-top: 43px;
  width: 90%;
  font-weight: 900;
  display: flex;
  justify-content: flex-start;

  font-family: "MailSansRomanbold", "Arial", sans-serif;
}

h1 {
  color: black;
  font-size: 195%;
  font-family: "MailSansRomanbold", "Arial", sans-serif;
}

.sdextension-block {
  background-color: #f4f5f6;
  height: 100%;
  width: 100%;
  border-radius: 26px;

  display: flex;
  margin-bottom: 34px;
  justify-content: center;
  flex-direction: column;
  max-width: 555px;
  min-height: 400px;
  min-width: 263px;
  overflow: hidden;
  padding-top: 2.5%;
}

.sdtext-extension-block {
  height: 70%;
  width: 100%;
  font-weight: 400;
  color: white;
  max-width: 555px;
  margin-right: 4%;
  margin-left: 4%;
  padding-left: 5.5%;
  display: flex;
  justify-content: center;
}
.sdblue-heart {
  height: 18%;
  width: 18%;
  margin-top: -35px;
  margin-left: 30px;
}

.sdimgsdlarge {
  margin-top: 10%;
  border-radius: 23px;
  margin-left: 20%;
  height: 10%;
}
.sddiscribtion {
  font-size: 120%;
  margin-right: 15%;
  margin-bottom: 10%;
  margin-top: 2%;

  color: #000000;
  height: auto;
  width: auto;
  display: flex;
  flex-direction: column;
}

.sdimg-extension-block {
  height: 1%;
}
.sdimgsd {
  max-width: 100%;
  max-height: 20%;
}
.sdimg-block {
  display: flex;
  justify-content: center;
  overflow: hidden;
}



@media (max-width: 1000px) {
  .sdextension-block {
    background-color: #f4f5f6;
    height: 100%;
    width: 100%;
    border-radius: 26px;
  
    display: flex;
    margin-bottom: 15px;
    justify-content: center;
    flex-direction: column;
    max-width: 555px;
    min-height: 400px;
    min-width: 263px;
    overflow: hidden;
    padding-top: 2.5%;
  }

  .sdblue-heart {
    height: 18%;
    width: 18%;
    margin-top: 35px;
    margin-left: 30px;
  }
}
@media (max-width: 600px) {
  .sdlarge-block {
    background-color: #fff2e0;
    margin-left: 4%;
    width: 100%;
    height: 1%;
    display: flex;
    border-radius: 26px;
   
    margin-bottom: 10%;
    flex-direction: column;
    max-width: 306px;
    min-height: 455px;
    min-width: 263px;
    padding-bottom: 1%;
    overflow: hidden;
    max-height: 800px;
  }

  .sdhalf-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items:center;
    width:100%
    
  }
  .sddouble-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    justify-content: center;
  }
  .sdsecond-block-main-container {
    display: flex;
    flex-direction: column;
    font-family: "MailSansRoman";
    height: 8%;
    width: 306px;
  }

  .sd-heading {
    max-width: 300px;
    font-size: 230%;
    margin-bottom: 50px;
    width: 100%;
    color: black;
    margin-top: 0px;

    font-weight: 900;
    display: flex;
    min-width: 219px;

  
    font-family: "MailSansRomanbold", "Arial", sans-serif;
  }

  h1 {
    color: black;
    font-size: 120%;
  }

  .sdextension-block {
    background-color: #f4f5f6;
    height: 1%;
    width: 100%;
    border-radius: 26px;
    display: flex;
    margin-bottom: 30px;
    flex-direction: column;
    /* max-width: 500px; */
    /* min-height:400px ; */
    /* min-width:263px ; */
    overflow: hidden;

    max-width: 1400px;

    min-height: 455px;
    min-width: 263px;
    padding-bottom: 1%;

    max-height: 800px;
  }

  .sdtext-extension-block {
    height: 70%;
    width: 100%;
    font-weight: 400;
    color: white;
    margin-right: 4%;
    margin-left: 4%;
    padding-left: 5.5%;
    display: flex;
    justify-content: center;
  }
  .sdblue-heart {
    margin-top: -90px;
    height: 18%;
    width: 18%;
    
  }

  .sdimgsdlarge {
    margin-top: 10%;
    border-radius: 23px;
    margin-left: 20%;
    height: 10%;
  }
  .sddiscribtion {
    font-size: 120%;
    margin-right: 15%;
    margin-bottom: 10%;
    margin-top: 2%;

    color: #000000;
    height: auto;
    width: auto;
    display: flex;
    flex-direction: column;
  }

  .sdimg-extension-block {
    height: 1%;
  }
  .sdimgsd {
    max-width: 100%;
    max-height: 20%;
  }
  .sdimg-block {
    display: flex;
    justify-content: center;
    overflow: hidden;
  }
}

.rdblock-main-container {
  display: flex;
  flex-direction: column;
  
  align-items: center;

  justify-content: center !important;
  font-family: "MailSansRomanlight", "Arial", sans-serif; 

  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.rdheading {
  font-size: 320%;
  margin-bottom: 43px;
  height: 50%;
  width: 90%;
  color: black;
  margin-top: 43px;
  font-weight: 900;
  max-width: 1140px;
  display: flex;
  justify-content: flex-start;
  margin-right: 0px;

  font-family: "MailSansRomanbold", "Arial", sans-serif;
}

.rdextension-block {
  background-color: #333;

  border-radius: 26px;

  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
 
  /* + */
  height: auto;
  width: 90%;
  /* + */
  padding-bottom: 1%;
  max-width: 1140px;
}

.rdtext-extension-block {
  height: auto;
  width: auto;
  font-weight: 400;
  color: rgb(255, 255, 255);
  /* margin-right: 4%; */
  margin-left: 4%;
  /* padding-left: 5.5%; */
  display: flex;
  justify-content: flex-start;
  margin-top: 4%;
  margin-bottom: 4%;
}

.rddiscribtion {
  font-size: 120%;
  align-items: center;
  margin-right: 15%;
  margin-bottom: 4%;
  margin-top: 6%;
  justify-content: flex-start;
  flex-direction: column;
  font-family: "MailSansRoman-Light", Arial, sans-serif;
 
 
  max-height: 180px;
  height: 100%;
  width: auto;
  font-weight: 300;
  display: flex;
}

.rdimg-extension-block {
  height: 95%;
  width: 100%;
  margin-left: 50px;
  display: flex;
  margin-right: 3px;
  flex-direction: row;
  max-height: 174px;
  max-width: 309px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  min-width: 200px;
  min-height: 80px;
}

.rdimg-extension {
  height: 99%;
  width: 99%;

  border-radius: 20px;
  display: flex;
  max-width: 309px;
  max-height: 174px;
  justify-content: center;
  align-items: center;

  -webkit-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
}



@media (max-width: 1000px) {
  .rddiscribtion {
    font-size: 80%;
    align-items: center;
    margin-right: 15%;
    margin-bottom: 4%;
    margin-top: 6%;
    justify-content: flex-start;
    flex-direction: column;
    
    max-height: 180px;
    height: 100%;
    width: auto;
    font-weight: 300;
    display: flex;
  }

   

}
@media (max-width: 620px) {
  .rdblock-main-container {
    display: flex;
    flex-direction: column;
    font-family: "MailSansRoman", "Arial", sans-serif;
    height: 8%;
    width: 306px;
    justify-content: center;
  }

  .rdheading {
    font-size: 230%;
    margin-bottom: 20px;
    height: 50%;
    width: 100%;
    color: black;
    margin-top: 3%;
    font-weight: 900;
    max-width: 306px;
    display: flex;
    justify-content: flex-start;

    font-family: "MailSansRomanbold", "Arial", sans-serif;
  }

  .rdextension-block {
    background-color: #333;
    height: auto;
    width: auto;
    border-radius: 26px;
    
    display: flex;

    flex-direction: column;
    justify-self: center;
    
    padding-bottom: 1%;
    max-width: 306px;
   

   
  }

  .rdtext-extension-block {
    height: 20%;
    width: 90%;
    font-weight: 400;
    color: white;
    padding-left: 10%;

    display: flex;
    align-items: center;
    justify-content: center;
  }

  .rddiscribtion {
    font-size: 110%;
    height: 90%;
    width: 90%;
    min-width: 250px;
    display: flex;
    justify-content: center !important;
    max-height: none;
  }

  .rdimg-extension-block {
    height: 100%;
    width: 180%;
    display: flex;
    margin-right: 50px;

    max-width: 120px;
    justify-content: center;

    margin-top: 10%;
  }

  .rdimg-extension {
    height: 100%;
    width: 100%;

    border-radius: 20px;
    display: flex;
    max-width: 309px;
    justify-content: center;
    align-items: center;

    -webkit-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  }
}

.thblock-main-container {
  display: flex;
  flex-direction: column;
  font-family: "MailSansRoman", "Arial", sans-serif;
  height: 8%;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.thheading {
  font-size: 320%;
  margin-bottom: 43px;
  height: 50%;
  width: 90%;
  color: black;
  margin-top: 43px;
  font-weight: 900;
  max-width: 1140px;
  display: flex;
  justify-content: flex-start;

  font-family: "MailSansRomanbold", "Arial", sans-serif;
}

.thinternal-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 90%;
  height: 100%;
  font-weight: 300;
  max-width: 1140px;
}

.thextension-block {
  background-color: #f9f9fa;
  height: 100%;
  width: 49%;
  border-radius: 26px;

  display: flex;
  justify-content: center;

  flex-direction: column;

  max-width: 555px;
  min-height: 455px;
  min-width: 263px;
  padding-bottom: 1%;
}

.thtext-extension-block {
  height: 70%;
  width: 100%;
  font-weight: 400;
  color: white;
  margin-right: 4%;
  margin-left: 4%;
  padding-left: 5.5%;
  display: flex;
  justify-content: center;
}
.thsecond-img-extension {
  height: 90%;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  max-width: 407px;
}
.thimg-extension-block {
  height: 90%;
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: row;
  max-width: 407px;
}

.thdiscribtion {
 
  font-size: 120%;
  align-items: center;
  margin-right: 15%;
  margin-bottom: 4%;
  margin-top: 6%;
  justify-content: center;
  color: black;
  height: 550%;
  width: 90%;
  display: flex;
}

.thimg-extension {
  height: 27%;
  width: 70%;
  margin-left: 10%;
  margin-top: 5%;
  margin-right: 5%;
  margin-bottom: 1%;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  max-width: 309px;
  -webkit-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
}

.thsecond-img-extension-block {
  height: 90%;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  max-width: 407px;
}

.thsecond-img-extension {
  height: 20%;
  width: 40%;
  margin-left: 19%;
  margin-top: 12%;
  margin-right: 5%;
  margin-bottom: 1%;
  border-radius: 20px;
  display: flex;
  max-width: 309px;
  -webkit-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
}

.ththird-img-extension {
  height: 20%;
  width: 40%;
  margin-left: 1%;
  margin-top: 30%;
  margin-right: 5%;
  margin-bottom: 1%;
  border-radius: 20px;
  display: flex;
  max-width: 309px;
  -webkit-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
}

.thbutton-extension {
  margin-left: 9%;
  color: white;
  background-color: #E35121;
  display: flex;
  max-width: 200px;
  width: 35%;
  height: 100%;
  justify-content: center;
  border-radius: 5px;
  margin-bottom: 8%;
  margin-top: 3%;
  padding: 2%;
  font-size: 100%;
  min-width: 78px;
  min-height: 26px;
  vertical-align: middle;
  cursor: pointer;

  border: 1px solid transparent;
  transition: all 300ms ease;
  font-weight: 600;
}

.thbutton-extension:hover {
  background-color:  #ff845b;
}


@media (max-width: 1000px) {
 
  .ththird-img-extension {
    height: 20%;
    width: 40%;
    z-index: 200;
    margin-top: 30%;
    margin-right: 70px;
    margin-bottom: 1%;
    border-radius: 20px;
    display: flex;
    max-width: 309px;
    -webkit-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  }
    .thsecond-img-extension-block {
      height: 90%;
      width: 100%;
      display: flex;
      justify-content: center;
      flex-direction: row;
      max-width: 407px;
    }

      .thsecond-img-extension {
        height: 20%;
        width: 40%;
        margin-left: 25%;
        margin-top: 12%;
        margin-right: 5%;
        margin-bottom: 1%;
        border-radius: 20px;
        display: flex;
        max-width: 309px;
        -webkit-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
        -moz-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
        box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
      }

      .thdiscribtion {
 
        font-size: 90%;
        align-items: center;
        margin-right: 15%;
        margin-bottom: 4%;
        margin-top: 6%;
        justify-content: center;
        color: black;
        height: 550%;
        width: 90%;
        display: flex;

    
      }
      
      .thbutton-extension {
        margin-left: 9%;
        color: white;
        background-color: #E35121;
        display: flex;
        max-width: 200px;
        width: 35%;
        height: 100%;
        justify-content: center;
        border-radius: 5px;
        margin-bottom: 8%;
        margin-top: 3%;
        padding: 2%;
        font-size: 80%;
        min-width: 78px;
        min-height: 26px;
        vertical-align: middle;
        cursor: pointer;
      
        border: 1px solid transparent;
        transition: all 300ms ease;
        font-weight: 600;
      }
   

}

@media (max-width: 620px) {
  .thblock-main-container {
    display: flex;
    flex-direction: column;

    height: 100%;
    width: 306px;
    margin-top: 1%;
  }

  .thheading {
    margin-bottom: 10%;
    height: 50%;
    width: 100%;
    color: black;
    margin-top: 10%;
    font-weight: 900;
    font-size: 230%;
    display: flex;

    justify-content: flex-start;
    max-width: 306px;
  }

  .thinternal-container {
    display: flex;
    flex-direction: column;

    align-items: center;
    width: 100%;
    height: 100%;
  }

  .thextension-block {
    background-color: #f9f9fa;
    height: 100%;
    width: 100%;
    margin-bottom: 10%;
    border-radius: 26px;

    display: flex;
    flex-direction: column;
    max-width: 306px;

    
    min-width: 263px;
  }

  .thtext-extension-block {
    height: 70%;
    width: 100%;
    font-weight: 400;
    color: white;
    padding-left: 0%;
    padding-right: 5%;

    justify-self: center;
  }

  .thimg-extension-block {
    height: 90%;
    width: 100%;
    display: flex;
    flex-direction: row;

    max-width: 407px;
  }

  .thdiscribtion {
    font-size: 120%;
    padding-left: 4%;
    margin-right: 4%;
    margin-bottom: 4%;
    justify-content: center;
    padding-top: 10%;
    height: 550%;
    width: 90%;
    display: flex;
  }

  .thimg-extension {
    height: 27%;
    width: 52%;
    margin-left: 10%;
    margin-top: 16%;
    margin-right: 5%;
    margin-bottom: 1%;
    border-radius: 20px;
    display: flex;
    max-width: 309px;
  }
  .thbutton-extension {
    margin-left: 9%;
    color: white;
    background-color: #E35121;
    display: flex;
    max-width: 200px;
    width: 35%;
    height: 100%;
    justify-content: center;
    border-radius: 5px;

    padding: 2%;
    font-size: 100%;
    min-width: 78px;
    min-height: 26px;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 300ms ease;
    font-family: "PT Sans", sans-serif;
    font-weight: 600;
  }

  .thbutton-extension:hover {
    background-color:  #ff845b;
  }

  .thsecond-img-extension-block {
    height: 90%;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    max-width: 407px;
  }

  .thsecond-img-extension {
    height: 15%;
    width: 35%;
    margin-left: 11.5%;
    margin-top: 12%;
    margin-right: 5%;
    margin-bottom: 1%;
    border-radius: 20px;
    display: flex;
    max-width: 309px;
    -webkit-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  }

  .ththird-img-extension {
    height: 15%;
    width: 35%;
    margin-left: 1%;
    margin-top: 30%;
    margin-right: 5%;
    margin-bottom: 1%;
    border-radius: 20px;
    display: flex;
    max-width: 309px;
    -webkit-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  }
}

.fvblock-main-container {
  display: flex;
  flex-direction: column;
  font-family: "MailSansRoman", "Arial", sans-serif;
  height: 8%;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.fvheading {
  font-size: 320%;
  margin-bottom: 43px;
  height: 50%;
  width: 90%;
  color: black;
  margin-top: 43px;
  font-weight: 900;
  max-width: 1140px;
  display: flex;
  flex-direction: row;

  justify-content: flex-start;

  font-family: "MailSansRomanbold", "Arial", sans-serif;
}

.fvextension-block {
  background-color: #f9f9fa;
  height: auto;
  width: 90%;
  border-radius: 26px;
  margin-right: 5%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-self: flex-start;
  margin-left: 4%;
  padding-bottom: 1%;
  max-width: 1140px;
}

.fvtext-extension-block {
  height: 20%;
  width: 100%;
  font-weight: 400;
  color: white;
  margin-right: 4%;
  margin-left: 4%;
 
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 4%;
}

.fvdiscribtion {
  font-size: 120%;
  align-items: center;
  margin-right: 15%;
  margin-bottom: 4%;
  margin-top: 6%;
  justify-content: flex-start;
  flex-direction: column;
  color: black;
  height: auto;
  width: auto;
  display: flex;
  max-height: 395px;
}

.fvimg-extension-block {
  height: 90%;
  width: 90%;
  display: flex;
  max-width: 407px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 3%;
}

.fvimg-extension {
  height: 20%;
  width: 70%;
  margin-bottom: 4%;

  border-radius: 20px;
  display: flex;
  max-width: 309px;
  justify-content: center;
  align-items: center;

  -webkit-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
}

.fvbutton-extension {
  color: white;
  background-color: #E35121;
  display: flex;
  max-width: 200px;
  width: 35%;
  height: 100%;
  justify-content: center;
  border-radius: 5px;
  margin-bottom: 8%;
  margin-top: 2%;
  padding: 2%;
  
  align-items:center;
  min-width: 78px;
  min-height: 26px;
  vertical-align: middle;
  cursor: pointer;
 
  border: 1px solid transparent;
  transition: all 300ms ease;
  
  font-weight: 600;
}

.fvbutton-extension:hover {
  background-color:  #ff845b;
}




@media (max-width:1000px){
.fvdiscribtion {
  font-size: 100%;
  align-items: center;
  margin-right: 15%;
  margin-bottom: 4%;
  margin-top: 6%;
  justify-content: flex-start;
  flex-direction: column;
  color: black;
  height: auto;
  width: auto;
  display: flex;
  max-height: 395px;
}
}
@media (max-width: 600px) {
  .fvblock-main-container {
    display: flex;
    flex-direction: column;
    font-family: "MailSansRoman", "Arial", sans-serif;
    height: 8%;

    max-width: 300px;
    justify-content: center;
    align-items: center;
  }

  .fvextension-block {
    background-color: #f9f9fa;
    height: auto;
    width: 100%;
    border-radius: 26px;

    display: flex;
    align-items: center;
    flex-direction: column;
    justify-self: center;

    padding-bottom: 1%;

    max-width: 407px;

    min-height: 579px;
  }

  .fvtext-extension-block {
    height: 20%;
    width: 90%;
    font-weight: 400;
    color: white;
    margin-top: 30px;
    align-items:center;

    display: flex;

    justify-content: center;
  }

  .fvdiscribtion {
    font-size: 110%;
    height: 100%;
    width: 90%;
    min-width: 250px;
    display: flex;
    justify-content: center !important;
    color: black;
    flex-direction: column;
    margin: 0px;
  }
  .fvheading {
    font-size: 230%;
    margin-bottom: 50px;
    height: 50%;
    width: 100%;
    color: black;

    font-weight: 900;
    max-width: 1461px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    font-family: "MailSansRomanbold", "Arial", sans-serif;
  }
  .fvimg-extension-block {
    height: 100%;
    width: 100%;
    display: flex;

    max-width: 250px;
    justify-content: center;
    flex-direction: column;
    margin-top: 10%;
  }

  .fvimg-extension {
    height: 100%;
    width: 100%;

    border-radius: 20px;
    display: flex;
    max-width: 309px;
    justify-content: center;
    align-items: center;

    -webkit-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
    box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  }

  .fvbutton-extension {
    color: white;
    background-color: #E35121;
    display: flex;
    max-width: 200px;
    width: 50%;
    height: 100%;
    justify-content: center;
    border-radius: 5px;
    margin-bottom: 8%;
    margin-top: 3%;
    padding: 2%;
    font-size: 80%;
    align-items:center;
    min-width: 78px;
    min-height: 26px;
    vertical-align: middle;
    cursor: pointer;
    
    border: 1px solid transparent;
    transition: all 300ms ease;
    /* font-family: 'PT Sans', sans-serif; */
    font-weight: 600;
  }

  .fvbutton-extension:hover {
    background-color: #ff845b
;
  }
}

.sxblock-main-container {
  display: flex;
  flex-direction: column;
  font-family: "MailSansRoman", "Arial", sans-serif;
  height: 8%;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.sxheading {
  font-size: 320%;
  margin-bottom: 43px;
  height: 50%;
  width: 90%;
  color: black;
  margin-top: 43px;
  font-weight: 900;
  max-width: 1140px;
  display: flex;
  align-items: center;
  justify-content: flex-start;

  /* padding-right: 180px; */
  font-family: "MailSansRomanbold", "Arial", sans-serif;
}

.sxextension-block {
  background-color: #f9f9fa;
  height: auto;
  width: 90%;
  border-radius: 26px;

  display: flex;

  justify-self: center;
  align-items: center;

  max-width: 1140px;
}

.sxtext-extension-block {
  height: 20%;
  width: 90%;
  font-weight: 400;
  color: white;

  
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 4%;
}

.sxdiscribtion {
  font-size: 120%;
  align-items: center;
  margin-right: 10%;
  margin-left: 0%;
  margin-bottom: 4%;
  margin-top: 6%;
  justify-content: flex-start;
  flex-direction: column;
  color: black;
  height: 55%;
  width: 90%;
  display: flex;
}

.sximg-extension-block {
  height: 100%;
  width: 70%;
  display: flex;
  max-width: 407px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 3%;
  margin-left: 40px;
  margin-right: 40px;
}

.sximg-extension {
  height: 20%;
  width: 70%;
  margin-bottom: 4%;

  border-radius: 20px;
  display: flex;
  max-width: 309px;
  justify-content: center;
  align-items: center;

  -webkit-box-shadow: 0px 0px 29px -6px rgba(0, 0, 0, 0.19);
  -moz-box-shadow: 0px 0px 29px -6px rgba(0, 0, 0, 0.19);
  box-shadow: 0px 0px 29px -6px rgba(0, 0, 0, 0.19);
}

.sxbutton-extension {
  color: white;
  background-color: #E35121;
  display: flex;
  max-width: 300px;
  width: 35%;
  height: 100%;
  justify-content: center;
  border-radius: 5px;
  margin-bottom: 8%;
  margin-top: 2%;
  padding: 2%;
  font-size: 100%;
  min-width: 125px;
  min-height: 26px;
  vertical-align: middle;
  cursor: pointer;
 
  border: 1px solid transparent;
  transition: all 300ms ease;
  
  font-weight: 600;
}

.sxextension-block .sxtext-extension-block .sxbutton-extension a {
  color: white;
}

.sxbutton-extension:hover {
  background-color:  #f68f6d;
}




@media (max-width:1000px){
  .sxdiscribtion {
    font-size: 100%;
    align-items: center;
   
    margin-bottom: 4%;
    margin-top: 6%;
    justify-content: flex-start;
    flex-direction: column;
    align-items: center;
    color: black;
    height: auto;
    width: auto;
    display: flex;
    max-height: 395px;
  }


  .sxbutton-extension {
  
    font-size: 80%;
    align-items:center;
    justify-content:center;
    
  }

  .sximg-extension {
    height: 20%;
    width: 90%;
    margin-bottom: 4%;
  
    border-radius: 20px;
    display: flex;
    max-width: 309px;
    justify-content: center;
    align-items: center;
  
    -webkit-box-shadow: 0px 0px 29px -6px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 0px 29px -6px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 0px 29px -6px rgba(0, 0, 0, 0.19);
  }
  }

@media (max-width: 600px) {
  .sxblock-main-container {
    display: flex;
    flex-direction: column;
    font-family: "MailSansRoman", "Arial", sans-serif;
    height: 8%;
    max-width: 309px;
    justify-content: center;
    align-items: center;
  }

  .sxheading {
    font-size: 230%;
    max-width: 306px;
  }

  .sxextension-block {
    background-color: #f9f9fa;
    height: auto;
    width: 100%;
    border-radius: 26px;

    display: flex;

    flex-direction: column;
    justify-self: center;
    align-items: center;
    
    padding-bottom: 30px;
    max-width: 306px;

    min-height: 300px;
  }

  .sxtext-extension-block {
    height: 20%;
    width: 100%;
    font-weight: 400;
    color: white;
   

    display: flex;

    justify-content: center;
    align-items:center;
  }

  .sxdiscribtion {
    font-size: 110%;
    height: 100%;
    width: 100%;
    max-width: 260px;
    display: flex;
    justify-content: center;
    align-items:center;
    color: black;
    flex-direction: column;
    margin: 0px;
  }

  .sximg-extension-block {
    display: flex;
    max-width: 307px;
    justify-content: flex-start;
    margin-top: 8%;
  }

  .sximg-extension {
    border-radius: 20px;
    display: flex;

    max-width: 250px;
    justify-self: start;

    -webkit-box-shadow: 0px 0px 29px -6px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 0px 29px -6px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 0px 29px -6px rgba(0, 0, 0, 0.19);
  }

  .sxbutton-extension {
    color: white;
    background-color: #E35121;
    display: flex;
    max-width: 200px;
    width: 35%;
    height: 100%;
    justify-content: center;
    align-items:center;
    border-radius: 5px;
    margin-bottom: 8%;
    margin-top: 3%;
    padding: 2%;
    font-size: 80%;
    min-width: 78px;
    min-height: 26px;
    vertical-align: middle;
    cursor: pointer;
    
    border: 1px solid transparent;
    transition: all 300ms ease;
    font-weight: 600;
  }

  .sxbutton-extension:hover {
    background-color:#ff845b;
  }
}

.fsblock-main-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "MailSansRomanLight", "Arial", sans-serif;
  height: 8%;
  width: 100%;
  justify-content: center;
  
}

.fsheading {
  font-size: 320%;
  margin-bottom: 43px;
  font-family: "MailSansRomanbold", "Arial", sans-serif;

  width: 90%;
  color: black;
  margin-top: 43px;
  font-weight: 900;
  max-width: 1140px;
  display: flex;
  justify-content: flex-start;

  
}

.fsinternal-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 90%;
  max-width: 1140px;
  height: 100%;
  font-weight: 400;
  max-width: 1140px;
}

.fsextension-block {
  background-color: #333;
  height: 350%;
  width: 49%;
  border-radius: 26px;

  display: flex;

  flex-direction: column;

  max-width: 555px;
  min-height: 455px;
  min-width: 263px;
  padding-bottom: 1%;
}

.fstext-extension-block {
  height: 70%;
  width: 100%;
  font-weight: 400;
  color: white;
  margin-right: 4%;
  margin-left: 4%;
  padding-left: 5.5%;
  display: flex;
  justify-content: center;
}

.fsimg-extension-block {
  height: 90%;
  width: 100%;
  display: flex;
  flex-direction: row;
  max-width: 407px;
}

.fsdiscribtion {
  font-size: 120%;
  align-items: center;
  margin-right: 15%;
  margin-bottom: 4%;
  margin-top: 6%;
  justify-content: center;
  font-family: "MailSansRoman-Light", "Arial", sans-serif;

  height: 550%;
  width: 90%;
  display: flex;
}

.fsimg-extension {
  height: 27%;
  width: 52%;
  margin-left: 10%;
  margin-top: 16%;
  margin-right: 5%;
  margin-bottom: 1%;
  border-radius: 20px;
  display: flex;
  max-width: 309px;
  -webkit-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
}

.fsbutton-extension {
  margin-left: 9%;
  color: white;
  background-color: #E35121;
  display: flex;
  max-width: 200px;
  width: 35%;
  height: 100%;
  justify-content: center;
  border-radius: 5px;
  margin-bottom: 8%;
  margin-top: 3%;
  padding: 2%;
  font-size: 100%;
  min-width: 78px;
  min-height: 26px;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 300ms ease;
  /* font-family: 'PT Sans', sans-serif; */
  font-weight: 600;
}

.fsbutton-extension:hover {
  background-color:  #ff845b;
}

.fsimg-extensionspecial {
  z-index: 2;
  margin-left: -30%;
  margin-top: 23.5%;
  margin-right: 5%;
  margin-bottom: 3%;
  height: 27%;
  width: 52%;
  border-radius: 20px;
  display: flex;
  max-width: 309px;
  min-height: 80px;
  min-width: 26px;
  -webkit-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 16px 3px rgba(0, 0, 0, 0.45);
}




@media (max-width: 1000px) {
  .fsbutton-extension {
    margin-left: 9%;
    color: white;
    background-color: #E35121;
    display: flex;
    max-width: 200px;
    width: 35%;
    height: 100%;
    justify-content: center;
    border-radius: 5px;
    margin-bottom: 8%;
    margin-top: 3%;
    padding: 2%;
    font-size: 80%;
    min-width: 78px;
    min-height: 26px;
    align-items: center;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 300ms ease;
    /* font-family: 'PT Sans', sans-serif; */
    font-weight: 600;
  }
  
}
@media (max-width: 600px) {
  .fsblock-main-container {
    display: flex;
    flex-direction: column;
   
    height: 100%;
    width: 306px;
    margin-top: 1%;
    margin-left: 2%;
  }

  .fsheading {
    margin-top: 10%;
    margin-bottom: 10%;
    height: 50%;
    width: 100%;
    color: black;

    font-weight: 900;
    font-size: 200%;
    display: flex;
    justify-content: flex-start;
    max-width: 306px;
  }

  .fsinternal-container {
    display: flex;
    flex-direction: column;
    margin-bottom: 5%;

    width: 100%;
    height: 100%;
  }

  .fsextension-block {
    background-color: #2c2c2c;
    height: 350%;
    width: 100%;
    margin-bottom: 10%;
    border-radius: 26px;
   
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 306px;

    min-width: 263px;
  }

  .fstext-extension-block {
    height: 70%;
    width: 100%;
    font-weight: 400;
    color: white;
    padding-left: 0%;
    padding-right: 5%;

    justify-self: center;
  }

  .fsimg-extension-block {
    height: 90%;
    width: 100%;
    display: flex;
    flex-direction: row;
    max-width: 409px;
  }

  .fsdiscribtion {
    font-size: 120%;
    max-width: 250px;
    margin-right: 4%;
    margin-bottom: 7%;
    justify-content: center;
    padding-top: 10%;
    height: 550%;
    width: 90%;
    display: flex;
    align-items: center;
   
  }

  .fsimg-extension {
    height: 27%;
    width: 52%;
    margin-left: 10%;
    margin-top: 16%;
    margin-right: 5%;
    margin-bottom: 1%;
    border-radius: 20px;
    display: flex;
    max-width: 309px;
  }
  .fsbutton-extension {
    margin-left: 9%;
    color: white;
    background-color: #E35121;
    display: flex;
    max-width: 200px;
    width: 35%;
    height: 100%;
    justify-content: center;
    align-items:center;
    border-radius: 5px;

    padding: 2%;
    font-size: 80%;
    min-width: 78px;
    min-height: 26px;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 300ms ease;
   
    font-weight: 600;
  }

  .fsbutton-extension:hover {
    background-color: #ff845b;
  }

  .fsimg-extensionspecial {
    z-index: 2;
    margin-left: -30%;
    margin-top: 23.5%;
    margin-right: 5%;
    margin-bottom: 3%;
    height: 27%;
    width: 52%;
    border-radius: 20px;
    display: flex;
    max-width: 309px;
    min-height: 80px;
    min-width: 26px;
  }
}
@media (max-width: 600px) {
  .the-greatest-block {
    max-width: 480px;
    justify-content: center;
    align-items: center;
  }
}

/*
a { 
  text-decoration: none; 
  color:white; 
}
*/