/*
Theme Name: Ai Marketing Hub Theme
Theme URI: https://github.com/WordPress/ai-marketing-hub
Author: WebOccult team
Author URI: https://www.weboccult.com/
Description: A new ai marketing hub theme.
Requires at least: WordPress 4.9.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ai-marketing-hub
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/


/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Global Style Declaration
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-Bold.eot');
  src: url('./fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
      url('./fonts/Gilroy-Bold.woff2') format('woff2'),
      url('./fonts/Gilroy-Bold.woff') format('woff'),
      url('./fonts/Gilroy-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-Medium.eot');
  src: url('./fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
      url('./fonts/Gilroy-Medium.woff2') format('woff2'),
      url('./fonts/Gilroy-Medium.woff') format('woff'),
      url('./fonts/Gilroy-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-ExtraBold.eot');
  src: url('./fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
      url('./fonts/Gilroy-ExtraBold.woff2') format('woff2'),
      url('./fonts/Gilroy-ExtraBold.woff') format('woff'),
      url('./fonts/Gilroy-ExtraBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-Regular.eot');
  src: url('./fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
      url('./fonts/Gilroy-Regular.woff2') format('woff2'),
      url('./fonts/Gilroy-Regular.woff') format('woff'),
      url('./fonts/Gilroy-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-Heavy.eot');
  src: url('./fonts/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),
      url('./fonts/Gilroy-Heavy.woff2') format('woff2'),
      url('./fonts/Gilroy-Heavy.woff') format('woff'),
      url('./fonts/Gilroy-Heavy.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-Thin.eot');
  src: url('./fonts/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),
      url('./fonts/Gilroy-Thin.woff2') format('woff2'),
      url('./fonts/Gilroy-Thin.woff') format('woff'),
      url('./fonts/Gilroy-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-SemiBold.eot');
  src: url('./fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
      url('./fonts/Gilroy-SemiBold.woff2') format('woff2'),
      url('./fonts/Gilroy-SemiBold.woff') format('woff'),
      url('./fonts/Gilroy-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: 'Gilroy';
  src: url('./fonts/Gilroy-Light.eot');
  src: url('./fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
      url('./fonts/Gilroy-Light.woff2') format('woff2'),
      url('./fonts/Gilroy-Light.woff') format('woff'),
      url('./fonts/Gilroy-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}


:root {
--primary-color: #238F4B;
--Primary-color-2: #135B2F;
--Primary-color-3: #1D6D3C;
--secondary-color: #191919;
--body-color: #575757;
--body-color-2: #333333;
--dark-gray-color: #555555;
--gray-color: #F2F8F4;
--gray-color-2: #EBF4EC;
--gray-color-3: #C2DDC7;
--gray-color-4: #E9E9E9;
--gray-color-5: #D6E9DA;
--gray-color-6: #dddddd;
--gray-color-7: #FA5757;
--error-color: #FFE4E4;
--orange-color: #CC7B05;
--orange-light-color: #F5EEE5;
--black-color: #575757;
--black-light-color: #F2F2F2;
--red-color: #FA5757;
--red-light-color: #FFE4E4;
--heading-color: #222222;
--black-color: #000000;
--white-color: #ffffff;
--red-color: #FF0000;
--white-gray: #eee;
--h1: clamp(30px, 2.083vw, 2.083vw);  /* Minimum size updated to 28px */
--h2: clamp(24px, 1.667vw, 1.667vw);  /* Minimum size updated to 24px */
--h3: clamp(22px, 1.458vw, 1.458vw);  /* Minimum size updated to 22px */
--h4: clamp(20px, 1.25vw, 1.25vw);    /* Minimum size updated to 18px */
--h5: clamp(16px, 1.042vw, 1.042vw);  /* Unchanged */
--h6: clamp(14px, 0.9375vw, 0.9375vw); 
--body-font: clamp(14px, 0.833vw, 0.833vw);
--font15: clamp(14px, 0.781vw, 0.781vw);
--font14: clamp(14px, 0.729vw, 0.729vw);
--font13: clamp(12px, 0.677vw, 0.677vw);
--font12: clamp(12px, 0.625vw, 0.625vw);
--primary-font: "Gilroy";
--border-radius-8: clamp(8px, 0.417vw, 0.417vw);
--border-radius-10: clamp(10px, 0.521vw, 0.521vw);
--border-radius-12: clamp(12px, 0.625vw, 0.625vw);
--border-radius-16: clamp(16px, 0.833vw, 0.833vw);
--border-radius-24: clamp(24px, 1.25vw, 1.25vw);

}


* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
body { margin:0; padding:0; font-family: var(--primary-font); line-height: 1.5; font-weight: 600; font-size: var(--body-font); color: var(--body-color); text-transform: capitalize; letter-spacing: 0.24px; -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; background-color: var(--gray-color); }
body.lodaded{ opacity:1; }

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a ,h6 a{  margin:0; padding:0; color: var(--heading-color); font-family: inherit; font-weight: 700; }

h1, .h1 { font-size: var(--h1); line-height: 1.3; letter-spacing: -0.05vw; }
h2, .h2 { font-size: var(--h2); line-height: 1.2; letter-spacing: 0.02vw; } 
h3, .h3 { font-size: var(--h3); } 
h4, .h4 { font-size: var(--h4); } 
h5, .h5 { font-size: var(--h5); letter-spacing: 0.02vw; line-height: 1.5; } 
h6, .h6 { font-size: var(--h6); font-weight: 500; line-height: 1.4; } 

.font18 *, *.font18 { font-size: var(--h6); } 
.font16 *, *.font16{ font-size: var(--body-font); } 
.font15 *, *.font15{ font-size: var(--font15); } 
.font14 *, *.font14{ font-size: var(--font14); } 
.font13 *, *.font13{ font-size: var(--font13); }
.font12 *, *.font12{ font-size: var(--font12); }

img { max-width:100%; height:auto; border:none; vertical-align:middle; }
.full_image img {  width: 100%;  height: 100%;  object-fit: cover;}
a { text-decoration:none; color:var(--primary-color); display: inline-block; transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s; }
a:hover { color:var(--Primary-color-2); }
.MarginTop0 p{margin-top: 0;}

.transition{ transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -o-transition:all ease-in-out 0.3s; }

p { margin:0; }
* + h1{margin-top:max(24px, 0.42vw);}
* + h2 { margin-top:max(24px, 0.42vw); }
* + h3, * + h4 { margin-top:max(24px, 1.25vw); }
* + h5, * + h6  { margin-top:max(24px, 1.25vw); }
* + p { margin-top:max(32px, 1.7vw); }
input[type=submit] { cursor:pointer; }
.wrapper { width: 100%; display:block; margin:0 auto; max-width: 1920px; padding-left:max(48px, 2.5vw); padding-right:max(48px, 2.5vw); }
.wrapperV2 { max-width:1024px; width:100%; margin:0 auto; padding:0 15px; }

.max500{width: 100%; display:block; margin:0 auto; max-width: clamp(350px, 26vw, 26vw); }
.max900{width: 100%; display:block; margin:0 auto; max-width: clamp(350px, 46vw, 46vw); }
.max750{width: 100%; display:block; margin:0 auto; max-width: clamp(350px, 39vw, 39vw); }
.max280{ max-width: clamp(280px, 14.5vw, 14.5vw); display:block;}

.clearfix { display:block; }
.clearfix:before,.clearfix:after { content:''; width:100%; display:block; }

.set_bg, .bg, .overlay { background-position: center;  background-repeat: no-repeat;  background-size: cover; position:relative; }

.overlay{ position: relative;  }
.overlay:before { content:'';  top:0; left:0; width:100%; height:100%; z-index:1; position:absolute; background: rgba(30, 44, 63, 0.4);}
.overlay > * { position:relative; z-index:2; }
.overlay.overlayOne:before { background: rgba(30, 44, 63, 0.05); }

/* bg Color */
.background_primary {  background-color: var(--primary-color);}
.background_primary_2 {  background-color: var(--Primary-color-2);}
.background_secondary {  background-color: var(--secondary-color);}
.background_gray {  background-color: var(--gray-color);}
.background_gray_2 {  background-color: var(--gray-color-2);}
.background_gray_3 {  background-color: var(--gray-color-3);}
.background_gray_4 {  background-color: var(--gray-color-4);}
.background_orange, .background_orange *{ background: var(--orange-color); }
.background_orange_light, .background_orange_light *{ background: var(--orange-light-color); }
.background_white {  background-color: var(--white-color);}
.background_black {  background-color: var(--black-color);}
.background_gray_6 {  background-color: var(--gray-color-6);}
.background_error_color {  background-color: var(----error-color);}

.gray_color_6 { color: var(--gray-color-6);}
.error_color {  color: var(----error-color);}

/* Color */
.primary_color, .primary_color * {  color: var(--primary-color);}
.primary_color_2, .primary_color_2 * {  color: var(--Primary-color-2);}
.secondary_color, .secondary_color * {  color: var(--secondary-color);}
.gray_color, .gray_color *{ color: var(--gray-color); }
.gray_color_2, .gray_color_2 *{ color: var(--gray-color-2); }
.gray_color_3, .gray_color_3 *{ color: var(--gray-color-3); }
.gray_color_4, .gray_color_4 *{ color: var(--gray-color-4); }
.gray_color_5, .gray_color_5 *{ color: var(--gray-color-5); }
.orange_color, .orange_color *{ color: var(--orange-color); }
.orange_light_color, .orange_light_color *{ color: var(--orange-light-color); }
.heading_color, .heading_color *{ color: var(--heading-color); }
.white_color, .white_color *{ color: var(--white-color); }
.black_color, .black_color *{ color: var(--black-color); }
.body_color, .body_color *{ color: var(--body-color); }

/* Border */
.primary_border {  border: 1px solid var(--primary-color);}
.secondary_boder {  border: 1px solid var(--secondary-color);}
.grey_border {  border: 1px solid var(--gray-color);}
.grey_border_2 { border: 1px solid var(--gray-color-2); }
.grey_border_3 { border: 1px solid var(--gray-color-3); }
.grey_border_4 { border: 1px solid var(--gray-color-4); }
.black_border {  border: 1px solid var(--body-color);}

.table{  display: table;  width: 100%; height: 100%;}
.tablecell { display: table-cell; vertical-align: middle;}

