@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');






/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */













/* 1e. Forms */










































/* 1g. Website header */








/* 1h. Website footer */








.content-wrapper {
  max-width: 1240px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 1rem;
}

.dnd-section > .row-fluid {
  max-width: 1240px;
}





html {
  font-size: 18px;
}

body {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #0f643f;
  font-size: 18px;
  margin :0; padding : 0; line-height : 1.3;
}

/* Paragraphs */

p {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;line-height : 1.3; margin : 0
}

/* Anchors */

a {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #333435; display : inline-block; transition : all ease-in-out 0.3s;
}

a:hover,
a:focus {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;

}

a:active {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #5b5c5d;
}

/* Headings */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { margin :0; padding : 0 }
h1,
.h1 {
  font-weight: 500; text-decoration: none; font-family: 'IBM Plex Sans', serif; font-style: normal;
  color: #333435;
  font-size: 43px;
  text-transform: none;
  line-height : 1.3;
}

h2,
.h2 {
  font-weight: 500; text-decoration: none; font-family: 'IBM Plex Sans', serif; font-style: normal;
  color: #333435;
  font-size: 30px;
  text-transform: none;
  line-height : 1.3;
}

h3,
.h3 {
  font-weight: 500; text-decoration: none; font-family: 'IBM Plex Sans', serif; font-style: normal;
  color: #333435;
  font-size: 25px;
  text-transform: none;
  line-height : 1.3;
}

h4,
.h4 {
  font-weight: normal; text-decoration: none; font-family: 'IBM Plex Sans', serif; font-style: normal;
  color: #333435;
  font-size: 22px;
  text-transform: none;
  line-height : 1.3;
}

h5,
.h5 {
  font-weight: normal; text-decoration: none; font-family: 'IBM Plex Sans', serif; font-style: normal;
  color: #333435;
  font-size: 20px;
  text-transform: none;
  line-height : 1.3;
}

h6,
.h6 {
  font-weight: normal; text-decoration: none; font-family: 'IBM Plex Sans', serif; font-style: normal;
  color: #333435;
  font-size: 18px;
  text-transform: none;
  line-height : 1.3;
}

/* Blockquote */

blockquote {
  border-left-color: #0F643F;
}





button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
  border: 1px solid #0F643F;

  padding-top: 13px;
padding-right: 30px;
padding-bottom: 13px;
padding-left: 30px;

  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(15, 100, 63, 1.0)

;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 21px;
  text-transform: none;
  box-shadow: 0px 3px 6px #00000029;
}

button:hover,

.button:hover,

.hs-button:hover,

.hs-blog-post-listing__post-button:hover {
  border: 1px solid #FFFFFF;
;
  color: 

  
  
    
  


  rgba(15, 100, 63, 1.0)

;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-radius: 4px;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(55, 140, 103, 1.0);
  border-color: #378c67;
}





form,
.submitted-message {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border: 1px none #0F643F;
;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: 

  
  
    
  


  rgba(15, 100, 63, 0.0)

;
  padding: 0px;
;
}

/* Form title */

.form-title {
  border: 1px none #0F643F;
;
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
;
  font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; text-decoration: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 25px;
  color: #333435;
  background-color: 

  
  
    
  


  rgba(15, 100, 63, 0.0)

;
}


/* Labels */

form label {
  color: #0f643f;
}

/* Help text */

form legend {
  color: #0f643f;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form input[type=date],
form select,
form textarea {
  border: 2px solid #D8D8D8;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #0f643f;
  border-radius: 4px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: rgba(98, 94, 94, 0.5);
}

::-moz-placeholder {
  color: rgba(98, 94, 94,0.5);
}

:-ms-input-placeholder {
  color: rgba(98, 94, 94,0.5);
}

::placeholder {
  color: rgba(98, 94, 94,0.5);
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #0f643f;
}

.fn-date-picker td.is-selected .pika-button {
  background: #0f643f;
}

.fn-date-picker td .pika-button:hover {
  background-color: #0f643f !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #0f643f;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 1px none #0f643f;
;
  padding-top: 13px;
padding-right: 30px;
padding-bottom: 13px;
padding-left: 30px;
;
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 22px;
  background-color: 

  
  
    
  


  rgba(15, 100, 63, 1.0)

;
  border-radius: 4px;
  text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #0F643F;
  border: 1px none #FFFFFF;
;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(55, 140, 103, 1.0);
  border-color: #378c67;
}





.header {
  background-color: 

  
  
    
  


  rgba(15, 100, 63, 1.0)

;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #0f643f;
  font-family: Lato;
}

.menu__child-toggle-icon {
  border-top-color: #0f643f;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #003c17;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #003c17;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #378c67;
}

.menu__child-toggle-icon:active {
  border-top-color: #378c67;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #0f643f;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 2px solid #0f643f;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px solid #0f643f;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #0f643f;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #0f643f;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(15, 100, 63, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(15, 100, 63, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Lato;
}

.header__language-switcher-label-current:after {
  border-top-color: #0f643f;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(15, 100, 63, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #0f643f;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(15, 100, 63, 1.0)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #0f643f;
}








ul { margin : 0; padding : 0; list-style: none; }

/* Font Size */
.font14 a,.font14, .font14 p{font-size:14px;}
.font15 a,.font15, .font15 p{font-size:15px;}
.font16 a,.font16,.font16 p{font-size:16px;}
.font17 a,.font17,.font17 p{font-size:17px;}
.font18 a,.font18,.font18 p{font-size:18px;}

/* line-height */
.lh1,  .lh1 a,  .lh1 h1,  .lh1 h2, .lh1 h3,   .lh1 h4,  .lh1 h5,  .lh1 h6,   .lh1 p    { line-height : 1 }
.lh11, .lh11 a, .lh11 h1, .lh11 h2, .lh11 h3, .lh11 h4, .lh11 h5, .lh11 h6, .lh11 p { line-height : 1.1 }
.lh12, .lh12 a, .lh12 h1, .lh12 h2, .lh12 h3, .lh12 h4, .lh12 h5, .lh12 h6, .lh12 p { line-height : 1.2 }
.lh13, .lh13 a, .lh13 h1, .lh13 h2, .lh13 h3, .lh13 h4, .lh13 h5, .lh13 h6, .lh13 p   { line-height : 1.3 }
.lh14, .lh14 a, .lh14 h1, .lh14 h2, .lh14 h3, .lh14 h4, .lh14 h5, .lh14 h6, .lh14 p { line-height : 1.4 }
.lh15, .lh15 a, .lh15 h1, .lh15 h2, .lh15 h3, .lh15 h4, .lh15 h5, .lh15 h6, .lh15 p { line-height : 1.5 }
.lh16, .lh16 a, .lh16 h1, .lh16 h2, .lh16 h3, .lh16 h4, .lh16 h5, .lh16 h6, .lh16 p { line-height : 1.6 }



img { max-width:100%; width :100%; height:auto; border:none; vertical-align:middle; }

/* font-weight */
.extrabold, .extrabold h1, .extrabold h2, .extrabold h3, .extrabold h4, .extrabold h5, .extrabold h6, .extrabold p, .extrabold li  { font-weight:800; }
.bold, .bold h1, .bold h2, .bold h3, .bold h4, .bold h5, .bold h6, .bold p , .bold li { font-weight:700; }
.semibold, .semibold h1, .semibold h2, .semibold h3, .semibold h4, .semibold h5, .semibold h6, .semibold p, .semibold li  { font-weight:600; }
.medium, .medium h1, .medium h2, .medium h3, .medium h4, .medium h5, .medium h6, .medium p, .medium li  { font-weight:500; }
.normal, .normal h1, .normal h2, .normal h3, .normal h4, .normal h5, .normal h6, .normal p, .normal li { font-weight:400; }
.light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p, .light li { font-weight:300; }

/* letterspacing */
.ls3,.ls3 p { letter-spacing : -0.03em }
.ls5,.ls5 p { letter-spacing : -0.05em }

/* text style */
.uppercase { text-transform: uppercase; }
.text-center { text-align:center; }
.text-right { text-align:right; }
.text-left { text-align:left; }
.font-italic{font-style: italic;}
.bg { background-repeat : no-repeat; background-size : cover; background-position : center center }

/* put listStyle class to "parent" tag of "ul" */
.nolistStyle, .nolistStyle ul{padding:0; margin:0; list-style-type: none;}
.listStyle * + ul { margin-top:15px; }
.listStyle ul li { padding-left:25px; position:relative; }
.listStyle ul li:before { font-family:'fontawesome',sans-serif; position:absolute; left:4px; color:#0078ff; font-weight:normal; top:2px;  }
.listStyle ul li:not([class*="fa-"]):before { content:"\f111"; font-size:60%; line-height:2; } /*Default without any class in <li> if you want any other font awesome icon just put icon class in <li class="fa-angle-right"> Content</li> */

/* Widths */
.fl { float:left; }  
.fr { float:right; }  
.ib { display: inline-block; vertical-align:middle; margin-right:-4px; }
.ib.vt { vertical-align:top;  }
.d_block {display: block !important; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.33%; }
.w35 { width:  35%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w50 { width: 50%; }
.w55 { width: 55%; }
.w60 { width: 60%; }
.w65 { width: 65%; }
.w66 { width: 66.66%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w100 { width: 100%; }

/* Max-width */
.max300{max-width:300px; width:100%;}
.max350{max-width:350px; width:100%;}
.max400{max-width:400px; width:100%;}
.max450{max-width:450px; width:100%;}
.max500{max-width:500px; width:100%;}
.max550{max-width:550px; width:100%;}
.max600{max-width:600px; width:100%;}
.max650{max-width:650px; width:100%;}
.max630{max-width:630px; width:100%;}
.max700{max-width:700px; width:100%;}
.max750{max-width:750px; width:100%;}
.max770{max-width:770px; width:100%;}
.max800{max-width:800px; width:100%;}
.max810{max-width:810px; width:100%;}
.max880{max-width:880px; width:100%;}
.max900{max-width:900px; width:100%;}
.max950{max-width:950px; width:100%;}
.max1000{max-width:1000px; width:100%;}
.max1100{max-width:1100px; width:100%;}
.maxfull { max-width : 100%; width : 100%; }
.widthCenter{margin:0 auto;}
.widthend{margin:0 0 0 auto;}

/* flex */
.d_flex { display: flex; flex-wrap : wrap }
.align_center { align-items: center; }
.align_start { align-items: flex-start; }
.align_end { align-items: flex-end; }
.space_between { justify-content: space-between; }  
.flex_start { justify-content: flex-start; }  
.flex_end { justify-content: flex-end; }  
.flex_center { justify-content: center; }
.flex_column { flex-direction : column }
.nowrap { flex-wrap : nowrap }


/* flex-order */

.order1 { order : 1; }}

.order2 { order : 2; }}

.order3 { order : 3; }}

.order4 { order : 4; }}

.order5 { order : 5; }}

.order6 { order : 6; }}

.order7 { order : 7; }}

.order8 { order : 8; }}

.order9 { order : 9; }}

.order10 { order : 10; }}

.order11 { order : 11; }}

.order12 { order : 12; }}

.order13 { order : 13; }}

.order14 { order : 14; }}

.order15 { order : 15; }}

.order16 { order : 16; }}

.order17 { order : 17; }}

.order18 { order : 18; }}

.order19 { order : 19; }}

.order20 { order : 20; }}

.order21 { order : 21; }}

.order22 { order : 22; }}

.order23 { order : 23; }}

.order24 { order : 24; }}

.order25 { order : 25; }}

.order26 { order : 26; }}

.order27 { order : 27; }}

.order28 { order : 28; }}

.order29 { order : 29; }}


/* flex-gap */

.gap1 { gap : 1px; }
.columngap1 { column-gap : 1px;}
.rowgap1 { row-gap : 1px;}

.gap2 { gap : 2px; }
.columngap2 { column-gap : 2px;}
.rowgap2 { row-gap : 2px;}

.gap3 { gap : 3px; }
.columngap3 { column-gap : 3px;}
.rowgap3 { row-gap : 3px;}

.gap4 { gap : 4px; }
.columngap4 { column-gap : 4px;}
.rowgap4 { row-gap : 4px;}

.gap5 { gap : 5px; }
.columngap5 { column-gap : 5px;}
.rowgap5 { row-gap : 5px;}

.gap6 { gap : 6px; }
.columngap6 { column-gap : 6px;}
.rowgap6 { row-gap : 6px;}

.gap7 { gap : 7px; }
.columngap7 { column-gap : 7px;}
.rowgap7 { row-gap : 7px;}

.gap8 { gap : 8px; }
.columngap8 { column-gap : 8px;}
.rowgap8 { row-gap : 8px;}

.gap9 { gap : 9px; }
.columngap9 { column-gap : 9px;}
.rowgap9 { row-gap : 9px;}

.gap10 { gap : 10px; }
.columngap10 { column-gap : 10px;}
.rowgap10 { row-gap : 10px;}

.gap11 { gap : 11px; }
.columngap11 { column-gap : 11px;}
.rowgap11 { row-gap : 11px;}

.gap12 { gap : 12px; }
.columngap12 { column-gap : 12px;}
.rowgap12 { row-gap : 12px;}

.gap13 { gap : 13px; }
.columngap13 { column-gap : 13px;}
.rowgap13 { row-gap : 13px;}

.gap14 { gap : 14px; }
.columngap14 { column-gap : 14px;}
.rowgap14 { row-gap : 14px;}

.gap15 { gap : 15px; }
.columngap15 { column-gap : 15px;}
.rowgap15 { row-gap : 15px;}

.gap16 { gap : 16px; }
.columngap16 { column-gap : 16px;}
.rowgap16 { row-gap : 16px;}

.gap17 { gap : 17px; }
.columngap17 { column-gap : 17px;}
.rowgap17 { row-gap : 17px;}

.gap18 { gap : 18px; }
.columngap18 { column-gap : 18px;}
.rowgap18 { row-gap : 18px;}

.gap19 { gap : 19px; }
.columngap19 { column-gap : 19px;}
.rowgap19 { row-gap : 19px;}

.gap20 { gap : 20px; }
.columngap20 { column-gap : 20px;}
.rowgap20 { row-gap : 20px;}

.gap21 { gap : 21px; }
.columngap21 { column-gap : 21px;}
.rowgap21 { row-gap : 21px;}

.gap22 { gap : 22px; }
.columngap22 { column-gap : 22px;}
.rowgap22 { row-gap : 22px;}

.gap23 { gap : 23px; }
.columngap23 { column-gap : 23px;}
.rowgap23 { row-gap : 23px;}

