/* ========== common css ========== */
@media print {
  .page-break {
    page-break-before: always; /* or page-break-after */
    break-before: page; /* Modern syntax */
  }

  .table-bordered td,
  .table-bordered th {
    border: 1px solid #000 !important;  /* Force solid black border */
    padding: 5px !important;
    -webkit-print-color-adjust: exact;  /* Helps with color accuracy in print for some browsers */
    print-color-adjust: exact;
  }

  table {
    border-collapse: collapse !important; /* Prevent double borders */
  }

}

body{
      margin: 0;
      padding: 0;
      font-family: 'Open Sans', sans-serif;
}

h1{
   font-size: 36px;
   margin: 0;
}

h2{
   font-size: 28px;
}

h3{
   font-size: 24px;
}

h4{
   font-size: 20px;
}

p{
  margin-top: 0px;
  margin-bottom: 5px;
}

li,
p,
dt,dd{
       font-size: 18px;
}

li{
   margin-bottom: 8px;
}

html {
      scroll-padding-top: 55px; /* Adjust based on navbar height */
}

a{
  color: #0d6efd;
}

/* ======= start css of sidebar section ======= */

.sidebar-section{
                  position: sticky;
                  top: 0;
                  padding: 50px 15px;
                  word-wrap: break-word;
                  overflow-wrap: break-word;
}

.sidebar {
          height: 100vh;              /* Full viewport height */
          overflow-y: auto;           /* Scroll when content overflows */
          overflow-x: hidden;
          position: sticky;           /* Stick to top while scrolling page */
          top: 0;
          padding: 0px 7px;
          background-color: #0d6efd;   
          color: #ffffff; 
          z-index: 100;
          scrollbar-width: thin;
          scrollbar-color: rgba(255,255,255,0.6);
          min-height: 100vh;
          transition: transform 0.3s ease;
}

.sidebar ol,
.sidebar li {
             word-break: break-word;
}

.mainsection{
            padding: 50px 15px;
}

.mainsection{
             margin-bottom: 50px;
}

.mobile-toggle{
               display:none;
}

/* Mobile behavior: sidebar slides in/out */
@media (max-width: 991.98px) {

  .sidebar {
            position: fixed;
            top: 0;
            left: 0;
            width: 100vw;
            height: 100vh;
            transform: translateX(-100%);
            z-index: 1000;
  }

  .sidebar.active{
                  transform: translateX(0);
  }

  .navbar{
          padding: 0px;
          background-color: none!important;
          width: 100%;
  }

  .mobile-toggle {
                  display: block;
                  background-color: #007bff;
                  color: white;
                  font-size: 24px;
                  width: 60px;
                  height: 50px;
                  border: none;
                  z-index: 10000;
                  text-align: center;
  }

  .mobile-toggle:hover{
                       color: #fff;
                  
  }

}

/* =========== start css of page1 section ========== */

.top-image{
           width: 100%;
           height: auto;
}

.top-text{
          text-align: center;
}

h1.text-blue,
h2.text-blue{
             color: #186fcc;
}

hr.first-hr-line{
                  background-color: #186fcc;
                  height: 8px;
                  width: 58%;
                  margin-top: 25px;
                  margin-bottom: 25px;
}

p.extramargintop{
                 margin-top: 20px;
}

.scan-image{
            width: 120px;
            height: 120px;
}

.scanner-image{
               margin: 50px 0px;
}

/* ============ End css of page1 section ======== */

/* ============ Start css of page2 section ======== */

.page2h2size{
             margin-bottom: 30px;
}


.paragraph-box{
                padding-left: 30px;
                margin: 20px 0px;
}

.paragraph-box li{
                  font-size: 20px;
}

h3.extramargin{
               margin: 35px 0px;
}

.outline-box{
             margin-left: 30px;
             padding: 15px;
             border: 1px solid #000;
}

h4.h4design{
            color: #186fcc;
}

.paragraph-inner-box{
                     padding-left: 35px;
}

/* ============ End css of page2 section =========== */

/* ============= Start css of page3 section ========== */

.banner{
        background-color: #186fcc;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 10px;
        color: #fff;
}

.banner1{
         background-color: rgba(60, 60, 60, 0.9); /* darker gray */
         text-align: center;
         padding-top: 10px;
         padding-bottom: 10px;
         color: #fff;
}

.second-banner{
               margin-top: 30px;
               display: flex;
               border: 1px solid #000;
               align-items: stretch;
}

h3.first-header{
                width: 80px;
                color: #fff;
                background-color: #186fcc;
                align-self: stretch;
                padding-top: 15px;
                padding-bottom: 10px;
                text-align: center;
                margin: 0;
}

h3.second-header{
                 color: #2f8aeb;
                 padding-top: 15px;
                 padding-bottom: 10px;
                 padding-left: 15px;
}

.paragraph-list{
                margin: 35px 0px;
}

.page3-image1{
             width: 90%;
             border: 1px solid #000;
}

.page3-outline{
               margin-top: 50px;
               display: flex;
               border: 3px dashed grey;
               padding: 15px 15px;
}

.page3-outline .block1{
                      width: 150px;
}

.page3-outline .block2{
                         padding-left: 30px;
}

.page3-outline .block2 .lastp{
                              margin-top: 25px;
                              font-weight: bold;
}

.boldparagraph{
               font-weight: 550;
}

/* ============= End css of page3 section =========== */

/* ============= Start css of page4 section ============ */

.page4-paragraph-box{
                     margin: 35px 0px;
}

.page4margintop{
                margin-top: 15px;
                margin-bottom: 15px;
}

.textunderlinedesign{
                     text-decoration: underline;
}

/* ========= Start of Css Today updated code =========== */

.first-table{
             width: 100%;
             min-width: 800px;
             background-color: #ffffff;
             padding: 0!important;
             margin: 0!important;
}

.first-table thead th{
                      position: sticky;
                      top: 0;
                      background-color: #d9e3e3;
                      z-index: 1;
                      border-bottom: 1px solid #ccc;
                      border: 1px solid #000;
}

.customfonticondesign{
                      font-size: 20px; 
                      color: red;
}

.first-table th,
.first-table td{
                font-size: 14px;
                padding: 4px!important;
                text-align: left;
                vertical-align: middle!important;
                white-space: normal;
                word-wrap: break-word;
                overflow-wrap: break-word;
}

.first-table tr{
                width: 100%;
}

table{
      width: 100%;
      border-collapse: collapse;
}

.scrollable-table-container {
                             overflow-x: auto;
                             overflow-y: auto;
                             max-height: 100vh;
}


/* ========= End of Css Today updated code  ============ */



.first-table .secondthwidth{
                            width: 8%;
}

.first-table .thirdthwidth{
                            width: 20%;
}

.first-table .fourththwidth{
                            width: 55%;
}

.first-table .fifththwidth{
                            width: 17%;
}

.first-table thead{
                   background-color: #f3f3f3;
                   border: 1px solid #000;
}

.first-table th,
.first-table td{
                font-size: 14px;
                font-weight: 550;
                padding: 5px;
}

.tdspecialwidth{
                width: 30px;
                text-align: center;
}

.iconimage{
           width: 90%;
           height: 20px;
}

/* ============= End css of page4 section ============== */

/* ============= Start css of page5 section =========== */

.page5-paragraph-box1{
                      border: 2px solid #000;
                      margin: 30px 0px;
                      padding: 20px 25px;
}

