.header-section.sticky { background: var(--header-sticky-bg-color);position: fixed;z-index: 111; }
/* .body-container-wrapper { padding-top: 110px; } */
.body-container-wrapper { margin-top: 84px; }
.transparent-header .body-container-wrapper { margin-top: 0; }
.header-section{padding:28px 0 8px;transition: all .5s ease-in-out;position: fixed;width: 100%;z-index: 111; top: 0; left: 0; right: 0;background:var(--header-bg-color)}
.transparent-header .header-section { padding: 28px 0 8px; position: absolute; width: 100%; z-index: 99; top: 0; left: 0;transition: all .5s ease-in-out;}
.header-section .container{max-width: 100%; width: 100%; margin: auto; padding: 0 48px;}
.header-section .header-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;}
.header-section .header-wrapper .right-part{padding-left:0;display:flex;flex-wrap:wrap;align-items:center;width: 88.78%; justify-content: flex-end;}
.header-section .header-wrapper .right-part .menu-part ul{padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center}
.header-section .header-wrapper .right-part .menu-part ul li a{text-decoration:none}
.header-section .header-wrapper .right-part .btn-part { padding-left: 35px; line-height:0;}
.header-section .header-wrapper .logo-part { height: 21px; width: 11.22%; }
.header-section .header-wrapper .logo-part a { height: 100% !important; display: block; width: 100%; } 
.header-section .header-wrapper .logo-part a img {display:block; width: 100%; height: 100% !important; object-fit: contain;max-width: 200px !important;}

/*************************************Depth 1****************************************************/
.header-section .header-wrapper .right-part .menu-part .hs-menu-wrapper > ul{display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;justify-content: flex-end;padding:0 4px;}
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1{position:relative;padding: 12px 0;margin:0 16px;}
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1 > a:after { content: ''; position: absolute; width: 0; left: 0; background: var(--tertiary); height: 1px; bottom: 3px; right: 0; margin: 0 auto; transition: all 0.3s ease; } 
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1 > a:hover:after { width: 100%; }

.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1 > a{letter-spacing: 0.03em;position: relative;color:var(--header-link-color);display: inline-block;font-size:16px;line-height:24px;} 
/* .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-1:hover>a { color: var(--header-bg-color);text-decoration: none;} */
.header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-1:hover:before,
.header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-1.active-branch:before{opacity:1;visibility:visible; } 

.header-section li.hs-menu-item.hs-menu-depth-1 { position: relative; }