.gap24 { gap : 24px; }
.columngap24 { column-gap : 24px;}
.rowgap24 { row-gap : 24px;}

.gap25 { gap : 25px; }
.columngap25 { column-gap : 25px;}
.rowgap25 { row-gap : 25px;}

.gap26 { gap : 26px; }
.columngap26 { column-gap : 26px;}
.rowgap26 { row-gap : 26px;}

.gap27 { gap : 27px; }
.columngap27 { column-gap : 27px;}
.rowgap27 { row-gap : 27px;}

.gap28 { gap : 28px; }
.columngap28 { column-gap : 28px;}
.rowgap28 { row-gap : 28px;}

.gap29 { gap : 29px; }
.columngap29 { column-gap : 29px;}
.rowgap29 { row-gap : 29px;}

.gap30 { gap : 30px; }
.columngap30 { column-gap : 30px;}
.rowgap30 { row-gap : 30px;}

.gap31 { gap : 31px; }
.columngap31 { column-gap : 31px;}
.rowgap31 { row-gap : 31px;}

.gap32 { gap : 32px; }
.columngap32 { column-gap : 32px;}
.rowgap32 { row-gap : 32px;}

.gap33 { gap : 33px; }
.columngap33 { column-gap : 33px;}
.rowgap33 { row-gap : 33px;}

.gap34 { gap : 34px; }
.columngap34 { column-gap : 34px;}
.rowgap34 { row-gap : 34px;}

.gap35 { gap : 35px; }
.columngap35 { column-gap : 35px;}
.rowgap35 { row-gap : 35px;}

.gap36 { gap : 36px; }
.columngap36 { column-gap : 36px;}
.rowgap36 { row-gap : 36px;}

.gap37 { gap : 37px; }
.columngap37 { column-gap : 37px;}
.rowgap37 { row-gap : 37px;}

.gap38 { gap : 38px; }
.columngap38 { column-gap : 38px;}
.rowgap38 { row-gap : 38px;}

.gap39 { gap : 39px; }
.columngap39 { column-gap : 39px;}
.rowgap39 { row-gap : 39px;}

.gap40 { gap : 40px; }
.columngap40 { column-gap : 40px;}
.rowgap40 { row-gap : 40px;}

.gap41 { gap : 41px; }
.columngap41 { column-gap : 41px;}
.rowgap41 { row-gap : 41px;}

.gap42 { gap : 42px; }
.columngap42 { column-gap : 42px;}
.rowgap42 { row-gap : 42px;}

.gap43 { gap : 43px; }
.columngap43 { column-gap : 43px;}
.rowgap43 { row-gap : 43px;}

.gap44 { gap : 44px; }
.columngap44 { column-gap : 44px;}
.rowgap44 { row-gap : 44px;}

.gap45 { gap : 45px; }
.columngap45 { column-gap : 45px;}
.rowgap45 { row-gap : 45px;}

.gap46 { gap : 46px; }
.columngap46 { column-gap : 46px;}
.rowgap46 { row-gap : 46px;}

.gap47 { gap : 47px; }
.columngap47 { column-gap : 47px;}
.rowgap47 { row-gap : 47px;}

.gap48 { gap : 48px; }
.columngap48 { column-gap : 48px;}
.rowgap48 { row-gap : 48px;}

.gap49 { gap : 49px; }
.columngap49 { column-gap : 49px;}
.rowgap49 { row-gap : 49px;}

.gap50 { gap : 50px; }
.columngap50 { column-gap : 50px;}
.rowgap50 { row-gap : 50px;}

.gap51 { gap : 51px; }
.columngap51 { column-gap : 51px;}
.rowgap51 { row-gap : 51px;}

.gap52 { gap : 52px; }
.columngap52 { column-gap : 52px;}
.rowgap52 { row-gap : 52px;}

.gap53 { gap : 53px; }
.columngap53 { column-gap : 53px;}
.rowgap53 { row-gap : 53px;}

.gap54 { gap : 54px; }
.columngap54 { column-gap : 54px;}
.rowgap54 { row-gap : 54px;}

.gap55 { gap : 55px; }
.columngap55 { column-gap : 55px;}
.rowgap55 { row-gap : 55px;}

.gap56 { gap : 56px; }
.columngap56 { column-gap : 56px;}
.rowgap56 { row-gap : 56px;}

.gap57 { gap : 57px; }
.columngap57 { column-gap : 57px;}
.rowgap57 { row-gap : 57px;}

.gap58 { gap : 58px; }
.columngap58 { column-gap : 58px;}
.rowgap58 { row-gap : 58px;}

.gap59 { gap : 59px; }
.columngap59 { column-gap : 59px;}
.rowgap59 { row-gap : 59px;}

.gap60 { gap : 60px; }
.columngap60 { column-gap : 60px;}
.rowgap60 { row-gap : 60px;}

.gap61 { gap : 61px; }
.columngap61 { column-gap : 61px;}
.rowgap61 { row-gap : 61px;}

.gap62 { gap : 62px; }
.columngap62 { column-gap : 62px;}
.rowgap62 { row-gap : 62px;}

.gap63 { gap : 63px; }
.columngap63 { column-gap : 63px;}
.rowgap63 { row-gap : 63px;}

.gap64 { gap : 64px; }
.columngap64 { column-gap : 64px;}
.rowgap64 { row-gap : 64px;}

.gap65 { gap : 65px; }
.columngap65 { column-gap : 65px;}
.rowgap65 { row-gap : 65px;}

.gap66 { gap : 66px; }
.columngap66 { column-gap : 66px;}
.rowgap66 { row-gap : 66px;}

.gap67 { gap : 67px; }
.columngap67 { column-gap : 67px;}
.rowgap67 { row-gap : 67px;}

.gap68 { gap : 68px; }
.columngap68 { column-gap : 68px;}
.rowgap68 { row-gap : 68px;}

.gap69 { gap : 69px; }
.columngap69 { column-gap : 69px;}
.rowgap69 { row-gap : 69px;}

.gap70 { gap : 70px; }
.columngap70 { column-gap : 70px;}
.rowgap70 { row-gap : 70px;}

.gap71 { gap : 71px; }
.columngap71 { column-gap : 71px;}
.rowgap71 { row-gap : 71px;}

.gap72 { gap : 72px; }
.columngap72 { column-gap : 72px;}
.rowgap72 { row-gap : 72px;}

.gap73 { gap : 73px; }
.columngap73 { column-gap : 73px;}
.rowgap73 { row-gap : 73px;}

.gap74 { gap : 74px; }
.columngap74 { column-gap : 74px;}
.rowgap74 { row-gap : 74px;}

.gap75 { gap : 75px; }
.columngap75 { column-gap : 75px;}
.rowgap75 { row-gap : 75px;}

.gap76 { gap : 76px; }
.columngap76 { column-gap : 76px;}
.rowgap76 { row-gap : 76px;}

.gap77 { gap : 77px; }
.columngap77 { column-gap : 77px;}
.rowgap77 { row-gap : 77px;}

.gap78 { gap : 78px; }
.columngap78 { column-gap : 78px;}
.rowgap78 { row-gap : 78px;}

.gap79 { gap : 79px; }
.columngap79 { column-gap : 79px;}
.rowgap79 { row-gap : 79px;}

.gap80 { gap : 80px; }
.columngap80 { column-gap : 80px;}
.rowgap80 { row-gap : 80px;}

.gap81 { gap : 81px; }
.columngap81 { column-gap : 81px;}
.rowgap81 { row-gap : 81px;}

.gap82 { gap : 82px; }
.columngap82 { column-gap : 82px;}
.rowgap82 { row-gap : 82px;}

.gap83 { gap : 83px; }
.columngap83 { column-gap : 83px;}
.rowgap83 { row-gap : 83px;}

.gap84 { gap : 84px; }
.columngap84 { column-gap : 84px;}
.rowgap84 { row-gap : 84px;}

.gap85 { gap : 85px; }
.columngap85 { column-gap : 85px;}
.rowgap85 { row-gap : 85px;}

.gap86 { gap : 86px; }
.columngap86 { column-gap : 86px;}
.rowgap86 { row-gap : 86px;}

.gap87 { gap : 87px; }
.columngap87 { column-gap : 87px;}
.rowgap87 { row-gap : 87px;}

.gap88 { gap : 88px; }
.columngap88 { column-gap : 88px;}
.rowgap88 { row-gap : 88px;}

.gap89 { gap : 89px; }
.columngap89 { column-gap : 89px;}
.rowgap89 { row-gap : 89px;}

.gap90 { gap : 90px; }
.columngap90 { column-gap : 90px;}
.rowgap90 { row-gap : 90px;}

.gap91 { gap : 91px; }
.columngap91 { column-gap : 91px;}
.rowgap91 { row-gap : 91px;}

.gap92 { gap : 92px; }
.columngap92 { column-gap : 92px;}
.rowgap92 { row-gap : 92px;}

.gap93 { gap : 93px; }
.columngap93 { column-gap : 93px;}
.rowgap93 { row-gap : 93px;}

.gap94 { gap : 94px; }
.columngap94 { column-gap : 94px;}
.rowgap94 { row-gap : 94px;}

.gap95 { gap : 95px; }
.columngap95 { column-gap : 95px;}
.rowgap95 { row-gap : 95px;}

.gap96 { gap : 96px; }
.columngap96 { column-gap : 96px;}
.rowgap96 { row-gap : 96px;}

.gap97 { gap : 97px; }
.columngap97 { column-gap : 97px;}
.rowgap97 { row-gap : 97px;}

.gap98 { gap : 98px; }
.columngap98 { column-gap : 98px;}
.rowgap98 { row-gap : 98px;}

.gap99 { gap : 99px; }
.columngap99 { column-gap : 99px;}
.rowgap99 { row-gap : 99px;}


/* Custom Padding */

.p1 { padding : 1px; }
.pt1, .p1-0 { padding-top: 1px; }
.pb1, .p1-0 { padding-bottom: 1px; }

.p2 { padding : 2px; }
.pt2, .p2-0 { padding-top: 2px; }
.pb2, .p2-0 { padding-bottom: 2px; }

.p3 { padding : 3px; }
.pt3, .p3-0 { padding-top: 3px; }
.pb3, .p3-0 { padding-bottom: 3px; }

.p4 { padding : 4px; }
.pt4, .p4-0 { padding-top: 4px; }
.pb4, .p4-0 { padding-bottom: 4px; }

.p5 { padding : 5px; }
.pt5, .p5-0 { padding-top: 5px; }
.pb5, .p5-0 { padding-bottom: 5px; }

.p6 { padding : 6px; }
.pt6, .p6-0 { padding-top: 6px; }
.pb6, .p6-0 { padding-bottom: 6px; }

.p7 { padding : 7px; }
.pt7, .p7-0 { padding-top: 7px; }
.pb7, .p7-0 { padding-bottom: 7px; }

.p8 { padding : 8px; }
.pt8, .p8-0 { padding-top: 8px; }
.pb8, .p8-0 { padding-bottom: 8px; }

.p9 { padding : 9px; }
.pt9, .p9-0 { padding-top: 9px; }
.pb9, .p9-0 { padding-bottom: 9px; }

.p10 { padding : 10px; }
.pt10, .p10-0 { padding-top: 10px; }
.pb10, .p10-0 { padding-bottom: 10px; }

.p11 { padding : 11px; }
.pt11, .p11-0 { padding-top: 11px; }
.pb11, .p11-0 { padding-bottom: 11px; }

.p12 { padding : 12px; }
.pt12, .p12-0 { padding-top: 12px; }
.pb12, .p12-0 { padding-bottom: 12px; }

.p13 { padding : 13px; }
.pt13, .p13-0 { padding-top: 13px; }
.pb13, .p13-0 { padding-bottom: 13px; }

.p14 { padding : 14px; }
.pt14, .p14-0 { padding-top: 14px; }
.pb14, .p14-0 { padding-bottom: 14px; }

.p15 { padding : 15px; }
.pt15, .p15-0 { padding-top: 15px; }
.pb15, .p15-0 { padding-bottom: 15px; }

.p16 { padding : 16px; }
.pt16, .p16-0 { padding-top: 16px; }
.pb16, .p16-0 { padding-bottom: 16px; }

.p17 { padding : 17px; }
.pt17, .p17-0 { padding-top: 17px; }
.pb17, .p17-0 { padding-bottom: 17px; }

.p18 { padding : 18px; }
.pt18, .p18-0 { padding-top: 18px; }
.pb18, .p18-0 { padding-bottom: 18px; }

.p19 { padding : 19px; }
.pt19, .p19-0 { padding-top: 19px; }
.pb19, .p19-0 { padding-bottom: 19px; }

.p20 { padding : 20px; }
.pt20, .p20-0 { padding-top: 20px; }
.pb20, .p20-0 { padding-bottom: 20px; }

.p21 { padding : 21px; }
.pt21, .p21-0 { padding-top: 21px; }
.pb21, .p21-0 { padding-bottom: 21px; }

.p22 { padding : 22px; }
.pt22, .p22-0 { padding-top: 22px; }
.pb22, .p22-0 { padding-bottom: 22px; }

.p23 { padding : 23px; }
.pt23, .p23-0 { padding-top: 23px; }
.pb23, .p23-0 { padding-bottom: 23px; }

.p24 { padding : 24px; }
.pt24, .p24-0 { padding-top: 24px; }
.pb24, .p24-0 { padding-bottom: 24px; }

.p25 { padding : 25px; }
.pt25, .p25-0 { padding-top: 25px; }
.pb25, .p25-0 { padding-bottom: 25px; }

.p26 { padding : 26px; }
.pt26, .p26-0 { padding-top: 26px; }
.pb26, .p26-0 { padding-bottom: 26px; }

.p27 { padding : 27px; }
.pt27, .p27-0 { padding-top: 27px; }
.pb27, .p27-0 { padding-bottom: 27px; }

.p28 { padding : 28px; }
.pt28, .p28-0 { padding-top: 28px; }
.pb28, .p28-0 { padding-bottom: 28px; }

.p29 { padding : 29px; }
.pt29, .p29-0 { padding-top: 29px; }
.pb29, .p29-0 { padding-bottom: 29px; }

.p30 { padding : 30px; }
.pt30, .p30-0 { padding-top: 30px; }
.pb30, .p30-0 { padding-bottom: 30px; }

.p31 { padding : 31px; }
.pt31, .p31-0 { padding-top: 31px; }
.pb31, .p31-0 { padding-bottom: 31px; }

.p32 { padding : 32px; }
.pt32, .p32-0 { padding-top: 32px; }
.pb32, .p32-0 { padding-bottom: 32px; }