.page5-cover{
             display: flex;
             margin-bottom: 30px;
}

.page5-image-cover{
                   margin-left: 175px;
}

.page5scanimage{
                width: 90px;
                height: 90px;
}

.bluecolor{
           color: #186fcc;
}

.page5-paragraph-box2{
                      margin: 30px 0px;
}

.page5-paragraph-box3-banner{
                             /* background-color: #186fcc; */
                             background-color: #002b80;
                             text-align: center;
                             padding: 7px;
                             color: #ffffff;
                             width: 70%;
                             margin: auto;
                             border: 3px solid #214e7e;
}

.page5-paragraph-box3{
                      border: 2px solid #000;
                      margin: 30px 0px;
                      padding: 20px 25px;
}

.redcolor{
          color: #ec0a0a; 
          font-weight: bold;
}

.redcolorr{
           color: #ff0000;
           font-weight: bold;
}

.note{
      display: block;
      margin-top: 4px;
}

.bluepadding{
             padding-left: 180px;
}

/* ============= End css of page5 section ========== */

/*  ============= Start css of page6 section ==================== */

.page6-image-flex-cover{
                        display: flex;
                        margin-top: 30px;
}

.page6-image-flex1,
.page6-image-flex2,
.page6-image-flex3,
.page6-image-flex4,
.page6-image-flex5,
.page6-image-flex6 {
                    flex: 1; /* equal width */
}

.page6-image1{
              width: 60%;
}

.page6-image2{
              width: 40%;
              margin-left: 50px;
              margin-top: 30px;
}

.page6-image3{
              width: 80%;
              border: 1px solid #000;
}

.page6-image4{
              width: 90%;
              border: 1px solid #000;
}

.circle-list{
             list-style: none;
             padding-left: 0px;
}

/*  ============= End css of page6 section ================== */

/* ============== Start css of page7 section ================ */

.page7-table-section{
                     margin-top: 30px;
}

.page7-image-flex-cover{
                        margin-top: 30px;
}

.table-bordered td,
.table-bordered th{
                   border: 1px solid #000;
                   padding: 5px;
}

.page7-image4{
              border: 1px solid #000;
}

.tdcustomwidth{
               width: 140px;
}

/* ============== End css of page7 section ================== */

/* ============== Start css of page8 section =============== */

.page8-image-flex-cover{
                        display: flex;
}

.page8-image1{
              width: 50%;
              border: 1px solid #000;
              margin-right: 20px;
}

.page8-paragraph-box{
                      margin: 30px 0px;
}

.page8-paragraph2{
                  margin: 30px 0px;
}

.page8-image2{
              width: 50%;
}

/* ============== End css of page8 section ================= */

/* ========== start css of page9 section ============ */

.page9-paragraph-box{
                     margin: 30px 0px;
}

.page9-image-flex-cover{
                        display: flex;
}

.page9-image1{
              width: 60%;
              margin-right: 20px;
}

/* ========== End css of page9 section ============== */

/*========== Start css of page10 section ========= */

.page10-image-flex-cover{
                         margin-top: 30px;
}

.page10-image-flex-cover,
.page10-image-flex-cover1{
                          display: flex;
}

.page10-image-flex-cover1{
                          margin: 25px 0px;
}

.page10-image1{
               width: 40%;
}

.page10-image2{
               width: 50%;
}

.page10-image3{
               width: 50%;
}

.page10-image1,
.page10-image2,
.page10-image3{
               margin-right: 20px;
               border: 1px solid #000;
}

/* ========= End css of page10 section =========== */

/* ========= Start css of page11 section ========== */

.page11-image-flex-cover{
                         display: flex;
                         margin-top: 20px;
                         margin-bottom: 20px;
}

.page11-image1{
               width: 35%;
               margin-right: 20px;
               border: 1px solid #000;
}

.page11-image-flex-cover2{
                          display: flex;
}

.page11-image2,
.page11-image3{
               width: 30%;
               border: 1px solid #000;
}

.page11-image3{
               margin-left: 10px;
               margin-right: 15px;
}

.page11-paragraph-box{
                      width: 30%;
                      margin-top: 20px;
}

/* ========= End css of page11 section =========== */

/* ======== Start css of page12 section ======== */

.page12-image-flex-cover{
                         display: flex;
}

.page12-image1{
               margin-right: 20px;
               width: 60%;
}

.page12-image-flex-cover2{
                          display: flex;
                          margin-top: 20px;
}

.page12-image2,
.page12-image3{
               width: 30%;
               border: 1px solid #000;
}

.page12-image3{
               margin-left: 10px;
               margin-right: 15px;
}

.page12-paragraph-box{
                      width: 30%;
                      margin-top: 20px;
}

.page12-section a{
                  word-wrap: break-word;
                  overflow-wrap: break-word;
                  word-break: break-all;
}

/* ======== End css of page12 section ========= */

/* ======== Start css of page13 section ======= */

.page13-image1{
               width: 50%;
               border: 1px solid #000;
               margin-top: 25px;
}

.page13-image-flex-cover{
                         display: flex;
                         margin: 30px 0px;
}

.page13-image2{
               width: 40%;
               border: 1px solid #000;
               margin-right: 20px;
}

.page13-paragraph-box{
                      margin-top: 30px;
}

.page13-image3{
               width: 60%;
               border: 1px solid #000;
               margin: 20px 0px;
}

span.anchortag a:hover{
                       text-decoration: none;
}

/* ======== End css of page13 section ========= */

/* ======== Start css of page14 section ======== */

.page14-paragraph-box{
                      margin: 25px 0px;
}

.page14-image1{
               width: 50%;
               border: 1px solid #000;
}

/* ======== End css of page14 section ========== */

/* ======== Start css of page15 section ========= */

.page15-image-flex-cover{
                         margin: 25px 0px;
                         display: flex;
}

.page15-image1{
               margin-right: 20px;
               border: 1px solid #000;
}

.page15-image-flex-cover2{
                          display: flex;
}

.page15-image2{
               width: 40%;
               margin-right: 20px;
}

.page15-paragraph-box2{
                       width: 50%;
}

/* ======== End css of page15 section ========= */

/* ======== Start css of page16 section ========== */

.page16-image-flex-cover{
                         display: flex;
                         margin: 25px 0px;
}

.page16-image1{
               width: 80%;
               border: 1px solid #000;
}

.page16-image2{
               width: 80%;
               border: 1px solid #000;
}

.page16-image-flex1{
                    width: 50%;
}

.page16-image-flex2{
                    margin-left: 20px;
}

.page16-image3{
               border: 1px solid #000;
               margin: 20px 0px;
}

.page16-image-flex-cover2{
                          margin-top: 25px;
                          display: flex;
}

.page16-image4{
               width: 40%;
               margin-right: 20px;
               border: 1px solid #000;
}

.page16-image-flex2{
                    text-align: center;
}

.page16-image5{
               border: 1px solid #000;
               width: 40%;
}

/* ======== End css of page16 section ========== */

/* ======== Start css of page17 and page18 section ========== */

.page17-flex-image-cover,
.page17-flex-image-cover2,
.page17-flex-image-cover3,
.page17-flex-image-cover4,
.page17-flex-image-cover5{
                          display: flex;
                          margin: 25px 0px;
}

.page17-image1{
               border: 1px solid #000;
}

.page17-image1,
.page17-image2,
.page17-image3,
.page17-image4,
.page17-image6{
               margin-right: 20px;
               width: 40%;
}