/* Button */
.primaryButton a, a.primaryButton { color: var(--primary-color); font-weight: 700; line-height: normal; letter-spacing: 0.24px; text-decoration-line: underline; text-transform: capitalize; display: flex; align-items: center; padding: clamp(16px, 0.83vw, 3.33vw); justify-content: space-between; border-radius: var(--border-radius-8); background: var(--gray-color-2); }
.primaryButton a:hover, a.primaryButton:hover { background: var(--primary-color); color: var(--white-color);}
.primaryButton a svg path{ transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s;}
.primaryButton.fill a svg path {fill: var(--primary-color);}
.primaryButton.stroke a svg path {stroke: var(--primary-color);}
.primaryButton.fill a:hover svg path { fill: var(--white-color);}
.primaryButton.stroke a:hover svg path { stroke: var(--white-color);}
.primary_normal_button a, a.primary_normal_button{ outline:none; font-family: var(--primary-font); text-align: center;  padding:clamp(16px, 0.83vw, 3.33vw) clamp(22px, 1.15vw, 4vw); background: var(--primary-color); color: var(--white-color); border:1px solid var(--primary-color);  font-size: var(--h6); line-height:1; text-transform:capitalize; font-weight:600;
border-radius: var(--border-radius-8); -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; }
.primary_reject_button a, a.primary_reject_button{ outline:none; font-family: var(--primary-font); text-align: center;  padding:clamp(16px, 0.83vw, 3.33vw) clamp(22px, 1.15vw, 4vw); background: var(--gray-color-7); color: var(--white-color); border:1px solid var(--gray-color-7);  font-size: var(--h6); line-height:1; text-transform:capitalize; font-weight:600;
  border-radius: var(--border-radius-8); -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; }
.primary_normal_button a:hover, a.primary_normal_button:hover { color:var(--primary-color); background:transparent; }
.secondary_normal_button a, a.secondary_normal_button{ outline:none; font-family: var(--primary-font); text-align: center;  padding:clamp(16px, 0.83vw, 3.33vw) clamp(22px, 1.15vw, 4vw); color:var(--primary-color); background:transparent; border:1px solid var(--primary-color);  font-size: var(--h6); line-height:1; text-transform:capitalize; font-weight:600;
border-radius: var(--border-radius-8); -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; }
.secondary_normal_button a:hover, a.secondary_normal_button:hover { background: var(--primary-color); color: var(--white-color);}
.primaryButton span, .primary_normal_button span, .secondary_normal_button span { width: clamp(24px, 1.25vw, 3vw);height: clamp(24px, 1.25vw, 3vw);}
.primaryButton svg, .primary_normal_button svg, .secondary_normal_button svg { height: 100%; width: 100%; }
.primary_reject_button a:hover, a.primary_reject_button:hover{background-color: var(--white-color);color: var(--gray-color-7);}

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

.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.text_center { text-align:center; }
.text_right { text-align:right; }
.text_left { text-align:left; }

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a{ max-width:100%; white-space:normal; }
.di li{display: inline-block;}

.noListStyle ul, .listStyle ul { margin:0; padding:0; list-style:none; }
.listStyle * + ul { margin-top: clamp(0.78vw, 0.78vw, 0.78vw); }
.listStyle ul li {padding-left: clamp(1.82vw, 1.82vw, 1.82vw);  position:relative; margin-bottom: clamp(0.78vw, 0.78vw, 0.78vw); }
.listStyle ul li:before { font-family:'fontawesome',sans-serif; position:absolute; left:4px; color: var(--body-color); font-weight:normal; top:1px;  content:'\f105';}
li+li {  margin-top: clamp(8px, 0.4166vw, 2vw); }
ul{padding-left: clamp(16px, 1.7vw, 5vw);}

/* Line Height */
.lh0{ line-height: 0; }
.lh12, .lh12 *{ line-height: 1.2; }
.lh14, .lh14 *{ line-height: 1.4; }
.lh15, .lh15 *{ line-height: 1.5; }
.ls05, .ls05 * { letter-spacing: 0.5px; }
.ls1, .ls1 *{ letter-spacing: 1px; }

.relative{ position: relative; }
.absolute{ position: absolute; }

.height_100vh{ height: 100vh; }

/* display none css */

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


/* Scroll Bar */
.scrollbar::-webkit-scrollbar { position: absolute; width: clamp(6px, 0.312vw, 1.5vw); }
/* Track */
.scrollbar::-webkit-scrollbar-track { box-shadow: inset 0 0 1px var(--Primary-color-2) ;background-color: var(--white-color);border-radius: var(--border-radius-8);}
/* Handle */
.scrollbar::-webkit-scrollbar-thumb { background: var(--Primary-color-2);border-radius: var(--border-radius-16);outline: 1px solid var(--Primary-color-2);}
.h_scrollbar { overflow: auto; }
.h_scrollbar::-webkit-scrollbar{ height: clamp(6px, 0.25vw, 1.4vw); width: clamp(4px, 0.25vw, 1.4vw); }
.h_scrollbar::-webkit-scrollbar-track:horizontal{ background-color: var(--white-color);}
.h_scrollbar::-webkit-scrollbar-thumb:horizontal{ background-color: var(--primary-color); border-radius: var(--border-radius-8);  width: 15px;  height: 15px;}

.pointer { cursor: pointer; }

.border_box_shadow{ box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.00), 0px 3px 4px 0px rgba(0, 0, 0, 0.08); }

/* display classes */
.d_flex {  display: flex; }
.d_ib { display: inline-block; }
.d_i { display: inline; }
.d_b { display: block; }
.d_none { display: none; }

.overflow_hidden { overflow:hidden; }

/* For gap values 30px or below (min value is 15px) */
.gap8 {gap: clamp(6px, 0.4166vw, 2.5vw); /* min set to 15px */}
.gap16 {gap: clamp(15px, 0.8333vw, 3.33vw); /* min set to 15px */}
.gap20 {gap: clamp(20px, 1.0416vw, 4vw); /* min set to 15px */}
.gap24 {gap: clamp(15px, 1.25vw, 4vw); /* min set to 15px */}
.gap30 {gap: clamp(15px, 1.667vw, 5vw); /* min set to 15px */}

/* For gap values above 30px (min value is 30px) */
.gap32 {gap: clamp(15px, 1.667vw, 5vw); /* min set to 30px */}
.gap40 {gap: clamp(30px, 2.083vw, 5.5vw); /* min set to 30px */}
.gap48 {gap: clamp(15px, 2.5vw, 6vw); /* min set to 30px */}
.gap56 {gap: clamp(30px, 2.917vw, 7vw); /* min set to 30px */}
.gap64 {gap: clamp(30px, 3.333vw, 8vw); /* min set to 30px */}
.gap72 {gap: clamp(30px, 3.75vw, 9vw); /* min set to 30px */}
.gap80 {gap: clamp(30px, 4.167vw, 10vw); /* min set to 30px */}

/* Border Radius */

.br5 {border-radius: clamp(5px, 0.5vw, 0.5vw); /* Min 5px, max based on 0.5vw */}
.br8 {border-radius: var(--border-radius-8); /* Min 8px, max based on 0.8vw */}
.br10 {border-radius: clamp(10px, 1vw, 1vw); /* Min 10px, max based on 1vw */}
.br12 {border-radius: var(--border-radius-12); /* Min 12px, max based on 1.2vw */}
.br16 {border-radius: var(--border-radius-16); /* Min 16px, max based on 1.6vw */}
.br24 {border-radius: clamp(24px, 2.4vw, 2.4vw); /* Min 24px, max based on 2.4vw */}
.br32 {border-radius: clamp(32px, 3.2vw, 3.2vw); /* Min 32px, max based on 3.2vw */}
.br50 {border-radius: 50%; /* For fully circular elements, fixed at 50% */}

/* flex classes */
.flex_wrap {  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; }
.d_flex.row_reverse {  flex-direction: row-reverse; }

.width_center {  margin: 0 auto;}

/* float */
.fl { float: left;}
.fr { float: right;}
.ib.vt { vertical-align: top !important;}

/* Padding */
.pd8 {padding: clamp(8px, 0.42vw, 2.5vw); /* max changed to vw */}
.pd16, .pdtrl16 {padding: clamp(16px, 0.83vw, 3.33vw); /* max changed to vw */}
.pd12, .pdtrl12 {padding: clamp(12px, 0.83vw, 3.33vw); /* max changed to vw */}
.pd20 {padding: clamp(20px, 1.042vw, 3.5vw); /* max changed to vw */}
.pd24 {padding: clamp(16px, 1.25vw, 4vw); /* max changed to vw */}
.pd32 {padding: clamp(16px, 1.7vw, 5vw); /* max changed to vw */}
.pd48 {padding: clamp(30px, 2.5vw, 6vw); /* max changed to vw */}
.pd64 {padding: clamp(30px, 3.33vw, 8vw); /* max changed to vw */}

/* Margin (Negative Margins) */
.mr8 {margin-left: clamp(-8px, -0.42vw, -2.5vw);margin-right: clamp(-8px, -0.42vw, -2.5vw);}
.mr16 {margin-left: clamp(-16px, -0.83vw, -3.33vw);margin-right: clamp(-16px, -0.83vw, -3.33vw);}
.mr24 {margin-left: clamp(-24px, -1.25vw, -4vw);margin-right: clamp(-24px, -1.25vw, -4vw);}
.mr32 {margin-left: clamp(-16px, -1.7vw, -5vw);margin-right: clamp(-16px, -1.7vw, -5vw);}

/* margin property */
.mrt8{ margin-top: clamp(8px, 0.42vw, 2.5vw);  }
.mrt16{ margin-top: (16px, 0.83vw, 3.33vw);  }
.mrt24{ margin-top: clamp(24px, 1.25vw, 4vw);  }
.mrb8{ margin-bottom: clamp(8px, 0.42vw, 2.5vw); }
.mrb16{ margin-bottom: clamp(16px, 0.83vw, 3.33vw); }
.mrb24{ margin-bottom: clamp(24px, 1.25vw, 4vw); }


/* Padding for Bottom */
.pb8, .p8-0 {padding-bottom: clamp(8px, 0.42vw, 2.5vw);}
.pb16, .p16-0 {padding-bottom: clamp(16px, 0.83vw, 3.33vw);}
.pb24, .p24-0 {padding-bottom: clamp(24px, 1.25vw, 4vw);}
.pb32, .p32-0 {padding-bottom: clamp(16px, 1.7vw, 5vw);}
.pb40, .p40-0 {padding-bottom: clamp(24px, 2.08vw, 5.5vw); /* max changed to vw */}
.pb48, .p48-0 {padding-bottom: clamp(30px, 2.5vw, 6vw); /* max changed to vw */}
.pb56, .p56-0 {padding-bottom: clamp(30px, 2.9vw, 7vw); /* max changed to vw */}
.pb64, .p64-0 {padding-bottom: clamp(30px, 3.33vw, 8vw); /* max changed to vw */}
.pb72, .p72-0 {padding-bottom: clamp(30px, 3.75vw, 9vw); /* max changed to vw */}
.pb80, .p80-0 {padding-bottom: clamp(30px, 4.2vw, 10vw); /* max changed to vw */}
.pb88, .p88-0 {padding-bottom: clamp(30px, 4.6vw, 11vw); /* max changed to vw */}
.pb96, .p96-0 {padding-bottom: clamp(30px, 5vw, 12vw); /* max changed to vw */}
.pb104, .p104-0 {padding-bottom: clamp(30px, 5.4vw, 13vw); /* max changed to vw */}