.p33 { padding : 33px; }
.pt33, .p33-0 { padding-top: 33px; }
.pb33, .p33-0 { padding-bottom: 33px; }

.p34 { padding : 34px; }
.pt34, .p34-0 { padding-top: 34px; }
.pb34, .p34-0 { padding-bottom: 34px; }

.p35 { padding : 35px; }
.pt35, .p35-0 { padding-top: 35px; }
.pb35, .p35-0 { padding-bottom: 35px; }

.p36 { padding : 36px; }
.pt36, .p36-0 { padding-top: 36px; }
.pb36, .p36-0 { padding-bottom: 36px; }

.p37 { padding : 37px; }
.pt37, .p37-0 { padding-top: 37px; }
.pb37, .p37-0 { padding-bottom: 37px; }

.p38 { padding : 38px; }
.pt38, .p38-0 { padding-top: 38px; }
.pb38, .p38-0 { padding-bottom: 38px; }

.p39 { padding : 39px; }
.pt39, .p39-0 { padding-top: 39px; }
.pb39, .p39-0 { padding-bottom: 39px; }

.p40 { padding : 40px; }
.pt40, .p40-0 { padding-top: 40px; }
.pb40, .p40-0 { padding-bottom: 40px; }

.p41 { padding : 41px; }
.pt41, .p41-0 { padding-top: 41px; }
.pb41, .p41-0 { padding-bottom: 41px; }

.p42 { padding : 42px; }
.pt42, .p42-0 { padding-top: 42px; }
.pb42, .p42-0 { padding-bottom: 42px; }

.p43 { padding : 43px; }
.pt43, .p43-0 { padding-top: 43px; }
.pb43, .p43-0 { padding-bottom: 43px; }

.p44 { padding : 44px; }
.pt44, .p44-0 { padding-top: 44px; }
.pb44, .p44-0 { padding-bottom: 44px; }

.p45 { padding : 45px; }
.pt45, .p45-0 { padding-top: 45px; }
.pb45, .p45-0 { padding-bottom: 45px; }

.p46 { padding : 46px; }
.pt46, .p46-0 { padding-top: 46px; }
.pb46, .p46-0 { padding-bottom: 46px; }

.p47 { padding : 47px; }
.pt47, .p47-0 { padding-top: 47px; }
.pb47, .p47-0 { padding-bottom: 47px; }

.p48 { padding : 48px; }
.pt48, .p48-0 { padding-top: 48px; }
.pb48, .p48-0 { padding-bottom: 48px; }

.p49 { padding : 49px; }
.pt49, .p49-0 { padding-top: 49px; }
.pb49, .p49-0 { padding-bottom: 49px; }

.p50 { padding : 50px; }
.pt50, .p50-0 { padding-top: 50px; }
.pb50, .p50-0 { padding-bottom: 50px; }

.p51 { padding : 51px; }
.pt51, .p51-0 { padding-top: 51px; }
.pb51, .p51-0 { padding-bottom: 51px; }

.p52 { padding : 52px; }
.pt52, .p52-0 { padding-top: 52px; }
.pb52, .p52-0 { padding-bottom: 52px; }

.p53 { padding : 53px; }
.pt53, .p53-0 { padding-top: 53px; }
.pb53, .p53-0 { padding-bottom: 53px; }

.p54 { padding : 54px; }
.pt54, .p54-0 { padding-top: 54px; }
.pb54, .p54-0 { padding-bottom: 54px; }

.p55 { padding : 55px; }
.pt55, .p55-0 { padding-top: 55px; }
.pb55, .p55-0 { padding-bottom: 55px; }

.p56 { padding : 56px; }
.pt56, .p56-0 { padding-top: 56px; }
.pb56, .p56-0 { padding-bottom: 56px; }

.p57 { padding : 57px; }
.pt57, .p57-0 { padding-top: 57px; }
.pb57, .p57-0 { padding-bottom: 57px; }

.p58 { padding : 58px; }
.pt58, .p58-0 { padding-top: 58px; }
.pb58, .p58-0 { padding-bottom: 58px; }

.p59 { padding : 59px; }
.pt59, .p59-0 { padding-top: 59px; }
.pb59, .p59-0 { padding-bottom: 59px; }

.p60 { padding : 60px; }
.pt60, .p60-0 { padding-top: 60px; }
.pb60, .p60-0 { padding-bottom: 60px; }

.p61 { padding : 61px; }
.pt61, .p61-0 { padding-top: 61px; }
.pb61, .p61-0 { padding-bottom: 61px; }

.p62 { padding : 62px; }
.pt62, .p62-0 { padding-top: 62px; }
.pb62, .p62-0 { padding-bottom: 62px; }

.p63 { padding : 63px; }
.pt63, .p63-0 { padding-top: 63px; }
.pb63, .p63-0 { padding-bottom: 63px; }

.p64 { padding : 64px; }
.pt64, .p64-0 { padding-top: 64px; }
.pb64, .p64-0 { padding-bottom: 64px; }

.p65 { padding : 65px; }
.pt65, .p65-0 { padding-top: 65px; }
.pb65, .p65-0 { padding-bottom: 65px; }

.p66 { padding : 66px; }
.pt66, .p66-0 { padding-top: 66px; }
.pb66, .p66-0 { padding-bottom: 66px; }

.p67 { padding : 67px; }
.pt67, .p67-0 { padding-top: 67px; }
.pb67, .p67-0 { padding-bottom: 67px; }

.p68 { padding : 68px; }
.pt68, .p68-0 { padding-top: 68px; }
.pb68, .p68-0 { padding-bottom: 68px; }

.p69 { padding : 69px; }
.pt69, .p69-0 { padding-top: 69px; }
.pb69, .p69-0 { padding-bottom: 69px; }

.p70 { padding : 70px; }
.pt70, .p70-0 { padding-top: 70px; }
.pb70, .p70-0 { padding-bottom: 70px; }

.p71 { padding : 71px; }
.pt71, .p71-0 { padding-top: 71px; }
.pb71, .p71-0 { padding-bottom: 71px; }

.p72 { padding : 72px; }
.pt72, .p72-0 { padding-top: 72px; }
.pb72, .p72-0 { padding-bottom: 72px; }

.p73 { padding : 73px; }
.pt73, .p73-0 { padding-top: 73px; }
.pb73, .p73-0 { padding-bottom: 73px; }

.p74 { padding : 74px; }
.pt74, .p74-0 { padding-top: 74px; }
.pb74, .p74-0 { padding-bottom: 74px; }

.p75 { padding : 75px; }
.pt75, .p75-0 { padding-top: 75px; }
.pb75, .p75-0 { padding-bottom: 75px; }

.p76 { padding : 76px; }
.pt76, .p76-0 { padding-top: 76px; }
.pb76, .p76-0 { padding-bottom: 76px; }

.p77 { padding : 77px; }
.pt77, .p77-0 { padding-top: 77px; }
.pb77, .p77-0 { padding-bottom: 77px; }

.p78 { padding : 78px; }
.pt78, .p78-0 { padding-top: 78px; }
.pb78, .p78-0 { padding-bottom: 78px; }

.p79 { padding : 79px; }
.pt79, .p79-0 { padding-top: 79px; }
.pb79, .p79-0 { padding-bottom: 79px; }

.p80 { padding : 80px; }
.pt80, .p80-0 { padding-top: 80px; }
.pb80, .p80-0 { padding-bottom: 80px; }

.p81 { padding : 81px; }
.pt81, .p81-0 { padding-top: 81px; }
.pb81, .p81-0 { padding-bottom: 81px; }

.p82 { padding : 82px; }
.pt82, .p82-0 { padding-top: 82px; }
.pb82, .p82-0 { padding-bottom: 82px; }

.p83 { padding : 83px; }
.pt83, .p83-0 { padding-top: 83px; }
.pb83, .p83-0 { padding-bottom: 83px; }

.p84 { padding : 84px; }
.pt84, .p84-0 { padding-top: 84px; }
.pb84, .p84-0 { padding-bottom: 84px; }

.p85 { padding : 85px; }
.pt85, .p85-0 { padding-top: 85px; }
.pb85, .p85-0 { padding-bottom: 85px; }

.p86 { padding : 86px; }
.pt86, .p86-0 { padding-top: 86px; }
.pb86, .p86-0 { padding-bottom: 86px; }

.p87 { padding : 87px; }
.pt87, .p87-0 { padding-top: 87px; }
.pb87, .p87-0 { padding-bottom: 87px; }

.p88 { padding : 88px; }
.pt88, .p88-0 { padding-top: 88px; }
.pb88, .p88-0 { padding-bottom: 88px; }

.p89 { padding : 89px; }
.pt89, .p89-0 { padding-top: 89px; }
.pb89, .p89-0 { padding-bottom: 89px; }

.p90 { padding : 90px; }
.pt90, .p90-0 { padding-top: 90px; }
.pb90, .p90-0 { padding-bottom: 90px; }

.p91 { padding : 91px; }
.pt91, .p91-0 { padding-top: 91px; }
.pb91, .p91-0 { padding-bottom: 91px; }

.p92 { padding : 92px; }
.pt92, .p92-0 { padding-top: 92px; }
.pb92, .p92-0 { padding-bottom: 92px; }

.p93 { padding : 93px; }
.pt93, .p93-0 { padding-top: 93px; }
.pb93, .p93-0 { padding-bottom: 93px; }

.p94 { padding : 94px; }
.pt94, .p94-0 { padding-top: 94px; }
.pb94, .p94-0 { padding-bottom: 94px; }

.p95 { padding : 95px; }
.pt95, .p95-0 { padding-top: 95px; }
.pb95, .p95-0 { padding-bottom: 95px; }

.p96 { padding : 96px; }
.pt96, .p96-0 { padding-top: 96px; }
.pb96, .p96-0 { padding-bottom: 96px; }

.p97 { padding : 97px; }
.pt97, .p97-0 { padding-top: 97px; }
.pb97, .p97-0 { padding-bottom: 97px; }

.p98 { padding : 98px; }
.pt98, .p98-0 { padding-top: 98px; }
.pb98, .p98-0 { padding-bottom: 98px; }

.p99 { padding : 99px; }
.pt99, .p99-0 { padding-top: 99px; }
.pb99, .p99-0 { padding-bottom: 99px; }


.pl0, .p0-0, .plr0 { padding-left:0; }
.pr0, .p0, .plr0  { padding-right:0; }



.pl0,.p0-0 { padding-left : 0px; }
.pr0,.p0-0 { padding-right : 0px; }
.ml0,.m0-0 { margin-left : 0px; }
.mr0,.m0-0 { margin-right : 0px; }
.mt0{ margin-top : 0px; }
.margin_minus0 { margin : 0 -0px }


.pl1,.p0-1 { padding-left : 1px; }
.pr1,.p0-1 { padding-right : 1px; }
.ml1,.m0-1 { margin-left : 1px; }
.mr1,.m0-1 { margin-right : 1px; }
.mt1{ margin-top : 1px; }
.margin_minus1 { margin : 0 -1px }


.pl2,.p0-2 { padding-left : 2px; }
.pr2,.p0-2 { padding-right : 2px; }
.ml2,.m0-2 { margin-left : 2px; }
.mr2,.m0-2 { margin-right : 2px; }
.mt2{ margin-top : 2px; }
.margin_minus2 { margin : 0 -2px }


.pl3,.p0-3 { padding-left : 3px; }
.pr3,.p0-3 { padding-right : 3px; }
.ml3,.m0-3 { margin-left : 3px; }
.mr3,.m0-3 { margin-right : 3px; }
.mt3{ margin-top : 3px; }
.margin_minus3 { margin : 0 -3px }


.pl4,.p0-4 { padding-left : 4px; }
.pr4,.p0-4 { padding-right : 4px; }
.ml4,.m0-4 { margin-left : 4px; }
.mr4,.m0-4 { margin-right : 4px; }
.mt4{ margin-top : 4px; }
.margin_minus4 { margin : 0 -4px }


.pl5,.p0-5 { padding-left : 5px; }
.pr5,.p0-5 { padding-right : 5px; }
.ml5,.m0-5 { margin-left : 5px; }
.mr5,.m0-5 { margin-right : 5px; }
.mt5{ margin-top : 5px; }
.margin_minus5 { margin : 0 -5px }


.pl6,.p0-6 { padding-left : 6px; }
.pr6,.p0-6 { padding-right : 6px; }
.ml6,.m0-6 { margin-left : 6px; }
.mr6,.m0-6 { margin-right : 6px; }
.mt6{ margin-top : 6px; }
.margin_minus6 { margin : 0 -6px }


.pl7,.p0-7 { padding-left : 7px; }
.pr7,.p0-7 { padding-right : 7px; }
.ml7,.m0-7 { margin-left : 7px; }
.mr7,.m0-7 { margin-right : 7px; }
.mt7{ margin-top : 7px; }
.margin_minus7 { margin : 0 -7px }


.pl8,.p0-8 { padding-left : 8px; }
.pr8,.p0-8 { padding-right : 8px; }
.ml8,.m0-8 { margin-left : 8px; }
.mr8,.m0-8 { margin-right : 8px; }
.mt8{ margin-top : 8px; }
.margin_minus8 { margin : 0 -8px }


.pl9,.p0-9 { padding-left : 9px; }
.pr9,.p0-9 { padding-right : 9px; }
.ml9,.m0-9 { margin-left : 9px; }
.mr9,.m0-9 { margin-right : 9px; }
.mt9{ margin-top : 9px; }
.margin_minus9 { margin : 0 -9px }


.pl10,.p0-10 { padding-left : 10px; }
.pr10,.p0-10 { padding-right : 10px; }
.ml10,.m0-10 { margin-left : 10px; }
.mr10,.m0-10 { margin-right : 10px; }
.mt10{ margin-top : 10px; }
.margin_minus10 { margin : 0 -10px }


.pl11,.p0-11 { padding-left : 11px; }
.pr11,.p0-11 { padding-right : 11px; }
.ml11,.m0-11 { margin-left : 11px; }
.mr11,.m0-11 { margin-right : 11px; }
.mt11{ margin-top : 11px; }
.margin_minus11 { margin : 0 -11px }


.pl12,.p0-12 { padding-left : 12px; }
.pr12,.p0-12 { padding-right : 12px; }
.ml12,.m0-12 { margin-left : 12px; }
.mr12,.m0-12 { margin-right : 12px; }
.mt12{ margin-top : 12px; }
.margin_minus12 { margin : 0 -12px }