.page17-image5{
               width: 80%;
               border: 1px solid #000;
}

.page17-image7{
               width: 35%;
}

/* ======== End css of page17 and page18 section ============ */

/* ======== Start css of page19 section ========= */

.page19-image-flex-cover{
                         display: flex;
                         margin: 25px 0px;
}

.page19-image1{
               width: 60%;
               border: 1px solid #000;
               margin-right: 20px;
}

.page19ul li{
             list-style: none;
}

/* ======== End css of page19 section =========== */

/* ======== Start css of page20 section ========= */

.page20-image1{
               border: 1px solid #000;
               margin-bottom: 25px;
}

.page20-image2{
               width: 60%;
               margin: 25px 0px;
               border: 1px solid #000;
}

.page20-image-flex-cover{
                         display: flex;
}

.page20-image3{
               width: 90%;
               margin: 25px 0px;
}

.page20-paragraph-box2{
                       padding: 0px 25px;
}

.btnprimarydesign{
                  border: 1px solid #0d6efd;
                  background-color: #0d6efd;
                  padding: 10px 30px;
                  border-radius: 5px;
                  margin: 15px 0px;
                  width: 250px;
                  cursor: default;
                  color: #ffffff;
}

.btnprimarydesign:hover{
                        background-color: #007bff;
                        color: white;
                        cursor: default;
}

/* ======== End css of page20 section =========== */

/* ======== Start css of page21 section ========== */

.page21-image1{
               background-color: red;
               width: 100%;
}

.page21-image-flex-cover,
.page21-image-flex-cover2,
.page21-image-flex-cover3{
                          display: flex;
                          margin-bottom: 25px;
}

.page21-image-flex-cover3{
                          margin-top: 25px;
}

.page21-image2,
.page21-image3{
               width: 40%;
               margin-right: 20px;
               border: 1px solid #000;
}

.page21-image1{
               margin-right: 15px;
               border: 1px solid #000;
}

.page21-paragraph-box{
                      margin-top: 30px;
}

.page21-inner-paragraph-box{
                            padding-left: 15px;
}

/* ======== End css of page21 section ========== */

/* ======== Start css of page22 section ========= */

.page22-section h4.underline{
                             text-decoration: underline;
}

.page22-image1{
               border: 1px solid #000;
               margin: 30px 0px;
               width: 70%;
}

/* ======== End css of page22 section =========== */

/* ======== Start css of page23 section ========= */

.page23-paragraph-box{
                      margin: 25px 0px;
}

.page23-image-flex-cover{
                        display: flex;
                        margin: 30px 0px;
}

.page23-image1{
               width: 50%;
               margin-right: 20px;
               border: 1px solid #000;
}

.page23-outline-box{
                    width: 50%;
                    border: 3px solid  rgba(0, 4, 255, 0.788);
                    text-align: center;
                    padding: 20px 30px;
}

/* ======== End css of page23 section ========== */

/* ======== Start css of page24 section ========= */

.page24-image-flex-cover,
.page24-image-flex-cover2,
.page24-image-flex-cover3{
                          display: flex;
                          margin: 30px 0px;
}

.page24-image1,
.page24-image3{
               width: 30%;
               margin-right: 20px;
               border: 1px solid #000;
}

.page24-image2{
               width: 50%;
               margin-right: 20px;
               border: 1px solid #000;
}

.page24-paragraph-box{
                      margin-top: 30px;
}

/* ======== End css of page24 section =========== */

/* ======== Start css of page25 section ========== */

.page25-image1{
               width: 30%;
               margin-top: 25px;
               border: 1px solid #000;
}

.question-answer-block{
                       margin: 50px 0px;
}

.question,
.answer {
         display: flex;
         align-items: flex-start;
         margin-bottom: 15px;
}

.question-icon,
.answer-icon {
              display: inline-block;
              width: 32px;
              height: 32px;
              color: white;
              font-weight: bold;
              border-radius: 50%;
              text-align: center;
              line-height: 32px;
              font-family: Arial, sans-serif;
              margin-right: 10px;
              flex-shrink: 0;
}

.question-icon{
               background-color: #0d6efd;
}

.answer-icon{
             background-color: #ec0a0a;
             
}

.question-block,
.answer-block {
               flex: 1;
               margin-left: 30px;
}


/* ======== End css of page25 section =========== */

/* ======= start css of page26 and page27 section ======== */

.inner-answer-block{
                    margin-top: 25px;
}

.inner-answer-block p{
                      word-wrap: break-word;
                      overflow-wrap: break-word;
                      word-break: break-all;
}

.page27-image1{
               width: 70%;
               margin-top: 20px;
}

/* ======== Start css of page26 and page27 section ========= */

/* ======== Start css of page28 section ======== */

ul.listnone{
            list-style-type : none;
            padding-left: 0;
            margin-left: 0;
}

/* ======== End css of page28 section ========== */

/* ========= Start css of page31 section ========== */

.page31-paragraph-box{
                      margin: 25px 0px;
}

.page31-image1{
               width: 90%;
               margin-top: 20px;
}

.page31-image2{
               border: 1px solid #000;
               margin-top: 20px;
               width: 50%;
}

/* ========= End css of page31 section ============ */

/* ============= Start css of page32 section ============ */

.page32-image1{
               margin-top: 10px;
               width: 70%;
               border: 1px solid #000;
}

.page32-image2{
               width: 50%;
               margin-top: 10px;
               border: 1px solid #000;
}

.page32-image-description-box2,
.page32-image-description-box3{
                               margin-top: 50px;
}

.page32-image-description-box3-flex{
                                    display: flex;
                                    margin-top: 10px;
}

.page32-image-description-box3-flex1{
                                     width: 40%;
}

.page32-image3{
               width: 100%;
}

.page32-image-description-box3-flex2{
                                     width: 40%;
                                     display: flex;
}

.page32-image4{
               width: 70%;
               border: 1px solid #000;
}

.page32-image-description-box3-flex3{
                                     width: 30%;
                                     margin: auto;
                                     text-align: center;
}

.page32-image5{
               width: 60%;
}

/* ============= End css of page32 section ============== */

/* ============= Start css of page33 section ============= */

.page33-image1{
               width: 60%;
               margin-top: 10px;
               border: 1px solid #000;
}

.page33-image-description-box{
                              margin-top: 30px;
                              display: flex;
                              width: 80%;
}

.page33-inner-image-description-box1,
.page33-inner-image-description-box2{
                                     display: block;
                                     width: 100%;
}

.float-left{
            text-align: left;
}

.float-right{
             text-align: right;
}

.page33-image2,
.page33-image3{
               width: 100%;
               border: 1px solid #000;
}

.page33-inner-image-description-box2{
                                     margin-left: 20px;
}

/* ============= End css of page33 section =============== */

/* ============= Start css of page34 section =========== */

.page34-image1{
               width: 100%;
               height: 460px;
               border: 1px solid #000;
}

.second-row,
.third-row{
           margin-top: 25px;
}

/* ============= End css of page34 section ============= */

/* ============= Start css of page35 section =============== */

.page35-image1{
               margin-top: 10px;
               width: 80%;
}

/* ============= End css of page35 section ================= */

/* ============= Start css of page36 section ============= */

.page36-first-paragraph{
                        margin-bottom: 10px;
}

.page36-image-flex-cover{
                         margin-bottom: 40px;
                         display: block;
}

.page36-image1{
               width: 40%;
               margin-right: 25px;
               border: 1px solid #000;
}

