#mechanism #mechanism-mobile-banner{display:none}#mechanism #banner-desktop .banner-hero{background:url('/content/dam/intelligentcontent/brands/astrazeneca-brands/jo/en/forxiga/images/medical-banner-desktop.jpeg');background-size:cover;background-repeat:no-repeat;min-height:720px;border-radius:14px;position:relative;margin-bottom:89px;padding:262px 0 263px 16.01px}#mechanism #banner-desktop .banner-hero:before{content:'';width:100%;height:100%;position:absolute;z-index:99;top:0;left:0;border-radius:14px;background:linear-gradient(288.38deg,rgba(255,139,128,0.8) 0,rgba(48,152,88,0.8) 100%)}#mechanism #banner-desktop .banner-hero h1{font-size:54px;line-height:normal;font-weight:900;font-family:"Inter",sans-serif;color:#fff;letter-spacing:0;position:relative;z-index:99}#mechanism #box-white{background-color:#fff;border-radius:14px;padding:64px 0 64px 24px;margin-bottom:32px}#mechanism #box-white #box-white-txt .heading h2{font-size:48px;line-height:normal;font-weight:700;font-family:"Montserrat",sans-serif;color:#373a36;letter-spacing:0;margin-bottom:32px}#mechanism #box-white #box-white-txt .heading h2 span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5.6px}#mechanism #box-white #box-white-txt .heading img{margin-bottom:32px}#mechanism #box-white #box-white-txt .heading img.hyper-mobile{display:none}#mechanism #box-white #box-white-txt .heading h6{font-size:16px;line-height:26px;font-weight:400;font-family:"Montserrat",sans-serif;color:#373a36;letter-spacing:0}#mechanism #flex-box{margin-bottom:32px}#mechanism #flex-box #flex-box-txt .flex{display:flex;gap:32px}#mechanism #flex-box #flex-box-txt .flex .one-box .bg-white{background-color:#fff;border-radius:14px;padding:64px 24px 35px 24px;min-height:480px}#mechanism #flex-box #flex-box-txt .flex .one-box .bg-white h3{font-size:32px;line-height:normal;font-weight:700;font-family:"Montserrat",sans-serif;color:#000;letter-spacing:0;margin-bottom:24px}#mechanism #flex-box #flex-box-txt .flex .one-box .bg-white .dot-flex{display:flex;align-items:center;gap:16px;margin-bottom:24px}#mechanism #flex-box #flex-box-txt .flex .one-box{width:50%}#mechanism #flex-box #flex-box-txt .flex .second-box{width:50%}#mechanism #flex-box #flex-box-txt .flex .one-box .bg-white .dot-flex.margin-0{margin-bottom:0}#mechanism #flex-box #flex-box-txt .flex .bg-white .dot-flex .dot{background:#ef4130;width:12px;height:12px;border-radius:100%;flex-shrink:0;align-self:center}#mechanism #flex-box #flex-box-txt .flex .bg-white .dot-flex h6{font-size:16px;line-height:normal;font-weight:400;font-family:"Montserrat",sans-serif;color:#000;letter-spacing:0}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white{background-color:#fff;border-radius:14px;padding:64px 24px 0 19px;min-height:480px}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white h3{font-size:32px;line-height:normal;font-weight:700;font-family:"Montserrat",sans-serif;color:#000;letter-spacing:0;margin-bottom:22.5px}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white .dot-flex{display:flex;align-items:center;gap:16px;margin-bottom:32px;margin-left:28px}#mechanism #container-white{background-color:#fff;border-radius:14px;padding:32px 0 32px 24px;margin-bottom:64px}#mechanism #container-white #container-white-text .sub-txt h6{font-size:16px;line-height:normal;font-weight:400;font-family:"Montserrat",sans-serif;color:#000;letter-spacing:0}#mechanism #link-box{background-color:#fff;padding-right:40.23px;border-top-right-radius:14px;margin-bottom:64px;border-bottom-left-radius:14px}#mechanism #link-box .attach-link{display:flex;gap:66.84px;align-items:center}#mechanism #link-box .attach-link .attach-img img.dose-desktop{display:block}#mechanism #link-box .attach-link .attach-img img.dose-mobile{display:none}#mechanism #link-box .button-link{width:85%}#mechanism #link-box .button-link .button-flex{display:flex;gap:32.64px;align-items:center;justify-content:space-between}#mechanism #link-box .button-link .button-flex h6{font-size:18px;line-height:28px;font-weight:400;font-family:"Montserrat",sans-serif;color:#000;letter-spacing:0}#mechanism #link-box .button-link .button-flex h6.text-mobile{display:none}#mechanism #link-box .button-link .button-flex h6 span{font-weight:700}#mechanism #link-box .button-link .button-flex a.redirect-btn{font-weight:700;font-family:"Montserrat",sans-serif;text-transform:uppercase;color:#fff;padding:9px 22.5px 9px 16px;border-radius:14px;background:#373a36;border:0;display:flex;font-size:18px;line-height:30px;text-decoration:none;align-items:center}#mechanism #link-box .button-link .button-flex a.redirect-btn span{display:inline-block;padding-left:14.5px;transition:ease .3s;height:27px}#mechanism #link-box .button-link .button-flex a.redirect-btn:hover{text-decoration:none;background:#ef4130}#mechanism #reference-white{background-color:#fff;padding:24px 0}#mechanism #reference-white .reference-section{margin-left:16px}#mechanism #reference-white .reference-section p{font-size:10px;line-height:normal;font-weight:700;font-family:"Montserrat",sans-serif;color:#373a36;letter-spacing:0;margin-bottom:15px}#mechanism #reference-white .reference-section ul{list-style-type:decimal;padding-left:13px}#mechanism #reference-white .reference-section ul li{font-size:10px;line-height:normal;font-weight:400;font-family:"Montserrat",sans-serif;color:#373a36;letter-spacing:0;list-style-position:outside}@media only screen and (min-width:1200px) and (max-width:1400px){#mechanism #banner-desktop .banner-hero{padding:150px 0 150px 24px;min-height:580px;background-position:right center;margin-bottom:52px}#mechanism #banner-desktop .banner-hero h1{font-size:50px}#mechanism #box-white{padding:55px 24px}#mechanism #box-white #box-white-txt .heading h2{font-size:36px;margin-bottom:25px}#mechanism #box-white #box-white-txt .heading h2 br{display:none}#mechanism #box-white #box-white-txt .heading h2 span{text-underline-offset:2px}#mechanism #flex-box #flex-box-txt .flex .one-box .bg-white{padding:35px 24px 35px 24px;min-height:467px}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white{padding:35px 24px 35px 24px;min-height:467px}#mechanism #flex-box #flex-box-txt .flex .one-box .bg-white h3{font-size:29px;margin-bottom:20px}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white h3{font-size:29px;margin-bottom:20px}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white .dot-flex{margin-bottom:16px;margin-left:0}#mechanism #flex-box #flex-box-txt .flex .bg-white .dot-flex h6 br{display:none}#mechanism #flex-box #flex-box-txt .flex .one-box .bg-white .dot-flex{margin-bottom:16px}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white .dot-flex:last-child{margin-bottom:0}#mechanism #container-white #container-white-text .sub-txt h6 br{display:none}#mechanism #container-white{padding:32px 24px 32px 24px;margin-bottom:52px}#mechanism #link-box{padding-right:24px;margin-bottom:52px}#mechanism #link-box .attach-link{gap:66.3px}#mechanism #link-box .button-link .button-flex{gap:32.38px}}@media only screen and (min-width:993px) and (max-width:1200px){#mechanism #banner-desktop .banner-hero{min-height:534px;margin-bottom:52px;padding:150px 0 150px 24px}#mechanism #banner-desktop .banner-hero h1{font-size:47px}#mechanism #box-white{padding:50px 24px}#mechanism #box-white #box-white-txt .heading h2{font-size:36px;margin-bottom:20px}#mechanism #box-white #box-white-txt .heading h2 br{display:none}#mechanism #box-white #box-white-txt .heading h2 span{text-decoration-thickness:1.6px;text-underline-offset:2px}#mechanism #box-white #box-white-txt .heading img{margin-bottom:30px}#mechanism #flex-box #flex-box-txt .flex .one-box .bg-white{padding:35px 24px;min-height:535px}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white{padding:35px 24px;min-height:535px}#mechanism #flex-box #flex-box-txt .flex .one-box .bg-white h3{font-size:27px;margin-bottom:20px}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white h3{font-size:27px;margin-bottom:20px}#mechanism #flex-box #flex-box-txt .flex .bg-white .dot-flex h6 br{display:none}#mechanism #flex-box #flex-box-txt .flex .one-box .bg-white .dot-flex{margin-bottom:16px}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white .dot-flex{margin-bottom:16px;margin-left:0}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white .dot-flex:last-child{margin-bottom:0}#mechanism #container-white{padding:30px 24px;margin-bottom:52px}#mechanism #container-white #container-white-text .sub-txt h6 br{display:none}#mechanism #link-box{margin-bottom:52px}#mechanism #reference-white .reference-section{margin-left:0}}@media only screen and (min-width:769px) and (max-width:992px){#mechanism #banner-desktop .banner-hero{margin-bottom:52px;padding:150px 0 150px 24px;background-position:initial;min-height:494px;margin-top:30px}#mechanism #banner-desktop .banner-hero h1{font-size:44px}#mechanism #box-white{padding:50px 24px}#mechanism #box-white #box-white-txt .heading h2{font-size:33px;margin-bottom:25px}#mechanism #box-white #box-white-txt .heading h2 br{display:none}#mechanism #box-white #box-white-txt .heading h2 span{text-decoration-thickness:1.6px;text-underline-offset:1px}#mechanism #box-white #box-white-txt .heading img{margin-bottom:25px}#mechanism #box-white #box-white-txt .heading h6{font-size:14px}#mechanism #flex-box #flex-box-txt .flex .one-box .bg-white{padding:30px 24px;min-height:544px}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white{padding:30px 24px;min-height:544px}#mechanism #flex-box #flex-box-txt .flex .one-box .bg-white h3{font-size:27px;margin-bottom:20px}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white h3{font-size:27px;margin-bottom:20px}#mechanism #flex-box #flex-box-txt .flex .bg-white .dot-flex h6{font-size:14px}#mechanism #flex-box #flex-box-txt .flex .bg-white .dot-flex h6 br{display:none}#mechanism #flex-box #flex-box-txt .flex .one-box .bg-white .dot-flex{margin-bottom:16px}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white .dot-flex{margin-bottom:16px;margin-left:0}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white .dot-flex:last-child{margin-bottom:0}#mechanism #container-white{padding:30px 24px;margin-bottom:52px}#mechanism #container-white #container-white-text .sub-txt h6{font-size:14px}#mechanism #container-white #container-white-text .sub-txt h6 br{display:none}#mechanism #link-box .attach-link{gap:30.3px}#mechanism #link-box .button-link .button-flex h6{font-size:16px;line-height:26px}#mechanism #link-box .button-link{width:100%}#mechanism #link-box{padding-right:25.86px;margin-bottom:52px}#mechanism #link-box .button-link .button-flex{gap:20.38px}#mechanism #link-box .button-link .button-flex a.redirect-btn{font-size:16px;line-height:27px}#mechanism #link-box .button-link .button-flex a.redirect-btn span{padding-left:11.5px;height:24px}#mechanism #reference-white .reference-section{margin-left:0}}@media screen and (max-width:768px){#mechanism #banner-img{display:none}#mechanism #mechanism-mobile-banner{display:block}#mechanism #mechanism-mobile-banner .mobile-banner{background:url('/content/dam/intelligentcontent/brands/astrazeneca-brands/jo/en/forxiga/images/dosing-mobile-banner.jpg');background-size:cover;background-repeat:no-repeat;min-height:247.68px;padding:94px 0 93.68px 28px;background-position:center;margin-bottom:23px}#mechanism #mechanism-mobile-banner .mobile-banner h6{font-size:16px;line-height:normal;font-weight:900;font-family:"Montserrat",sans-serif;color:#fff;letter-spacing:0}#mechanism #mechanism-of-action #mid-content{max-width:100%;margin:0 25px}#mechanism #box-white{padding:21.04px 7.89px;margin-bottom:23px;border-radius:4.6px}#mechanism #box-white #box-white-txt .heading h2{font-size:14px;margin-bottom:10.52px}#mechanism #box-white #box-white-txt .heading h2 br{display:none}#mechanism #box-white #box-white-txt .heading h2 span{text-decoration-thickness:.9px;text-underline-offset:1.6px}#mechanism #box-white #box-white-txt .heading img.hyper-mobile{text-align:center;display:block;margin-left:auto;margin-right:auto}#mechanism #box-white #box-white-txt .heading img{margin-bottom:10.52px}#mechanism #box-white #box-white-txt .heading img.hyper-desk{display:none}#mechanism #box-white #box-white-txt .heading h6{font-size:10px;line-height:8.55px}#mechanism #flex-box #flex-box-txt .flex{flex-direction:column;gap:23px}#mechanism #flex-box #flex-box-txt .flex .one-box{width:100%}#mechanism #flex-box #flex-box-txt .flex .second-box{width:100%}#mechanism #flex-box #flex-box-txt .flex .one-box .bg-white{border-radius:8.71px;padding:32px 16px;min-height:auto}#mechanism #flex-box #flex-box-txt .flex .one-box .bg-white h3{font-size:16px;margin-bottom:14.94px}#mechanism #flex-box #flex-box-txt .flex .bg-white .dot-flex h6 br{display:none}#mechanism #flex-box #flex-box-txt .flex .one-box .bg-white .dot-flex{gap:9.96px;margin-bottom:14.94px}#mechanism #flex-box #flex-box-txt .flex .bg-white .dot-flex h6{font-size:12px}#mechanism #flex-box #flex-box-txt .flex .bg-white .dot-flex .dot{width:7.47px;height:7.47px}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white{border-radius:8.71px;padding:32px 16px;min-height:auto}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white h3{font-size:16px;margin-bottom:15.22px}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white .dot-flex{gap:9.96px;margin-bottom:11.14px;margin-left:17.43px}#mechanism #flex-box #flex-box-txt .flex .second-box .bg-white .dot-flex:last-child{margin-bottom:0}#mechanism #flex-box{margin-bottom:23px}#mechanism #container-white{border-radius:4.11px;padding:9.39px 7.04px;margin-bottom:28px}#mechanism #container-white #container-white-text .sub-txt h6 br{display:none}#mechanism #container-white #container-white-text .sub-txt h6{font-size:10px}#mechanism #link-box .button-link .button-flex{flex-direction:column;gap:8.6px;align-items:flex-start}#mechanism #link-box .button-link .button-flex h6{font-size:14px;line-height:normal}#mechanism #link-box .button-link .button-flex h6.text-mobile{display:block}#mechanism #link-box .button-link .button-flex h6.text-desk{display:none}#mechanism #link-box .attach-link{gap:17.94px}#mechanism #link-box{padding-right:22.06px;margin-bottom:48.32px}#mechanism #link-box .button-link .button-flex a.redirect-btn{font-size:8.53px;line-height:16px;padding:8px 34.53px 8px 31.07px;border-radius:7.47px}#mechanism #link-box .button-link .button-flex a.redirect-btn span{padding-left:7.73px;height:16px}#mechanism #link-box .button-link .button-flex a.redirect-btn span img{width:18.66px}#mechanism #link-box .attach-link .attach-img img.dose-mobile{display:block}#mechanism #link-box .attach-link .attach-img img.dose-desktop{display:none}#mechanism #link-box .button-link{width:70%}#mechanism #reference-white .reference-section{margin-left:0}#mechanism #reference-white .reference-section p{margin-bottom:12px}}@media screen and (max-width:500px){#mechanism #flex-box #flex-box-txt .flex .one-box .bg-white .dot-flex.flex-padding{padding-right:45px}}