.pl13,.p0-13 { padding-left : 13px; }
.pr13,.p0-13 { padding-right : 13px; }
.ml13,.m0-13 { margin-left : 13px; }
.mr13,.m0-13 { margin-right : 13px; }
.mt13{ margin-top : 13px; }
.margin_minus13 { margin : 0 -13px }


.pl14,.p0-14 { padding-left : 14px; }
.pr14,.p0-14 { padding-right : 14px; }
.ml14,.m0-14 { margin-left : 14px; }
.mr14,.m0-14 { margin-right : 14px; }
.mt14{ margin-top : 14px; }
.margin_minus14 { margin : 0 -14px }


.pl15,.p0-15 { padding-left : 15px; }
.pr15,.p0-15 { padding-right : 15px; }
.ml15,.m0-15 { margin-left : 15px; }
.mr15,.m0-15 { margin-right : 15px; }
.mt15{ margin-top : 15px; }
.margin_minus15 { margin : 0 -15px }


.pl16,.p0-16 { padding-left : 16px; }
.pr16,.p0-16 { padding-right : 16px; }
.ml16,.m0-16 { margin-left : 16px; }
.mr16,.m0-16 { margin-right : 16px; }
.mt16{ margin-top : 16px; }
.margin_minus16 { margin : 0 -16px }


.pl17,.p0-17 { padding-left : 17px; }
.pr17,.p0-17 { padding-right : 17px; }
.ml17,.m0-17 { margin-left : 17px; }
.mr17,.m0-17 { margin-right : 17px; }
.mt17{ margin-top : 17px; }
.margin_minus17 { margin : 0 -17px }


.pl18,.p0-18 { padding-left : 18px; }
.pr18,.p0-18 { padding-right : 18px; }
.ml18,.m0-18 { margin-left : 18px; }
.mr18,.m0-18 { margin-right : 18px; }
.mt18{ margin-top : 18px; }
.margin_minus18 { margin : 0 -18px }


.pl19,.p0-19 { padding-left : 19px; }
.pr19,.p0-19 { padding-right : 19px; }
.ml19,.m0-19 { margin-left : 19px; }
.mr19,.m0-19 { margin-right : 19px; }
.mt19{ margin-top : 19px; }
.margin_minus19 { margin : 0 -19px }


.pl20,.p0-20 { padding-left : 20px; }
.pr20,.p0-20 { padding-right : 20px; }
.ml20,.m0-20 { margin-left : 20px; }
.mr20,.m0-20 { margin-right : 20px; }
.mt20{ margin-top : 20px; }
.margin_minus20 { margin : 0 -20px }


.pl21,.p0-21 { padding-left : 21px; }
.pr21,.p0-21 { padding-right : 21px; }
.ml21,.m0-21 { margin-left : 21px; }
.mr21,.m0-21 { margin-right : 21px; }
.mt21{ margin-top : 21px; }
.margin_minus21 { margin : 0 -21px }


.pl22,.p0-22 { padding-left : 22px; }
.pr22,.p0-22 { padding-right : 22px; }
.ml22,.m0-22 { margin-left : 22px; }
.mr22,.m0-22 { margin-right : 22px; }
.mt22{ margin-top : 22px; }
.margin_minus22 { margin : 0 -22px }


.pl23,.p0-23 { padding-left : 23px; }
.pr23,.p0-23 { padding-right : 23px; }
.ml23,.m0-23 { margin-left : 23px; }
.mr23,.m0-23 { margin-right : 23px; }
.mt23{ margin-top : 23px; }
.margin_minus23 { margin : 0 -23px }


.pl24,.p0-24 { padding-left : 24px; }
.pr24,.p0-24 { padding-right : 24px; }
.ml24,.m0-24 { margin-left : 24px; }
.mr24,.m0-24 { margin-right : 24px; }
.mt24{ margin-top : 24px; }
.margin_minus24 { margin : 0 -24px }