/* ============= End css of page36 section ============ */

/* ============= Start css of page37 section ============== */

.page37-section{
                width: 80%;
                margin: auto;
}

.page37-image1{
              width: 120px;
              height: 110px;
}

.page37-scan-image{
                  text-align: center;
                  margin-top: 20px;
}

/* ============= End css of page37 section ================ */

/* ============= Start css of common page margin top section ================ */

.page1-section,
.page2-section,
.page3-section,
.page4-section,
.page5-section,
.page6-section,
.page7-section,
.page9-section,
.page14-section,
.page16-section,
.page17-section,
.page19-section,
.page21-section,
.page23-section,
.page24-section,
.page25-section,
.page31-section,
.page35-section{
                margin-top: 100px;
}

.page8-section,
.page10-section,
.page11-section,
.page12-section,
.page13-section,
.page15-section,
.page18-section,
.page20-section,
.page22-section,
.page26-section,
.page27-section,
.page28-section,
.page29-section,
.page30-section,
.page32-section,
.page33-section,
.page34-section,
.page36-section,
.page37-section{
                margin-top: 30px;
}

/* ============= End css of common page margin top section ================== */

/* ============= Start Css of Media query ============= */

/* Extra small devices (phones, < 576px) */
@media (max-width:575.98px){

                  h1{
                     font-size: 20px;
                     margin: 0;
                  }

                  h2{
                     font-size: 18px;
                  }

                  h3{
                     font-size: 16px;
                  }

                  h4{
                     font-size: 15px;
                  }

                  li,
                  p,
                  dt,dd{
                         font-size: 14px;
                  }

                  .scan-image{
                              width: 70px;
                              height: 70px;
                  }

                  .scanner-image{
                                 margin: 25px 0px;
                  }

                  h3.first-header{
                                  width: 65px;
                  }

                  /* ========= Start css of page2 section ======== */
                  
                  .paragraph-box{
                                 padding-left: 5px;
                  }

                  .paragraph-box li{
                                    font-size: 14px;
                  }

                  .outline-box{
                               margin-left: 0px;
                               margin-top: 15px;
                  }

                  .paragraph-inner-box{
                                       padding-left: 0px;
                  }

                  /* ========= End css of page2 section ========== */

                  /* ====== Start css of page3 section ====== */
                  .page3-image1{
                                width: 100%;
                  }

                  .page3-outline .block1{
                                         width: 50px;
                  }

                  .page3-outline .block2{
                                         padding-left: 10px;
                  }


                  /* ====== End css of page3 section ======== */

                  /* ====== Start css of page4 section ======= */
                  
                  .scrollable-table-container {
                                               overflow-x: auto;
                                               overflow-y: auto;
                                               max-height: 500px;
                  }


                  /* ====== End css of page4 section ========= */

                 
                  /* ====== Start css of page5 section ====== */
                  
                  .page5-image-cover{
                                     margin-left: 40px;
                  }

                  .page5scanimage{
                                  width: 65px;
                                  height: 65px;
                  }

                  .page5-paragraph-box3-banner{
                                               width: 90%;
                  }

                  .page5-paragraph-box3 ol{
                                           padding-left: 15px;
                  }

                  .bluepadding{
                               padding-left: 140px;
                  }

                  /* ====== End css of page5 section ======== */

                  /* ====== Start css of page6 section ======= */
                  
                  .page6-image-flex-cover{
                                          display: block;
                  }

                  .page6-image1,
                  .page6-image2,
                  .page6-image3,
                  .page6-image4{
                                margin-bottom: 15px;
                  }

                  .page6-image1,
                  .page6-image3,
                  .page6-image4{
                                width: 100%;
                  }
                  
                  .page6-image2{
                                width: 60%;
                  }

                  /* ====== End css of page6 section ========= */

                  /* ====== Start css of page7 section ========= */

                  .page7-image4{
                                width: 100%;
                  }

                  .tdcustomwidth{
                                 width: 110px;
                  }

                  .second-table tr td{
                                      font-size: 14px;
                                      padding: 3px;
                  }

                  /* ====== End css of page7 section =========== */

                  /* ====== Start css of page8 section ======== */

                  .page8-image-flex-cover{
                                          display: block;
                  }
                  
                  .page8-image1,
                  .page8-image2{
                                width: 100%;
                  }

                  /* ====== End css of page8 section ========= */

                  /* ====== Start css of page9 section ====== */

                  .page9-image-flex-cover{
                                          display: block;
                  }
                  
                  .page9-image1{
                                width: 100%;
                  }

                  /* ====== End css of page9 section ======== */

                  /* ====== Start css of page10 section ====== */
                  
                  .page10-image-flex-cover,
                  .page10-image-flex-cover1{
                                            display: block;
                  }

                  .page10-image1{
                                 width: 75%;
                  }

                  .page10-image2,
                  .page10-image3{
                                 width: 100%;
                  }

                  /* ====== End css of page10 section ======== */

                  /* ====== Start css of page11 section ======= */

                  .page11-image-flex-cover,
                  .page11-image-flex-cover2{
                                            display: block;
                  }
                  
                  .page11-image1{
                                 width: 75%;
                  }

                  .page11-image2,
                  .page11-image3{
                                 width: 100%;
                  }

                  .page11-image3{
                                 margin-top: 20px;
                                 margin-left: 0px;
                                 margin-right: 0px;
                  }

                  .page11-paragraph-box{
                                        width: 100%;
                  }

                  /* ====== End css of page11 section ========= */

                  /* ====== Start css of page12 section ======== */

                  .page12-image-flex-cover,
                  .page12-image-flex-cover2{
                                            display: block;
                  }

                  .page12-image1{
                                 width: 100%;
                                 margin-right: 10px;
                  }

                  .page12-image2,
                  .page12-image3{
                                 width: 100%;
                  }

                  .page12-image3{
                                 margin-top: 20px;
                                 margin-left: 0px;
                                 margin-right: 0px;
                  }

                  .page12-paragraph-box{
                                        width: 100%;
                  }
                  
                  /* ====== End css of page12 section ========== */

                  /* ====== Start css of page13 section ======== */
                  
                  .page13-image-flex-cover{
                                           display: block;
                  }

                  .page13-image1{
                                 width: 100%;
                  }

                  .page13-image2{
                                 width: 100%;
                                 margin-right: 0px;
                  }

                  .page13-image3{
                                 width: 100%;
                  }

                  /* ====== End css of page13 section ========== */

                  /* ======= Start css of page14 section ======== */
                  
                  .page14-image1{
                                 width: 100%;
                  }

                  /* ======= End css of page14 section ========== */

                  /* ======= Start css of page15 section ======== */

                  .page15-image-flex-cover,
                  .page15-image-flex-cover2{
                                            display: block;
                  }
                  
                  .page15-image2{
                                 width: 100%;
                  }

                  .page15-paragraph-box2{
                                         width: 90%;
                                         margin-top: 20px;
                  }

                  /* ======= End css of page15 section ========== */

                  /* ======= Start css of page16 section ======== */
                  
                  .page16-image-flex-cover,
                  .page16-image-flex-cover2{
                                            display: block;
                  }

                  .page16-image-flex1{
                    width: 100%;
                  }
                   
                  .page16-image1{
                                 width: 90%;
                                 margin-bottom: 20px;
                  }

                  .page16-image-flex2{
                                      margin-left: 0px;
                  }

                  .page16-image2{
                                 width: 60%;
                  }

                  .page16-image3{
                                 width: 85%;
                  }
                  
                  .page16-image4,
                  .page16-image5{
                                 width: 75%;
                  }

                  .page16-image5{
                                 margin-top: 20px;
                  }

                  .page16-image-flex2{
                                      text-align: left;
                                      margin-left: 0px;
                  }

                  /* ======= End css of page16 section ========== */

                  /* ======= Start css of page17 and page18 section ======== */
                  
                  .page17-flex-image-cover,
                  .page17-flex-image-cover2,
                  .page17-flex-image-cover3,
                  .page17-flex-image-cover4,
                  .page17-flex-image-cover5{
                                            display: block;
                  }
                  
                  .page17-image1,
                  .page17-image2,
                  .page17-image3,
                  .page17-image4,
                  .page17-image5,
                  .page17-image6,
                  .page17-image7{
                                 width: 100%;
                  }

                  .page17-image3,
                  .page17-image4{
                                 margin-top: 20px;
                  }

                  .page17-image4,
                  .page17-image5{
                                 margin-bottom: 20px;
                  }

                  .page17-image7{
                                 margin-top: 20px;
                  }
                  
                  /* ======= End css of page17 and page18 section ========== */

                  /* ======= Start css of page19 section ========= */

                  .page19-image1{
                                 width: 100%;
                  }

                  .page19-section ul{
                                     padding-left: 17px;
                  }

                  /* ======= End css of page19 section ======= */

                  /* ====== Start css of page20 section ======= */

                  .page20-image2,
                  .page20-image3{
                                 width: 100%;
                  }

                  .page20-paragraph-box2{
                                         padding: 0px 15px;
                  }

                  .btnprimarydesign{
                                    width: 220px;
                  }

                  /* ====== End css of page20 section ========= */

                  /* ====== Start css of page21 section ======== */
                  
                  .page21-image-flex-cover,
                  .page21-image-flex-cover2,
                  .page21-image-flex-cover3{
                                            display: block;
                  }

                  .page21-image1,
                  .page21-image2,
                  .page21-image3{
                                 width: 100%;
                  }

                  /* ====== End css of page21 section ========== */

                  /* ====== Start css of page22 section ======== */
                  
                  .page22-image1{
                                 width: 100%;
                  }

                  .page22-section ul{
                                     padding-left: 17px;
                  }

                  /* ====== End css of page22 section ========== */

                  /* ======== Start css of page23 section ========== */
                  
                  .page23-image-flex-cover{
                                           display: block;
                  }

                  .page23-image-flex-cover ol{
                                              padding-left: 17px;
                  }

                  .page23-image1,
                  .page23-outline-box{
                                      width: 100%;
                  }

                  .page23-image1{
                                 margin-right: 0px;
                  }

                  
                  /* ======== End css of page23 section ============ */

                  /* ======== Start css of page24 section ========== */
                  
                  .page24-image-flex-cover,
                  .page24-image-flex-cover2,
                  .page24-image-flex-cover3{
                                            display: block;
                  }
                  
                  .page24-image1{
                                 width: 60%;
                  }

                  .page24-image2{
                                 width: 100%;
                  }

                  .page24-image3{
                                 width: 70%;
                  }

                  /* ======== End css of page24 section ============ */

                  /* ======== Start css of page25 section =========== */
                  
                  .page25-image1{
                                 width: 70%;
                  }
                  
                  /* ======= css of question-answer-block ====== */
                  .question-block,
                  .answer-block{
                                margin-left: 12px;
                  }

                  .question-answer-block{
                                         margin: 30px 0px;
                  }

                  .answer-block ol{
                                   padding-left: 17px;
                  }

                  /* ======== End css of page25 section ============= */

                  /* ======== Start css of page27 section ========== */

                  .page27-image1{
                                 width: 100%;
                  }

                  /* ======== End css of page27 section ============ */

                  /* ======== Start css of page31 section ========== */
                 
                  .page31-section ol{
                                     padding-left: 17px;
                  }

                  .page31-image1{
                                 width: 100%;
                  }

                  .page31-image2{
                                 width: 90%;
                  }

                  /* ======== End css of page31 section ============ */

                  /* ======== Start css of page32 section ========== */
                   
                  .page32-image1,
                  .page32-image2,
                  .page32-image3{
                                 width: 100%;
                  }
                 

                  .page32-image-description-box3-flex{
                                                      display: block;
                                                      margin-top: 10px;
                  }

                  .page32-image-description-box3-flex1{
                                                       width: 100%;
                  }

                  .page32-image3{
                                 width: 100%;
                  }

                  .page32-image-description-box3-flex2{
                                                       width: 100%;
                                                       display: flex;
                                                       margin-top: 30px;
                  }

                  .page32-image4{
                                 width: 80%;
                  }

                  .page32-image-description-box3-flex3{
                                                      width: 20%;
                  }

                  /* ======== End css of page32 section ============ */

                  /* ======== Start css of page33 section ========= */
                  
                  .page33-image1{
                                 width: 100%;
                  }

                  .page33-image-description-box{
                                                width: 70%;
                                                display: block;
                  }

                  .page33-inner-image-description-box2{
                                                       margin-left: 0px;
                                                       margin-top: 30px;
                  }

                  
                  .float-right{
                               text-align: left!important;
                  }

                  /* ======== End css of page33 section =========== */

                  /* ======== Start css of page34 section ========= */
                  
                  .second-row,
                  .third-row,
                  .margintoponsmallscreen{
                                          margin-top: 50px!important;
                  }

                  .float-left{
                              text-align: left;
                  }

                  .float-right{
                               text-align: right;
                  }

                  .page34-image1{
                                 height: auto;
                  }

                  /* ======== End css of page34 section =========== */

                 
                  /* ======== Start css of page35 section =========== */

                  .page35-image1{
                                 width: 100%;
                  }

                  /* ======== End css of page35 section ============= */

                  /* ======== Start css of page36 section =========== */
                  
                  .page36-image-flex-cover{
                                            display: block;
                  }

                  .page36-image1{
                                 width: 100%;
                                 margin-right: 0px;
                                 margin-top: 20px;
                  }

                  /* ======== End css of page36 section ============= */

                  /* ======== Start css of page37 section ============ */
                  
                  .page37-image1{
                                 width: 70px;
                                 height: 70px;
                  }

                  /* ======== End css of page37 section ============== */

}