/*************************************Depth 2****************************************************/
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1.hs-item-has-children {position:relative;padding: 12px 0;margin:0 16px }
/* .header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1:hover{border-bottom: 5px solid red;} */
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-2 > a{width:100%;color:#000;padding:10px 15px;display: inline-block;font-size:inherit; text-decoration: none;transition:all .5s ease-in-out;} 
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-2:first-child > a{border-radius: 5px 5px 0 0;}
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-2:last-child > a{border-radius: 0 0 5px 5px;}


.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1 > .child-trigger{position: absolute; top:19px;right:12px;}
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1 > .child-trigger i{position: relative;}
/*.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1:hover > .child-trigger i:before{color:transparent;}*/
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1 > .child-trigger i:before{content: "\f0d7";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: var(--header-link-color);font-size: 16px;position: absolute;top: 6px;left: 0;background;transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
.header-section li.hs-menu-item.hs-menu-depth-2 > ul.hs-menu-children-wrapper { left: calc(100% + 20px) !important;     top: -1px !important; /* right: 0 !important; */ /* min-width: 200px !important; */ }
.header-section li.hs-menu-item.hs-menu-depth-3 > ul.hs-menu-children-wrapper { left: calc(100% + 20px)!important;     top: -1px !important; /* right: 0 !important; */ /* min-width: 200px !important; */ }
.header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-2>ul.hs-menu-children-wrapper { border: 1px solid #060913;left:100%!important;}
.header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-2:hover > a { background: var(--header-bg-color);color: var(--header-link-color);border-color:transparent;}
/*************************************Depth 3****************************************************/
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-2.hs-item-has-children{position: relative;    }
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-2{ border-bottom: 1px solid #060913;width:100%; transition:all .5s ease-in-out;}


.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-2 > .child-trigger{ position: absolute; top: 0px; right: 20px; }
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-2 > .child-trigger i{position: relative; border-bottom: 1px solid #eaeaea;}
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-2 > .child-trigger i:before{content: "\f0d7";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #000;font-size: 16px;position: absolute;left: 5px; top: 9px;transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-3 > .child-trigger i:before{content: "\f0d7";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #000;font-size: 16px;position: absolute;top: 9px;right: 8px;;transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
/*.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-2:hover > .child-trigger i:before{color:transparent;}*/
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-3 > a{width:100%;color:#000; font-weight:400; padding:10px 25px;display: inline-block;font-size:inherit; text-decoration:none;} 
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-3 > ul.hs-menu-children-wrapper { /* background-color: yellow !important; */ position: absolute; background: #fff; min-width: 150px; border: 1px solid #eaeaea;}
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-4 > a { color: #000; font-weight:400; padding: 10px 15px; display: inline-block; font-size: inherit; text-decoration: none;}
.header-section li.hs-menu-item.hs-menu-depth-3 { border-bottom: 1px solid #060913;width:100%; transition:all .5s ease-in-out;}
.header-section li.hs-menu-item.hs-menu-depth-4 { border-bottom: 1px solid #060913;width:100%;transition:all .5s ease-in-out;}
.header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-3:hover>a,
.header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-4:hover>a { background: var(--header-bg-color);color: var(--header-link-color);border-color:transparent; }


.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-3:first-child > a,
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-4:first-child > a{border-radius: 5px 5px 0 0;}
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-3:last-child > a,
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-4:last-child > a{border-radius: 0 0 5px 5px;}
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1.active-branch a { color: var(--header-link-color); }


.header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-1.hs-item-has-children> a:before { background:var(--header-link-color); content: ' '; top: 9px; left: auto; right: -15px; position: absolute; mask-image: url('https://146946563.fs1.hubspotusercontent-eu1.net/hubfs/146946563/WSF%20Odds%20-%202025/Images/header_dropdown.svg'); width: 9px; height: 5px; mask-repeat: no-repeat; mask-size: contain; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } 
.header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-1.hs-item-has-children > a { margin-right: 15px; }
.header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-1.hs-item-has-children:hover>a:before { transform: rotate(180deg);}

.transparent-header .header-section .header-wrapper .logo-part a img { filter: invert(1); }
.transparent-header .header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1 > a { color: var(--white); } 
.transparent-header .header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1 > a:after { background: var(--white); }
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1.hs-item-has-children > ul.hs-menu-children-wrapper { width: 200px; background: #fff; z-index: 111; border: 1px solid var(--primary); } 
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-2:last-child { border-bottom: 0; }

.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-2 > a { position: relative; } 
.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-2.hs-item-has-children > a:before { background: var(--header-link-color); content: ' '; top: 50%; left: auto; right: 10px; position: absolute; mask-image: url(https://146946563.fs1.hubspotusercontent-eu1.net/hubfs/146946563/WSF%20Odds%20-%202025/Images/header_dropdown.svg); width: 9px; height: 5px; mask-repeat: no-repeat; mask-size: contain; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; transform: translateY(-50%) rotate(-90deg); }

.header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-2>ul.hs-menu-children-wrapper { width: 200px; background: #fff; }
.header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-2>ul.hs-menu-children-wrapper li.hs-menu-item.hs-menu-depth-3:last-child { border: 0; }

@media(max-width:1440px){
  .header-section .header-wrapper .right-part { width: 85.1%; }
  .header-section .header-wrapper .logo-part { width: 14.9%; } 

}

@media(max-width:1400px){
  .header-section .header-wrapper .logo-part {width: 15%;}
  .header-section .header-wrapper .right-part {width: 85%;}
  .header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1 {margin: 0 15px;}
  .header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1 > a {font-size: 15px;} 
}


@media(max-width:1199px){
  body.mobile-open { overflow: hidden; }
  .body-container-wrapper { margin-top: 64px; }
  .header-section .container{padding:0;}
  .header-section{padding:20px 32px 4px;min-height: 64px; display: flex; flex-wrap: wrap; align-items: center;}
  /*     .body-container-wrapper { padding-top: 100px; } */
  .header-section .header-wrapper .logo-part { width: 100%; max-width: 200px; height: 21px; }

  .header-section .header-wrapper .logo-part a { height: 100% !important; width: 100% !important; display: block; } 
  .header-section .header-wrapper .logo-part a img { width: 100%; height: 100% !important; object-fit: contain; }
  /**********************************************Toggle Icon***************************************/
  .header-section .mobile-trigger{overflow: hidden; background: transparent !important; cursor: pointer; display: inline-block !important; position: absolute; right: 33px; top: 14px; width: 37px; z-index: 12; height: 37px;}
  .header-section .mobile-trigger .line{background: var(--header-link-color); border-radius: 4px; display: block; height: 3px; left: 9px; position: absolute; width: 20px;}
  .header-section .mobile-trigger .line.line-3{top: 84%; width: 20px;}
  .header-section .mobile-trigger.active-re .line-3{transform:translateY(-23px) translateX(0) rotate(-45deg);-webkit-transform:translateY(-23px) translateX(0) rotate(-45deg);-moz-transform:translateY(-23px) translateX(0) rotate(-45deg)}
  .header-section .mobile-trigger.active-re .line.line-3{top:80%}
  .header-section .mobile-trigger .line.line-2{top: 66%; width: 20px;}
  .header-section .mobile-trigger.active-re .line-2{opacity:0}
  .header-section .mobile-trigger .line.line-1{top: 17px;}
  .header-section .mobile-trigger.active-re .line-1{top:12%;transform:translateY(5px) translateX(0) rotate(45deg);-webkit-transform:translateY(5px) translateX(0) rotate(45deg);-moz-transform:translateY(5px) translateX(0) rotate(45deg)}
  .header-section .header-wrapper .right-part .btn-part { display: none; }

  .mobile-open .header-section .mobile-trigger .line.line-1{transform: rotate(45deg); top: 26px; width: 20px; left: 9px;height: 2px;}
  .mobile-open .header-section .mobile-trigger .line.line-2{display:none}
  .mobile-open .header-section .mobile-trigger .line.line-3{transform:rotate(-45deg);top:26px;left:9px;width:20px;height: 2px;}
  .mobile-open .header-section .mobile-trigger{background:transparent!important}
  /**********************************************Depth 1***************************************/
  .header-section .hs-menu-wrapper{z-index:11;overflow-y:auto;background: #fff; display: none; left: 0; max-width: 100%; position: absolute; right: 0; top: 100%; width: 100%; height: 100vh; padding: 35px 0;}
  .header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1{ width: 100%;border-bottom: 1px solid rgba(var(--primaryrgbcolor),0.2);}
  .header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1 > a{color:var(--header-link-color);padding: 10px 15px;display: inline-block;} 
  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-1:hover>a { color: var(--header-link-color); }
  /**********************************************Depth 2***************************************/
  .header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1 ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible;top:unset !important;padding:15px 0 0}
  .header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1 .child-trigger{top:0;right:30px;}
  .header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-2,.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-3 { border-top: 1px solid #fff; }
  .header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1 > .child-trigger.child-open i:before ,.header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-2 > .child-trigger.child-open i:before {transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; transform: translateY(0) translateX(0) rotate(180deg);-webkit-transform: translateY(0px) translateX(0) rotate(180deg); -moz-transform: translateY(0) translateX(0) rotate(180deg);}{transform: translateY(0) translateX(0) rotate(180deg);-webkit-transform: translateY(0px) translateX(0) rotate(180deg); -moz-transform: translateY(0) translateX(0) rotate(180deg);}
  /**********************************************Depth 3***************************************/
  .header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper{position: relative;display:none;visibility:visible;left:0 !important; right:0 !important;}
  .form-columns-2 > div { width: 100% !important; }
  .header-section li.hs-menu-item.hs-menu-depth-3.hs-item-has-children .child-trigger { position: absolute; top: 10px !important;}
  .header-section li.hs-menu-item.hs-menu-depth-3>ul.hs-menu-children-wrapper {  right: 0 !IMPORTANT;}
  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-3>.child-trigger i:before{top: auto;     left: 5px;}
  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-4>a{padding: 10px 40px;}
  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-1.hs-item-has-children>a{padding:0;width:100%;margin:0}
  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-1>a{padding:0}
  .header-section .header-wrapper .right-part .menu-part .hs-menu-wrapper>ul{padding:0 32px}
  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-1,.header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-1.hs-item-has-children{padding:16px 0;margin:0;}
  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-1:before{display:none}
  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-1.hs-item-has-children>a:before{right:25px}
  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-2>a{color:var(--header-link-color);padding:15px 10px;font-size:20px;}
  .header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1.hs-item-has-children > ul.hs-menu-children-wrapper { width: 100%; border: none; background: transparent; }
  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-2>ul.hs-menu-children-wrapper { width: 100%; border: none; background: transparent; }
  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-2,.header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-3{border-bottom:1px solid rgba(var(--primaryrgbcolor),0.2);border-top:0;}

  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-2:last-child,
  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-3:last-child{border-bottom:0;border-top:0;}

  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-2:last-child>a{padding-bottom:0;border-bottom:0;}
  .header-section .header-wrapper span.child-triggerm {position: absolute; width: 40px; height: 40px; top: 7px;right: 0; }
  .header-section .header-wrapper span.child-triggerm span {background:var(--header-link-color) ; display: inline-block; height: 2px; position: absolute; right: 16px; top: 20px; width: 10px; } 
  .header-section .header-wrapper span.child-triggerm span:after { background: var(--header-link-color); content: ""; height: 10px; position: absolute; right: 4px; top: -4px; width: 2px; }
  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-1.hs-item-has-children>a:before { display: none; }
  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-3>a { color: var(--header-link-color); }
  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-3>a { padding: 10px 15px 10px 25px; width: 100%; } 
  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-2>ul.hs-menu-children-wrapper { padding: 0; }
  .header-section .header-wrapper span.child-triggerm.child-open span::after { opacity: 0; visibility: hidden; }
  .header-section .hs-menu-wrapper .btn-part { display: block !important; padding: 15px 40px 0 !important; }

  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-2:hover > a{background:transparent;} 
  .header-section .header-wrapper .right-part .menu-part ul>li.hs-menu-depth-1>a { font-size: 30px; }

  .transparent-header .header-section .mobile-trigger .line { background: var(--white); }
  .transparent-header.mobile-open .header-section .mobile-trigger .line { background: var(--header-link-color); }
  .transparent-header .header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1 > a { color: var(--header-link-color); } 
  .header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-1 > a:after { display: none; }

  .header-section .header-wrapper .right-part .menu-part ul > li.hs-menu-depth-2.hs-item-has-children > a:before{display:none;}


}

@media(max-width:360px){

  .header-section .header-wrapper .logo-part { max-width: 160px; } 
}