/* Padding for Top */
.pt8, .p8-0 {padding-top: clamp(8px, 0.42vw, 2.5vw);}
.pt16, .p16-0 {padding-top: clamp(16px, 0.83vw, 3.33vw);}
.pt24, .p24-0 {padding-top: clamp(16px, 1.25vw, 4vw);}
.pt32, .p32-0 {padding-top: clamp(16px, 1.7vw, 5vw);}
.pt40, .p40-0 {padding-top: clamp(20px, 2.08vw, 5.5vw); /* max changed to vw */}
.pt48, .p48-0 {padding-top: clamp(20px, 2.5vw, 6vw); /* max changed to vw */}
.pt56, .p56-0 {padding-top: clamp(20px, 2.9vw, 7vw); /* max changed to vw */}
.pt64, .p64-0 {padding-top: clamp(30px, 3.33vw, 8vw); /* max changed to vw */}
.pt72, .p72-0 {padding-top: clamp(30px, 3.75vw, 9vw); /* max changed to vw */}
.pt80, .p80-0 {padding-top: clamp(30px, 4.2vw, 10vw); /* max changed to vw */}
.pt88, .p88-0 {padding-top: clamp(30px, 4.6vw, 11vw); /* max changed to vw */}
.pt96, .p96-0 {padding-top: clamp(30px, 5vw, 12vw); /* max changed to vw */}
.pt104, .p104-0 {padding-top: clamp(30px, 5.4vw, 13vw); /* max changed to vw */}

/* Padding Left and Right */
.pdl8 {padding-left: clamp(8px, 0.42vw, 2.5vw); /* max changed to vw */}
.pr8 {padding-right: clamp(8px, 0.42vw, 2.5vw); /* max changed to vw */}
.pdl16, .pdltrl16 {padding-left: clamp(16px, 0.83vw, 3.33vw); /* max changed to vw */}
.pr16 {padding-right: clamp(16px, 0.83vw, 3.33vw); /* max changed to vw */}
.pdl24 {padding-left: clamp(16px, 1.25vw, 4vw); /* max changed to vw */}
.pr24 {padding-right: clamp(16px, 1.25vw, 4vw); /* max changed to vw */}
.pdl48 {padding-left: clamp(24px, 2.5vw, 6vw); /* max changed to vw */}
.pr48 {padding-right: clamp(24px, 2.5vw, 6vw); /* max changed to vw */}

/* Reset Padding */
.pl0, .p0-0 {padding-left: 0;}
.pr0, .p0-0 {padding-right: 0;}
.pt0, .p0-0 {padding-top: 0;}
.pb0, .p0-0 {padding-bottom: 0;}

/* Utility for Auto Margin */
.marRight {margin: 0 0 0 auto;}