.ApplynowLeftCol { width: 45%;  height: 100vh; position: absolute; top: 0;  left: 0;}
.ApplynowLeftCol img {  width: 100%;  height: 100% !important;  object-fit: cover;}
.ApplynowInner {position: relative;}
.ApplynowRightCol { width: 70%;  margin: 0 0 0 auto;  background: #FBFCFC; border-radius: 32px 0 0 32px;  position: relative;  height: 100vh; min-height : 550px;}
.ApplyNowBoxSection { display: flex; flex-wrap: wrap; gap: 2vh 5vh; max-width: 904px; width: 100%; }
.ApplyNowBoxSection .ApplyNowBox {  max-width: calc(33.33% - 3.4vh); width: 100%;}
.ApplynowRightCol { padding: 7vh 8vh 7vh 12vh;}
.ApplyNowBxColumn { padding-top: 10vh;}
.ApplyNowBoxSection {  padding-top: 5vh;}
.ApplyCnt {  padding-top: 3vh;}
.ApplyCnt p {color : rgba(51, 52, 53, 1);font-weight: 400;font-size: 21px;letter-spacing: 0.1px;}
.ApplyNowBox { box-shadow: 2px 2px 30px #1F1D0D17;border-radius: 8px;padding: 4vh 4vh 2vh;}
.ApplyNowBoxImage {width: 30px; height: 30px;}
.ApplyNowBoxImage img { width: 100%; height: 100%; object-fit: scale-down;}
.ApplyNowBoxTitle { padding-top: 2vh;  padding-bottom: 1.5vh;}
.ApplyNowBoxTitle h3 { font-weight: 700; color: #1F1D0D;}
.ApplyNowBoxCnt p { color: #29281E;  font-family: 'IBM Plex Sans',sans-serif;  font-weight: 400;}
.ApplyNowBoxbtn {  padding-top: 4vh;}
.ApplyNowBoxbtn a { background-color: #0F643F; color: #fff; box-shadow: 0px 3px 6px #00000029;  border-radius: 4px; font-size: 18px; font-weight: 700; font-family: 'Lato',sans-serif;line-height: 1.2; padding: 8px 6px;}
.ApplyNowBoxCnt p {  font-size: 14px; line-height: 1.4;}



.RegisterRightCol { max-width: 75%; width: 100%; margin: 0 0 0 auto; position: relative; z-index: 2; background: #FBFCFC; border-radius: 32px 0 0 32px;}
.RegisterSection { position: relative;}
.RegisterSection .RegisterLeftimg { background-repeat: no-repeat; background-size: cover; position: absolute; height: 100%; width: 30%; background-position: center;}
.RegisterRightCol .RegisterRTLtCol { padding: 30px 131px 30px 117px; max-width: 68%;    width: 100%;}
.HeaderLogo {  max-width: 250px; width: 100%;}
.HeaderLogo a {  width: 100%; height: 100%;}
.HeaderLogo a img { width: 100%; height: 100%;}
.RegisterFormBox {  padding-top: 30px;}
.RegisterForm form .hs-form-field {  margin-bottom: 15px;}

.RegisterForm {  padding-top: 38px;}
.RegisterForm h3 {  display: none;}
form label {  font-size: 21px; color: #333435; font-weight: 400; font-family: 'IBM Plex Sans',sans-serif; line-height: 1.2;}
form input[type='date'],form input[type='text'], form input[type='number'], form input[type='tel'], form input[type='email'], form textarea, form select, form input[type='password'] {  border: 1px solid #D8D8D8; background: #FFFFFF; border-radius: 4px; font-size: 21px; font-family: 'IBM Plex Sans',sans-serif; font-weight: 400; line-height: 1.3;  padding: 9px 12px;  width: 100% !important; outline: none !important }
.hs-form-field {  margin-bottom: 32px;}
.RegisterRightCol { display: flex; align-items: stretch;}
.RegisterRTRightCol {  max-width: calc(100% - 68%); width: 100%; background: #0F643F; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding : 10px;}
.RegisterRTRTitle h2 { color: #FFFFFF; margin-bottom: 20px;}
.RegisterRTRTitle p {  color: #fff;}
.Loginbtn {  padding-top: 40px;}
.Register-Pay-Form form .hs_submit.hs-submit .actions:before { background: url('https://144986939.fs1.hubspotusercontent-eu1.net/hubfs/144986939/Mancosa-images/next.png'), #0E5536;  background-repeat: no-repeat; background-position: right 14px center; }
.pay-back-btn { display: none;   font-size: 22px;    background-color: rgba(15, 100, 63, 1.0);    border-radius: 4px;    color: #fff;    padding: 13px 25px;    position: relative;    font-family: Lato, sans-serif;    box-shadow: 0px 3px 6px #00000029;    line-height: 1.15;    cursor: pointer;    transition: all .15s linear; }
.pay-back-btn:hover, .pay-back-btn:focus { color: rgba(15, 100, 63, 1.0); background-color: #fff; }
.Register-Pay-Form form .pay-back-btn { display: inline-block; }
.Register-Pay-Form .hs_submit.hs-submit { gap: 30px;    display: inline-flex;    box-shadow: none;    overflow: visible; }
.hide { display: none; }
.RegisterForm form ul.no-list.hs-error-msgs label.hs-error-msg { position: static; }
.PaymentgatSection .RegisterRightCol.payrOther .RegisterRTLtCol { height: 100vh; }
.RegisterFormBoxText { color: #333435; margin: 30px 0; }
.RegisterFormBoxbtn a { overflow: hidden; font-size: 22px;    background-color: rgba(15, 100, 63, 1.0);    border-radius: 4px;    color: #fff;    border: 1px none #0f7002;    padding: 14px 16px 14px 64px;    position: relative;    font-family: Lato, sans-serif;    box-shadow: 0px 3px 6px #00000029;    line-height: 1.15;    cursor: pointer;    transition: all .15s linear;  }
.RegisterFormBoxbtn a:hover { color: rgba(15, 100, 63, 1.0); background-color: #fff;  }
.RegisterFormBoxbtn a:before { top: 0; left: 0;   background: url(https://144986939.fs1.hubspotusercontent-eu1.net/hubfs/144986939/Mancosa-images/login.png), #0E5536;    background-repeat: no-repeat;    background-position: right 14px center;    position: absolute;    content: "";    width: 56px;    height: 100%;    z-index: 1;    pointer-events: none; }

.RegisterSection .RegisterLeftimg.payrImgther { width: 50%; background-position: center top; }
.RegisterRightCol.payrOther { max-width: 52%; }
.RegisterRightCol.payrOther .RegisterRTLtCol { max-width: 100%; }
.RegisterRightCol.payrOther .RegisterRTLtCol .RegisterFormBox { max-width: 650px; }


form .legal-consent-container  .hs-fieldtype-booleancheckbox li label { position: relative;}
form .legal-consent-container  .hs-fieldtype-booleancheckbox li label input { position: absolute; width: 100% !important; height: 100% !important; opacity: 0;}
body form .legal-consent-container .hs-fieldtype-booleancheckbox li label input + span { margin-left: 0 !important; padding-left: 38px;  position: relative;}
body form .legal-consent-container .hs-fieldtype-booleancheckbox li label input + span p { margin: 0 !IMPORTANT;}
body form .legal-consent-container .hs-fieldtype-booleancheckbox li label input + span:before { border: 1px solid #0F643F; position: absolute; content: '';  width: 22px; height: 22px; left: 0; border-radius: 4px; top: 4px;}
body form .legal-consent-container .hs-fieldtype-booleancheckbox li label input:checked + span:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 511.985 511.985' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M500.088 83.681c-15.841-15.862-41.564-15.852-57.426 0L184.205 342.148 69.332 227.276c-15.862-15.862-41.574-15.862-57.436 0-15.862 15.862-15.862 41.574 0 57.436l143.585 143.585c7.926 7.926 18.319 11.899 28.713 11.899 10.394 0 20.797-3.963 28.723-11.899l287.171-287.181c15.862-15.851 15.862-41.574 0-57.435z' fill='%230f643f' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");}
body form .legal-consent-container .hs-fieldtype-booleancheckbox li label input + span:before { background-repeat: no-repeat !important; background-size: 15px !important;background-position: center center !important;}


form .hs_submit.hs-submit { margin-top: 30px;}
form .hs_submit.hs-submit input[type='submit'] { padding: 14px 64px 14px 16px; position: relative;}
form .hs_submit.hs-submit .actions {   box-shadow: 0px 3px 6px #00000029; display: inline-block; position: relative; border-radius: 4px; overflow: hidden;}
form .hs_submit.hs-submit .actions:before {  right: 0;  background: url('https://144986939.fs1.hubspotusercontent-eu1.net/hubfs/144986939/Mancosa-images/user%20%281%29.png'),#0E5536;
  background-repeat: no-repeat;   background-position: right 14px center;   position:absolute;  content:"";   width : 56px;  height : 100%;   z-index: 1;  pointer-events: none;}

.Registersignup { padding-top: 35px;}
.Registersignup p {  font-family: 'IBM Plex Sans',sans-serif; color: #000000; font-weight: 500;}
.Registersignup p a { color: #0F643F; font-weight: 500; font-family: 'IBM Plex Sans',sans-serif;}

.Loginbtn a { background: #FFFFFF; border-radius: 4px; color: #0F643F; font-family: 'Lato',sans-serif; line-height: 1.2; font-weight: 700; font-size: 21px; padding: 14px 80px 14px 16px; position: relative;}
.Loginbtn a:before { content: ""; height: 100%;  position: absolute; right: 0; width: 56px; z-index: 1; background:url("https://144986939.fs1.hubspotusercontent-eu1.net/hubfs/144986939/Mancosa-images/user%20%281%29.png"),#0e5536;
  background-repeat: no-repeat;  background-position: right 14px center; top:0;}


.RegisterForm form .hs_phone .hs-fieldtype-intl-phone select { background-repeat: no-repeat; background-size: 40px; background-position: center center; width: 51px !important; appearance: none; font-size: 0; padding: 10px 6px;  height: 47.3px; border-radius: 4px 0 0 4px; border-right: unset; outline : unset !important  }
.RegisterForm form .hs_phone .hs-fieldtype-intl-phone select + input { width: calc(100% - 51px) !important; border-radius: 0 4px 4px 0; border-left: 1px solid rgb(70 70 70 / 50%);}
.RegisterForm form .hs_phone .hs-fieldtype-intl-phone select option {  font-size: 16px;}
.RegisterForm form .hs-input.hs-fieldtype-intl-phone {  width: 100% !important;}
form fieldset {  position: relative;}
form fieldset .hs-form-field { position: relative;}
form   label.hs-error-msg { font-size: 14px; color: red; line-height: 1; position: absolute; top: 100%;}
form fieldset .hs-form-field  ul.no-list.hs-error-msgs li {  margin: 0;}
form .hs_error_rollup {
  display: none;
}

.RegisterForm.loginform {  padding-top: 68px;}
.Login-page .RegisterForm.loginform .Formtitle h3 {  display: block;}
.Login-page .RegisterFormBox {  padding-top: 70px;}


.ApplynowSection.ProgrammeDetailsec .ApplynowRightCol { width: 77vw;}
.ProgrammeDetailIn {max-width: 1115px;width: 100%;}
.ProgrammeDetailsec .Logolink {  width: 317px;}
.ProgrammeDetailsec .Logolink a { width: 100%;}
.ProgrammeDetailsec .Logolink a img {  width: 100%; height: 100%; object-fit: contain;}

.ProgrammeDetailForm { padding-top: 4vh;}
.LocalFormStyle .inputboxMain { display: flex; align-items: flex-start;  gap: 20px 83px;}

.LocalFormStyle .inputboxMain label {  margin-top: 9px;}
.LocalFormStyle .inputboxMain +* { padding-top: 3vh;}

form select {  appearance: none;  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 491.996 491.996' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='m484.132 124.986-16.116-16.228c-5.072-5.068-11.82-7.86-19.032-7.86-7.208 0-13.964 2.792-19.036 7.86l-183.84 183.848L62.056 108.554c-5.064-5.068-11.82-7.856-19.028-7.856s-13.968 2.788-19.036 7.856l-16.12 16.128c-10.496 10.488-10.496 27.572 0 38.06l219.136 219.924c5.064 5.064 11.812 8.632 19.084 8.632h.084c7.212 0 13.96-3.572 19.024-8.632l218.932-219.328c5.072-5.064 7.856-12.016 7.864-19.224 0-7.212-2.792-14.068-7.864-19.128z' fill='%230f643f' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: 15px; background-repeat: no-repeat; background-position: center right 12px; padding-right: 35px;}

.FormnoteSec {  padding-top: 4.5vh !important;}
.FormCTA {  padding-top: 4.38vh !important;}
.ProgrammeDetailsec .ApplynowRightCol {  min-height: 900px;  overflow: hidden;}
.ProgrammeDetailsec .ApplynowLeftCol {  min-height: 900px;}
.FormnoteSec ul {  margin: 0;  padding: 0;  list-style: none;}
.FormnoteSec ul > li { color: #000000;  font-size: 18px; font-family: 'IBM Plex Sans',sans-serif;  line-height: 1.3; font-weight: 500;}
.FormnoteSec > ul > li {  padding-left: 37px; position: relative;}
.FormnoteSec ul > li > li { font-weight: 400 !important;}
.FormnoteSec > ul > li ul li { font-weight: 400;}
.FormnoteSec > ul > li .tooltipIcon { position: absolute; background : #0F643F;height: 22px;left: 0; width: 22px; border-radius: 50%; display : flex; align-items : center; justify-content : center; cursor : pointer }

.tooltipbox .Tooltipcontent { position: absolute;  box-shadow: 0px 3px 6px #00000029; background: #fff; z-index: 1;  width: 396px; padding: 23px 25px 15px 15px;  top: 50%; transform: translateY(-50%); left: 35px; opacity: 0; visibility: hidden; transition: all ease-in-out 0.3s;}
.tooltipbox .Tooltipcontent p { font-size: 19px; line-height: 1.2; color: #333435; font-weight: 400;  font-family: 'Lato',sans-serif;}
.tooltipbox .Tooltipcontent p a { display: inline;  text-decoration: underline;}
.tooltipbox:hover .Tooltipcontent { opacity: 1; visibility: visible;}

.FormCTA { display: flex; align-items: center;  gap: 22px;}
.FormCTA button#Proceed { padding-right: 74px; position: relative;}
.FormCTA button#Proceed:before { position: absolute; content: ''; width: 56px; height: 100%; right: 0; top: 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg data-name='19'%3E%3Cpath d='M12 19a1 1 0 0 1-.71-1.71l5.3-5.29-5.3-5.29A1 1 0 0 1 12.7 5.3l6 6a1 1 0 0 1 0 1.41l-6 6a1 1 0 0 1-.7.29z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M6 19a1 1 0 0 1-.71-1.71l5.3-5.29-5.3-5.29a1 1 0 0 1 1.42-1.42l6 6a1 1 0 0 1 0 1.41l-6 6A1 1 0 0 1 6 19z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),#0E5536;
  background-repeat: no-repeat; background-size: 40px; background-position: center center;}
.FormCTA button { padding: 14px 16px; font-weight: 700;}


/* greenheader css */
.DBGreenHeader { background-color : #0F643F; box-shadow: 0px 1px 0px #EFEFF4; }
.DBGreenHeader { padding: 40px;}
.DBGreenHeaderIn {  display: flex; align-items: center; justify-content: space-between;    gap: 50px;}
.DBGreenHeaderLogo { max-width: 280px;  width: 100%;}
.DBGreenHeaderLogo a {  width: 100%;}
.DBGreenHeaderLogo img {  width: 100%;height: 100%;    object-fit: contain;}
.afheaderProfile {  max-width: calc(18% - 33.33px);   width: 100%;}
.afheaderProgress {  max-width: calc(35% - 33.33px); width: 100%; }
.DBGreenHeaderSearch {  max-width: calc(100% - (53% + 33.33px));  width: 100%;}
.DBGreenHeaderSearch form { position: relative;}
.DBGreenHeaderSearch form input[type="search"] { border-radius: 15px; background-color: #EEF4F3; border: unset; padding: 17px 24px; font-size: 14px;  line-height: 1.1;  color: #696974;font-weight: 400; outline : none}
.DBGreenHeaderSearch form input[type="button"],.DBGreenHeaderSearch form input[type="submit"] { width: 44px; height: 40px;
  background: url('https://144986939.fs1.hubspotusercontent-eu1.net/hubfs/144986939/Mancosa-images/search-interface-symbol.png'),#0F643F;
  background-repeat: no-repeat;  background-position: center center; border: unset;  position: absolute; right: 5px; border-radius: 10px; top: 50%;  transform: translateY(-50%); font-size: 0;}
.DBGreenHeaderProfile > span { display: flex; align-items: center; justify-content: center; gap: 22px; cursor : pointer}
.DBGreenHeaderProfile p {  color: #FFFFFF; font-size: 18px; font-family: IBM Plex Sans,serif;  font-weight: 400;}
.DBGreenHeaderProfile > span > span {  width: 44px; height: 44px; background: #FFFFFF;  border-radius: 50%; display: flex; align-items: center;  justify-content: center;}
.DBGreenHeaderProfile > span > span svg {  width: 35px;  height: 35px; border-radius: 50%;}

.DBGreenHeaderProfile {  position: relative;}
.DBGreenHeaderProfile .Logoutbtnmain.dashboard {  z-index: 9;}
.DBGreenHeaderProfile .Logoutbtnmain.dashboard .Logoutbtn { padding-top: 10px;}
.DBGreenHeaderProfile > span {  position: relative;  margin-right: 20px;}
.DBGreenHeaderProfile > span:before { position: absolute; content: '\f078'; font-family: "FontAwesome"; right: -20px; top: 50%; transform: translateY(-50%); font-size: 16px;  color: #fff;}

.DashboardSection { background-color : #FBFCFC }
.DashboardLtCol {  box-shadow: 0px 3px 6px #00000029; border-radius: 0px 0 35px 0px; width: 440px; padding: 32px 56px 32px 43px; min-height :calc(614px + 64px); height :calc(100vh - 100px) }
.dashboardbtn svg {  width: 30px; height: 30px;}
.dashboardbtn a {     cursor: default; display: flex; align-items: center; color: #0F643F;font-weight: 500;  gap : 10px; font-size: 18px;  line-height: 1.2; font-family: 'IBM Plex Sans',sans-serif;}
.dashboardbtn {  max-width: 280px; width: 100%; background: #F9FBFC; border-radius: 4px; padding: 11px;}
.dashboardtooltip li { font-weight : 400 !important }
.applicationnumbersec p a,.applicationnumbersec p { font-size: 18px; font-weight: 500; font-family: 'IBM Plex Sans',sans-serif;  line-height: 1.2;}
.applicationnumbersec p:first-child { color: #000000; }
.applicationnumbersec p:last-child {  color: #0F643F;}
.applicationnumbersec {margin-top: 34px;}
.dbapplicationBox { background: #0F643F; margin-top: 13.5px;  max-width: 280px; width: 100%; padding: 26px 45px 13px 10px; border-radius:4px;}
.dbapplicationBox p {  color: #fff; display: block;}
.dbapplicationBox li .dbaplBox {  display: flex;  align-items: flex-start; justify-content: flex-start; gap: 10px;}
.dbapplicationBox ul {  margin: 0; padding: 0; list-style: none;}
.dbapplicationBox li+* { padding-top: 32px;}
.dbapplicationBox li .dbaplBox .dbaplBoxlogo { width: 30px; height: 30px;}
.dbapplicationBox li .dbaplBox .dbaplBoxlogo img { width: 100%;height: 100%; object-fit: contain;}
.dbapplicationBox li .dbaplBox .dbaplBoxcnt {   width: calc(100% - 40px);}
.dbapplicationBox li .dbaplBox .dbaplBoxcnt p { font-size: 18px; font-family: 'IBM Plex Sans',sans-serif; font-weight: 400; line-height: 1.2;}
.dbapplicationBox li .dbaplBox .dbaplBoxcnt p:first-child {  font-weight: 500;}
.dashboardtooltip ul > li > p  { font-size: 18px; font-family: 'IBM Plex Sans',sans-serif; font-weight: 500; line-height: 1.2;}
.dashboardtooltip ul > li > p > .outercta {color : #0F643F !important;font-weight: 500 !important;  font-family: 'IBM Plex Sans',sans-serif !important;}
.DashboardSection .FormnoteSec.bttooltipbox { padding-top : 38px !important; }

.DashboardSection {  display: flex; align-items: stretch; gap: 63px;}
.DashboardRtCol { padding: 32px 50px 138px 0; width: calc(100% - 503px);}
.DashboardRtColIn { max-width: 96%; width: 100%;}
.DashboardRtCnt {  padding-top: 40px;}
.DashboardRtCnt p+* { margin-top: 15px;}
.DashboardRtCnt p { color: #333435; font-weight: 400; font-family: 'IBM Plex Sans';}

.Dashboardbutton { padding-top: 49px;}
.Dashboardbutton a {  padding-right: 83px;  position: relative;}
.Dashboardbutton a:before { position: absolute; content: ''; width: 55px; height: calc(100% + 2px);
  background: url('https://144986939.fs1.hubspotusercontent-eu1.net/hubfs/144986939/Mancosa-images/user%20plus-4.png'),#0E5536;
  right: -1px; top: -1px; background-repeat: no-repeat; background-size: 24px; background-position: center center;  border-radius: 0 4px 4px 0;    }
.ProgrammeDetailcnt {  padding-top: 30px;}
.ProgrammeDetailForm.LocalFormStyle { padding-top: 59px;}



.RegisterForm.Register-Pay-Form form .hs-richtext p { color: #333435;}

.ApplicationFormLtCol { width: 393px; box-shadow: 0px 3px 6px #00000029; border-radius: 0px 35px 35px 0px; background: #fff; padding: 55px 43px;}
.ApcLogoBox {  max-width: 280px; width: 100%; margin: 0 auto;}
.ApcLogoBox a { width: 100%;}
.ApcLogoBox a img { width: 100%; height: 100%; object-fit: contain;}
.ApplicationHomeMain {  margin-top: 71px;}
.Applicationhome ul li span { display : block }
.Applicationhome ul li span a { display: flex; align-items: center; gap: 10px; font-size: 18px; color: #0F643F; font-weight: 500; font-family: 'IBM Plex Sans',serif; line-height: 1.2;}
.Applicationhome ul li span a svg {  width: 20px;  height: 20px;}
.Applicationhome ul li { padding: 13px;  background: #F9FBFC; border-radius: 4px;}
.ApplicationSteps {  margin-top: 21px;}
.ApplicationSteps svg { width: 25px; height: 25px;}
.ApplicationSteps > ul > li > span { display: flex;  align-items: center; gap: 10px; font-size: 18px; color: #0F643F; font-family: 'IBM Plex Sans',serif; line-height: 1.2; font-weight: 500;}
.ApplicationSteps > ul > li  > span{ background: #F9FBFC; padding: 14px; border-radius: 4px;}
.ApplicationSteps > ul > span > ul > li { padding-left: 50px; padding-top: 12px; position: relative;}
.ApplicationSteps > ul > span > ul > li:before {  position: absolute;  content: '';  width: 1px; height: 100%;  background: #0F643F; left: 25px; top: 0;}
.ApplicationSteps > ul > span > ul > li:after { position: absolute; content: ''; width: 18px; height: 18px; border: 1px solid #0F643F; border-radius: 50%; left: 16px; background: #FFF; top: calc(50% + 5px); transform: translateY(-50%);}
.ApplicationSteps > ul > span > ul > li:last-child:before { height: 50%;}
.ApplicationSteps > ul > li {  margin-top: 24px;}
.ApplicationSteps > ul > li > span > img { width: 25px; height: 25px; object-fit: contain;}
.ApplicationSteps > ul > span> span { background: #0F643F; padding: 14px; border-radius: 4px; width: 100%; display: block; color: #fff; font-size: 18px; font-family: 'IBM Plex Sans',serif; font-weight: 500; display: flex; align-items: center;  gap: 10px;}
.ApplicationSteps > ul > span> span svg path { fill: #fff;}
.RegisterForm .submitted-message span { font-size: inherit !important; color: inherit !important}
.ApplicationFormRTCol { width: calc(100% - 393px);  margin: 0 0 0 auto;}
.ApplicationFormInner { display: flex;  align-items: stretch;}
.afheaderProfile img { width: 44px; height: 44px;}
.ApplicationFormHeader { box-shadow: 0px 1px 0px #EFEFF4; background: #fff; display: flex; align-items: center; gap: 50px;  padding: 33px 44px 19px 116px;justify-content: space-between;   position: relative;}
.afheaderProfile p {  display: flex; align-items: center;}
.afheaderProfile p img {  margin-left: 22px;}
.ApplicationFormLtCol { position: relative; z-index: 99;}
.ApplicationFormSteps { max-width: calc(1290px + 60px); width: 100%; margin: 0 auto; padding: 71px 30px;}
.getintouchboxform {  margin-top: 42px;}
/* .AFormStepSubTitle:after { content: '+- 10 min to complete'; font-size: 18px; color: #333435; font-family: 'IBM Plex Sans',serif; line-height: 1.2; font-weight: 400;} */
.AFormStepSubTitle { display: flex; align-items: flex-end; gap: 30px; justify-content: space-between;}


.AFormStep {  padding-top: 40px;}
.AFormStep form .inputboxMain { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 35px 45px;}
.AFormStep form .inputboxMain .Form_Input.firstbox { width: 100%;}
.AFormStep form .inputboxMain .Form_Input { width: calc(33.33% - 30px);}
.AFormStep form .inputboxMain .Form_Input.firstbox .inputbox { width: calc(33.33% - 30px);}
.AFormStep form .inputboxMain .Form_Input.required label { position: relative;}
.AFormStep form .inputboxMain .Form_Input.required label:after { content: '*'; color: #9A1717; line-height: 1;  font-size: 21px;}

.ApplicationFormSec form input[type='date'],.ApplicationFormSec form input[type='text'],.ApplicationFormSec form input[type='number'], .ApplicationFormSec form input[type='tel'], .ApplicationFormSec form input[type='email'], .ApplicationFormSec form textarea, .ApplicationFormSec form select, .ApplicationFormSec form input[type='password'] {
  color: rgba(51, 52, 53, 0.5);
}
.StepsCTA button, .addshapebtn button {  padding-right: 74px; position: relative;}
.StepsCTA button:before, .addshapebtn button:before { position: absolute; content: ''; width: 56px; height: calc(100% + 2px); right: -1px;  top: -1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg data-name='19'%3E%3Cpath d='M12 19a1 1 0 0 1-.71-1.71l5.3-5.29-5.3-5.29A1 1 0 0 1 12.7 5.3l6 6a1 1 0 0 1 0 1.41l-6 6a1 1 0 0 1-.7.29z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M6 19a1 1 0 0 1-.71-1.71l5.3-5.29-5.3-5.29a1 1 0 0 1 1.42-1.42l6 6a1 1 0 0 1 0 1.41l-6 6A1 1 0 0 1 6 19z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),#0E5536;
  background-repeat: no-repeat; background-size: 40px;  background-position: center center; border-radius : 0 4px 4px 0 }
.StepsCTA { margin-top: 56px;}
.getintouchboxform { display : none }
.getintouchboxform[data-active="true"] { display : block }
.ApplicationSteps li[data-visible="true"] > span { background: rgba(15, 100, 63, 1); color: #fff;}
.ApplicationSteps li[data-visible="true"] > span svg path {  fill: #fff;}
.ApplicationSteps span[data-visible="true"] ul.InnerStep li[data-active="true"]:after {  background: #0F643F;}
.getintouchboxMform { display : none }
.getintouchboxMform[data-visible="true"] { display : block }
.ApplicationFormStep .getintouchboxMform .AFormStepSubTitle { margin-top: 42px;}
.InnerStep2 .AFormStep form .inputboxMain .Form_Input {  width: calc(50% - 22.5px);}
p.notetext { color: rgba(151, 152, 153, 1); font-size: 18px; font-family: 'IBM Plex Sans',serif; font-weight: 400; margin-top: 5px;}
.AFormStep form .inputboxMain .Form_Input.SingleBx { width: 66%;}
.ApplicationSteps > ul > li[data-completed="true"] > span,.ApplicationSteps > ul > span[data-completed="true"] > span { background: rgba(15, 100, 63, 0.3); color: rgba(15, 100, 63, 1);}
.ApplicationSteps > ul > li[data-completed="true"] > span svg path,.ApplicationSteps > ul > span[data-completed="true"] > span svg path {  fill: rgba(15, 100, 63, 1);}
.ApplicationSteps li[data-visible="true"] > span img,.ApplicationSteps span[data-visible="true"] > span img { filter: brightness(0) invert(1);}
.ApplicationSteps > ul > span > ul > li[data-completed="true"]::after,.ApplicationSteps > ul > span[data-completed="true"] > ul > li::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23ffffff' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E"),#0F643F !important;
  background-repeat: no-repeat !important;background-size: 13px !important;background-position: center center !important;}

.ApplicationSteps > ul > li[data-completed="true"] > span:after,.ApplicationSteps > ul > span[data-completed="true"] > span:after {
  position: absolute; content: ''; width: 18px; height: 18px; border: 1px solid #0F643F; border-radius: 50%; right: 17px; top: 50%; transform: translateY(-50%);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3C!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23ffffff' d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E"),#0F643F !important;
  background-repeat: no-repeat !important;background-size: 13px !important; background-position: center center !important;}
.ApplicationSteps > ul > li[data-completed="true"] > span,.ApplicationSteps > ul > span[data-completed="true"] > span { position: relative;}
.AFormStepTitleCol.MainTitlestep .AFormStepTitle:after { content: '+- 10 min to complete'; color: rgba(51, 52, 53, 1); font-family: 'IBM Plex Sans',sans-serif; font-weight: 400;}
.AFormStepTitleCol.MainTitlestep .AFormStepTitle { display: flex; align-items: center; justify-content: space-between; gap: 20px;}
.Step2form { padding-top :100px; }
.Prevedusavecta { margin-top: 100px; text-align: right;}
.Prevedusavecta button {  position: relative; padding-right: 76px;}
.Prevedusavecta button:before { position: absolute; content: ''; width: 56px; height: calc(100% + 2px); right: -1px;  top: -1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 469.336 469.336' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M266.668 149.336h42.667a10.66 10.66 0 0 0 10.667-10.667V32.002a10.66 10.66 0 0 0-10.667-10.667h-42.667a10.66 10.66 0 0 0-10.667 10.667v106.667a10.66 10.66 0 0 0 10.667 10.667z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M466.21 88.461 380.876 3.127A10.656 10.656 0 0 0 369.251.814a10.672 10.672 0 0 0-6.583 9.854v138.667c0 23.531-19.146 42.667-42.667 42.667h-192c-23.521 0-42.667-19.135-42.667-42.667V10.669A10.66 10.66 0 0 0 74.667.002h-32C19.146.002 0 19.137 0 42.669v384c0 23.531 19.146 42.667 42.667 42.667h384c23.521 0 42.667-19.135 42.667-42.667V96.002a10.653 10.653 0 0 0-3.124-7.541zm-60.875 348.875a10.66 10.66 0 0 1-10.667 10.667h-320a10.66 10.66 0 0 1-10.667-10.667v-192a10.66 10.66 0 0 1 10.667-10.667h320a10.66 10.66 0 0 1 10.667 10.667v192z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E"), #0E5536;
  background-repeat: no-repeat; background-size: 20px;  background-position: center center; border-radius : 0 4px 4px 0 }

.PreviousEducationTbl thead { background: rgba(216, 216, 216, 1); border-bottom: 1px solid rgb(94 93 93);}
.PreviousEducationTbl thead th { font-size: 13px; color: #000; font-family: 'IBM Plex Sans',sans-serif; font-weight: 500; padding: 15px 5px; border-right: 1px solid rgb(94 93 93);  text-align: center;}
.PreviousEducationTbl table { width: 100%; border: 1px solid rgb(94 93 93);}
.PreviousEducationTbl table tbody tr td { font-size: 13px; color: rgb(165 162 162); font-family: 'IBM Plex Sans', sans-serif; font-weight: 500; padding: 15px 5px; border-right: 1px solid rgb(94 93 93); text-align: center; border-bottom: 1px solid rgb(94 93 93);}
.PreviousEducationTbl table tbody tr:last-child td { border-bottom: unset;}
.PreviousEducationTbl td.checkbox input.selectcheck { position: absolute; width: 100%; height: 100%; left: 0; top: 0;  opacity: 0; cursor: pointer;}
.PreviousEducationTbl td.checkbox { position: relative; text-align: -webkit-center;}
.PreviousEducationTbl td.checkbox input.selectcheck + span { width: 18px; height: 18px; border: 1px solid rgba(15, 100, 63, 1); display: block; border-radius: 50%; transition: all ease-in-out 0.3s;}
.PreviousEducationTbl td.checkbox input.selectcheck:checked + span { background: rgba(15, 100, 63, 1);}
.PreviousEducationTbl table button#deletepe { background: transparent;  border: transparent; padding: 0; box-shadow: unset; line-height: 0;}
.AddEdu button:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 426.667 426.667' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M405.332 192H234.668V21.332C234.668 9.559 225.109 0 213.332 0 201.559 0 192 9.559 192 21.332V192H21.332C9.559 192 0 201.559 0 213.332c0 11.777 9.559 21.336 21.332 21.336H192v170.664c0 11.777 9.559 21.336 21.332 21.336 11.777 0 21.336-9.559 21.336-21.336V234.668h170.664c11.777 0 21.336-9.559 21.336-21.336 0-11.773-9.559-21.332-21.336-21.332zm0 0' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");  background-size: 20px;}
.AddEdu {  margin-top: 39px;}
.PreviousEducationTbl {  margin-top: 58px;}
.MainStepsCTA {  margin-top: 50px;}
.MainStepsCTA { align-items: center; display: flex;  gap: 10px;  justify-content: space-between;    }
.ApplicationSteps li[data-completed="true"] > span img {  filter: unset;}


.Examdetailnote p {  color: #000000; font-weight: 500; font-family: 'IBM Plex Sans',sans-serif; position: relative;  padding-left: 26px;}
.Examdetailsgrp { padding-top: 30px;}
.Examdetailnote p:before { position: absolute; content: '';
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.404' height='16.747' viewBox='0 0 5.404 16.747'%3E%3Cg id='Alert_icon' data-name='Alert icon' transform='translate(-885.907 -512.016)'%3E%3Cg id='exclamation' transform='translate(885.907 512.016)'%3E%3Cpath id='Path_450' data-name='Path 450' d='M194.544,385.368a2.07,2.07,0,1,0,2.07,2.07A2.072,2.072,0,0,0,194.544,385.368Z' transform='translate(-191.842 -372.747)' fill='%23fff'/%3E%3Cpath id='Path_451' data-name='Path 451' d='M177.941.956a2.7,2.7,0,0,0-4.73,2.2l1.252,7.155a1.432,1.432,0,0,0,2.818,0l1.252-7.155a2.7,2.7,0,0,0-.593-2.2Z' transform='translate(-173.171 0)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),#0F643F;
  width: 22px; height: 22px; background-repeat: no-repeat; background-position: center center; border-radius: 50%;left: 0;  top: 0; box-shadow: 0px 3px 6px #00000029;}
.Examdetailscheckbox {position: relative;}
.Examdetailscheckbox span { font-family: 'IBM Plex Sans',serif; color: #333435;}
.Examdetailscheckbox span p+* {  margin-top: 25px;}
.Examdetailscheckbox span p { font-weight: 400; font-family: 'IBM Plex Sans',serif;}
.Examdetailscheckbox span a { color: #0F643F; font-family: 'IBM Plex Sans',sans-serif; font-weight: 400;}

.Examdetailscheckbox input[type="checkbox"] { position: absolute; top: 3px; left: 0; width: 100%; height: 22px; opacity: 0; z-index: 10; cursor: pointer}
.Examdetailscheckbox input[type="checkbox"] + span { position: relative; padding-left: 38px; display: block;}
.Examdetailscheckbox input[type="checkbox"] + span:before { position: absolute; content: ''; width: 22px; height: 22px; border: 1px solid #0F643F; border-radius: 4px;  left: 0; top: 4px; transition: all ease-in-out 0.3s;background-repeat: no-repeat !important; background-size: 15px !important;background-position: center center !important;}
.Examdetailscheckbox input[type="checkbox"]:checked + span:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 511.985 511.985' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M500.088 83.681c-15.841-15.862-41.564-15.852-57.426 0L184.205 342.148 69.332 227.276c-15.862-15.862-41.574-15.862-57.436 0-15.862 15.862-15.862 41.574 0 57.436l143.585 143.585c7.926 7.926 18.319 11.899 28.713 11.899 10.394 0 20.797-3.963 28.723-11.899l287.171-287.181c15.862-15.851 15.862-41.574 0-57.435z' fill='%230f643f' opacity='1' data-original='%23000000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");}
.Electiveboxsec {  margin-top: 50px;}
.Electiveboxsec .AFormStepTitle h2 {  font-weight: 500;  font-family: 'IBM Plex Sans',serif;}
.Electiveboxsec .Examdetailnote { margin-top: 30px;}
.Examdetailtext { margin-top : 27px; }
.Examdetailtext p {  color: #000000; font-family: 'IBM Plex Sans',serif; font-weight: 400;}

.paymentplan_table { padding-top: 41px; padding-bottom : 61px}
.paymentplan_table table {margin: 0; width: 100%; max-width: 370px;  border-collapse: collapse; border: 2px solid #979899;}
.paymentplan_table table th,.paymentplan_table table td { color: #333435; font-size: 16px; width: calc(70%/4); padding: 10px;font-family: 'IBM Plex Sans',serif; font-weight: 700;}
.paymentplan_table table th:first-child,.paymentplan_table table td:first-child { width: 30%; white-space: nowrap; background: rgb(151 152 153 / 50%);}
.paymentplan_table table th:not(last-child), .paymentplan_table table td:not(last-child) {  border-right: 2px solid #979899;}
.paymentplan_table table th { border-bottom: 2px solid #979899;}
.paymentplan_table table td:first-child { font-weight: 700;}
.paymentplan_table table td { font-weight: 400;}

.documents_requirednote .notecontent p {color: #000000;font-weight: 500; font-family: 'IBM Plex Sans', sans-serif; position: relative; padding-left: 30px;}
.documents_requirednote  .notecontent p:before { position: absolute;  content: '';
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5.404' height='16.747' viewBox='0 0 5.404 16.747'%3E%3Cg id='Alert_icon' data-name='Alert icon' transform='translate(-885.907 -512.016)'%3E%3Cg id='exclamation' transform='translate(885.907 512.016)'%3E%3Cpath id='Path_450' data-name='Path 450' d='M194.544,385.368a2.07,2.07,0,1,0,2.07,2.07A2.072,2.072,0,0,0,194.544,385.368Z' transform='translate(-191.842 -372.747)' fill='%23fff'/%3E%3Cpath id='Path_451' data-name='Path 451' d='M177.941.956a2.7,2.7,0,0,0-4.73,2.2l1.252,7.155a1.432,1.432,0,0,0,2.818,0l1.252-7.155a2.7,2.7,0,0,0-.593-2.2Z' transform='translate(-173.171 0)' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),#0F643F;
  width: 22px; height: 22px; background-repeat: no-repeat; background-position: center center; border-radius: 50%; left: 0; top: 0; box-shadow: 0px 3px 6px #00000029;;}
.documents_requirednote .notecontent+* {  margin-top: 25px;}
.documents_requirednote {  padding-top: 30px;}
.documents_requirednote .notecontent:last-child p { font-weight: 400;}

.stepcontent p { color: #333435; font-family: 'IBM Plex Sans',serif; font-size: 18px; line-height: 1.4; font-weight: 400;}
.stepcontent p+* { margin-top: 20px;}
.stepcontent {  margin-top: 37px;}
.ApplicationFormStep.Step7 .Examdetailscheckbox span p { color: #333435;    font-weight: 500;}
.ApplicationFormStep.Step7 .Examdetailscheckbox span:before {  top: 1px;}


.progress-bar-container {width: 100%;background-color: #EEF4F3; border-radius: 8px;  overflow: hidden;  margin-bottom: 10px;}
.progress-bar { width: 100%;  height: 16px;  position: relative;  background: transparent;}
.progress {  height: 100%;  width: 0%;  background-color: #0F643F;  transition: width 0.3s ease;  border-radius: 8px;}


.DashboardSection .ProgrammeDetails .ProgrammeDetailForm .inputboxMain {
    pointer-events: none;
}

.loading { height: 0; width: 0;padding: 15px; border: 6px solid #ccc; border-right-color: #888; border-radius: 22px; -webkit-animation: rotate 1s infinite linear;position: absolute; left: 50%; top: 50%;}

@-webkit-keyframes rotate {
  /* 100% keyframe for  clockwise. 
  use 0% instead for anticlockwise */
  100% {
    -webkit-transform: rotate(360deg);
  }
}

.loadermain {  background: #fff; position: fixed; width: 100%; height: 100%; z-index: 111; top: 0; left: 0;}
main#main-content {  position: relative;}

/* app box  */
.inputphone { position: relative;}
.inputphone select.country-code { position: absolute; width: 55px !important;height: 100%; border-right-width: 2px; border-radius: 4px 0 0 4px; font-size: 0; background-size: 40px; background-position: center center;  padding: 20px;}
.inputphone select.country-code + input { padding-left: 65px;}
.inputphone select.country-code option {font-size: 18px;padding: 0 10px;}
.InnerStep4 .AFormStep form .inputboxMain .Form_Input { width: calc(40% - 30px);}
.InnerStep4 .AFormStep form .inputboxMain .Form_Input.SingleBx {  width: calc((40%*2) - 15px);}


.examdetailsallform .AFormStep:not(:first-child) { margin-top: 40px; border-top: 1px solid #D8D8D8;}

.AFormStep form .inputboxMain .Form_Input.error select,.AFormStep form .inputboxMain .Form_Input.error input { border-color: red;}

.Thankyoumodule .Logolink {  max-width: 317px; width: 100%;}
.Thankyoumodule .Logolink a {  width: 100%;}
.Thankyoumodule .Logolink a img { width: 100%; object-fit: contain; }
.Thankyoucontent {  margin-top: 30px;}
.Thankyoucontent p {  color: #333435; font-size: 20px; font-weight: 500; font-family: 'IBM Plex Sans',sans-serif;}
.Thankyoubtn {  margin-top: 50px;}
.Thankyoubtn button {  padding-left: 74px; position: relative;}
.Thankyoubtn button:before {position: absolute;content: ''; width: 56px; height: calc(100% + 2px);left: -1px; top: -1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 32 32' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M27.762 6.952H14.143a2.24 2.24 0 0 0-2.238 2.238v3.488H8.946v-.58a1.527 1.527 0 0 0-2.576-1.11l-3.725 3.517A2.06 2.06 0 0 0 2 16c0 .563.234 1.108.644 1.495l3.726 3.518a1.524 1.524 0 0 0 1.653.292c.561-.241.923-.792.923-1.403v-.58h2.959v3.489a2.24 2.24 0 0 0 2.238 2.238h13.619A2.24 2.24 0 0 0 30 22.81V9.19a2.24 2.24 0 0 0-2.238-2.238zM6.946 18.322v.478L4 16a.05.05 0 0 1 .017-.04l2.93-2.765v.483a1 1 0 0 0 1 1h12.005v2.644H7.946a1 1 0 0 0-1 1zM28 22.81a.239.239 0 0 1-.238.238H14.143a.239.239 0 0 1-.238-.238v-3.488h7.047a1 1 0 0 0 1-1v-4.644a1 1 0 0 0-1-1h-7.047V9.19c0-.13.107-.238.238-.238h13.619c.131 0 .238.107.238.238z' fill='%23ffffff' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E"), #0E5536;
  background-repeat: no-repeat; background-size: 40px; background-position: center center;  border-radius : 0 4px 4px 0 }
.Thankyoumodule .ApplynowRightCol { width: 60vw;}

.aftersubmissioncta { margin-top: 20px;}
.aftersubmissioncta ul li+* {  margin-top: 30px;}
.aftersubmissioncta ul li a {  display: flex; align-items: center; background: rgba(15, 100, 63, 0.3); font-size: 18px; color: rgba(15, 100, 63, 1); font-weight: 500; font-family: 'IBM Plex Sans',serif; gap: 10px; border-radius: 4px; padding: 13px 10px;}
.DashboardLtColIn { max-width: 280px; width: 100%;}

.CompletedApplication form input[type='date'], .CompletedApplication form input[type='text'], .CompletedApplication form input[type='number'], .CompletedApplication form input[type='tel'], .CompletedApplication form input[type='email'], .CompletedApplication form textarea, .CompletedApplication form select, .CompletedApplication form input[type='password'],.CompletedApplication input[type='checkbox'],.CompletedApplication input[type='radio'] {
  pointer-events: none;
}
.CompletedApplication td.Delete { pointer-events: none;}
.CompletedApplication form  select.country-code {   display: none;}
.CompletedApplication form .inputphone input[type="tel"] { padding-left: 15px;}
span#error-msg {  position: absolute; bottom: -30px; left: 0; width: 100%; color: red;  font-size: 16px; line-height: 1; font-family: 'IBM Plex Sans',serif;}
.AFormStep {  position: relative;}




.afheaderProfile {  position: relative;}
.Logoutbtnmain {  position: absolute; top: 100%;  width: 100%; left: 0; display:none; }
.Logoutbtnmain a { color: #0f7002; font-size: 18px; font-weight: 600; width: 100%; padding: 10px; background: #fff; border: 1px solid #D8D8D8; box-shadow: 0px 3px 6px #00000029; border-radius: 5px; display: flex; align-items: center;   justify-content: center;}
.Logoutbtnmain.Applogout .Logoutbtn { padding-top: 20px;}
.Logoutbtnmain a:after {  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg fill='%23000' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M9 13h12v-2H9z' fill='%230f7002' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='m11.793 7.793-3.5 3.5a1 1 0 0 0 0 1.414l3.5 3.5 1.414-1.414L10.414 12l2.793-2.793z' fill='%230f7002' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3Cpath d='M16 5a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-2h-2v2H4V5h10v2h2z' fill='%230f7002' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 25px;  height: 25px; content: ''; background-size: 100%; background-repeat: no-repeat; background-position: center center;  display: inline-block; margin-left: 5px;}
.afheaderProfile p { position: relative; cursor : pointer}
/* .afheaderProfile p:before {  position: absolute; content: '\f078';  font-family: "FontAwesome"; right: 0; top: 50%; transform: translateY(-50%);    font-size: 16px;} */


.afheaderProfile p {
  color: #0F643F;
}

.afheaderProgress p {
  color: #0F643F;
}

.paymentplan_table table td {
  white-space: nowrap;
}
form .legal-consent-container .hs-fieldtype-booleancheckbox li label.checked-label {
  pointer-events: none;
}


.RegisterSection.Login-page.reset-password .RegisterLeftimg {
  background-position: center right 200px;
}


/* .InnerStep4 .AFormStep.disabilityvis form .inputboxMain .Form_Input {  width: calc(33.33% - 30px);} */
/* .InnerStep4 .AFormStep.disabilityvis form .inputboxMain .Form_Input.SingleBx { width: calc((40%*2) - 15px);} */

.getintouchboxMform[data-step="5"] .AFormStepTitleCol.MainTitlestep .AFormStepTitle:after {  display: none;}

/* .InnerStep4 .AFormStep.disabilityvis form .inputboxMain .Form_Input.twocolprop { width:calc(50% - 22.5px) } */

.AFormStepTitleCol.MainTitlestep .AFormStepTitle:after { display: none;}

div#ExemptionDetailspop { position: fixed;  background: rgb(0 0 0 / 50%); box-shadow: 0px 3px 6px #00000029;    z-index: 9999;  width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center;opacity : 0; visibility: hidden; transition : all ease-in-out 0.3s}
div#ExemptionDetailspop .ExemptionDetailspopupIn { width: 700px; background: #fff; padding: 40px; border-radius: 30px;}
div#ExemptionDetailspop .ExemptionDetailspopupIn .Exdepopdetails h6 { font-size: larger;}
div#ExemptionDetailspop .ExemptionDetailspopupIn .ExdepopCTA { margin-top: 30px; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;}


body.openexemptionpopup div#ExemptionDetailspop {
  opacity: 1;
  visibility: visible;
}

.stepcontent ul li ul {  margin-left: 20px;}

.bankinginnerdetaiM { display: flex; align-items: flex-start; gap: 10px;  flex-wrap: wrap;  margin-top: 8px;}
.bankinginnerdetaiM > div {  width: calc(50% - 5px);}


.ApplicationFormStep[data-step="10"] .stepcontent {
  pointer-events: all;
}


.RegisterSection.formsubmited { height: 100vh;}
.RegisterSection.formsubmited .RegisterRightCol { height: 100vh; display: flex; align-items: flex-start;}

.RegisterForm form input[type='date'],.RegisterForm  form input[type='text'],.RegisterForm  form input[type='number'],.RegisterForm  form input[type='tel'], .RegisterForm form input[type='email'],.RegisterForm  form textarea, .RegisterForm form select, .RegisterForm form input[type='password'] { font-size: 18px;}
.RegisterForm form .hs_phone .hs-fieldtype-intl-phone select { height: 43.39px;}
.RegisterSection.formsubmited .RegisterRightCol .RegisterRTLtCol { padding-top: 100px;}


.Examdetailscheckbox span,.Examdetailscheckbox p { font-size: 21px; color: #333435; font-weight: 400 !important; font-family: 'IBM Plex Sans', sans-serif;line-height: 1.2;}
.Examdetailtext p, .Examdetailnote p {font-size: 21px; color: #333435; font-weight: 400 !important; font-family: 'IBM Plex Sans', sans-serif; line-height: 1.2;}





@media (min-width : 2100px){
  /* .RegisterSection .RegisterLeftimg {  background-position: center right 300px;} */
}

@media (min-width : 1921px){
  /*   .RegisterSection .RegisterLeftimg {  background-position: center right 200px;} */
}

@media (max-width : 1750px){
  .ApplicationFormHeader { padding: 33px 44px 19px 44px;} 
  /*   .DBGreenHeaderSearch { max-width: 45%;} */
  .DBGreenHeaderSearch {
    max-width: calc(100% - 60%);
  }
}

@media (max-width : 1650px){
  .ApplynowRightCol { padding: 5vh 5vh 7vh 5vh;}
  .Thankyoumodule .ApplynowRightCol { width: 60vw;}
  .RegisterRightCol .RegisterRTLtCol { padding: 50px;}
  .RegisterFormBox {padding-top : 30px;}

  .afheaderProfile p img {  margin-left: 0;}
  .afheaderProfile p strong {padding-right: 10px;}
  .afheaderProfile p:before { right: -20px;}

  .DBGreenHeaderSearch {
    max-width: calc(100% - 65%);
  }
  form label {
    font-size: 18px;
  }


  .examdetailsallform .AFormStep form .Form_Input.modulenameprop {
    width: calc(40% - 30px);
  }
  
  .Examdetailscheckbox span,.Examdetailscheckbox p { font-size: 18px;}
.Examdetailtext p,.Examdetailnote p {font-size: 18px;}
  
}

@media (max-width : 1440px){
  .DashboardLtCol {  width: 25%; padding: 32px 15px;}
  .DashboardRtCol {  width: calc(100% - (25% + 63px));  padding: 32px 30px 50px 0;}
  .ApplicationFormLtCol {  width: 25%; padding: 55px 20px;}
  .ApplicationFormRTCol {  width: calc(100% - 25%);}

  form label {  font-size: 17px;}

  .ApplicationFormHeader {  padding: 33px 20px 19px 20px;}
  .afheaderProfile {  max-width: calc(20% - 33.33px);}
  /* .DBGreenHeaderSearch {  max-width: calc(100% - (55% + 33.33px));} */

  .DBGreenHeaderSearch {
    max-width: calc(100% - 65%);
  }
  
   .Examdetailscheckbox span,.Examdetailscheckbox p { font-size: 17px;}
.Examdetailtext p,.Examdetailnote p {font-size: 17px;}
  
}

@media (max-width : 1366px){
  h3, .h3 { font-size : 22px; }


  .ApplyNowBxColumn {  padding-top: 7vh;}

  .AFormStep form .inputboxMain { gap: 30px 20px; align-items: flex-end;}
  .AFormStep form .inputboxMain .Form_Input { width: calc(33.33% - 13.33px);}
  .InnerStep4 .AFormStep form .inputboxMain .Form_Input.SingleBx { width: calc((37%*2) - 15px);}
  .InnerStep4 .AFormStep form .inputboxMain .Form_Input {  width: calc(40% - 13.33px);}
  .InnerStep4 .AFormStep form .inputboxMain .Form_Input.SingleBx { width: calc((40%*2) - 13.33px);}

  .ApplicationFormHeader {  gap: 20px;}
  .afheaderProfile {  max-width: calc(20% - 13.33px);}
  .DBGreenHeaderSearch {  max-width: calc(45% - 13.33px);}
  .afheaderProgress {  max-width: calc(35% - 13.33px);}
  .afheaderProgress p {  font-size: 16px;}
  .afheaderProfile p:before {  right: -5px;}
}

@media (max-width : 1300px){
  .ApplynowRightCol {  width: 70vw;}
  .Thankyoumodule .ApplynowRightCol { width: 70vw;}
  .RegisterRightCol {  max-width: 80%;}

  .afheaderProfile p:before {  right: -15px;}
  .DBGreenHeaderSearch {  max-width: calc(40% - 13.33px);}
}

@media (max-width : 1280px){
  h1, .h1 {
    font-size: 35px;
  }
  /*   .RegisterSection .RegisterLeftimg { background-position: center right -100px;  } */

  /*   .DBGreenHeaderSearch { max-width: 40%;} */
  .DBGreenHeaderLogo { max-width: 20%;}
  .DBGreenHeaderProfile {  max-width: 20%;}
  .DBGreenHeader {  padding: 20px 30px;}

  .DBGreenHeaderSearch {
    display: none;
  }

  .afheaderProfile {
    max-width: max-content;
  }

  .afheaderProfile p:before {right: -20px;}

  .afheaderProgress {
    max-width: calc(40% - 13.33px);
  }
}

@media (max-width : 1230px){
  .ApplyNowBoxSection { gap: 2vh;}
  .ApplyNowBoxSection .ApplyNowBox { max-width: calc(33.33% - 1.4vh); padding: 2vh 2vh;}
  .RegisterRightCol {  max-width: 90%;}
  .HeaderLogo {  max-width: 208px;}

  .DashboardSection {  gap: 20px;}
  .DashboardRtColIn {  max-width: 100%;}
  .dbapplicationBox {  padding: 26px 10px 13px 10px;}

  .ApplicationFormLtCol {  width: 30%;}
  .ApplicationFormRTCol { width: calc(100% - 30%);}
  .AFormStep form .inputboxMain .Form_Input {  width: calc(50% - 10px);}
  .AFormStep form .inputboxMain .Form_Input.firstbox .inputbox {  width: calc(50% - 10px);}
  .InnerStep4 .AFormStep form .inputboxMain .Form_Input { width: calc(50% - 10px);}
  .InnerStep4 .AFormStep form .inputboxMain .Form_Input.SingleBx { width: 100%;}
  .PreviousEducationTbl table {  width: 1280px;    overflow-x: hidden;}
  .PreviousEducationTbl { overflow-x: scroll;}
  .DashboardLtCol {  width: 30%;}
  .DashboardRtCol {  width: calc(100% - (30% + 20px));}
  .afheaderProgress {
    max-width: 60%;
  }
  .examdetailsallform .AFormStep form .Form_Input.modulenameprop {
    width: 50%;
  }

  /*   .InnerStep4 .AFormStep.disabilityvis form .inputboxMain .Form_Input { width: calc(50% - 10px);} */
  /* .InnerStep4 .AFormStep.disabilityvis form .inputboxMain .Form_Input.SingleBx {  width: 100%;} */
  .AFormStep form .inputboxMain .Form_Input { position : relative }
  .AFormStep form .inputboxMain .Form_Input { position: relative;}
  span#error-msg { position: unset;}
  .getintouchboxMform[data-step="1"] .inputboxMain {  align-items: flex-start;}
}

@media (max-width : 1080px){
  .RegisterForm form label {  font-size: 18px;}
  form input[type=email], form input[type=number], form input[type=tel], form input[type=text], form select, form textarea { font-size: 18px;}

  .RegisterRightCol .RegisterRTLtCol {  padding: 30px;}
  .ProgrammeDetailsec .Logolink {  width: 208px;  }

  button, .button, .hs-button, .hs-blog-post-listing__post-button { font-size: 20px; padding: 11px 15px;}
  h1, .h1 { font-size: 30px;}
  h2, .h2 {  font-size: 23px;}

  .ApplicationFormSteps { padding: 30px 30px 50px;}
  .ApplicationFormLtCol { width: 35%;}
  .ApplicationFormRTCol { width: calc(100% - 35%);}

  .examdetailsallform .AFormStep form .Form_Input.modulenameprop {  width: 60%;}
  
   .Examdetailscheckbox span,.Examdetailscheckbox p { font-size: 18px;}
.Examdetailtext p,.Examdetailnote p {font-size: 18px;}
}


@media (max-width : 991px){
  .ApplynowRightCol { width: 90%; padding: 50px 20px;  }
  .Thankyoumodule .ApplynowRightCol { width: 90%;}
  .RegisterRightCol .RegisterRTLtCol {  max-width: 100%;}
  .RegisterRTRightCol {  max-width: 100%;  padding: 32px;  border-radius: 0 0 0 30px;}
  .RegisterRightCol { flex-wrap: wrap;}

  .ApplynowSection.ProgrammeDetailsec .ApplynowRightCol {  width: 90%;  }

  .DashboardSection {  position: relative;}
  .DashboardLtCol {  position: absolute; top: 0; left: 0; z-index: 99; background: #fff;width: 300px; height: 100%; transform: translateX(-100%); transition: all ease-in-out 0.3s;}
  .DashboardRtCol {  width: 100%; padding: 50px 30px 30px;}

  .DashboardLtCol .DashboardLtColmb { display: flex !important; width: 40px; height: 40px; top: 10px; background: #fff; box-shadow: 0 3px 6px #00000029; left: 100%;  position: absolute; flex-direction: column; align-items: center; justify-content: center;}
  .DashboardLtCol .DashboardLtColmb i {position:relative;width: 30px;left:0;height: 3px;opacity:1;display: block;background: #0f643f;margin: 2px 0;transition:all ease 0.3s;-webkit-transition:all ease 0.3s;-moz-transition:all ease 0.3s;}
  .DashboardLtCol .DashboardLtColmb i:first-child {  margin-top: 0;} 

  .DBGreenHeaderLogo { max-width: 30%;}
  .DBGreenHeaderSearch {  display: none;}
  .DBGreenHeaderProfile {  max-width: 50%;}

  .DashboardLtCol.open {  transform: translateX(0);}
  .DashboardLtCol.open .DashboardLtColmb i:nth-child(2) { opacity: 0;}
  .DashboardLtCol.open .DashboardLtColmb i:first-child {  transform: rotate(45deg);    top: 8px;}
  .DashboardLtCol.open .DashboardLtColmb i:last-child {  transform: rotate(-45deg);  top: -6px;}


  .ApplicationFormLtCol .mobilemenu { display: flex !important; position: absolute; right: -40px; width: 40px; height: 40px; top: 80px; background: #0F643F; justify-content: center; flex-direction: column; align-items: flex-end;  padding: 5px; cursor : pointer; z-index : 999}
  .ApplicationFormLtCol .mobilemenu i { display: block; width: 30px; height: 2px; background: #fff;}
  .ApplicationFormLtCol .mobilemenu i:nth-child(2) { width: 25px; margin: 4px 0; position: relative;}
  .ApplicationFormLtCol .mobilemenu i:last-child {  width: 20px;}
  .ApplicationFormLtCol.menu-open { transform: translateX(0);}

  .ApplicationFormLtCol .mobilemenu.active i:nth-child(2) { opacity: 0;}
  .ApplicationFormLtCol .mobilemenu i {  transition: all ease-in-out 0.3s;}
  .ApplicationFormLtCol .mobilemenu.active i:first-child {  transform: rotate(45deg);    top: 6px;}
  .ApplicationFormLtCol .mobilemenu.active i:last-child { transform: rotate(-45deg); width: 30px; top: -5px;}
  .ApplicationFormLtCol .mobilemenu i { position: relative;}

  .ApplicationFormSec { position: relative;}
  .ApplicationFormLtCol {  width: 100%; position: absolute; max-width: 350px; left: 0; top: 0; transform: translateX(-100%); transition: all ease-in-out 0.3s;}
  .ApplicationFormRTCol {  width: 100%;}


  .DashboardSection .DashboardLtCol .DashboardLtColIn {  max-width: 100%;}
  .DashboardSection .DashboardLtCol { width: 350px; position: absolute;    z-index: 99;}
  .DashboardSection .DashboardLtCol .dbapplicationBox {  max-width: 100%;}
}

@media (max-width : 767px){
  .Thankyoumodule .Logolink {
    max-width: max-content;
  }
  .h1, h1 { font-size : 30px; }
  .ApplyNowBoxSection .ApplyNowBox { max-width: 100%;}
  .ApplynowRightCol { height: 100%; width: 95%;}
  .ApplynowLeftCol {  height: 100%; background: #0f643f;}
  .ApplynowLeftCol img { display: none;}


  .RegisterSection { background: #fff;}
  .RegisterLeftimg {  display: none;}
  .RegisterRightCol {  box-shadow: 0px 3px 6px #00000029;   max-width: 95%;}

  .ApplynowSection.ProgrammeDetailsec .ApplynowRightCol { width: 95%;}

  .LocalFormStyle .inputbox { max-width: calc(50% - 10px);}
  .LocalFormStyle .inputboxMain {  gap: 20px;}
  form label {  font-size: 18px;}


  .DBGreenHeaderLogo {  max-width: 200px;}

  button, .button, .hs-button, .hs-blog-post-listing__post-button { font-size : 18px;}

  .DashboardRtCnt { padding-top: 20px;}
  .Dashboardbutton {  padding-top: 20px;}
  .RegisterRightCol.payrOther { max-width: 95%; }
  p,body {  font-size: 16px;}
  
  .Examdetailscheckbox span,.Examdetailscheckbox p { font-size: 18px;}
.Examdetailtext p,.Examdetailnote p {font-size: 18px;}
}




@media (max-width : 640px){
  /*   .h2, h2 { font-size: 26px;} */
  .h3, h3 {  font-size: 18px;}
  h4,.h4 {  font-size: 18px;}
  p { font-size : 16px }
  .ApplyCnt { padding-top: 15px;}
  .ApplyNowBoxbtn a {  font-size: 16px;  line-height: 1.2;}
  button, .button, .hs-button, .hs-blog-post-listing__post-button { font-size : 16px; line-height: 1.2}
  .ApplyNowBoxbtn {  padding-top: 15px;}

  form .hs-form-field {width: 100% !important;}
  .RegisterForm form .hs_phone .hs-fieldtype-intl-phone select {  height: 43px; padding: 5px; background-size: 32px; }

  form .hs-button, form input[type=submit] {  font-size: 18px;}
  .Loginbtn {  padding-top: 30px;}
  .Loginbtn a {  font-size: 18px;  padding: 10px 70px 10px 16px;}

  .LocalFormStyle .inputbox {  max-width: 100%;}
  .LocalFormStyle .inputboxMain {  flex-wrap: wrap;}
  .tooltipbox .Tooltipcontent {  width: 80%;}

  .DBGreenHeader { padding: 20px;}
  .DBGreenHeaderProfile {  gap: 10px;}
  .DBGreenHeaderProfile p {  font-size: 16px;}

  .dashboardbtn a {  font-size: 16px;}
  .FormnoteSec ul > li {  font-size: 16px;}
  .applicationnumbersec p a,.applicationnumbersec p {  font-size: 16px;}
  .dbapplicationBox li .dbaplBox .dbaplBoxcnt p {  font-size: 16px;}
  .dbapplicationBox li+* {  padding-top: 20px;}
  .dashboardtooltip ul > li > p { font-size: 16px;}
  .tooltipbox .Tooltipcontent p {  font-size: 16px;}
  .tooltipbox .Tooltipcontent {  width: 100%;}


  .AFormStep form .inputboxMain .Form_Input { width: 100%;}
  .AFormStep form .inputboxMain .Form_Input.firstbox .inputbox { width: 100%;}
  .h2, h2 {  font-size: 20px;}
  .h1, h1 {  font-size: 27px;}
  /*   .AFormStepSubTitle:after {position: absolute;right: 0;top: 35px;} */
  .InnerStep2 .AFormStep form .inputboxMain .Form_Input { width: 100%;}
  .InnerStep4 .AFormStep form .inputboxMain .Form_Input { width: 100%;}
  .AFormStepTitleCol.MainTitlestep .AFormStepTitle:after { position: absolute; right: 0; top: 40px;}
  .AFormStepTitleCol.MainTitlestep .AFormStepTitle { position: relative;}
  .AFormStepSubTitle {  position: relative;}
  .ApplicationFormHeader { flex-direction: column; align-items: flex-end; gap: 20px;}
  .afheaderProgress { width: 100%; max-width : 100%}
  .ApplicationFormLtCol .mobilemenu { top: 20px;}
  .paymentplan_table table {  width: 300px;}
  .paymentplan_table { overflow-x: scroll; padding-bottom: 0; margin-bottom: 40px;}
  .stepcontent {  margin-top: 50px;}
  .afheaderProgress {
    max-width: 100%;
  }
  .Logoutbtnmain { z-index : 20 }

  .afheaderProfile {
    padding-right: 30px;
  }
  .examdetailsallform .AFormStep form .Form_Input.modulenameprop { width : 100% }
  .modulenameprop label .tooltipbox .Tooltipcontent {
    width: 250px;
  }

  .InnerStep4 .AFormStep.disabilityvis form .inputboxMain .Form_Input {
    width: 100%;
  }

  .bankinginnerdetaiM > div {  width: 100%;}
  .bankinginnerdetaiM .bankinginnerdetai+* { margin-top: 15px; padding-top: 15px; border-top: 1px solid rgb(0 0 0 / 20%);}
  .bankinginnerdetaiM {  gap: 0;}

  .DashboardRtCol {
    padding: 50px 30px 100px;
  }
  .RegisterSection.Login-page form a#hs_login_reset { margin-top : 0 !important }
  
  .paymentplan_table tbody {display: flex;flex-wrap: wrap;}

.paymentplan_table tbody > tr {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
}

.paymentplan_table tbody > tr > th,.paymentplan_table tbody > tr > td {
    width: 100% !important;
    border-bottom: 2px solid #979899;
}

.paymentplan_table tbody > tr > td {
    border-right: unset;
    text-align: center;
}

.paymentplan_table table {
    width: 100%;
    max-width: 100%;
}
  
}



@media (max-width : 480px){
  .RegisterRTRightCol {  padding: 30px 15px;}
  .RegisterRightCol .RegisterRTLtCol { padding: 30px 15px;}
  .RegisterForm form label, form input[type=email], form input[type=number], form input[type=tel], form input[type=text], form select, form textarea, form input[type=password], form input { font-size: 16px;}
/*   .RegisterForm form .hs_phone .hs-fieldtype-intl-phone select {  height: 40px;} */
  .RegisterSection.Login-page form a#hs_login_reset { margin-top : 0 !important }
  .RegisterFormBoxbtn a { font-size: 16px; }


  .ApplicationFormHeader {  padding: 30px 15px;}
  .ApplicationFormSteps { padding: 30px 15px;}

  .DashboardSection .DashboardLtCol {
    width: calc(100% - 50px);
  }
  .DBGreenHeaderProfile p {
    width: calc(100% - 66px);
  }
  .modulenameprop label .tooltipbox .Tooltipcontent {
    width: 150px;
    padding: 10px;
  }
  .ApplicationFormLtCol { max-width : 80% }
  form input[type=date] { font-size : 16px; }
}