@media (min-width:576px) and (max-width:767.98px){

                  h1{
                     font-size: 30px;
                     margin: 0;
                  }

                  h2{
                     font-size: 22px;
                  }

                  h3{
                     font-size: 18px;
                  }

                  h4{
                     font-size: 16px;
                  }

                  li,
                  p,
                  dt,dd{
                         font-size: 14px;
                  }

                  .scan-image{
                              width: 90px;
                              height: 90px;
                  }

                  .scanner-image{
                                 margin: 25px 0px;
                  }

                  /* ====== Start css of page2 section ======= */

                  .paragraph-box li{
                                    font-size: 16px;
                  }

                  /* ====== End css of page2 section ========= */

                  /* ====== Start css of page5 section ====== */

                  .page5-image-cover{
                                     margin-left: 68px;
                  }
                  
                  .page5scanimage{
                                  width: 80px;
                                  height: 76px;
                  }

                  .bluepadding{
                               padding-left: 140px;
                  }

                  /* ====== End css of page5 section ======== */

                  /* ====== Start css of page6 section ======= */
                  
                  .page6-image-flex-cover{
                                          display: block;
                  }

                  .page6-image1,
                  .page6-image2,
                  .page6-image3,
                  .page6-image4{
                                margin-bottom: 15px;
                  }

                  /* ====== End css of page6 section ========= */

                  /* ====== Start css of page8 section ======== */

                  .page8-image-flex-cover{
                                          display: block;
                  }
                  
                  .page8-image1,
                  .page8-image2{
                                width: 70%;
                  }

                  /* ====== End css of page8 section ========= */

                  /* ====== Start css of page9 section ====== */

                  .page9-image-flex-cover{
                                          display: block;
                  }
                  
                  .page9-image1{
                                width: 75%;
                  }

                  /* ====== End css of page9 section ======== */

                  /* ====== Start css of page10 section ====== */

                  .page10-image1{
                                 width: 50%;
                  }

                  .page10-image2,
                  .page10-image3{
                                 width: 60%;
                  }

                  /* ====== End css of page10 section ======== */

                  /* ====== Start css of page11 section ======= */

                  .page11-image1{
                                 width: 50%;
                  }

                  .page11-image-flex-cover2{
                                            display: block;
                  }

                  .page11-image2,
                  .page11-image3{
                                 width: 65%;
                  }

                  .page11-image3{
                                 margin-top: 20px;
                                 margin-left: 0px;
                                 margin-right: 0px;
                  }

                  .page11-paragraph-box{
                                        width: 100%;
                  }

                  /* ====== End css of page11 section ========= */

                  /* ====== Start css of page12 section ======== */

                  .page12-image1{
                                 width: 65%;
                                 margin-right: 10px;
                  }

                  .page12-image-flex-cover2{
                                            display: block;
                  }

                  .page12-image2,
                  .page12-image3{
                                 width: 65%;
                  }

                  .page12-image3{
                                 margin-top: 20px;
                                 margin-left: 0px;
                                 margin-right: 0px;
                  }

                  .page12-paragraph-box{
                                        width: 100%;
                  }
                  
                  /* ====== End css of page12 section ========== */

                  /* ====== Start css of page13 section ======== */
                  
                  .page13-image-flex-cover{
                                           display: block;
                  }

                  .page13-image1{
                                 width: 70%;
                  }

                  .page13-image2{
                                 width: 65%;
                                 margin-right: 0px;
                  }

                  .page13-image3{
                                 width: 90%;
                  }

                  /* ====== End css of page13 section ========== */

                  /* ======= Start css of page14 section ======== */
                  
                  .page14-image1{
                                 width: 75%;
                  }

                  /* ======= End css of page14 section ========== */

                  /* ======= Start css of page15 section ======== */

                  .page15-image-flex-cover2{
                                            display: block;
                  }
                  
                  .page15-image2{
                                 width: 85%;
                  }

                  .page15-paragraph-box2{
                                         width: 90%;
                                         margin-top: 20px;
                  }

                  /* ======= End css of page15 section ========== */

                  /* ======= Start css of page16 section ======== */
                  
                  .page16-image1{
                                 width: 100%;
                  }

                  .page16-image-flex-cover2{
                                            display: block;
                  }
                  
                  .page16-image4{
                                 width: 50%;
                  }

                  .page16-image5{
                                 width: 50%;
                                 margin-top: 20px;
                  }

                  .page16-image-flex2{
                                      text-align: left;
                                      margin-left: 20px;
                  }

                  /* ======= End css of page16 section ========== */

                  /* ======= Start css of page17 and page18 section ======== */

                  .page17-image1,
                  .page17-image2,
                  .page17-image3{
                                 width: 65%;
                  }

                  .page17-flex-image-cover4,
                  .page17-flex-image-cover5{
                                            display: block;
                  }

                  .page17-image4,
                  .page17-image5,
                  .page17-image6,
                  .page17-image7{
                                 width: 65%;
                  }

                  .page17-image4{
                                 margin-bottom: 15px;
                  }

                  .page17-image7{
                                 margin-top: 20px;
                  }
                  
                  /* ======= End css of page17 and page18 section ========== */

                  /* ======= Start css of page19 section ========= */

                  .page19-image1{
                                 width: 95%;
                  }

                  /* ======= End css of page19 section ======= */

                  /* ====== Start css of page20 section ======= */

                  .page20-image2{
                                 width: 90%;
                  }

                  .page20-image3{
                                 width: 97%;
                  }

                  /* ====== End css of page20 section ========= */

                  /* ====== Start css of page21 section ======== */
                  
                  .page21-image-flex-cover,
                  .page21-image-flex-cover2,
                  .page21-image-flex-cover3{
                                            display: block;
                  }

                  .page21-image1,
                  .page21-image2,
                  .page21-image3{
                                 width: 80%;
                  }

                  /* ====== End css of page21 section ========== */

                  /* ====== Start css of page22 section ======== */
                  
                  .page22-image1{
                                 width: 80%;
                  }

                  /* ====== End css of page22 section ========== */

                  /* ======== Start css of page23 section ========== */
                  
                  .page23-image-flex-cover{
                                           display: block;
                  }

                  .page23-image1,
                  .page23-outline-box{
                                      width: 75%;
                  }

                  .page23-image1{
                                 margin-right: 0px;
                  }

                  
                  /* ======== End css of page23 section ============ */

                  /* ======== Start css of page24 section ========== */
                  
                  .page24-image1
                  {
                                 width: 40%;
                  }
                  
                  .page24-image2{
                                 width: 65%;
                  }

                  .page24-image-flex-cover3{
                                            display: block;
                  }

                  .page24-image3{
                                 width: 40%;
                  }

                  /* ======== End css of page24 section ============ */

                  /* ======== Start css of page25 section =========== */
                  
                  .page25-image1{
                                 width: 45%;
                  }

                  /* ======== End css of page25 section ============= */

                  /* ======== Start css of page27 section ========== */

                  .page27-image1{
                                 width: 80%;
                  }

                  /* ======== End css of page27 section ============ */

                  /* ======== Start css of page31 section ========== */
                  
                  .page31-image1{
                                 width: 100%;
                  }

                  /* ======== End css of page31 section ============ */

                  /* ======== Start css of page32 section ========== */
                   
                  .page32-image1{
                                 width: 95%;
                  }

                  .page32-image2{
                                 width: 68%;
                  }

                  .page32-image-description-box3-flex1{
                                                       width: 50%;
                  }

                  .page32-image3{
                                 width: 100%;
                  }

                  .page32-image-description-box3-flex2{
                                                       width: 50%;
                                                       display: flex;
                  }

                  .page32-image4{
                                 width: 80%;
                  }

                  .page32-image-description-box3-flex3{
                                                      width: 20%;
                  }

                  /* ======== End css of page32 section ============ */

                  /* ======== Start css of page33 section ========= */
                  
                  .page33-image1{
                                 width: 90%;
                  }

                  .page33-image-description-box{
                                                width: 100%;
                  }

                  /* ======== End css of page33 section =========== */

                  .page34-image1{
                                 height: 250px;
                  }

                  /* ======== Start css of page35 section =========== */

                  .page35-image1{
                                 width: 100%;
                  }

                  /* ======== End css of page35 section ============= */

                  /* ======== Start css of page36 section =========== */
                  
                  .page36-image1{
                                 width: 75%;
                                 margin-right: 10px;
                  }

                  /* ======== End css of page36 section ============= */

                  /* ======== Start css of page37 section ============ */
                  
                  .page37-image1{
                                 width: 90px;
                                 height: 90px;
                  }

                  /* ======== End css of page37 section ============== */

}