/************************* form css start ***************************/
form .input { margin-right:0 !important; }
form fieldset { max-width:100% !important; }
form fieldset { margin:0 clamp(-10px, -0.521vw, -0.521vw); }
.formMaxWidth { width: 100%; max-width: clamp(776px, 40.417vw, 40.417vw); }
form fieldset.form-columns-1 .field { width:100% !important; }
form fieldset.form-columns-2 .field { width:50% !important; }
form fieldset.form-columns-3 .field { width:33.33% !important; }
form input:focus-visible, form select:focus-visible, form textarea:focus-visible { outline: none; }
form input[type="radio"],form input[type="checkbox"] { cursor: pointer; opacity: 0; height: auto; }
form fieldset { padding: 0; border: none; display: flex; }
form label { position: relative; font-size: clamp(16px, var(--h6), var(--h6)); font-weight: 600; color: var(--heading-color); letter-spacing: 0.24px; padding-bottom: clamp(10px, 0.521vw, 0.521vw); line-height: 1; display: inline-block; }
form input, form select, form textarea {  color: var(--body-color); background-color: var(--white-color); border: 1px solid var(--gray-color-4); margin: 0 0 clamp(15px, 0.781vw, 0.781vw) 0; line-height: 1; padding: clamp(16px, 0.833vw, 0.833vw); border-radius: var(--border-radius-12); font-size: var(--body-font); width: 100%; font-family: var(--primary-font); }
form input#pdflink{padding-right: 40px;}
select { appearance: none; cursor: pointer; }
textarea { min-height: clamp(80px, 7.292vw, 8vw); }
.formField.selectField:after { content: ''; position: absolute; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACTSURBVHgBndKxDYUgEAZgj7fAYwNgAR3JEbS0UiewttJV3AQ7Sybg/LEzERVJ4JLj7gvJQcaY0nufW2vr7MNC/4CwChx/IUSFxJQlLq31jFDhIXwklFItIE7BAhJ6Qu/pIgWLIinYI/IGe43cYU8I3WGYZsfMlogcUgWm0+Gb9Ff1vxjknFuklGswsTeADZAxVr8DbdxKAcyvRtUAAAAASUVORK5CYII="); width: clamp(15px, 0.781vw, 0.781vw);  height: clamp(7px, 0.417vw, 0.417vw); background-repeat: no-repeat; background-size: contain; top: clamp(20px, 1.042vw, 1.042vw); right: 0.781vw; pointer-events: none; transform: translateY(40%); }
form .field { padding:0 0 clamp(10px, 0.521vw, 0.521vw); }
form fieldset .field { padding-left:clamp(10px, 0.521vw, 0.521vw); padding-right:clamp(10px, 0.521vw, 0.521vw); }
.uploadArea { width: 100%; padding: clamp(40px, 3.646vw, 3.646vw); border: 2px dashed var(--gray-color-4); border-radius: var(--border-radius-8); text-align: center;color: var(--dark-gray-color); position: relative; background-color: var(--white-color); transition: background-color 0.3s ease; }
.uploadInterface { display: block; }
.uploadInfo { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: clamp(10px, 0.521vw, 0.521vw); font-size: var(--font14); }
.fileName { color: var(--primary-color); font-weight: 600; line-height: 1.4; letter-spacing: 0.24px; }
.supportText { margin-top: clamp(5px, 0.26vw, 1vw); color: var(--body-color); line-height: 1.4; font-weight: 500; }
.errorMessage, .duplicateMessage { margin-top: clamp(10px, 0.521vw, 0.521vw); font-size: var(--font14); color: var(--red-color); display: none; }
span#chooseFileText { color: var(--primary-color); cursor: pointer; font-weight: 600; }
form fieldset:first-child { padding-top: 0; }
input[type="date"]::-webkit-calendar-picker-indicator { background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto; }
.datePickerField:after { content: ''; position: absolute; width: clamp(24px, 1.25vw, 1.25vw); height: clamp(24px, 1.25vw, 1.25vw); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGVSURBVHgBzZRBTsJAFIb/GdsYjYk9QkVdCycQtrAQTkCP4JwAOEH1BOANusDEnfUEsleSegPcsFDa+kZKbHFKaavRL5m2b/7O/DOvrwP8JSd26/L4utUtqku0TWIIXCD4fLwpokuYqtO02wbHW5uB9UI5DTBSD2aW1BlC4WN34gnHyzSQ26YhPVqfgZyQ4eBZjPvJvhgVu2nRS0OUgMY3yMRdxXxN7KIklLJePOZrsonyVONBoop8zGvM3z/ED6Ilg4NqsBOcowQc/IFuL0oDyt89U1fu1kRlzb4Mf5ksgxktxqE2i2I3aiotvwFt92oqxh26j2Q8FbcNH3pHpaWx8Syi1Vn088mEtmVUsVtDhnelVsiABpt07cdiK01LIytFI0oLzbVMgw//SKem0rY0SH4wKlnz1G7Sn8mN5cu8voBmqrQYiTnWU+QimdN6APaIZW3LSYdRnX/TVpDupO6AQxtklV0GswDBINXgSTgTHYsarWmC/LgcYcMTd168M/VcMO26gXDvDFks2Cv0uecJt8zO/zEfQiGRmwmITQ8AAAAASUVORK5CYII=); background-repeat: no-repeat; background-size: cover; top: clamp(15px, 0.781vw, 0.781vw); right: clamp(15px, 0.781vw, 0.781vw); pointer-events: none; }
.form-columns-1>div { width: 100%; }
#addMoreBtn { letter-spacing: 0.24px; padding: clamp(15px, 0.781vw, 0.781vw) clamp(24px, 1.25vw, 1.25vw); border: 1px solid var(--primary-color); border-radius: var(--border-radius-8); width: max-content; gap: 0.729vw; line-height: 1; }
/* Icon Btn */
.buttonIconPrimary a { width: max-content;  gap: 0.729vw;  outline: none;  font-family: var(--primary-font);  text-align: center;  padding: clamp(16px, 0.83vw, 3.33vw) clamp(22px, 1.15vw, 4vw);  background: var(--primary-color);  color: var(--white-color);  border: 1px solid var(--primary-color);  font-size: var(--h6);  line-height: 1;  text-transform: capitalize;  font-weight: 600;  border-radius: var(--border-radius-8);  -webkit-transition: all ease 0.3s;  -moz-transition: all ease 0.3s;  transition: all ease 0.3s;}
.buttonIconPrimary a svg path{ transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s;}
.buttonIconPrimary a:hover{ color:var(--primary-color); background:transparent; }
.buttonIconPrimary a:hover path { fill: var(--primary-color);}
.buttonParent .buttonIconPrimary a{line-height: 1.6;}
.buttonIconSecondary a { width: max-content;  gap: 0.729vw;  outline: none;  font-family: var(--primary-font);  text-align: center;  padding: clamp(16px, 0.83vw, 3.33vw) clamp(22px, 1.15vw, 4vw);  background: var(--white-color);  color: var(--primary-color);  border: 1px solid var(--primary-color);  font-size: var(--h6);  line-height: 1;  text-transform: capitalize;  font-weight: 600;  border-radius: var(--border-radius-8);  -webkit-transition: all ease 0.3s;  -moz-transition: all ease 0.3s;  transition: all ease 0.3s;}
.buttonIconSecondary a svg path{ transition:all ease 0.3s; -moz-transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -o-transition:all ease 0.3s;}
.buttonIconSecondary a:hover{ color:var(--white-color); background:var(--primary-color); }
.buttonIconSecondary a:hover path { fill: var(--white-color);}
.buttonParent .buttonIconSecondary a{line-height: 1.6;}
.addLinks label { position: relative; left: clamp(10px, 0.521vw, 0.521vw); }
.removeBtn { cursor: pointer; }
.addIcon { line-height: 0; width: clamp(20px, 1.042vw, 1.042vw); height: clamp(20px, 1.042vw, 1.042vw); }
.radioButtonInner {  position: relative; margin-bottom: 7px;}
form input[type="radio"] {  margin-bottom: 0; height: 100%;}
.radioButtonInner label{ padding-bottom: 0; }
form input[type="radio"]:checked, form input[type="radio"]:not(:checked) { position: absolute; left: 0; z-index: 11; }
form input[type="radio"]:checked + label, form input[type="radio"]:not(:checked) + label { position: relative; padding-left: clamp(25px, 1.563vw, 2vw); cursor: pointer; line-height: 1.2; display: inline-block; width: 100%; }
form input[type="radio"]:checked + label:before, form input[type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: clamp(18px, 0.938vw, 1vw); height: clamp(18px, 0.938vw, 1vw); border: 1px solid var(--gray-color-6);  border-radius: 100%; background: var(--white-color); }
form input[type="radio"]:checked + label:after, form input[type="radio"]:not(:checked) + label:after { content: ''; width: clamp(12px, 0.625vw, 0.625vw); height: clamp(12px, 0.625vw, 0.625vw); background: var(--primary-color); position: absolute;    top: clamp(4px, 0.208vw, 0.208vw);  left: clamp(4px, 0.208vw, 0.208vw); border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
form input[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
form input[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
span.customCheckbox:before { background-color: var(--white-color); background-position: 50%; background-repeat: no-repeat; border: 1px solid var(--primary-color); content: ""; cursor: pointer; height: clamp(18px, 0.938vw, 1vw); left: 0; position: absolute; top: 0; width: clamp(18px, 0.938vw, 1vw); }
span.customCheckbox { cursor: pointer; font-family: var(--primary-font); font-size: var(--h5); line-height: 1.4; margin-left: 0 !important; padding: 0 0 clamp(2px, 0.104vw, 0.104vw) clamp(31px, 1.615vw, 1.615vw); position: relative; }
.customCheckboxMain input[type="checkbox"] { position: absolute; }
label.checkbox { position: relative; }
.customCheckboxMain input[type="checkbox"]:checked+span.customCheckbox:after { opacity: 1; }
span.customCheckbox:after { position: absolute; content: ''; width: clamp(14px, 0.729vw, 0.729vw); height: clamp(14px, 0.729vw, 0.729vw); left: clamp(3px, 0.156vw, 0.156vw);  top: clamp(3px, 0.156vw, 0.156vw); background-color:var(--primary-color); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; opacity: 0; }
.requirdMsg { font-family: var(--primary-font); font-size: var(--font14); color: var(--red-color); line-height: 1; position: absolute; width: 100%; left: 0; bottom: 0px;text-transform: none; font-weight: 500;}
.addLinksInner .formField { position: relative; }
.deleteField { right: clamp(15px, 0.781vw, 0.781vw); line-height: 0; top: clamp(15px, 0.781vw, 0.781vw); cursor: pointer; width: clamp(20px, 1.042vw, 1.042vw); height: clamp(20px, 1.042vw, 1.042vw); }
.uploadInterface .icon { width: clamp(32px, 3.333vw, 3.333vw); margin: 0 auto; height: clamp(32px, 3.333vw, 3.333vw); }
.uploadInterface .icon img, .deleteField img, .addIcon img { width: 100%; height: 100%; }
.uploadInterface h6{ font-weight: 600; color: var(--body-color); }
input[type="submit"] { margin-bottom: 0; outline:none; font-family: var(--primary-font); text-align: center;  padding:clamp(18px, 0.938vw, 0.938vw) clamp(18px, 2.083vw, 2.083vw); background: var(--primary-color); color: var(--white-color); border:1px solid var(--primary-color);  font-size: var(--h6); line-height:1; text-transform:capitalize; font-weight:600; border-radius:var(--border-radius-8); -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; }
input[type="submit"]:hover { color:var(--primary-color); background:transparent; }
.requiredField {font-size: clamp(14px, 0.729vw, 0.729vw); color: var(--red-color); }
.loginLinkSentSuccess {  text-align: center;  color: var(--primary-color); display: none; }

/* landscape-message CSS */
.landscape-message{display: none;}

/* overflow hidden */
body.hideScroll {  overflow: hidden;}


/********************************** Table *****************************************/
.tablePagination { -webkit-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.1); position: relative; }
table {  background-color: var(--white-color); width: 100% !important;  }
#announcementMgt_wrapper {  border-top-left-radius: var(--border-radius-8); border-top-right-radius: var(--border-radius-8); overflow: hidden; }
tr#tableHeading { background-color: var(--gray-color-2); -webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); position: relative; }
th, td { text-align: left; font-size: clamp(16px, var(--h6), var(--h6)); font-weight: 600; color: var(--body-color); letter-spacing: 0.24px; padding: clamp(20px, 1.042vw, 1.042vw); line-height: 1.3; min-width: 200px; }
#tableHeading th { color: var(--heading-color); } 
td { border-bottom: 1px solid var(--gray-color-4); font-weight: 500; }
.dataTables_length label, .paginate_button, .dataTables_length select { font-size: var(--body-font); font-weight: 500; color: var(--body-color); letter-spacing: 0.24px; line-height: 1; }
.tablePagination { background-color: var(--white-color); border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: clamp(20px, 1.042vw, 1.042vw); }
.dataTables_length select { padding: clamp(14px, 0.729vw, 0.729vw); border-radius: var(--border-radius-8); border-color: var(--gray-color-4); font-weight: 600;  width: clamp(50px,  3.646vw,  3.646vw); }
.dataTables_paginate .paginate_button{line-height: 1.3;}
table td button.btn { background-color: transparent; border: none; cursor: pointer; width: clamp(38px, 2.2vw, 2.2vw); height: clamp(38px, 2.2vw, 2.2vw); background-color: var(--white-color); border-radius: 50%; }
table td button.btn.active { box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.02), 0px 2px 4px 0px rgba(0, 0, 0, 0.08); }
#announcementMgt_previous { position: relative; padding-left: clamp(15px, 0.781vw, 0.781vw); }
#announcementMgt_previous:before { content: ''; position: absolute; width: clamp(10px, 0.521vw, 0.521vw); height: clamp(15px, 0.781vw, 0.781vw); top: 0; left: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAATCAYAAABC3CftAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACESURBVHgBldLBDYAgDABAiwswQkfg6VMnM06mP7+MwAhOALZEjA/bKglpA5cUCtApAxE9x14B6JzbKR1AASulPuc8gQVSShEswOtggRtpoCIL8KB9N2ugIpqhlLJJoKEIACNVDSKiMgvFg88lwW+3a4nZJwv+fzsJvqInpB5GEV2w/swT8MFusd2XelAAAAAASUVORK5CYII=); background-repeat: no-repeat; background-size: contain; }
#announcementMgt_next { position: relative; padding-right: clamp(15px, 0.781vw, 0.781vw); }
#announcementMgt_next:before { content: ''; position: absolute; width: clamp(10px, 0.521vw, 0.521vw); height: clamp(15px, 0.781vw, 0.781vw);  top: 0; right: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAATCAYAAABC3CftAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACfSURBVHgBlZG9EcIwDIUtQ++MYHuCMEJGYAS2YAvmocoIjAAlpUoqm6cid7nEipJ35587fX76sYsxds6Qh8aU0htwVKFSyo2IOqxRA0k2xHpxrLUy1vCBVpAF0vyFBtIyfwukVqEL8HJqQcz8DSE8Ad7R9a/pNCnn/BI3rwGSEkcPp101Dce7M+dkTtz8OwsQebT42AJEZwSvckGcnaI/rRyjqskfV9IAAAAASUVORK5CYII=); background-repeat: no-repeat; background-size: contain; }
.paginate_button { cursor: pointer; }
#announcementMgt_paginate { display: flex; align-items: center; justify-content: center; gap: 16px; }
#announcementMgt_paginate span  { line-height: 0; }
#announcementMgt_paginate span a, span.ellipsis { padding: clamp(10px, 0.521vw, 0.521vw);; border: 1px solid var(--gray-color-4); border-radius: var(--border-radius-8); font-weight: 600; width: clamp(38px, 1.979vw, 1.979vw); height: clamp(38px, 1.979vw, 1.979vw); display: flex; align-items: center; justify-content: center; }
#announcementMgt_paginate span { display: flex; justify-content: space-between; gap: clamp(16px, 0.833vw, 0.833vw); align-items: center; }
#announcementMgt_paginate span a.current { border-color: var(--primary-color); background-color: var(--gray-color-2); }
span.dropdownArrow { content: ''; position: absolute; width: clamp(10px, 0.677vw, 0.677vw);  height: clamp(10px, 0.677vw, 0.677vw); background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAICAYAAADwdn+XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACmSURBVHgBjZDRDcIgEIahXYARHIERdANfIISndgJHcAU3ML4ReKgbVDdwlC4A+JNoQvRIS/Inl+O+Lxxca31kjJ1zzmMI4cU2HGutjDFOnPOxw1lQSGRWSsmN8Ixyl1ISnXPuUUyIWJNUsMCLB+/9nX8vjTEDmldkQQ6/6xDwrfR5PdSStOA/ASXp+75AEwWTglpS9yi4KfhI9oBOpcZvX7DOk5p7A47KiLrDIWJlAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-size: contain; top: clamp(5px, 0.325vw, 0.325vw); right: 0.565vw; pointer-events: none; }
.dataTables_length label { position: relative; }
span.ellipsis { flex-direction: column-reverse; }
.dataTables_scrollBody::-webkit-scrollbar { width: 6px; background-color: #fff; border-radius: 2px; height: 5px; }
.dataTables_scrollBody::-webkit-scrollbar-thumb { background-color: #238F4B; border-radius: 2px; }
.dataTables_scrollHeadInner { padding-right: 0 !important; width: 100% !important; }
table td button svg { display: inline-block; width: 100%; height: 100%; }
table td img { width: clamp(90px, 4.583vw, 4.583vw); height: clamp(60px, 3.333vw, 3.333vw); padding: clamp(4px, 0.208vw, 0.208vw); border: 1px solid var(--gray-color-4); border-radius: var(--border-radius-12); }

/* Popup Design Starts */
.popUp .popUpOuter { max-width: clamp(320px, 29.219vw, 29.219vw); padding: clamp(56px, 2.917vw, 2.917vw) clamp(64px, 3.333vw, 2.917vw); }
.popUp .popUpIcon { width: clamp(80px, 4.167vw, 4.167vw); height: clamp(80px, 4.167vw, 4.167vw); }
.popUp .popUpIcon { background-color: var(--gray-color-7); }  
.popUp .popUpIcon svg path { fill:var(--error-color); }
.popUp .popUpIcon.popUpIconError { background-color: var(--gray-color-7); }
.popUp .popUpIcon.popUpIconError svg path { fill:var(--error-color); }
.popUp .popUpIcon.popUpIconDraft { background-color: var(--gray-color-2); }
.popUp .popUpIcon.popUpIconDraft svg path { fill:var(--primary-color); }
.popUp .popUpTextAreaContainer textarea { padding: clamp(20px, 1.042vw, 1.042vw) clamp(16px, 0.833vw, 0.833vw); border-color: var(--gray-color-4); outline: var(--gray-color-4); }
.popUp .popUpTextAreaContainer textarea:focus,
.popUp .popUpTextAreaContainer textarea:focus-visible { border-color: var(--gray-color-4); outline: var(--gray-color-4); }
.popUp { padding: 10px; height: 100vh; left: 0; margin: auto; opacity: 0; overflow-y: auto; padding: clamp(70px, 3.646vw, 3.646vw) clamp(16px, 0.833vw, 0.833vw); position: fixed; right: 0; top: 0; transition: opacity .3s ease-in-out, visibility .3s ease-in-out; visibility: hidden; z-index: 2000; }
.popUp.openPopup { opacity: 1; visibility: visible; }
.popUpIcon  svg { width: clamp(28px, 1.667vw, 1.667vw); height: clamp(28px, 1.667vw, 1.667vw); display: inline-block; }
/* Popup Design Ends */


/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
PAGE WISE CSS 
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/

/* Breadcuumb Css */
.breadCrumbs {  min-width: max-content;}
.breadCrumbs ul{ display: flex; align-items: center; gap: clamp(30px, 2.083vw, 5.5vw); }
.breadCrumbs ul li+li{ margin-top: 0; position: relative;}
.breadCrumbs ul li+li::before{  content: ''; position: absolute; left: calc(clamp(22px, 1.667vw, 1.667vw) * -1); top: clamp(1px, 0.052vw, 0.052vw); width: clamp(20px, 1.25vw, 3vw); height: clamp(20px, 1.25vw, 3vw); background-image: url("data:image/svg+xml, %3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.90961 20.6695C8.71961 20.6695 8.52961 20.5995 8.37961 20.4495C8.08961 20.1595 8.08961 19.6795 8.37961 19.3895L14.8996 12.8695C15.3796 12.3895 15.3796 11.6095 14.8996 11.1295L8.37961 4.60953C8.08961 4.31953 8.08961 3.83953 8.37961 3.54953C8.66961 3.25953 9.14961 3.25953 9.43961 3.54953L15.9596 10.0695C16.4696 10.5795 16.7596 11.2695 16.7596 11.9995C16.7596 12.7295 16.4796 13.4195 15.9596 13.9295L9.43961 20.4495C9.28961 20.5895 9.09961 20.6695 8.90961 20.6695Z' fill='%23575757' /%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 100%; background-position: center; }

/* Login Page Start */
.loginSection .loginLogo { max-width: clamp(200px, 25dvw, 25dvw); }
.formCommonStyle textarea, .formCommonStyle input[type="text"], .formCommonStyle input[type="number"], .formCommonStyle input[type="email"], .formCommonStyle input[type="tel"], .formCommonStyle select { display:block; border:1px solid var(--gray-color-4); outline:none; background: var(--white-color); font-size: var(--body-font); line-height:16px; font-family: inherit;
font-weight:600; color:var(--body-color);   margin: 0 0 10px 0; padding:18px 16px; width:100% !important; border-radius: var(--border-radius-8); }
.formCommonStyle form fieldset {  border: 0;  padding: 0;}
.formCommonStyle label { font-size: var(--h6);  color: var(--heading-color);  display: inline-block;  padding-bottom: 10px;  letter-spacing: 0.27px;  text-transform: capitalize;}
input[type="submit"] { outline:none; font-family: var(--primary-font); text-align: center;  padding:18px 40px; background: var(--primary-color); color: var(--white-color); border:1px solid var(--primary-color);  font-size: var(--h6); line-height:1; text-transform:capitalize; font-weight:600;
border-radius:var(--border-radius-8); -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; }
input[type="submit"]:hover { color:var(--primary-color); background:transparent; }
.loginSection .loginParentTop  { gap: clamp(7.81VW, 1vw, 7.81VW);}
/* Login Page End */

/* Blog Post Screen Starts */
.blogPostPage { background-color: var(--gray-color); }
.blogPostPage .blogPostTopImage img { height: 100%; width: 100%; object-fit: cover; height: clamp(250px, 20.833vw, 20.833vw); }
.blogPostPage .blogPostContentContainer::after { content: ""; position: absolute; top: clamp(32px, 1.667vw, 1.667vw); left: 0; height: clamp(1px, 0.052vw, 0.052vw); width: 100%; background-color: var(--gray-color-4); }
.blogPostPage .blogPostDate { color: var(--primary-color); }
.blogPostPage .blogPostTag { padding: clamp(12px, 0.625vw, 3vw);  background-color: var(--orange-light-color); font-weight: 700; color: var(--orange-color);  }
.blogPostPage .authorImage { max-width: clamp(50px, 2.604vw, 3vw); border-radius: 50%; overflow: hidden; aspect-ratio: 1; }
.blogPostPage .authorImage img { width: 100%; height: 100%; object-fit: cover; }
.blogPostPage .blogPostInner { width: 100%; max-width: clamp(640px, 56.771vw, 60vw); margin: 0 auto; }
.blogPostPage .blogPostInner { width: clamp(320px, 56.771vw, 60vw); margin: 0 auto; }
.blogPostPage .authorDetails {width: clamp(150px, 15vw, 16vw); }
.blogPostTopStrip { box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08); }
.topStripDot { max-width: clamp(48px, 2.5vw, 3vw); width: 100%; background-color: var(--white-color); padding: clamp(12px, 0.625vw, 0.625vw); border-radius: 50%; height: clamp(48px, 2.5vw, 3vw);  }
.postTopStripDropdown { display: none; top: 110%; right: 0; padding: clamp(24px, 1.25vw, 1.25vw) clamp(20px, 1.042vw, 1.042vw); background-color: var(--white-color); border-radius: var(--border-radius-8); }
.postTopStripDropdown ul li a { font-weight: 400; line-height: 1; letter-spacing: 0.27px; text-transform: capitalize; }
.buttonParent{flex-wrap: wrap;}
/* header and sidebar   css starts here */
.dashboardNavLogo{   width: clamp(106px, 5.5vw, 12vw); }
/* top header css */
.dashboardNavMenu { max-height: calc(100vh - 11vw);height: auto;overflow-y: auto;overflow-x: hidden;}
.dashboardNavMenuInner {height: 100%;}
.dashboardTopHeader {height: auto;background-color: var(--white-color);max-height: clamp(80px, 4.167vw, 10vw);}
.linearPrimaryBg{ background: linear-gradient(180deg, var(--primary-color) 23.23%, var(--Primary-color-3) 89.1%);}
.dashboardMainOuter {height: 100vh;width: 100vw;}
.subMenuIcon svg, .collapseResizeIcon svg , .expandResizeIcon svg, .headerNotificaticonIcon svg, .accountTopIcon svg, .icon svg{ transition: all ease 0.3s; width: clamp(20px, 1.25vw, 3vw);height: clamp(20px, 1.25vw, 3vw); /* Responsive height for 24px */display: block;}
.collapseResizeIcon,.expandResizeIcon,.headerNotificaticonIcon {   width: clamp(35px, 2.5vw, 6vw);   /* Responsive width for 48px */height: clamp(35px, 2.5vw, 6vw);  /* Responsive height for 48px */background:var(--gray-color);display: flex;justify-content: center;align-items: center;}
.h100{height: 100%;}
.accountTopDetails{gap:4px;}

.accountProfileImage {   width: clamp(35px, 2.5vw, 6vw);   /* Responsive width for 48px */
height: clamp(35px, 2.5vw, 6vw);  /* Responsive height for 48px */ overflow: hidden;}
.headerAccountInner {gap: clamp(5px, 0.93vw, 3.75vw);}
.dashboardTopRightPart{gap:clamp(48px, 2.5vw, 6vw);}
.headerNotification {position: relative;}
.headerNotification::after {content: "";position: absolute;  height: clamp(32px, 1.67vw, 5vw);background: #E9E9E9;top: 50%;right: -50%;width: 1px;transform: translateY(-50%);}
a.menuLink {display: flex;align-items: center;gap: clamp(15px, 0.78125vw, 2vw);padding: clamp(10px, 1vw, 4vw) clamp(10px, 1vw, 4vw);color: var(--white-color); }
span.menuIcon {line-height: 0;}
span.menuIcon svg {width: clamp(18px, 1.25vw, 3vw);  height: clamp(18px, 1.25vw, 3vw);}
.menu.menuColumn {padding-right: 15px;}
.menuItem + .menuItem {padding-top: 10px;}
.rotate .subMenuIcon svg {rotate: 180deg;}
.hidden{overflow: hidden  ;}
.dashboardRightBottom {height:calc(100vh - clamp(80px, 4.167vw, 10vw));overflow-y: auto; background-color: var(--gray-color);}
/* .menuSubAccordion span.menuIcon svg {width: clamp(1.5625vw, 5vw, 2.1354vw);height: clamp(1.5625vw, 5vw, 2.1354vw);} */
.menuSubAccordion a.menuLink {background: transparent;gap: clamp(10px, 0.5208vw, 1.5vw);;}
.menuSubAccordion {display: none;}
a.menuLink.active, a.menuLink:hover { background: var(--Primary-color-2);color: var(--white-color);}
span.sub-menuIcon svg {width: clamp(24px, 1.25vw, 3vw);  /* Responsive width for 24px */
height: clamp(24px, 1.25vw, 3vw); /* Responsive height for 24px */}
span.sub-menuIcon {line-height: 0;}

.HeaderSideNav {position: relative;}
.menuLink span{vertical-align: middle;display: inline-block;} 
.menuLink .menuIcon {padding-right: 2px;}
.dashboardStrip{padding-inline:  clamp(16px, 1.25vw, 4vw); }
.dashboardStripDetails{width: 58%;}
.dashboardLeftPart { width: clamp(321px, 15.625vw, 20vw); transition: all 0.3s ease-in-out; }
.resize.dashboardLeftPart {width: clamp(167px, 8.697vw, 10vw);}
.dashboardRightPart {width: calc(100vw - clamp(321px, 15.625vw, 20vw));  transition: all 0.3s ease-in-out;}
.dashboardRightPart.resize { width: calc(100vw - clamp(167px, 8.697vw, 10vw)); }
.resize a.menuLink {transition: none; padding: 0;width: fit-content;margin: 0 auto;  height: auto; padding: clamp(14px, 0.729vw, 2.5vw) clamp(20px, 1.041vw, 3.33vw); display: flex;align-items: center;justify-content: center;}
.headerAccount {position: relative; cursor: pointer; }
.headerAccountDropdown { z-index: 45; display: none; position: absolute;background: var(--white-color);width: clamp(174px, 9.1vw, 15vw);left: 0;border: 1px solid var(--Devider, #E9E9E9);background: var(--White, #FFF);/* Mobile App/Normal Shadow */box-shadow: 0px 0px 40px 0px rgba(98, 65, 238, 0.05);top: calc(100% + 7px);}
.headerDropdownInner ul { padding: clamp(10px, 1.0416vw, 4vw);margin: 0;}
.active.headerAccountDropdown{display: block;}
.icon,svg {display: block;overflow: hidden;}
.headerDropdownInner li span svg, .headerDropdownInner li span, .headerDropdownInner li span svg path{transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;   }
.headerDropdownInner li:hover span svg, .headerDropdownInner li:hover span, .headerDropdownInner li:hover span svg path {color: var(--heading-color);fill: var(--heading-color);}

/* Initial state for menuTitle and subMenuIcon */
.resize .menuTitle, .resize .subMenuIcon { display: none; opacity: 0; visibility: hidden; }
.menuTitle, .subMenuIcon{ transition: all 0.3s ease-in-out; }
.expandLeftMenu .menuTitle, .expandLeftMenu .subMenuIcon { opacity: 0; visibility: hidden; animation: fadeIn 0.3s forwards; transition: all 0.9s ease-in-out; }

/* Keyframes for fading in */
@keyframes fadeIn {
    0% {
        opacity: 0;            /* Start hidden */
        visibility: hidden;    /* Ensure it's hidden */
    }
    99% {
        opacity: 0;            /* Remain hidden until 5s */
        visibility: hidden;    /* Ensure it's hidden */
    }
    100% {
        opacity: 1;            /* Fade in */
        visibility: visible;    /* Make visible */
    }
}


/* header and sidebar css ends here */

.tagParent { border-bottom: max(2px, 0.104vw) solid var(--gray-color-4); min-width: max-content;  }
.blogTagParent{  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.02), 0px 2px 4px 0px rgba(0, 0, 0, 0.08); }
/* .blogTagContainer { margin: 0 24px;} */
.blogTag:after { transition: all 0.3s ease-in-out; position: absolute; content: ""; background-color: transparent; height: clamp(2px, 0.104vw, 0.104vw); width: 100%; bottom: -2px; left: 0; border-radius: clamp(2px, 0.104vw, 0.104vw); }
.blogTag span { color: var(--heading-color); letter-spacing: 1.5px; padding: clamp(5px, 0.26vw, 2.3vw); width: clamp(30px, 5vw, 2.1354vw); height: clamp(30px, 5vw, 2.1354vw); }
.active.blogTag{ border-color: var(--primary-color); }
.active.blogTag:after { background-color: var(--primary-color); }
.active.blogTag p{ color: var(--primary-color); -webkit-text-stroke-width: clamp(1px, 0.052vw, 0.052vw); }
.active.blogTag span { background-color: var(--primary-color); color: var(--white-color); -webkit-text-stroke-width:clamp(0.5px, 0.026vw, 0.026vw); }
.blogListing .singleCard { box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.02), 0px 2px 4px 0px rgba(0, 0, 0, 0.08); width: calc(25% - clamp(15px, 0.781vw, 4vw)); padding: max(24px, 1.25vw) max(20px, 1.042vw) max(20px, 1.042vw) max(20px, 1.042vw); }
.blogListing .cardImage { margin-bottom: clamp(16px, 1.7vw, 5vw); height: clamp(188px, 11.04vw, 11.04vw); background: lightgray 50% / cover no-repeat; }
.blogListing .cardDate p { letter-spacing: 0.2px; }
.blogListing .cardText p{ letter-spacing: 0.24px; }
.blogListing .cardTitle h5{ letter-spacing: 0.27px; }
.blogListing .cardsParentOuter:not(:first-child) { display: none; }

/***** Success Stories CSS *****/
.successStories .authorImage { height: clamp(40px, 2.5vw, 6vw); max-width: clamp(40px, 2.5vw, 6vw); }
.successStories .authorImage img { height: 100% !important; object-fit: cover; }
.successStories .authorName p, .successStories .authorDesignation p{ color: var(--heading-color); }
.successStories .cardTag{ padding: max(6.5px, 0.339vw) max(12px, 0.625vw); letter-spacing: 0.2px; text-align: center; }
.successStories .cardTitle h6{ letter-spacing: 0.24px; }
.successStories .topStripOnlyText{ border-bottom: max(2px, 0.104vw) solid var(--gray-color-4); }
.successStories .singleCard{ padding: clamp(15px, 1.042vw, 3.5vw); }
.successStories .cardTag {  width: clamp(147px, 7.656vw, 7.656vw); }

/***** Promotional Items CSS *****/
.promotionalItems .cardImage { margin-bottom: 0px !important; }
.promotionalItems .singleCard { padding: clamp(15px, 1.041vw, 3vw); }

/* PDF Directory Starts */
.pdfDirectory { background-color: var(--gray-color); }
.pdfDirectory .pdfCard { width:calc(25% - clamp(15px, 0.781vw, 4vw)); padding: clamp(15px, 1.041vw, 3vw); background-color: var(--white-color); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08); }
.pdfDirectory .pdfCardTop { padding: clamp(42px, 2.1875vw, 5vw); background-color: var(--gray-color-2); }

.pdfDirectory .pdfCardIcon { margin: 0 auto; line-height: 1; max-width: clamp(80px, 7.292vw, 7.292vw); aspect-ratio: 1; background-color: var(--gray-color-5); border-radius: 50%; }
.pdfDirectory .pdfCardIcon svg { width: clamp(35px, 2.188vw, 2.188vw); height: clamp(45px, 3.125vw, 3.125vw); }
/* PDF Directory Ends */

/* Notification Popup */
.notificationPopupTitle::after { content: ""; position: absolute; bottom: 0; left: 0; height: clamp(1px, 0.052vw, 0.052vw); width: 100%; background-color: var(--gray-color-4); }
.notificationPopupBox:not(:first-child) { padding-top: clamp(32px, 1.667vw, 1.667vw); }
.notificationPopupBox { width: 100%; max-width: clamp(533px, 27.76vw, 30vw); }
.notificationPopupCheckbox { transition: all .3s; width: 100%; max-width: clamp(42px, 2.188vw, 2.5vw); height: clamp(24px, 1.25vw, 1.25vw); background-color: var(--gray-color-3); border-radius: clamp(31px, 1.615vw, 1.615vw);; position: relative; padding: clamp(2px, 0.104vw, 0.104vw); cursor: pointer; }
.notificationPopupCheckbox:after { transition: all .3s; position: absolute; content: ''; width: clamp(20px, 1.042vw, 1.042vw); height: clamp(20px, 1.042vw, 1.042vw); background-color: var(--white-color); top: clamp(2px, 0.104vw, 0.104vw); left: clamp(2px, 0.104vw, 0.104vw); border-radius: 50%; }
.notificationPopupCheckbox.popupOn { background-color: #238F4B; }
.notificationPopupCheckbox.popupOn::after { left: calc(100% - clamp(2px, 0.104vw, 0.104vw)); transform: translateX(-100%); }

/* Buy Product Screen CSS Starts */
.buyNowScreen .productDetailInner { gap: clamp(72px, 3.75vw, 4vw); }
.buyNowScreen .singleSpecs {  width: clamp(200px, 19.688vw, 20vw); }
.buyNowScreen .productInfo { width: clamp(400px, 42.344vw, 45vw); }
.buyNowScreen .productInfoMiddle, .buyNowScreen .productInfoBottom { border-top: 1px solid var(--gray-color-4); }
.buyNowScreen .specsIcon {  width: clamp(25px, 2.5vw, 3vw); aspect-ratio: 1; background-color: var(--gray-color-2); padding: clamp(5px, 0.625vw, 0.8vw); }
.buyNowScreen .specsIcon svg {  width: 100%; height: 100%;}
.buyNowScreen .specsfeature { max-width: clamp(200px, 16.354vw, 17vw); font-weight: 500; }
.buyNowScreen .productImage { width: clamp(250px, 33.958vw, 35vw); }
.buyNowScreen .productMainImage { padding: clamp(24px,1.25vw, 1.5vw); border: 1px solid var(--gray-color-4); background: var(--white-color); box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.02), 0px 2px 4px 0px rgba(0, 0, 0, 0.08); }
.buyNowScreen .productSlideInner img { width: 100%; height: clamp(420px, 31.25vw, 32vw);object-fit: cover; border-radius: 8px; }
.buyNowScreen .productPrevSlideInner img { width: 100%; height: 100%; min-height: 100%; object-fit: cover; aspect-ratio: 1.2; border-radius: 4px; transition: all .3s ease-in-out; }
.buyNowScreen .slick-current.slick-active .productPrevSlideInner { border: 2px solid var(--primary-color); }
.buyNowScreen .slick-current.slick-active .productPrevSlideInner img { scale: .944; }
.buyNowScreen .productMainImage .slick-arrow { transition: all 0.3s ease-in-out; opacity: 0; width: clamp(30px,1.563vw,2vw); height: clamp(30px,1.563vw,2vw); }
.buyNowScreen .productMainImage .slick-arrow::before { font-size: clamp(30px,1.563vw,2vw); }
.buyNowScreen .productMainImage .slick-prev { left: 0; z-index: 10; }
.buyNowScreen .productMainImage .slick-next { right: 0; }
.buyNowScreen .productMainImage:hover .slick-prev,
.buyNowScreen .productMainImage:hover .slick-next { opacity: 1; }
.buyNowScreen .productMainImage .magnify > .magnify-lens { width: clamp(100px, 15.625vw, 16vw); height: clamp(100px, 15.625vw, 16vw); border-radius: 0; }
.buyNowScreen .productInfoMiddle, .buyNowScreen .productInfoBottom { margin-top:clamp(24px,1.25vw, 1.5vw); }
.buyNowScreen .magnify { width: 100%; }
.buyNowScreen .productSlideInner { width: 100%; height: 100%; min-height: 100%; } 
.buyNowScreen .productImagePrevSlide { margin: 0 0.5vw;}
.buyNowScreen .productPrevSlideInner {max-width: 200px;}
/* Buy Product Screen CSS Ends   */

/* Product PopUp Starts */
.productPopup.popUp .popUpOuter {max-width:clamp(880px,45.833vw,46vw); padding: clamp(30px, 1.563vw, 2vw);} 
.productPopup .productPopupCross { width: clamp(15px, 0.781vw, 1vw); height: clamp(15px, 0.781vw, 1vw); }
.productPopup .crossLine:first-child { rotate: 45deg; top: 0; }
.productPopup .crossLine:last-child { bottom: 0; rotate: -45deg; }
.productPopup .productPopupCross svg { width: 100%; height: 100%; }
.productPopup .productPopupCross svg, .productPopup .productPopupCross svg path { fill:var(--body-color); }
.popUpTitle h4{font-size: clamp(20px,1.667vw,1.667vw);}
/* Product PopUp Ends */

/**/
.galleryImage { width: clamp(48px, 3.333vw, 3.333vw); height: clamp(48px, 3.333vw, 3.333vw); position: relative; }
.galleryImage img { border-radius: var(--border-radius-10); overflow: hidden; width: 100%; height: 100%; }
.removeGalleryBtn { position: absolute; top: clamp(-10px, -0.521vw, -0.521vw); right: clamp(-10px, -0.521vw, -0.521vw); background-color: var(--white-color); border-radius: 50%; width: clamp(18px, 1.25vw, 1.25vw); height: clamp(18px, 1.25vw, 1.25vw); line-height: 0; }
/* Profile Edit Starts */
.profileImage { width: 100%; max-width: clamp(74px, 7.708vw, 8vw); height: clamp(74px, 7.708vw, 8vw); border-radius: var(--border-radius-24); overflow: hidden; }
.profileLabel h6 { font-weight: 600; letter-spacing: 0.27px; }
.profileEditInner { width: 100%; max-width: clamp(776px, 40.417vw, 40.417vw); }
.profileLabel h6 { font-weight: 600; }
.profileDetailsOuter { gap: clamp(24px, 1.25vw, 1.25vw) clamp(20px, 1.042vw, 1.042vw); }
.profileDetails { width: calc(50% - clamp(10px, 0.521vw, 0.521vw)); }
/* .profileText { padding: clamp(16px, 0.833vw, 1vw); background-color: var(--white-gray); border-radius: var(--border-radius-8); border: 1px solid var(--gray-color-4); } */
.profileText p { line-height: 1; color: var(--heading-color); letter-spacing: 0.24px; padding: clamp(16px, 0.833vw, 1vw); background-color: var(--white-gray); border-radius: var(--border-radius-8); border: 1px solid var(--gray-color-4); }

/* Notification styles */
#ai-mh-notification {
  position: fixed;
  top: 32px;
  right: 20px;
  z-index: 9999;
  padding: 15px 20px;
  border-radius: 4px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  font-size: 14px;
  max-width: 350px;
  display: none;
}

#ai-mh-notification.notification-success {
  background-color: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

#ai-mh-notification.notification-error {
  background-color: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

/* Button loading state */
.secondary_normal_button a.loading,
.primary_normal_button a.loading {
  position: relative;
  color: transparent !important;
}

.secondary_normal_button a.loading:after,
.primary_normal_button a.loading:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 -10px;
  border-radius: 50%;
  border: 2px solid var(--primary-color);
  border-top-color: var(--orange-color);
  animation: spin 0.8s infinite linear;
}

@keyframes spin {
  from {
      transform: rotate(0deg);
  }
  to {
      transform: rotate(360deg);
  }
}
.IconBoxNew { width: clamp(48px, 2.5vw, 2.5vw);  height: clamp(48px, 2.5vw, 2.5vw); border-radius: 50%; padding: clamp(8px, 0.42vw, 2.5vw); }
.IconBoxNew svg { width: clamp(24px, 1.25vw, 21.25vw); height: clamp(24px, 1.25vw, 1.25vw);}
.productSpecificationTop { margin: 0 clamp(-10px, -0.521vw, -0.521vw); }
.productSpecificationTop .productSpecification{ width: 50% !important; padding-left: clamp(10px, 0.521vw, 0.521vw);padding-right: clamp(10px, 0.521vw, 0.521vw); }
.DescriptionNew{ color: var(--heading-color); }
.ShippingLabel {padding: clamp(12px, 0.625vw, 0.625vw); font-size: clamp(14px, 0.833vw, 0.833vw); border-radius: clamp(8px, 0.417vw, 0.417vw);}
.OrderStatus {padding: clamp(12px, 0.625vw, 0.625vw); font-size: clamp(16px, 0.833vw, 0.833vw); border-radius: clamp(8px, 0.417vw, 0.417vw);font-weight: 600;}
.in-stock { background-color: var(--orange-light-color); color: var(--orange-color); }
.in-review { background-color: var(--orange-light-color); color: var(--orange-color); }
.approved { background-color: var(--gray-color-2); color: var(--primary-color); }
.need-more-info { background-color: var(--black-light-color); color: var(--black-color); }
.rejected,.cancelled { background-color: var(--red-light-color); color: var(--red-color); }
.out-of-stock { background-color: var(--red-light-color); color: var(--red-color); }
.ProductIfoNewMain{ width: 100%; max-width: clamp(776px, 40.417vw, 40.417vw); }
.orderInfo .orderInfoInner{border-radius: var(--border-radius-8);}
.orderInfoInner .productSpecification {width: calc(25% - clamp(15px, 1.25vw, 4vw));}

/* item request page filter css  */
.borderNone{border: none;}
.filterStrip .topStripContent {width: 100%;}
.filterStrip .filterForm {width: 100%;}
.orderFilterForm form input, form select, form textarea {margin: 0;}
.orderFilterForm .field {padding-bottom: 0 !important;}
form fieldset.form-columns-1 .field.filterBtnParent{width: 112px !important;padding-left: 0;}
.filterBtnParent button{cursor: pointer;}
.filterBtnParent button svg{height: clamp(24px,1.25VW,1.25VW);width: clamp(24px,1.25VW,1.25VW);}
.reviewFormParent form{width: 50%;}

.wpforms-submit{background: var(--primary-color) !important;border: 1px solid var(--primary-color)!important;}
.wpforms-submit:hover{background: #fff !important;border: 1px solid var(--primary-color)!important;color: var(--primary-color)!important;}

.sheetCardsParent{display: flex;justify-content: space-evenly;flex-wrap: wrap;}
.sheetCardItemContainer {border: 1px solid var(--primary-color);border-radius: var(--border-radius-8);}
.sheetCardItemHeader {background-color:var(--gray-color-2);padding: 10px 15px;cursor: pointer;font-weight: 700;color: var(--primary-color);display: flex;align-items: center;justify-content: space-between;border-radius: var(--border-radius-8);}
.sheetCardItemHeader .left {display: flex;align-items: center;width: 100%;}
.sheetCardItemHeader .icon {font-weight: bold;font-size: var(--h4);margin-right: 5px;}
.arrow svg {transition: transform 0.3s ease;}
.arrow.rotate svg {transform: rotate(180deg);}
.sheetCardItemContent {display: none;padding: 10px 32px;}
.sheetCardItemContent a {display: block;margin: 5px 0;text-decoration: none;color: var(--primary-color);font-size: 14px;}
.sheetCardItemContent a:hover {text-decoration: underline;}
.sheetCardIconParent{display: flex;justify-content: center;}
.sheetCardIcon {display: inline-block;border-radius: 50%;background: var(--white-color);padding: 15px;box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.sheetCardIcon svg{width: 40px;height: 40px;}
.girBauPart{border-top: max(2px, 0.104vw) solid var(--gray-color-4);}


#copy-text {position: relative;}
#copy-btn {position: absolute;font-size: var(--h4) !important;font-weight: 600;  top: 10px;right: 10px;padding: 10px 20px;font-size: 14px;background-color: var(--primary-color);color: var(--white-color); border: 1px solid var(--primary-color);border-radius: 5px;cursor: pointer;transition: background-color 0.3s ease;}
#copy-btn:hover {background-color: transparent;color: var(--body-color-2);}

.tools-dropdown-container {position: relative;width: 450px;}
.dropdown-select {display: flex;align-items: center;justify-content: space-between;padding: 12px 16px;background-color: var(--white-color);border: 1px solid var(--primary-color);border-radius: 6px;cursor: pointer;color: var(--body-color);transition: all 0.2s ease;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}
.dropdown-select::after {content: '';width: 8px;height: 8px;border-right: 2px solid var(--primary-color);border-bottom: 2px solid var(--primary-color);transform: rotate(45deg);transition: transform 0.3s ease;}
.dropdown-options {position: absolute;top: 100%;left: 0;right: 0;margin-top: 4px;background-color: var(--white-color);border: 1px solid var(--primary-color);border-radius: 6px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);max-height: 0;overflow: hidden;opacity: 0;transition: all 0.3s ease;z-index: 100;}
.dropdown-option {padding: 12px 16px;cursor: pointer;transition: background-color 0.2s ease;font-size: 14px;color: var(--black-color);}
.dropdown-option:hover {background-color: var(--primary-color);color: var(--white-color);}
.dropdown-option.selected {background-color: var(--primary-color);font-weight: 500;color: var(--white-color);}
.tools-dropdown-container.active .dropdown-select {border-color: var(--primary-color);}
.tools-dropdown-container.active .dropdown-select::after {transform: rotate(225deg);}
.tools-dropdown-container.active .dropdown-options {max-height: 300px;opacity: 1;overflow-y: auto;}
.dropdown-option:not(:last-child) {border-bottom: 1px solid var(--gray-color-3);}
.dropdown-option.child-term{padding-left: 30px;}
.dropdownParent .blogTagContainer{width: 100%;}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=
Responsive Media Queries CSS
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


/*-=-=- Only Desktop CSS -=-=-*/
@media (min-width:768px ) {



}

@media (min-width:992px ) {
  /* Login Page */
  .loginImgSide { width: clamp(60vw, 3.125vw, 3.125vw); }
  .loginFormSide { width: clamp(40%, 2.08vw, 2.08vw); }

  }

@media (min-width:1081px ) {




}


@media (min-width:1900px ) {

  /* Login Page */
  .formCommonStyle input[type="submit"]{ min-width: 267px; }
  /* Success Stroies */
/* .successStories .authorDetails {width: clamp(165px,8.54vw, 8.854vw);} */


}

@media (max-width:1899px ){
  /* Login Page */
  .loginForm { padding-top: 60px; }

}



@media (max-width:1440px) {

/***** Dashboard Cards CSS *****/
.blogListing .singleCard { width: calc(33.33% - clamp(13.33px, 0.694vw, 4vw)); }


/* PDF Directory */
.pdfDirectory .pdfCard { width:calc(33.33% - clamp(13.33px, 0.694vw, 4vw)); }

}

@media (max-width:1366px) {

}

@media (max-width:1320px ){


}

@media only screen and (max-width:1280px){

 
}
@media only screen and (max-width: 1280px) and (min-width: 1081px) {

  form.orderFilterForm fieldset .field {padding-left: 3px;padding-right: 3px;}
  form.orderFilterForm select {font-size: 12px;padding-left: 8px;padding-right: 8px;}
  form.orderFilterForm fieldset.form-columns-1 .field.filterBtnParent{ padding-left: 4px; }
  .orderFilterForm .formField.selectField:after{ top: 17px;    width: 10px;}
}
@media only screen and (max-width: 991px) and (min-width: 641px) {

  form.orderFilterForm fieldset .field {padding-left: 3px;padding-right: 3px;}
  form.orderFilterForm select {font-size: 12px;padding-left: 8px;padding-right: 8px;}
  form.orderFilterForm fieldset.form-columns-1 .field.filterBtnParent{ padding-left: 4px; }
  .orderFilterForm .formField.selectField:after{ top: 17px;    width: 10px;}
}
/*-=-=- Smaller Desktop Devices -=-=-*/

@media (max-width:1230px ) {

.wrapper { max-width:1000px }
* + h1{margin-top:max(16px, 0.42vw);}
* + h2 { margin-top:max(16px, 0.42vw); }
* + h3, * + h4 { margin-top:max(16px, 1.25vw); }
* + h5, * + h6  { margin-top:max(16px, 1.25vw); }
* + p { margin-top: max(16px, 1.7vw);}
/***** Dashboard CSS *****/

/***** Success Stories CSS *****/
/* .successStories .cardTop { padding-bottom: 24px; } */
.blogPostPage .blogPostDate { padding-top: 10px; }
}

/*-=-=-  Tablet Landscape and Smaller Devices -=-=-*/
@media (max-width:1080px ) {

  .wrapper { max-width:900px }

  /*-=-=-=-= Mobile menu JS USE  MENU ICON as '<a class="expandMenu"><i></i><i></i><i></i></a>' -=-=-=*/
  /* header and sidenav */
  .headerResizeIcon,.dashboardNavLogo{display: none;}
  .dashboardRightPart { width: 100%;}
  .toggleButton,.toggleButton.d_none, .mobileLogo, .mobileLogo.d_none {display: block;}
  .expandMenu {width: 30px;display: block;cursor: pointer;padding-top: 4px;}
  .expandMenu i {position: relative;width: 100%;left: 0;height: 3px;opacity: 1;display: block;background: var(--primary-color);margin: 3px 0;transition: all ease 0.3s;-webkit-transition: all ease 0.3s;-moz-transition: all ease 0.3s;}
  .expandMenu i:first-child {margin-top: 0;}
  .expandMenu.active i:first-child {transform: rotate(135deg);-webkit-transform: rotate(135deg);top: 6px;position: relative;}
  .expandMenu.active i:nth-child(2) {position: relative;left: -46px;opacity: 0;}
  .expandMenu.active i:last-child {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);top: -6px;position: relative;}
  body.openManu .dashboardLeftPart{ opacity: 1; left: 0; transition: all ease-in-out 0.3s;}
  .dashboardLeftPart{ opacity: 0;  z-index: 99; max-height: calc(100vh - clamp(80px, 4.167vw, 10vw)); height: 100%;  overflow-y: auto;  overflow-x: hidden;position: fixed;top: 81px;left: -100%; bottom: 0; transition: all ease-in-out 0.3s;   width: clamp(282px, 14.66vw, 18vw);}
  .dashboardLeftPart.pdl16.pr16 {padding-inline: 0;}
  .resize.dashboardLeftPart {width: 0;}
  body.openManu .dashboardLeftPart,body.openManu   .dashboardLeftPart.pdl16.pr16{padding-inline: clamp(16px, 0.83vw, 3.33vw);}
  body.openManu { overflow: hidden;}
  /* Success Stroies */
.successStories .cardTag { width: 135px; }
/* .successStories .authorDetails {width: calc(100% - 152px);} */


}




/*-=-=-  Tablet Portrait and Smaller Devices -=-=-*/
@media (max-width:991px ) {

.wrapper { max-width:100% }

.tb50{width: 50%;}
.tb100{width: 100%;}
.tbcenter{text-align: center;}
.tbleft{text-align: left;}
.tbpt10{ padding-top: 10px;}
.tbpt20{ padding-top: 20px; }


.tb_flex_wrap {  flex-wrap: wrap; }
.tb_max_img_75{ max-width: 75%; }
.tb_img_center{ margin: 0 auto; }

form .field { padding-bottom: 1.5vw; }
/* Login Page */
.loginSection .loginForm { padding-top: 40px; }
.loginSection .loginForm { padding-top: 25px; }
.formCommonStyle textarea, .formCommonStyle input[type="text"], .formCommonStyle input[type="number"], .formCommonStyle input[type="email"], .formCommonStyle input[type="tel"], .formCommonStyle select {  padding: 10px 15px; }
.loginSection .loginParentTopMain { padding-left: 16px; padding-right: 16px; }
.loginSection .form_footer .field { margin: 0 auto; width: auto !important;}

/* header and side nav */
.headerAccountDropdown{right: -5%;left: unset;}

/***** Dashboard Card CSS *****/
.blogListing .singleCard { width: calc(50% - clamp(10px, 0.521vw, 4vw)); }

/* PDF Directory */
.pdfDirectory .pdfCard { width: calc(50% - clamp(10px, 0.521vw, 4vw)); }

  /* Buy Product Screen CSS Starts */
  .buyNowScreen .productDetailInner { flex-direction: column; gap: 40px; }
  .buyNowScreen .productImage { width: 100%; max-width: 640px; margin: 0 auto; }
  .buyNowScreen .productInfo { width: 100%; }
  /* Buy Product Screen CSS Starts */
  form input, form select, form textarea { min-width: 95%; }
  input[type="date"] { height: 50px; text-align: left !important; }
  .orderInfoInner .productSpecification {width: calc(33% - clamp(15px, 1.25vw, 4vw));}
}

/*-=-=-  Mobile Devices -=-=-*/
@media (max-width:767px ) {
.mobileHeight.equal_height{height:auto !important;}
.wrapper { max-width:100%; padding-left:15px; padding-right:15px; }
.mbottom30 { margin-bottom:30px; }
.mpt0,.mp0 { padding-top:0 !important; }
.mpb0,.mp0 { padding-bottom:0 !important; }
.mw100{ width:100%; }
.mobile-left{text-align: left;}
.mobile-center { text-align:center; } /*>>>>>>>    text-align:center in mobile   <<<<<<<<<<<<*/
.mobile-center.text-right { text-align:center; }
.pdLR60 { padding-left: 0; padding-right: 0;  }
.mb_flex_wrap {  flex-wrap: wrap; }
input[type="submit"], .primary_normal_button a, a.primary_normal_button, .secondary_normal_button a, a.secondary_normal_button { padding: 17px 24px; }
.buttonParent .secondary_normal_button a{padding:17px 24px;}
* + h1{margin-top:max(12px, 0.42vw);}
* + h2 { margin-top:max(12px, 0.42vw); }
* + h3, * + h4 { margin-top:max(12px, 1.25vw); }
* + h5, * + h6  { margin-top:max(12px, 1.25vw); }
* + p { margin-top: max(12px, 1.7vw);}


@media (orientation: landscape) { 

.landscape-message { display: flex !important;}
#landscape-mode{display: none;}

}

/* Landscape mode styling */
@media (orientation: portrait) {
.landscape-message { display: none !important;}
#landscape-mode{ display: block;}

}

/* header and sidenav css */
.accountTopName , .accountBottomDetails {display: none;}
.headerAccountDropdown ul li:first-child{display: block;}
.menuSub.menuSubAccordion.pdl24.pt16 {padding-left: clamp(3px, 1.25vw, 4vw);}
.dashboardTopRightPart {gap: 20px;}
.headerNotification::after {right: -24%;}
.headerDropdownInner .accountTopName, .headerDropdownInner .accountBottomDetails {  display: block;}
.headerAccountDropdown ul li.d_none { display: block;border-bottom: 1px solid var(--primary-color);padding-bottom: 7px;}
.headerDropdownInner li:second-child {margin-top: 11px;}

.headerDropdownInner li:nth-child(2) {margin-top: 8px;}
.dashboardStrip {background: linear-gradient(270deg, #238F4B 24.12%, #135B2F 85.34%) !important;width: 100% !important;}
.dashboardStripDetails {width: 85%;}

  /* PDF Directory */
/* .pdfDirectory .pdfCard { width: calc(50% - 10px); } */
/* .pdfDirectory .pdfCardIcon { padding: 20px; max-width: 70px; height: 70px; }  */

.removeGalleryBtn { top: -10px; right: -10px; }
/* .successStories .authorDetails {width: 100%} */
form.orderFilterForm fieldset { flex-wrap: wrap;  }
form.orderFilterForm select { margin-bottom: 15px;  }
.sheetCard.w30{width: 100%;}
.tools-dropdown-container {width: 100%;}
.dropdownParent{flex-direction: column;align-items: flex-start;}
}

@media (max-width:640px ) {
form fieldset.form-columns-2 .field, form fieldset.form-columns-3 .field, form fieldset .field { width: 100% !important; padding-left: 0;  padding-right: 0;}
form input, form select, form textarea { margin-bottom: 25px; }
.requirdMsg { bottom: 8px; }
form .field.addMoreBtn   { padding-bottom: 25px; }
.uploadArea { padding: clamp(35px, 1.823vw, 1.823vw); }
form fieldset { flex-wrap: wrap; }
form fieldset.form-columns-2 { margin: 0; }
.datePickerField:after, .deleteField { top: 16px; right: 16px; }
.sm_flex_wrap {  flex-wrap: wrap; }

/* header and sidenav css */
.mobileLogo.d_none {max-width: 79px;width: 100%;}
.headerNotification::after {display: none;}
.dashboardLeftPart {max-height: calc(100vh - clamp(63px, 3.125vw, 6vw));}
.dashboardRightBottom {height:calc(100vh - clamp(69px, 4.167vw, 10vw));}

/***** Dashboard CSS *****/
.blogListing .singleCard { width: 100%; }

/* PDF Directory */
.pdfDirectory .pdfCard { width: 100%; }

.profileDetails { width: 100%; }
.profileDetailsOuter { gap: 15px; }
/* Success Stroies */
/* .successStories .authorDetails {width: calc(100% - 152px);} */
/* Blog Inner */
  .blogPostPage .blogPostInner { width: 100%; }
  .productSpecificationTop {  margin: 0; gap: 12px;}
  .productSpecificationTop .productSpecification{  width: 100% !important;  padding-left: 0;  padding-right: 0;}
  .orderInfoInner .productSpecification {width: calc(50% - clamp(15px, 1.25vw, 4vw));}
  .reviewFormParent form{width: 100%;}
}

@media (max-width:575px ) {
  .topStripOnlyTextInner, .notificationPopupBox { align-items: flex-start; }
  .postTopStripDropdown { top: 65% }
/* .tagParent { gap: 15px; } */
}

@media (max-width:480px ) {
.xs_flex_wrap {  flex-wrap: wrap; }
.tb_max_img_75 { max-width: 90%; }

/* header and sidenav css starts here */
.mobileLogo.d_none {max-width: 60px;width: 100%;}
.headerNotification::after {display: none;}
.headerAccountInner {gap: 5px;}
.dashboardLeftPart {top: 63px;}

/* .dashboardTopRightPart {gap: 12px;} */
.expandMenu {width: 25px;}
.expandMenu.active i:first-child {top: 6px;}
/* header and sidenav css ends here */

 /* Buy Product Screen CSS Starts */
 .buyNowScreen .productSlideInner img { height: clamp(350px, 31.25vw, 32vw); }
 /* Buy Product Screen CSS Ends */

  /***** Dashboard CSS *****/

  /* PDF Directory */
  li:hover span svg, li:hover span, li:hover span svg path {color: var(--heading-color); fill: var(--heading-color);}
  .orderInfoInner .productSpecification {width: 100%;}
}
@media (max-width:400px ) {

  /* Success Stroies */
  /* .successStories .authorDetails {width: 100%;} */
  
}