body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #000;
    font-family: "DM Sans";

}
.wrapper{
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
}
a,a:hover,img {
	text-decoration: none;
	transition: all ease-in-out 0.3s;
}
.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
 margin: 0;font-family: "Bodoni Moda";font-weight: 700;font-style: italic;line-height: 1;color: #1E6A97;font-variation-settings: "opsz" 9;
}
.h1,h1{font-size: 100px;font-weight: 700;letter-spacing: -3.6px;}
.h2,h2{font-size: 60px;letter-spacing: -1.2px;}
.h3,h3{font-size: 40px;letter-spacing: -1.28px;}
.h4,h4{font-size: 32px;letter-spacing: -0.96px;}
.h5,h5{font-size: 24px;letter-spacing: -0.72px;}
p,.p-big,.p-small{margin: 0;color: #000;
font-family: "DM Sans";
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 120%;}
.p-big{font-size: 20px;}.p-small{font-size: 16px;}

.gold{color: #DA9A40;}.white{color: #fff;}.black{color: #000;}
.no-italic{font-style: normal;}.italic{font-style: italic;}
.cutom-btn,.borderless-btn{
    padding: 16px 32px;
    color: #FFF !important;
font-family: "Bodoni Moda", serif;;
font-size: 18px;
font-style: italic;
font-weight: 700;
letter-spacing: -0.32px;
background: #1E6A97;
border: 1px solid #1E6A97;display: inline-block;
}
.cutom-btn:hover{background: #fff;color: #1E6A97 !important;}
.borderless-btn{background: #fff;color: #1E6A97 !important;}
.borderless-btn:hover{background: #1E6A97;color: #fff !important;}
header{
    padding: 15px 0;
    background: transparent;position: fixed;top: 0;width: 100%;z-index: 999;
}
header.fixed {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
header .logo img{
    max-height: 70px;
    width: auto;
}
.navbar {
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.navbar ul{padding: 0;margin: 0;list-style: none;display: flex;align-items: center;gap: 6px;}
.hamburgar-block{
    display: flex;
    align-items: center;
    gap: 16px;
}
.hamburger {
	background: transparent;
	border: none;
	cursor: pointer;
	display: none;
	outline: none;
	height: 30px;
	position: relative;
	width: 30px;
	z-index: 1000;
}
.hamburger-line {
	background: #1E6A97;
	height: 3px;
	position: absolute;
	left: 0;
	transition: all 0.2s ease-out;
	width: 100%;
}
.hamburger-line-top {
	top: 3px;
}
.menu-active .hamburger-line-top {
	top: 50%;
	transform: rotate(45deg) translatey(-50%);
}
.hamburger-line-middle {
	top: 50%;
	transform: translatey(-50%);
}
.menu-active .hamburger-line-middle {
	left: 50%;
	opacity: 0;
	width: 0;
}
.hamburger-line-bottom {
	bottom: 3px;
}
.menu-active .hamburger-line-bottom {
	bottom: 50%;
	transform: rotate(-45deg) translatey(50%);
}
.menu{
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	transition: all 0.25s ease-in;
}
.menu .menu-item a {
	color: #000;
	font-weight: 500;
	font-size: 16px;
    letter-spacing: -0.32px;
	text-transform: capitalize;
	position: relative;
    font-family: "Bodoni Moda", serif;;
    padding-left: 20px;
}
.menu .menu-item a::after {
    content: '';
    height: 15px;
    width: 15px;
    background-image: url('../image/menu-icon.svg');
    position: absolute;
    left: 0;
    transition: all 0.3s ease-in-out;
        top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}
.menu .menu-item a:hover,.menu .menu-item.current-menu-item a{color: #1E6A97;}
.menu .menu-item a:hover::after,.menu .menu-item.current-menu-item a::after {
    opacity: 1;
}
footer {
  background: #ffffff;
  border-top: 2px solid #1e5aa8;
  padding: 60px 0px;
}

.footer-container {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;    justify-content: space-between;
}
footer .footer-col{width: 33%;}
footer .footer-col.center{width: 200px;}
footer .footer-col h5{padding-bottom: 15px;}
.footer-col ul {
  list-style: none;
  margin: 0;padding: 0;
  display: flex;flex-direction: column;gap: 10px;
}
.footer-col ul li a{
    color: #000;
font-family: "DM Sans";
font-size: 18px;
font-weight: 300;
line-height: 120%; /* 21.6px */
text-align: left;
}.footer-col ul li a:hover{color: #1E6A97;}
footer .footer-logo-section{display: flex;gap: 20px;align-items: flex-start;}
footer .footer-logo-section img{
    max-height: 70px;
    width: 90px;
}
footer .footer-logo-section .left{width: 25%;}
footer .footer-logo-section .right{width: 75%;}
footer .footer-logo-section .right h5{font-size: 22px;}
footer .footer-col.right p{
   padding-bottom: 15px;
}
.banner{height: 100vh;display: flex;align-items: center;justify-content: center;}
.banner .block{display: flex;align-items: center;justify-content: space-between;gap: 20px;}
.banner .left,.banner .right{width: 50%;}.banner .left{display: flex;flex-direction: column;gap: 16px;}.banner .bannerbtn{padding-top: 20px;display: flex;gap: 16px;flex-wrap: wrap;}.banner .right{text-align: center;position: relative;}
.banner .right img{width: 480px;height: auto;}
.banner .right .bottom{position: absolute;bottom: -50px;right: 0;padding: 20px 14px;text-align: center;border: 4px solid #DA9A40;background: #F9F9F9;max-width: 390px;}
.banner .right .bottom img{height: 60px;width: auto;margin-bottom: 12px;}
.line img{width: 100%;height: 13px;object-fit: cover;}.line {text-align: center;}
.intro{padding: 120px 0px 180px 0px;}.intro .intro-block{text-align: center;padding: 70px 0px;}
.intro .intro-block p{padding-bottom: 20px;}.intro .intro-block p:last-child{padding-bottom: 0;}
.intro .intro-block h2{padding-bottom: 30px;}.intro .intro-block p strong{font-weight: bold;}
.whyharry-sec .whyblock{display: flex;gap: 50px;align-items: center;justify-content: space-between;}.whyharry-sec .right{width: 60%;display: flex;flex-direction: column;gap: 30px;}.whyharry-sec{background: #1E6A97;    height: 624px;display: flex;align-items: center;}.whyharry-sec .left{width: 40%;}
.whyharry-sec .right h2{font-size: 54px;}
.whyharry-sec .right .golden-btn,.responsiblity .responsiblity-block .golden-btn{padding: 16px 30px 16px 32px;background: #DA9A40;color: #fff;font-family: "Bodoni Moda", serif;;font-size: 18px;font-style: italic;font-weight: 600;letter-spacing: -0.32px;border: none;max-width: fit-content;display: inline-flex;align-items: center;gap: 10px;}.whyharry-sec .right .golden-btn:hover,.responsiblity .responsiblity-block .golden-btn:hover{background: #fff;color: #DA9A40;}
.whyharry-sec .left img{width: 100%;height: 345px;object-fit: cover;}
.whyharry-sec .left .bottom-img{display: flex;gap: 12px;align-items: flex-start;padding-top: 5px;}.vision .visionblock{text-align: center;position: relative;}.vision {padding: 180px 0px 80px 0px;}
.vision .visionblock::after{
    background-image: url('../image/vision-bg.svg');background-repeat: no-repeat;background-size: contain;background-position: center;width: 100%;height: 850px;position: absolute;content: '';top: 50px;left: 0;z-index: -1;
}
.vision .visionblock h2{padding-bottom: 15px;}
.vision .tree{padding-top: 30px;padding-bottom: 20px;display: flex;flex-direction: column;gap: 10px;width: fit-content;margin: 0 auto;position: relative;}.vision .tree .logo{width: fit-content;height: 60px;margin: 0 auto;}
.vision .tree-img{height: 587px;width: fit-content;margin: 0 auto;}
.vision .tree .box{color: #DA9A40;padding: 12px;border: 3px solid #DA9A40;background: #FFF;width: fit-content;margin: 0 auto;max-width: 330px;font-style: italic;
font-weight: 500;position: absolute;left: 0;
    right: 0;
    margin: 0 auto;}
.vision .tree .box.one{top: 130px;}
.vision .tree .box.two{top: 285px;max-width: 488px;}
.vision .tree .box.three{bottom: 200px;max-width: 600px;}
.vision .tree .box.four{bottom: 50px;
    max-width: 750px;
    width: auto;
    height: 73px;
    line-height: 40px;
}.vision .info{max-width: 950px;margin: 0 auto;display: flex;flex-direction: column;gap: 40px;text-align: center;}.vision .info a{width: fit-content;margin: 0 auto;}
.responsiblity .responsiblity-block{padding: 85px;background: #1E6A97;text-align: center;}
.responsiblity .responsiblity-block h4{padding-bottom: 24px;padding-top: 40px;}
.responsiblity .responsiblity-block strong{font-weight: bold;}
.responsiblity .responsiblity-block .golden-btn{margin-top: 40px;}
.responsiblity .wrapper{max-width: 1380px;}.engagement-sec h4{padding-bottom: 12px;}.engagement-sec h4:last-child{padding-bottom: 0;}
.fraternal-form{  
    background: #1E6A97;
    height: 444px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 120px 0px;
    margin-bottom: 150px;}
.fraternal-form .fomrblock{text-align: center;padding: 40px 60px;border: 2px solid #DA9A40;background: #FFF; width: 1050px;margin: 0 auto;}.fraternal-form .main{display: flex;justify-content: space-between;align-items: center;gap: 80px;padding-top: 45px;}.fraternal-form .main .left{width: 50%;}.fraternal-form .main .right{width: 50%;}.fraternal-form .main .left img{height: 310px;width: auto;object-fit: cover;}.fraternal-form .main .right form{display: flex;flex-direction: column;gap: 22px;}.fraternal-form .main .right form input{padding: 20px;border: 1px solid #1E6A97;width: 100%;color: #000;
font-family: "DM Sans";border-radius: 0;
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 120%}.fraternal-form .main .right form input::placeholder{color: #000;opacity: 0.5;}.fraternal-form .main .right form .custom-btn{width: fit-content;background: #1E6A97;padding: 16px 32px;color: #FFF;
font-family: "Bodoni Moda", serif;;
font-size: 16px;
font-style: italic;
font-weight: 600;
line-height: 120%;
letter-spacing: -0.32px;border: 1px solid #1E6A97;transition: all 0.4s;border-radius: 0;}.fraternal-form .main .right form .btn-group{text-align: left;}
.fraternal-form .main .right form .custom-btn:hover{background: #fff;color: #1E6A97;}
.fraternal-form{padding-bottom: 120px;}.fraternal-form .fomrblock h2{padding-bottom: 24px;}
.common-sec{padding-top: 180px;padding-bottom: 140px;text-align: center;}
.common-sec .p-small{font-weight: 500;}
.common-sec h1{padding-bottom: 16px;}
.common-sec .p-big{padding-bottom: 12px;}.common-sec .p-big:last-child{padding-bottom: 0;}
.common-sec .p-small{padding-bottom: 30px;letter-spacing: 3.84px;
text-transform: uppercase;line-height: 1.4;}.clearvision-sec{margin: 80px 0px 150px 0px;}
.whyharry-sec.clearvision-sec .left img{height: 714px;}
.whyharry-sec.clearvision-sec .right{color: #fff;gap: 16px;}
.whyharry-sec.clearvision-sec .right ul{margin: 0;padding-left: 20px;}
.leadership-sec .heading{padding-top: 80px;text-align: center;}
.leadership-sec .leadership-block{display: flex;flex-direction: column;gap: 20px;padding-top: 60px;}
.leadership-sec .box{padding: 32px;border: 1px solid #D9D9D9;background: #FFF;box-shadow: 7px 16px 20px 0 rgba(0, 0, 0, 0.15);position: relative;border-bottom: 6px solid #DA9A40;transition: all 0.4s;position: relative;overflow: hidden;}
.leadership-sec .box::after{background-image: url('../image/prioritis-box.svg');background-repeat: no-repeat;background-size: cover;height: 209px;width: 223px;position: absolute;content: '';top: 50%;transform: translateY(-50%);right: 0;}
.leadership-sec .box:hover{transform: translateY(-5px);}
.leadership-sec .box .head{display: flex;align-items: center;gap: 16px;padding-bottom: 18px;margin-bottom: 18px;border-bottom: 1px solid #D9D9D9;}
.leadership-sec .box p{padding-bottom: 15px;}
.leadership-sec .box ul{margin: 0;padding-left: 20px;padding-bottom: 15px;}
.leadership-sec .box-main .line{padding-top: 24px;width: 93%;margin: 0 auto;}
.leadership-sec .box .head img{width: 60px;height: 60px;}
.leadership-sec .leadership-block .box-main:last-child .line{display: none;}
.commitment-sec p{padding-top: 20px;}.commitment-sec{margin: 120px 0px;}
.learnmore .learnbox{padding-top: 100px;text-align: center;}
.learnmore .learnbox h4{padding-bottom: 30px;}
.learnmore{padding-bottom: 130px;}
.infocandidate .block img{width: 100%;height: auto;}
.infocandidate .block .info{padding: 24px 20px;background: #1E6A97;box-shadow: 7px 16px 20px 0 rgba(0, 0, 0, 0.15);text-align: center;max-width: 995px;
    margin: 0 auto;
    margin-top: -150px;
    z-index: 1;
    position: relative;}
.infocandidate .block .info p{padding-top: 22px;color: #fff;}
.about-sec {padding-top: 80px;padding-bottom: 100px;}
.about-sec .block{display: flex;flex-direction: column;gap: 70px;padding-top: 70px;}
.about-sec .block .box{text-align: center;display: flex;flex-direction: column;gap: 24px;}
footer .footer-col a{color: #1E6A97;}
.pillars-box-info .pillarblock{display: flex;flex-wrap: wrap;gap: 42px;padding: 120px 0px;}
.pillars-box-info .pillarblock .box{width: 48%;padding: 28px 24px;border: 1px solid #D9D9D9;
backdrop-filter: blur(12px);transition: all 0.4s;position: relative;}.pillars-box-info .pillarblock .box h4{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #00000041;}.pillars-box-info .pillarblock .box p{font-size: 16px;padding-bottom:12px;}
.pillars-box-info .pillarblock .box p:last-child{padding-bottom:0}
.pillars-box-info .pillarblock .box:hover p{color: #fff;}.pillars-box-info .pillarblock .box:hover h4{color: #DA9A40;}.pillars-box-info .pillarblock .box:hover{background: #1E6A97;}.pillars-box-info .pillarblock .box::after{background-image: url('../image/pillars-logos.svg');background-repeat: no-repeat;background-size: contain;position: absolute;content: '';width: 180px;height: 48px;right: 10px;bottom: 10px;}.pillars-box-info .pillarblock .box:hover::after{filter: brightness(10);}
.pillars-box-info .pillarblock .box:hover h4{border-bottom: 1px solid #D9D9D9;}
.fraternal-form .main .right form .wpcf7-response-output {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}.fraternal-form .main .right form .wpcf7-not-valid-tip{    text-align: left;
    padding-top: 3px;
    position: absolute;
    bottom: -39px;
    left: 0;
    font-size: 14px;
    font-weight: 800;}
.fraternal-form .main .right form .group{position: relative;}
.leadershipsec .boxes{display: flex;flex-direction: column;gap: 32px;padding: 100px 0px;}
.leadershipsec .block{display: flex;align-items: flex-start;justify-content: space-between;gap: 32px;flex-wrap: wrap;}.leadershipsec .block .left{width: 40%;}.leadershipsec .block .right{width: 57%;}
.leadershipsec .block .left img{width: 100%;height: 565px;object-fit: cover;}
.leadershipsec .block .right ul{margin: 0;padding:14px 0px 14px 20px}
.leadershipsec .block .right .top h3{padding-bottom: 15px;}
.leadershipsec .block .right .top{padding-bottom: 18px;margin-bottom: 18px;border-bottom: 1px solid #1E6A97;}.leadershipsec .block .right ul li{padding-bottom: 8px;}
.leadershipsec .block .right ul li:last-child{padding-bottom: 0;}
.leadershipsec .block .right ul li ul{list-style: none;padding: 0;}
.leadershipsec .block .right p{padding-bottom: 15px;}
.leadershipsec .block .right p:last-child{padding-bottom: 0;}
.leadershipsec .block .line{width: 90%;margin: 0 auto;}
.leadershipsec .block:nth-child(even){flex-direction: row-reverse;}
.leadershipsec .block .right strong{font-weight: bold;}
.leadershipsec .block:last-child .line{display: none;}
.common-sec .p-big.italic{font-style: italic;color: #1E6A97;font-variation-settings: "opsz" 9;font-family: "Bodoni Moda";font-weight: 700;max-width: 700px;margin: 0 auto;padding-bottom: 30px;}
.service-sec .leadership-block{display: flex;flex-direction: column;gap: 32px;padding-top: 100px;padding-bottom: 80px;}
.service-sec .box-main{display: flex;gap: 32px;align-items: flex-start;justify-content: space-between;}
.service-sec .box-main .left{width: 35%;}.service-sec .box-main .right{width: 65%;}
.service-sec .box-main .left img,.service-sec .box-main .right img{width: 100%;height: 410px;object-fit: cover;transition: all 0.4s;}
.service-sec .box-main .left img:hover,.service-sec .box-main .right img:hover{transform: translateY(-8px);}
.service-sec .box-main .info{margin-top: 16px;padding-top: 16px;border-top: 1px solid #0000004d;}.service-sec .box-main .info p{font-style: italic;}
.service-sec .box-main:nth-child(even){flex-direction: row-reverse;}
.guidedby-sec .responsiblity-block .space-text{color: #fff;font-weight: 500;letter-spacing: 3.84px;text-transform: uppercase;}.guidedby-sec .responsiblity-block{margin-bottom: 100px;}
.guidedby-sec .line img{width: 90%;margin: 0 auto;}
.commitment-sec.guidedby-sec {margin-top: 0;margin-bottom: 150px;}
.brotherhood-sec .responsiblity-block ul{text-align: center;color: #fff;padding: 0;width: fit-content;margin: 0 auto;font-style: italic;font-size: 20px;list-style-position: inside;
padding-left: 0;}
.brotherhood-sec .responsiblity-block h5{color: #fff;padding: 32px 0px 15px 0px;font-style: normal;}.brotherhood-sec {background: #1E6A97;}
.contact-sec{text-align: center;}.contact-sec h3{padding-bottom: 15px;}
.contact-sec .formblock{padding: 32px;border: 2px solid #DA9A40;max-width: 990px;margin: 0 auto;margin-top: 30px;}
.contact-sec .formblock form{display: flex;flex-wrap: wrap;gap: 16px;}
.contact-sec .formblock form .group.half{width: 49%;}.contact-sec .formblock form .group{width: 100%;}
.contact-sec .formblock form .group input,.contact-sec .formblock form .group textarea{padding: 20px;border: 1px solid #1E6A97;color: #000;
font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 120%;width: 100%;}
.contact-sec .formblock form .group input::placeholder,.contact-sec .formblock form .group textarea::placeholder{color: #000;
font-family: "DM Sans";
font-size: 16px;
font-style: normal;
font-weight: 300;
line-height: 120%;opacity: 0.6;}
.contact-sec .formblock form .group .wpcf7-submit{background: #1E6A97;width: fit-content;font-family: "Bodoni Moda";
font-size: 16px;
font-style: italic;
font-weight: 700;color: #fff !important;transition: all 0.4s;}
.privacy-sec h4{max-width: 550px;margin: 0 auto;line-height: 1.3;}
.menu .menu-item.current-menu-item a{font-style: italic;}
.banner .left .p-small{text-transform: uppercase;font-weight: 500;}
#footer-menu.menu .menu-item.current-menu-item a{font-style: normal;}
#footer-menu.menu .menu-item a::after{display: none;}
#footer-menu.menu .menu-item a{
    color: #000;
font-family: "DM Sans";
font-size: 18px;
font-style: normal;
font-weight: 300;padding: 0;
line-height: 120%; /* 21.6px */
}#footer-menu.menu .menu-item a:hover{color: #1E6A97;}
.about-sec .block .box strong{font-weight: bold;}
.leadership-sec .box .head h4{font-style: normal;}
.common-sec.contect-banner .p-big{padding-bottom: 20px;}
.contact-sec .formblock form .group .wpcf7-submit:hover{color: #fff;transform: translateY(-3px);}
.page-template-connect-engage .fraternal-form,.page-template-connect-engage .fraternal-form{display: none;}
.page-template-connect-engage header .borderless-btn,.page-template-connect-engage header .borderless-btn{background: #DA9A40;border-color: #DA9A40;}
.contact-sec .formblock form .group.btngroup p{display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    gap: 10px;}
.whyharry-sec .right b,.whyharry-sec .right strong{font-weight:bold;}