@media (min-width: 768px) and (max-width: 991.98px){

                  h1{
                     font-size: 32px;
                     margin: 0;
                  }

                  h2{
                     font-size: 24px;
                  }

                  h3{
                     font-size: 20px;
                  }

                  h4{
                     font-size: 18px;
                  }

                  li,
                  p,
                  dt,dd{
                         font-size: 16px;
                  }

                  .scan-image{
                              width: 100px;
                              height: 100px;
                  }

                  /* ====== Start css of page2 section ======= */
                  
                  .paragraph-box li{
                                    font-size: 18px;
                  }

                  /* ====== End css of page2 section ========= */

                  /* ====== Start css of page5 section ====== */
                  
                  .page5scanimage{
                                  width: 80px;
                                  height: 80px;
                  }

                  /* ====== End css of page5 section ======== */

                  /* ====== Start css of page6 section ======= */
                  
                  .page6-image1{
                                 width: 80%;
                  }

                  .page6-image2{
                                width: 60%;
                  }

                  .page6-image3,
                  .page6-image4{
                                width: 95%;
                  }

                  /* ====== End css of page6 section ========= */

                  /* ====== Start css of page8 section ======== */
                  
                  .page8-image1,
                  .page8-image2{
                                width: 60%;
                  }

                  /* ====== End css of page8 section ========= */

                  /* ====== Start css of page9 section ====== */
                  
                  .page9-image1{
                                width: 65%;
                  }

                  /* ====== End css of page9 section ======== */

                  /* ====== Start css of page10 section ====== */

                  .page10-image1{
                                 width: 45%;
                  }

                  .page10-image2,
                  .page10-image3{
                                 width: 55%;
                  }

                  /* ====== End css of page10 section ======== */

                  /* ====== Start css of page11 section ======= */

                  .page11-image1{
                                 width: 45%;
                  }

                  .page11-image-flex-cover2{
                                            display: block;
                  }

                  .page11-image2,
                  .page11-image3{
                                 width: 55%;
                  }

                  .page11-image3{
                                 margin-top: 20px;
                                 margin-left: 0px;
                                 margin-right: 0px;
                  }

                  .page11-paragraph-box{
                                        width: 100%;
                  }

                  /* ====== End css of page11 section ========= */

                  /* ====== Start css of page12 section ======== */

                  .page12-image1{
                                 width: 65%;
                                 margin-right: 10px;
                  }

                  .page12-image-flex-cover2{
                                            display: block;
                  }

                  .page12-image2,
                  .page12-image3{
                                 width: 65%;
                  }

                  .page12-image3{
                                 margin-top: 20px;
                                 margin-left: 0px;
                                 margin-right: 0px;
                  }

                  .page12-paragraph-box{
                                        width: 100%;
                  }
                  
                  /* ====== End css of page12 section ========== */

                  /* ====== Start css of page13 section ======== */

                  .page13-image1{
                                 width: 60%;
                  }

                  .page13-image2{
                                 width: 50%;
                                 margin-right: 10px;
                  }

                  /* ====== End css of page13 section ========== */

                  /* ======= Start css of page14 section ======== */
                  
                  .page14-image1{
                                 width: 60%;
                  }

                  /* ======= End css of page14 section ========== */

                  /* ======= Start css of page15 section ======== */

                  .page15-image-flex-cover2{
                                            display: block;
                  }
                  
                  .page15-image2{
                                 width: 60%;
                  }

                  .page15-paragraph-box2{
                                         width: 90%;
                                         margin-top: 20px;
                  }

                  /* ======= End css of page15 section ========== */

                  /* ======= Start css of page16 section ======== */
                  
                  .page16-image1{
                                 width: 100%;
                  }
                  
                  .page16-image4,
                  .page16-image5{
                                 width: 50%;
                  }

                  /* ======= End css of page16 section ========== */

                  /* ======= Start css of page17 section ======== */

                  .page17-image1,
                  .page17-image2,
                  .page17-image3,
                  .page17-image4,
                  .page17-image6{
                                 width: 50%;
                  }
                  
                  /* ======= End css of page17 section ========== */

                  /* ======= Start css of page19 section ========= */

                  .page19-image1{
                                 width: 80%;
                  }

                  /* ======= End css of page19 section ======= */

                  /* ====== Start css of page20 section ======= */

                  .page20-image2{
                                 width: 80%;
                  }

                  /* ====== End css of page20 section ========= */

                  /* ====== Start css of page21 section ======== */
                  
                  .page21-image1,
                  .page21-image2,
                  .page21-image3{
                                 width: 50%;
                  }

                  /* ====== End css of page21 section ========== */

                  /* ====== Start css of page22 section ======== */
                  
                  .page22-image1{
                                 width: 80%;
                  }

                  /* ====== End css of page22 section ========== */

                  /* ======== Start css of page23 section ========== */

                  .page23-image1,
                  .page23-outline-box{
                                      width: 55%;
                  }

                  .page23-image1{
                                 margin-right: 10px;
                  }

                  
                  /* ======== End css of page23 section ============ */

                  /* ======== Start css of page24 section ========== */
                  
                  .page24-image1
                  {
                                 width: 35%;
                  }
                  
                  .page24-image2{
                                 width: 60%;
                  }

                  .page24-image3{
                                 width: 40%;
                  }

                  /* ======== End css of page24 section ============ */

                  /* ======== Start css of page25 section =========== */
                  
                  .page25-image1{
                                 width: 40%;
                  }

                  /* ======== End css of page25 section ============= */

                  /* ======== Start css of page27 section ========== */

                  .page27-image1{
                                 width: 80%;
                  }

                  /* ======== End css of page27 section ============ */

                  /* ======== Start css of page31 section ========== */
                  
                  .page31-image1{
                                 width: 95%;
                  }

                  /* ======== End css of page31 section ============ */

                  /* ======== Start css of page32 section ========== */
                   
                  .page32-image1{
                                 width: 80%;
                  }

                  .page32-image2{
                                 width: 60%;
                  }

                  .page32-image-description-box3-flex1{
                                                       width: 50%;
                  }

                  .page32-image3{
                                 width: 100%;
                  }

                  .page32-image-description-box3-flex2{
                                                       width: 50%;
                                                       display: flex;
                  }

                  .page32-image4{
                                 width: 80%;
                  }

                  .page32-image-description-box3-flex3{
                                                      width: 20%;
                  }

                  /* ======== End css of page32 section ============ */

                  /* ======== Start css of page33 section ========= */
                  
                  .page33-image1{
                                 width: 75%;
                  }

                  .page33-image-description-box{
                                                width: 100%;
                  }

                  /* ======== End css of page33 section =========== */

                  .page34-image1{
                                 height: 290px;
                  }

                  /* ======== Start css of page35 section =========== */

                  .page35-image1{
                                 width: 95%;
                  }

                  /* ======== End css of page35 section ============= */

                  /* ======== Start css of page36 section =========== */
                  
                  .page36-image1{
                                 width: 65%;
                  }

                  /* ======== End css of page36 section ============= */

                  /* ======== Start css of page37 section ============ */
                  
                  .page37-image1{
                                 width: 95px;
                                 height: 95px;
                  }

                  /* ======== End css of page37 section ============== */

}

@media (min-width: 992px) and (max-width: 1199.98px){

                  h1{
                     font-size: 32px;
                     margin: 0;
                  }

                  h2{
                     font-size: 24px;
                  }

                  h3{
                     font-size: 20px;
                  }

                  h4{
                     font-size: 18px;
                  }

                  li,
                  p,
                  dt,dd{
                         font-size: 16px;
                  }

                  .scan-image{
                              width: 100px;
                              height: 100px;
                  }

                  /* ====== Start css of page2 section ======== */
                  
                  .paragraph-box li{
                                    font-size: 18px;
                  }

                  /* ====== End css of page2 section ========== */

                  /* ====== Start css of page5 section ====== */
                  
                  .page5scanimage{
                                  width: 80px;
                                  height: 80px;
                  }

                  .bluepadding{
                               padding-left: 160px;
                  }

                  /* ====== End css of page5 section ======== */

                  /* ====== Start css of page6 section ======= */
                  
                  .page6-image1{
                                 width: 80%;
                  }

                  .page6-image2{
                                width: 60%;
                  }

                  .page6-image3,
                  .page6-image4{
                                width: 95%;
                  }

                  /* ====== End css of page6 section ========= */

                  /* ====== Start css of page8 section ======== */
                  
                  .page8-image1,
                  .page8-image2{
                                width: 60%;
                  }

                  /* ====== End css of page8 section ========= */

                  /* ====== Start css of page9 section ====== */
                  
                  .page9-image1{
                                width: 65%;
                  }

                  /* ====== End css of page9 section ======== */

                  /* ====== Start css of page10 section ====== */

                  .page10-image1{
                                 width: 45%;
                  }

                  .page10-image2,
                  .page10-image3{
                                 width: 55%;
                  }

                  /* ====== End css of page10 section ======== */

                  /* ====== Start css of page11 section ======= */

                  .page11-image1{
                                 width: 45%;
                  }

                  .page11-image-flex-cover2{
                                            display: block;
                  }

                  .page11-image2,
                  .page11-image3{
                                 width: 55%;
                  }

                  .page11-image3{
                                 margin-top: 20px;
                                 margin-left: 0px;
                                 margin-right: 0px;
                  }

                  .page11-paragraph-box{
                                        width: 100%;
                  }

                  /* ====== End css of page11 section ========= */

                  /* ====== Start css of page12 section ======== */

                  .page12-image1{
                                 width: 65%;
                                 margin-right: 10px;
                  }

                  .page12-image-flex-cover2{
                                            display: block;
                  }

                  .page12-image2,
                  .page12-image3{
                                 width: 65%;
                  }

                  .page12-image3{
                                 margin-top: 20px;
                                 margin-left: 0px;
                                 margin-right: 0px;
                  }

                  .page12-paragraph-box{
                                        width: 100%;
                  }
                  
                  /* ====== End css of page12 section ========== */

                  /* ====== Start css of page13 section ======== */

                  .page13-image1{
                                 width: 60%;
                  }

                  .page13-image2{
                                 width: 50%;
                                 margin-right: 10px;
                  }

                  /* ====== End css of page13 section ========== */

                  /* ======= Start css of page14 section ======== */
                  
                  .page14-image1{
                                 width: 60%;
                  }

                  /* ======= End css of page14 section ========== */

                  /* ======= Start css of page15 section ======== */

                  .page15-image-flex-cover2{
                                            display: block;
                  }
                  
                  .page15-image2{
                                 width: 60%;
                  }

                  .page15-paragraph-box2{
                                         width: 90%;
                                         margin-top: 20px;
                  }

                  /* ======= End css of page15 section ========== */

                  /* ======= Start css of page16 section ======== */
                  
                  .page16-image1{
                                 width: 100%;
                  }
                  
                  .page16-image4,
                  .page16-image5{
                                 width: 50%;
                  }

                  /* ======= End css of page16 section ========== */

                  /* ======= Start css of page17 section ======== */

                  .page17-image1,
                  .page17-image2,
                  .page17-image3,
                  .page17-image4,
                  .page17-image6{
                                 width: 50%;
                  }
                  
                  /* ======= End css of page17 section ========== */

                  /* ======= Start css of page19 section ========= */

                  .page19-image1{
                                 width: 80%;
                  }

                  /* ======= End css of page19 section ======= */

                  /* ====== Start css of page20 section ======= */

                  .page20-image2{
                                 width: 80%;
                  }

                  /* ====== End css of page20 section ========= */

                  /* ====== Start css of page21 section ======== */
                  
                  .page21-image1,
                  .page21-image2,
                  .page21-image3{
                                 width: 50%;
                  }

                  /* ====== End css of page21 section ========== */

                  /* ====== Start css of page22 section ======== */
                  
                  .page22-image1{
                                 width: 80%;
                  }

                  /* ====== End css of page22 section ========== */

                  /* ======== Start css of page23 section ========== */

                  .page23-image1,
                  .page23-outline-box{
                                      width: 55%;
                  }

                  .page23-image1{
                                 margin-right: 10px;
                  }

                  
                  /* ======== End css of page23 section ============ */

                  /* ======== Start css of page24 section ========== */
                  
                  .page24-image1
                  {
                                 width: 35%;
                  }
                  
                  .page24-image2{
                                 width: 60%;
                  }

                  .page24-image3{
                                 width: 40%;
                  }

                  /* ======== End css of page24 section ============ */

                  /* ======== Start css of page25 section =========== */
                  
                  .page25-image1{
                                 width: 40%;
                  }

                  /* ======== End css of page25 section ============= */

                  /* ======== Start css of page27 section ========== */

                  .page27-image1{
                                 width: 80%;
                  }

                  /* ======== End css of page27 section ============ */

                  /* ======== Start css of page31 section ========== */
                  
                  .page31-image1{
                                 width: 95%;
                  }

                  /* ======== End css of page31 section ============ */

                  /* ======== Start css of page32 section ========== */
                   
                  .page32-image1{
                                 width: 80%;
                  }

                  .page32-image2{
                                 width: 60%;
                  }

                  .page32-image-description-box3-flex1{
                                                       width: 50%;
                  }

                  .page32-image3{
                                 width: 100%;
                  }

                  .page32-image-description-box3-flex2{
                                                       width: 50%;
                                                       display: flex;
                  }

                  .page32-image4{
                                 width: 80%;
                  }

                  .page32-image-description-box3-flex3{
                                                      width: 20%;
                  }
                  
                  /* ======== End css of page32 section ============ */

                  /* ======== Start css of page33 section ========= */
                  
                  .page33-image1{
                                 width: 75%;
                  }

                  .page33-image-description-box{
                                                width: 100%;
                  }

                  /* ======== End css of page33 section =========== */

                  .page34-image1{
                       height: 250px;
                  }

                  /* ======== Start css of page35 section =========== */

                  .page35-image1{
                                 width: 95%;
                  }

                  /* ======== End css of page35 section ============= */

                  /* ======== Start css of page36 section =========== */
                  
                  .page36-image1{
                                 width: 65%;
                  }

                  /* ======== End css of page36 section ============= */

                  /* ======== Start css of page37 section ============ */
                  
                  .page37-image1{
                                 width: 95px;
                                 height: 95px;
                  }

                  /* ======== End css of page37 section ============== */

}

@media (min-width: 1200px) and (max-width: 1399.98px){

        .page34-image1{
                       height: 320px;
        }
                

}

/* ============ End Css of Media query =============== */