#about-sec-2 .col,
#about-sec-3 .col,
#about-sec-4 .image-right p,
.doc-details,
.operation-sector-section-2,
.operation-sector-section-3 .ratings,
.page-template-page_about .image-left,
.page-template-page_operation_sector .image-left,
.research-template-section-2#about-sec-2,
section#blog-top {
text-align: center
}
#about-sec-4 .doc-details p,
#about-sec-6 h3,
.doc-details h4,
.sw-formdesign h3,
h1.inner-page-title {
font-family: "Mulish", sans-serif;
}
#about-sec-2 .about-sec-2-btn,
.sw-formdesign input[type=submit] {
display: inline-block;
transition: .3s linear;
text-decoration: none
}
#about-sec-1 .image-right img:hover,
.doc-details {
box-shadow: 0 0 22px -5px #888
}
img {
max-width: 100%
}
body.archive header,
body.error404 header,
body.page-template-default header,
body.page-template-templates header,
body.search-results header {
background: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/about-bg.jpg) top center/100% auto no-repeat;
min-height: 650px;
position: relative
}
body.page-template-page_medical_sector header {
background: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/medical-sector-bg.jpg) top center/100% auto no-repeat
}
body.page-template-page_research_sector header {
background: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/research-sector-bg.jpg) top center/100% auto no-repeat
}
#about-sec-1 li,
#about-sec-1 p {
font-size: 21px;
line-height: 38px;
letter-spacing: 1px
}
#about-sec-1,
#about-sec-4.medical-sector {
z-index: 1000;
padding: 130px 0 76px;
margin: 0 0 10px
}
#about-sec-2 {
background: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/about-sec-2-bg.jpg) center top no-repeat;
padding: 248px 0 220px
}
#about-sec-2 .col {
width: 31%;
float: left;
background: #f3f3f3;
overflow: hidden
}
#about-sec-2 .col.col-2 {
margin: 0 3.5%
}
#about-sec-2 p {
color: #383838;
margin: 30px 0 20px;
padding: 0 40px
}
#about-sec-2 img {
width: 100%;
height: auto;
transition: .3s
}
#about-sec-2 img:hover,
.each-blog:hover img {
transform: scale(1.05)
}
.image-right.doc-details img,
.page-each-top-slider img {
transform: scale(1)
}
.image-right.doc-details img:hover,
.radiologists-section-1 .doc-details:hover img {
transform: scale(1.02)
}
#about-sec-2 .about-sec-2-btn {
color: #fff;
margin: 20px 0 50px;
padding: 18px 78px;
border-radius: 50px;
background: #15368b;
border: 2px solid #15368b
}
#about-sec-2 .about-sec-2-btn:hover {
background: 0 0;
color: #15368b
}
#about-sec-3 .col {
float: left;
width: 20%;
color: #4f4f4f
}
#about-sec-3 .col.col-2,
#about-sec-3 .col.col-3 {
margin: 0 5%
}
#about-sec-3 strong {
font-size: 100px
}
#about-sec-3 p {
font-size: 21px;
max-width: 250px;
margin: 5px auto 0;
line-height: 30px
}
#about-sec-3 .hr-line {
float: left;
width: 100%;
height: 1px;
background: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/hr-dotted-line.png);
margin: 124px 0 108px
}
.highlights {
float: left;
width: 100%
}
.highlights .box {
float: left;
width: 32%;
background: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/highlight-box-bg.png) repeat-x;
min-height: 280px;
margin-bottom: 31px;
position: relative
}
.highlights .box:nth-child(2),
.highlights .box:nth-child(5) {
margin-left: 2%;
margin-right: 2%
}
.highlights .icon {
background: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/hg-icon-1.png) center center no-repeat;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: .3s linear
}
.each-blog-image-style-2::after,
.each-blog-image::after {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/blog-read-more.png);
transform: translateY(100%);
content: "";
top: 0
}
.highlights .icon.icon-1 {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/hg-icon-1.png)
}
.highlights .icon.icon-2 {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/hg-icon-2.png)
}
.highlights .icon.icon-3 {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/hg-icon-3.png)
}
.highlights .icon.icon-4 {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/hg-icon-4.png)
}
.highlights .icon.icon-5 {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/hg-icon-5.png)
}
.highlights .icon.icon-6 {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/hg-icon-6.png)
}
#about-sec-3 {
background: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/sec-3-btm-bg.jpg) center bottom no-repeat;
padding: 114px 0 365px
}
.highlightsBoxContent {
position: absolute;
left: 0;
top: 0;
width: 100%;
text-align: center;
color: #fff;
height: 100%;
background-color: rgba(13, 132, 229, .67);
padding: 24% 10px 10px;
transform: rotateY(90deg);
transition: .3s
}
.highlights .box:hover .highlightsBoxContent {
transform: rotateY(0)
}
.highlightsBoxContent h5 {
font-weight: 400;
font-size: 21px;
color: #fff
}
#about-sec-6.governance-sec-4 h3,
#about-sec-6.governance-sec-4 p,
#blog-second a.simple-link,
.highlightsBoxContent a:hover {
color: #fff
}
.content-left {
float: left;
width: 58%
}
.image-right {
float: right;
width: 34%
}
.image-right img {
width: 100%;
height: auto
}
#about-sec-4 .image-right {
margin-top: -100px;
overflow: hidden
}
.ratings p {
text-align: center !important
}
#about-sec-4 .image-right h4 {
padding: 0 10px
}
.doc-details {
background: #f2f2f2;
padding: 0 0 37px
}
.doc-details h4 {
font-size: 42px;
margin: 26px 0 0;
color: #4f4f4f;
font-weight: 700
}
#about-sec-4 .doc-details p {
margin: 10px 0;
line-height: 30px;
font-size: 24px
}
#about-sec-4 {
padding: 145px 0 58px
}
#about-sec-4 .btn,
.sw-button-style .btn {
float: left;
padding: 19px 77px;
color: #15368b;
font-size: 21px;
border: 3px solid #15368b;
border-radius: 100px;
margin: 30px 0 0;
position: relative;
transition: .3s linear;
line-height: unset
}
#about-sec-4 .btn:hover,
.sw-button-style .btn:hover {
background-color: #1e4499;
color: #fff
}
#about-sec-4 .btn::after,
.sw-button-style .btn::after {
content: "";
background: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/link-arrow.png) center center no-repeat;
height: 35px;
width: 55px;
position: absolute;
right: -37.5px;
top: 50%;
margin-top: -17.4px;
transition: .3s linear;
display: none
}
#about-sec-4 .btn:hover::after,
.sw-button-style .btn:hover::after {
right: -50px
}
#about-sec-1 .content-left {
float: left;
width: 56%
}
#about-sec-1 .image-right {
width: 36%;
margin-top: -100px
}
#about-sec-5 {
background: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/about-sec-5-bg.jpg) center top no-repeat;
padding: 254px 0 220px
}
.image-left {
float: left;
width: 45%
}
.content-right {
width: 50%;
float: right
}
#about-sec-10 h3,
#about-sec-5 h3 {
font-size: 44px;
color: #fff;
margin: 60px 0 0;
line-height: 55px;
font-family: "Mulish", sans-serif;
font-weight: 800
}
#about-sec-10 h3 {
color: #000;
margin-bottom: 30px
}
#about-sec-5 p {
color: #fff;
margin: 31px 0 0
}
#about-sec-6 {
padding: 138px 0 262px;
background: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/about-sec-6-bg.png) center top no-repeat;
z-index: 2
}
#about-sec-6 .content-left {
width: 48%
}
#about-sec-6 h3 {
font-size: 44px;
margin: 56px 0 26px;
max-width: 80%;
line-height: 52px;
letter-spacing: -1px;
color: #4f4f4f;
font-weight: 800
}
#about-sec-6 .image-right {
width: 45%
}
h1.inner-page-title {
color: #4f4f4f;
font-size: 61px;
text-transform: none;
text-align: left;
margin: 70px 0 0;
letter-spacing: -1px;
font-weight: 800
}
div#main-menu {
top: 270px
}
#about-sec-2.medical-sector,
#about-sec-6.research-sector-1 {
background: 0 0;
padding: 120px 0
}
.sw-formdesign h3 {
font-weight: 400;
font-size: 54px;
color: #fff;
line-height: 55px;
text-align: center;
margin-bottom: 55px
}
.sw-formdesign form.wpcf7-form {
width: 1350px;
margin: 0 auto;
text-align: center;
max-width: 90%
}
.sw-formdesign input[type=email],
.sw-formdesign input[type=text],
.sw-formdesign textarea {
background-color: #fff;
padding: 20px 28px;
line-height: 22px;
font-size: 17px;
color: #878787;
margin-left: 1%;
margin-right: 1%;
margin-bottom: 25px;
-webkit-appearance: none;
-moz-appearance: none;
font-family: "Mulish", sans-serif;
}
.sw-formdesign input[type=email],
.sw-formdesign input[type=text] {
border: 1px solid #e1e1e1;
border-radius: 8px;
width: 48%
}
.sw-formdesign input[type=email].wpcf7-not-valid,
.sw-formdesign input[type=text].wpcf7-not-valid,
.sw-formdesign textarea.wpcf7-not-valid {
border-color: red
}
.sw-formdesign textarea {
border: 1px solid #e1e1e1;
border-radius: 8px;
width: 98%;
height: 200px;
resize: none
}
.sw-formdesign input[type=submit] {
color: #fff;
padding: 18px 78px;
border-radius: 50px;
background: 0 0;
border: 2px solid #fff;
cursor: pointer;
margin: 0 auto;
float: none;
font-weight: 400;
text-transform: none;
font-size: 21px
}
.sw-formdesign input[type=submit]:hover {
color: #fff;
background: #15368b;
border: 2px solid #fff
}
.sw-formdesign form.wpcf7-form>p {
padding: 0 !important;
margin: 0 !important
}
#about-sec-2.sw-formdesign,
.page-id-27.page-template-page_research_sector section#about-sec-5 {
background-size: 100% 100% !important
}
.ddi-reports-each.ddi-reports-each-mob,
a.button.button-medical.button-center::after,
span.wpcf7-not-valid-tip {
display: none
}
div.wpcf7-response-output {
width: 100%;
color: #fff;
border: none
}
#about-sec-2.medical-sector h4 {
font-size: 40px;
line-height: 55px;
color: #4f4f4f;
font-family: "Mulish", sans-serif;
margin-top: 45px;
margin-bottom: 0;
padding: 0 40px
}
#about-sec-2.medical-sector .col {
padding-bottom: 50px;
box-shadow: 0 0 22px -5px #888
}
#about-sec-6.medical-sector-2 {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/about-sec-6-bg-2.png);
z-index: 101;
background-position: bottom center
}
#about-sec-6.medical-sector-2.medical-sector-2-v2 {
background: 0 0
}
.operation-sector-section-5#about-sec-4 .image-right,
section#about-sec-5.medical-sector-6,
section#about-sec-5.medical-sector-7 {
margin-top: -100px
}
section#about-sec-5.medical-sector-7 {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/images/slider-bg.png);
z-index: 101
}
#medical-sector-slider {
margin-top: -160px;
z-index: 100;
padding: 310px 0;
background-size: cover !important;
background-position: bottom center
}
#medical-sector-slider .item-content {
background: 0 0;
padding: 0
}
#medical-sector-slider .owl-carousel .owl-wrapper-outer {
padding-bottom: 0
}
#medical-sector-slider h3 {
font-size: 44px;
line-height: 52px;
font-family: "Mulish", sans-serif;
font-weight: 800;
letter-spacing: -1px;
text-shadow: 1px 1px 5px #45718b
}
a.button.button-medical.button-center {
background-color: #15368b
}
a.button.button-medical.button-center:hover {
background: #fff;
color: #15368b
}
a.button.button-medical.button-center.whitening-button {
color: #fff;
margin-top: 30px
}
a.button.button-medical.button-center.whitening-button:hover {
background-color: #fff;
color: #15368b
}
a.button.button-medical.button-center.whitening-button.whitening-button-2:hover,
h3.blog-sub-title.blog-sub-title-2 {
color: #15368b
}
#medical-sector-slider .owl-theme .owl-controls {
bottom: auto;
top: 35%;
width: 90%;
left: 5%
}
#medical-sector-slider .owl-theme .owl-controls .owl-buttons div.owl-next {
right: 0
}
#about-sec-1 .owl-theme .owl-controls,
#medical-sector-slider .owl-theme .owl-controls .owl-buttons div.owl-prev {
left: 0
}
#medical-sector-slider .owl-theme .owl-controls .owl-buttons div {
position: absolute;
background: 0 0
}
#medical-sector-slider .owl-theme .owl-controls .owl-buttons .owl-prev::after {
background: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/slider-arrow-left.png) 45px 6px no-repeat;
transition: .3s
}
#medical-sector-slider .owl-theme .owl-controls .owl-buttons .owl-next:hover::after,
#medical-sector-slider .owl-theme .owl-controls .owl-buttons .owl-prev:hover::after {
background-position: 45px -24px
}
#medical-sector-slider .owl-theme .owl-controls .owl-buttons .owl-next::after {
background: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/slider-arrow-right.png) 45px 6px no-repeat;
transition: .3s
}
#about-sec-2.medical-sector.operation-sector,
#blog-second {
background: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/about-sec-5-bg.jpg) center top no-repeat;
padding: 254px 0 220px;
background-size: 100% 100% !important;
text-align: center
}
#about-sec-6.operation-sector-1 {
background: 0 0;
padding: 138px 0 100px
}
#about-sec-2.medical-sector.operation-sector h5 {
font-size: 28px;
font-weight: 400;
color: #fff;
line-height: 42px;
max-width: 80%;
margin: 0 auto 60px
}
#about-sec-2.sw-formdesign.sw-operation-register {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/sw-register-bg.png);
z-index: 1000;
padding: 120px 0 240px
}
#about-sec-2.sw-formdesign.sw-operation-register h3 {
color: #4f4f4f;
font-size: 44px;
line-height: 52px;
font-family: "Mulish", sans-serif;
font-weight: 800;
letter-spacing: -1px
}
#about-sec-2.sw-formdesign.sw-operation-register input[type=submit] {
color: #15368b;
background: 0 0;
border-color: #15368b
}
#about-sec-2.sw-formdesign.sw-operation-register input[type=submit]:hover {
background-color: #15368b;
border-color: #15368b;
color: #fff
}
#about-sec-2.sw-formdesign.sw-operation-register input[type=email],
#about-sec-2.sw-formdesign.sw-operation-register input[type=text],
#about-sec-2.sw-formdesign.sw-operation-register textarea {
-webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
-moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .15);
-webkit-appearance: none;
-moz-appearance: none
}
.sw-operation-register div.wpcf7-response-output {
width: 100%;
color: #15368b
}
#about-sec-5.research-sector-2 .content-right,
#about-sec-6.research-sector-1 .image-right {
float: left
}
#about-sec-6.research-sector-1 .content-left {
float: right;
width: 50%
}
#about-sec-5.research-sector-2 .image-left {
float: right
}
#about-sec-2.governance-sec-1 {
padding: 250px 0 350px;
background-size: 100% 100% !important
}
#about-sec-4.governance-sec-2 {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/about-sec-6-bg.jpg);
background-size: 100% 100% !important;
padding: 160px 0 240px
}
#about-sec-5.governance-sec-3 {
background: 0 0;
padding: 100px 0
}
#about-sec-4.level-3d-sec-5 .doc-details h4,
#about-sec-4.level-3d-sec-5 .doc-details p,
#about-sec-5.governance-sec-3 h3,
#about-sec-5.governance-sec-3 p,
.sw-default-content-style a {
color: #4f4f4f
}
#about-sec-6.governance-sec-4 {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/about-sec-2-bg.jpg);
padding: 254px 0 220px;
background-size: 100% 100% !important
}
#about-sec-3.governance-sec-7 {
z-index: 100;
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/about-sec-6-bg.png);
padding: 160px 0 240px
}
section.governance-sec-5 {
padding: 130px 0 120px
}
.archive-each-blog:nth-child(4n),
.each-blog-style-2:nth-child(2n),
.governancePost:nth-child(2n),
.objectives .objectiveBox:nth-child(3n),
.radiologists-section-1 .doc-details:nth-child(3n),
section#blog-third .blog-top-left:last-child {
margin-right: 0
}
.governancePost {
float: left;
width: 48%;
margin-right: 4%
}
.governancePostImage {
width: 50%;
float: left
}
.governancePostContent {
width: 50%;
padding-left: 5%;
float: left
}
.governancePostContent h3 {
font-size: 28px;
line-height: 38px;
font-family: "Mulish", sans-serif;
font-weight: 800;
letter-spacing: -1px;
margin-bottom: 20px;
color: #4f4f4f
}
.governancePost.governancePostSingleItem {
width: 80%;
margin-right: 0;
margin-left: 10%
}
.governancePost.governancePostSingleItem .governancePostImage {
width: 34%
}
.governancePost.governancePostSingleItem .governancePostContent {
width: 65%
}
.governance-sec-6 {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/governance-sec-6-bg.jpg);
padding: 250px 0 200px;
background-size: 100% 100% !important
}
.governance-sec-6 ul {
margin: 0;
padding: 0;
list-style: none
}
.governance-sec-6 li {
font-size: 21px;
line-height: 38px;
color: #fff;
margin-bottom: 28px;
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/list-style.png);
background-repeat: no-repeat;
background-position: left 8px;
padding-left: 70px
}
.sw-default-content-style h1,
.sw-default-content-style h2,
.sw-default-content-style h3,
.sw-default-content-style h4,
.sw-default-content-style h5,
.sw-default-content-style h6 {
color: #363636;
text-transform: none;
font-weight: 700;
padding: 10px 0 18px;
float: none;
margin: 0
}
.sw-default-content-style h1 {
font-size: 58px;
margin-top: 30px
}
.sw-default-content-style h2 {
font-size: 25px;
width: 100%;
margin-top: 30px;
font-weight: 800;
color: #1c4498;
}
.sw-default-content-style h3 {
font-size: 24px;
line-height: 40px; margin-top: 10px;
font-weight: 700;
color: #111; }
.sw-default-content-style h4 {
font-size: 26px;
margin-top: 20px;
font-weight: 700;
color: #15368b
}
.sw-default-content-style h5 {
font-size: 21px;
margin-top: 20px
}
.sw-default-content-style h6 {
font-size: 18px;
margin-top: 10px
}
.sw-default-content-style a:hover {
color: #15368b;
text-decoration: none
}
.sw-default-content-style li,
.sw-default-content-style p,
.sw-default-content-style td,
.sw-default-content-style th {
font-size: 18px;
line-height: 36px;
letter-spacing: 1px;
color: #3f3e3e
}
.sw-default-content-style li {
margin-left: 20px
}
.sw-default-content-style p {
line-height: 34px
}
.sw-default-content-style p.has-small-font-size {
font-size: .8125em
}
.sw-default-content-style ul {
margin: 0 0 20px;
padding: 0;
list-style: none
}
.sw-default-content-style ul li {
margin-bottom: 10px;
background-image: url(//www.dasmaninstitute.org/wp-content/themes/ddi/about/images/list-style.png);
background-repeat: no-repeat;
background-position: left 12px;
padding-left: 32px;
background-size: 15px;
list-style: inherit
}
.sw-default-content-style ul li li {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/list-style_fill.png)
}
.wp-block-eedee-block-gutenslider .slick-dots li {
background-image: none
}
section#blog-third,
section.governance-sec-6.level-3c-sec-5 {
z-index: 100;
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/about-sec-6-bg.png)
}
section.governance-sec-6.level-3c-sec-5 {
padding: 120px 0 180px
}
section.governance-sec-6.level-3c-sec-5 li,
section.governance-sec-6.level-3d-sec-4 li {
color: #2e2e2e
}
section.governance-sec-6.level-3d-sec-4 {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/level-3D-sec-4-bg.jpg);
padding: 120px 0 200px
}
#about-sec-4.level-3d-sec-5 {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/level-3d-sec-5-bg.png);
background-size: 100% 100% !important;
z-index: 100;
margin-top: -140px;
padding: 250px 0 230px
}
#about-sec-4.level-3d-sec-5 .image-right,
.page-id-28 #about-sec-5 h3,
.page-id-423 #about-sec-5 .content-right h3,
.page-id-423 #about-sec-6.governance-sec-4 h3 {
margin-top: 0
}
#about-sec-4.level-3d-sec-5 .btn,
#about-sec-4.level-3d-sec-5 p {
color: #fff;
border-color: #fff
}
#about-sec-4.level-3d-sec-5 .btn::after {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/link-arrow-white.png)
}
#about-sec-4.level-3d-sec-5 .content-left {
padding-top: 200px
}
.blog-top-container {
float: left;
width: 100%;
text-align: center
}
.blog-top-left {
float: left;
width: 25%
}
.blog-top-center {
float: left;
width: 43%;
margin: 0 3.5%
}
.each-blog {
float: left;
width: 100%;
text-align: center;
background-color: #f7f7f7;
margin-bottom: 40px;
border-bottom: 3px solid #32b3ec
}
.each-blog.media-item {
float: none;
width: 100%;
text-align: inherit;
background-color: transparent;
margin-bottom: 40px;
border-bottom: 0
}
.blog-top-center .each-blog {
height: calc(100% - 40px)
}
.each-blog-image {
float: left;
width: 100%;
overflow: hidden;
position: relative
}
.each-blog-image::after {
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(13, 110, 182, .73);
left: 0;
background-repeat: no-repeat;
background-position: center center;
transition: .3s
}
.each-blog-image.each-blog-image-video::after {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/blog-read-more-video.png)
}
.each-blog-style-2:hover .each-blog-image-style-2::after,
.each-blog:hover .each-blog-image::after {
transform: translateY(0)
}
.each-blog-image img {
transform: scale(1);
transition: .3s;
float: left;
width: 100%;
height: auto
}
.each-blog-title {
padding: 25px;
width: 100%;
float: left;
text-align: left
}
.each-blog.media-item .each-blog-title {
background-color: #f7f7f7;
border-bottom: 3px solid #0d6eb6;
transition: .3s ease-in-out
}
.archive-each-blog.media-item:hover .each-blog-title {
border-width: 6px
}
.each-blog-title h3,
.each-blog-title-style-2 h3 {
font-size: 24px;
line-height: 36px;
margin-bottom: 20px;
color: #000;
font-weight: 400;
margin-top: 0;
padding: 0
}
.blog-top-center .each-blog-title {
padding: 46px 35px
}
.blog-top-center .each-blog-title h3 {
font-size: 42px;
line-height: 60px
}
a.simple-link {
display: inline-block;
margin: 10px auto 0;
font-size: 16px
}
.each-blog-title a {
font-size: 15px;
color: #007bbf
}
a.each-blog-title-main-title {
color: inherit;
font-size: inherit
}
.each-blog-style-2 {
float: left;
width: 48%;
margin-right: 4%;
background-color: #f3f3f3;
margin-bottom: 60px;
position: relative
}
.each-blog-image-style-2 {
position: absolute;
width: 40%;
height: 100%;
overflow: hidden
}
.each-blog-image-style-2::after {
position: absolute;
height: 100%;
width: 100%;
background-color: rgba(20, 175, 229, .9);
left: 0;
background-repeat: no-repeat;
background-position: center center;
transition: .3s
}
.each-blog-image-style-2 img {
height: 100%;
object-fit: cover;
transform: scale(1);
transition: .3s;
float: left;
width: 100%
}
.each-blog-style-2:hover .each-blog-image-style-2 img {
transform: scale(1.04)
}
.each-blog-title-style-2 {
float: right;
width: 60%;
text-align: left;
padding: 40px 35px;
min-height: 245px
}
.each-blog-title-style-2 a:hover,
.objectiveBox a:hover {
text-decoration: none
}
.blog-meta {
font-size: 16px;
color: #0d6eb6
}
h3.blog-sub-title {
font-size: 44px;
color: #fff;
line-height: 55px;
margin-bottom: 80px;
position: relative;
text-transform: uppercase;
letter-spacing: 2px;
font-family: "Mulish", sans-serif;
font-weight: 800
}
h3.blog-sub-title::after,
h3.blog-sub-title::before {
background-color: #fff;
height: 3px;
width: 28%;
position: absolute;
left: 0;
content: "";
top: 30px
}
h3.blog-sub-title::after {
left: auto;
right: 0
}
h3.blog-sub-title.blog-sub-title-2::after,
h3.blog-sub-title.blog-sub-title-2::before {
background-color: #0d6eb6
}
section#blog-third {
text-align: center;
padding: 160px 0 240px;
background-position: bottom center;
background-size: 100% auto !important;
background-repeat: no-repeat
}
section#blog-third .blog-top-center {
margin-left: 0
}
section#blog-third .blog-top-left {
margin-right: 3.5%
}
.page-each-top-slider {
float: left;
width: 100%;
position: relative
}
.page-each-top-slider-content p {
margin: 0;
padding: 0
}
.page-each-top-slider-content {
position: absolute;
bottom: 0;
left: 0;
background-color: rgb(20, 175, 229, .8);
color: #fff;
padding: 20px;
text-align: center;
width: 100%
}
.operation-sector-section-2#about-sec-5 {
padding: 160px 0 210px;
background-size: 100% 100% !important
}
.operation-sector-section-3 h3,
.research-template-section-3 h3 {
font-size: 44px;
color: #4f4f4f;
margin: 0 0 90px;
line-height: 55px;
text-align: center;
font-family: "Mulish", sans-serif;
font-weight: 800
}
.operation-sector-section-3#about-sec-3 {
padding: 160px 0 320px;
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/about-sec-6-bg-2.png);
z-index: 101
}
.operation-sector-section-3#about-sec-3 .col {
display: inline-block;
float: none;
width: 19.5%
}
.operation-sector-section-3#about-sec-3 .col .timer {
width: 100%;
text-align: center;
float: left;
line-height: 100px
}
.operation-sector-section-3#about-sec-3 .col p {
float: left;
width: 100%;
max-width: 100%;
min-height: 60px
}
.operation-sector-section-4#medical-sector-slider .owl-theme .owl-controls .owl-pagination {
display: none !important
}
.operation-sector-section-5#about-sec-4 {
padding: 180px 0 250px;
background: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/about-sec-6-bg.png) center top no-repeat;
z-index: 2;
background-size: 100% 100% !important
}
.research-template-section-2#about-sec-2 .col {
float: none;
display: inline-block;
width: 30%
}
.research-template-section-3#about-sec-3 {
text-align: center;
padding: 110px 0 250px
}
.objectives .objectiveBox {
float: left;
padding: 140px 40px 70px;
width: 32%;
background: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/highlight-box-bg.png) 0 0/auto 100% repeat-x;
margin-bottom: 30px;
position: relative;
margin-right: 1%;
height: auto;
transition: .3s
}
.objectives .objectiveBox:hover {
-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .75);
-moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .75);
box-shadow: 0 3px 15px 0 rgba(0, 0, 0, .75)
}
.objectives .icon {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: .3s linear;
background-repeat: no-repeat;
background-position: center 35px;
background-size: 125px
}
.page-id-816 .objectives .icon {
background-size: 55px
}
.objectiveBox a {
font-weight: 400;
font-size: 21px;
color: #fff;
float: left;
width: 100%
}
.governance-sec-6-v2 h3,
.operation-sector-section-5 h3 {
font-size: 44px;
font-family: "Mulish", sans-serif;
font-weight: 800
}
.operation-sector-section-2 a.button {
margin-top: 40px;
border-color: #fff;
color: #fff
}
.operation-sector-section-2 a.button::after {
background: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/link-arrow-white.png) center center no-repeat
}
.medical-template-section-2#about-sec-5 {
z-index: 104;
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/level-3d-sec-5-bg.png)
}
.page-template-default h1.inner-page-title {
max-width: 970px;
width: 100%
}
.operation-sector-section-5 h3 {
margin: 0 0 26px;
max-width: 80%;
line-height: 52px;
letter-spacing: -1px
}
.page-template-page_operation_sector #about-sec-2.medical-sector.operation-sector,
.page-template-page_research_sector section#about-sec-5 {
z-index: 1001;
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/images/slider-bg.png)
}
#about-sec-6.research-sector-1.research-sector-1-v2 {
z-index: 101;
background: bottom center
}
.governance-sec-6-v2 h3 {
color: #fff;
margin: 0 0 40px;
line-height: 55px;
text-align: center
}
.ddi-reports {
width: 1200px;
max-width: 100%;
margin: 0 auto
}
.ddi-reports-each {
float: left;
width: 23%;
text-align: center;
padding: 40px 30px 70px;
margin-bottom: 20px;
margin-left: 1%;
margin-right: 1%;
transition: .3s;
border-radius: 50px
}
.ddi-reports-each-icon {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/pdf-icon.png);
width: 100%;
height: 90px;
background-repeat: no-repeat;
background-position: center center;
background-size: 70px;
margin-bottom: 15px
}
.ddi-reports-each a {
color: #fff;
font-size: 16px;
text-decoration: none;
float: left;
width: 100%
}
.ddi-reports-each a:hover {
color: #fff;
text-decoration: none
}
.ddi-reports-each:hover .ddi-reports-each-icon {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/pdf-icon-active.png)
}
.ddi-reports-each:hover {
box-shadow: 0 5px 15px #337ab3
}
.fancybox-container {
z-index: 99999999999999999999 !important
}
.fancybox-container .fancybox-content {
max-width: 75%;
max-height: 95%;
margin: 0
}
section.radiologists-section-1 {
border-bottom: 1px solid #f5f5f5;
padding-bottom: 30px
}
.radiologists-section-1 .doc-details {
float: left;
width: 30%;
margin-right: 5%;
margin-bottom: 80px;
transition: .1s;
box-shadow: 0 0 10px -5px #888;
overflow: hidden
}
.radiologists-section-1 .doc-details:hover {
box-shadow: 0 0 22px -11px #888
}
.each-blog:nth-child(4n+1),
.radiologists-section-1 .doc-details:nth-child(3n+1) {
clear: left
}
.radiologists-section-1 .doc-details img {
transform: scale(1);
transition: .3s
}
.doc-details .doc-details-content h4 {
font-size: 29px;
line-height: 36px;
margin-bottom: 10px;
float: left;
width: 100%
}
.doc-details .doc-details-content h5 {
font-size: 19px;
line-height: 26px;
margin-bottom: 10px;
color: #4f4f4f;
font-weight: 400;
float: left;
margin-top: 0;
width: 100%
}
.doc-details .doc-details-content p {
font-size: 14px;
line-height: 22px;
color: #4f4f4f;
font-weight: 400;
float: left;
width: 100%;
text-align: center !important;
margin-bottom: 10px
}
.doc-details-content {
float: left;
width: 100%;
padding: 0 20px
}
.email_exists {
word-wrap: break-word
}
#about-sec-10 {
background: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/sec-3-btm-bg.jpg) center bottom no-repeat;
padding: 114px 0 365px;
text-align: center
}
.archive-each-blog {
width: 23.5%;
margin-right: 2%
}
.archive-each-blog.media-item {
width: 0;
margin-right: 0
}
.archive-each-blog .each-blog-image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top
}
.archive-each-blog .each-blog-image {
float: left;
width: 100%;
overflow: hidden;
position: relative;
height: 240px
}
.archive-each-blog.media-item .each-blog-image {
height: 240px
}
.each-blog.media-item:nth-child(4n+1) {
clear: none
}
.page-template-page_operation_sector #about-sec-2 p {
min-height: 150px
}
.page-template-page_governance .fancybox-container .fancybox-content iframe {
width: 100%
}
.page-template-page_governance .fancybox-container .fancybox-content {
width: 100%;
max-width: 100%
}
figure.wp-block-table {
width: 100%;
margin-top: 20px;
float: left;
margin-bottom: 20px
}
figure.wp-block-table td,
figure.wp-block-table th {
border: 1px solid #f1f1f1;
padding: 10px 20px;
color: #0e0e0e
}
figure.wp-block-table td a {
color: #0e0e0e
}
body.archive #about-sec-1 {
padding-top: 50px
}
.archive-each-blog.media-item.sw-cat-fullwidth {
width: 100%;
background-color: #0d6eb6;
padding-left: 110px;
border-radius: 8px;
transition: 250ms ease-in-out;
position: relative
}
.sw-cat-fullwidth::before {
content: '';
float: left;
width: 19px;
height: 19px;
background-image: url(https://web.archive.org/web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/uploads/2020/09/ddi-plus-sign-white.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
left: 45px;
top: 45%;
transition: 250ms ease-in-out
}
.archive-each-blog.media-item.sw-cat-fullwidth:hover {
background-color: #1d4499
}
.archive-each-blog.media-item.sw-cat-fullwidth:hover::before {
-webkit-animation-name: rotate;
-webkit-animation-duration: .4s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
-moz-animation-name: rotate;
-moz-animation-duration: .4s;
-moz-animation-iteration-count: 1;
-moz-animation-timing-function: linear
}
.sw-cat-fullwidth.each-blog.media-item .each-blog-title {
border-bottom: 6px solid #f7f7f7;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
transition: 250ms ease-in-out;
padding: 40px 40px 40px 25px
}
.archive-each-blog.media-item.sw-cat-fullwidth:hover .each-blog-title {
border-bottom: 6px solid #1d4499
}
.sw-cat-fullwidth .each-blog-title h3 {
margin-bottom: 0
}
#about-sec-1 .sw-cat-fullwidth p.each-blog-title-main-title, #about-sec-1 .sw-cat-fullwidth .each-blog-title-main-title {
display: block;
color: #0a0a0a;
font-size: 21px;
line-height: 30px;
margin-top: 16px;
margin-bottom: 0
}
.archive-each-blog.media-item.sw-cat-fullwidth:hover p.each-blog-title-main-title {
text-decoration: underline
}
h3.each-blog-title-main-title {
display: block;
color: #0a0a0a;
font-size: 21px;
line-height: 30px;
margin-top: 16px;
margin-bottom: 0;
}
.sw-default-content-style h4.cat-title {
font-size: 16px;
line-height: 30px;
color: #0d6eb6;
text-transform: uppercase;
display: block;
margin-top: 8px;
padding: 0;
font-weight: 600
}
#about-sec-1 .cat-blog-post-excerpt {
display: block
}
#about-sec-1 .cat-blog-post-excerpt h1,
#about-sec-1 .cat-blog-post-excerpt h2,
#about-sec-1 .cat-blog-post-excerpt h3,
#about-sec-1 .cat-blog-post-excerpt h4,
#about-sec-1 .cat-blog-post-excerpt h5,
#about-sec-1 .cat-blog-post-excerpt h6,
#about-sec-1 .cat-blog-post-excerpt p {
color: #0a0a0a;
font-size: 16px;
line-height: 28px;
display: block;
margin-top: 25px;
font-weight: 400;
margin-bottom: 0;
letter-spacing: 1px
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0)
}
to {
-webkit-transform: rotate(180deg)
}
}
@-moz-keyframes rotate {
from {
-moz-transform: rotate(0)
}
to {
-moz-transform: rotate(180deg)
}
}
body.category-diabetes-videos .sw-col-4.archive-video-boxes,
body.category-medical-videos .sw-col-4.archive-video-boxes,
body.category-our-videos .sw-col-4.archive-video-boxes,
body.category-research-videos .sw-col-4.archive-video-boxes {
max-width: 50%;
flex: 0 0 50%;
padding-left: 0;
padding-right: 30px
}
body.category-diabetes-videos-ar .sw-col-4.archive-video-boxes,
body.category-medical-videos-ar .sw-col-4.archive-video-boxes,
body.category-our-videos-ar .sw-col-4.archive-video-boxes,
body.category-research-videos-ar .sw-col-4.archive-video-boxes {
max-width: 50%;
flex: 0 0 50%;
padding-right: 0;
padding-left: 30px
}
body.category-diabetes-videos .sw-col-4.archive-video-boxes:nth-child(2n),
body.category-medical-videos .sw-col-4.archive-video-boxes:nth-child(2n),
body.category-our-videos .sw-col-4.archive-video-boxes:nth-child(2n),
body.category-research-videos .sw-col-4.archive-video-boxes:nth-child(2n) {
padding-right: 0
}
body.category-diabetes-videos-ar .sw-col-4.archive-video-boxes:nth-child(2n),
body.category-medical-videos-ar .sw-col-4.archive-video-boxes:nth-child(2n),
body.category-our-videos-ar .sw-col-4.archive-video-boxes:nth-child(2n),
body.category-research-videos-ar .sw-col-4.archive-video-boxes:nth-child(2n) {
padding-left: 0
}
.sw-default-content-style.search-result #blog-navigation {
padding-left: 0 !important;
margin-top: 30px
}
#blog-navigation ul li {
background-image: none;
padding-left: 0;
margin-left: 0
} .wp-block-list a, .wp-block-paragraph a {
color: #127ec2;
}
@media(max-width:1600px) {
#about-sec-2,
#about-sec-5,
#about-sec-6 {
background-size: 100% 100% !important
}
#about-sec-2.medical-sector p,
.doc-details h4 {
margin: 20px 0 0
}
div#main-menu {
top: 220px
}
#about-sec-1,
#about-sec-4.medical-sector {
padding: 100px 0 75px
}
body.archive #about-sec-1 {
padding-bottom: 0
}
body.archive header,
body.page-template-default header,
body.page-template-templates header {
min-height: 560px;
background-size: 100% 100%
}
#about-sec-1 .image-right {
margin-top: -100px
}
#about-sec-2 p {
padding: 0 30px;
font-size: 16px;
line-height: 32px
}
#about-sec-2 .about-sec-2-btn {
font-size: 17px;
padding: 13px 60px
}
#about-sec-2,
#about-sec-2.governance-sec-1,
#about-sec-4.level-3d-sec-5 {
padding: 210px 0 190px
}
#about-sec-3 strong {
font-size: 80px
}
#about-sec-3 p {
font-size: 17px;
margin: 10px auto 0;
line-height: 28px
}
#about-sec-3 .hr-line {
margin: 110px 0 90px
}
.highlights .box {
min-height: 230px
}
#about-sec-3 {
padding: 110px 0 310px
}
#about-sec-4 .btn,
.sw-button-style .btn {
padding: 15px 60px;
font-size: 18px;
margin-top: 10px
}
#about-sec-4 .btn::after,
.sw-button-style .btn::after {
height: 25px;
width: 45px;
background-size: 100%;
top: 58%;
right: -30px
}
#about-sec-4 {
padding: 105px 0 58px
}
.doc-details h4 {
font-size: 32px
}
#about-sec-4 .doc-details p {
font-size: 21px
}
#about-sec-10 h3,
#about-sec-5 h3 {
font-size: 34px;
margin: 40px 0 0;
line-height: 45px
}
#about-sec-10 h3 {
margin-bottom: 20px
}
#about-sec-5 p {
margin-top: 25px
}
#about-sec-6 h3 {
font-size: 34px;
line-height: 45px
}
#about-sec-6 .content-left {
width: 49%
}
#about-sec-6 {
padding: 80px 0 220px
}
#about-sec-2.medical-sector.operation-sector h5 {
font-size: 25px
}
.governancePostContent h3 {
font-size: 24px;
line-height: 34px;
margin-bottom: 15px
}
.governance-sec-6 li {
font-size: 19px
}
#about-sec-6.governance-sec-4 {
padding: 195px 0 150px
}
section.governance-sec-6.level-3c-sec-5 {
padding: 80px 0 120px
}
#about-sec-4.level-3d-sec-5 .content-left {
padding-top: 170px
}
h3.blog-sub-title {
font-size: 38px
}
.operation-sector-section-3#about-sec-3 {
padding: 140px 0 250px
}
.operation-sector-section-5#about-sec-4 {
padding: 160px 0 230px
}
.doc-details .doc-details-content h4 {
font-size: 26px;
line-height: 32px;
margin-bottom: 10px;
}
#about-sec-2.medical-sector h4 {
font-size: 36px;
line-height: 52px;
margin-top: 45px;
padding: 0 30px;
}
h1.inner-page-title {
letter-spacing: -4px;
font-size: 52px;
letter-spacing: 0;
line-height: 72px;
}
.sw-default-content-style h2 { }
.each-blog-title h3,
.each-blog-title-style-2 h3 {
font-size: 21px;
line-height: 33px;
}
}
@media(max-width:1440px) {
#about-sec-2 p,
#about-sec-5 p {
margin-top: 20px;
}
#about-sec-1,
#about-sec-4.medical-sector {
padding: 70px 0 75px;
}
#about-sec-1 li,
#about-sec-1 p,
.sw-default-content-style li,
.sw-default-content-style p,
.sw-default-content-style td,
.sw-default-content-style th {
font-size: 18px;
line-height: 34px;
}
body.archive header,
body.error404 header,
body.page-template-default header,
body.page-template-templates header,
body.search-results header {
min-height: 540px
}
#about-sec-2 p {
padding: 0 20px
}
#about-sec-2 .about-sec-2-btn {
font-size: 16px;
padding: 11px 50px;
margin: 25px 0 40px
}
#about-sec-3 strong {
font-size: 70px
}
#about-sec-3 p {
max-width: 200px
}
#about-sec-3 .hr-line {
margin: 90px 0 70px
}
.highlights .icon {
background-size: 100px
}
#about-sec-3 {
padding: 110px 0 270px
}
#about-sec-4 .btn,
.sw-button-style .btn {
font-size: 16px
}
.doc-details h4 {
font-size: 30px
}
#about-sec-5 {
padding: 200px 0 180px
}
.image-left {
width: 43%
}
.content-right {
width: 52%
}
#about-sec-10 h3,
#about-sec-5 h3 {
font-size: 33px;
margin-top: 10px
}
#about-sec-6 h3 {
font-size: 33px;
margin: 10px 0 25px
}
.sw-formdesign h3 {
font-size: 44px
}
.sw-formdesign input[type=submit],
a.button.button-medical.button-center {
font-size: 16px;
padding: 15px 60px
}
#about-sec-2.medical-sector h4 {
font-size: 33px;
line-height: 45px;
padding: 0 20px
}
#medical-sector-slider h3 {
font-size: 33px;
line-height: 44px
}
#about-sec-2.medical-sector.operation-sector h5 {
font-size: 21px;
line-height: 36px;
margin-bottom: 50px
}
#about-sec-2.medical-sector.operation-sector {
padding: 235px 0 200px
}
#about-sec-2.sw-formdesign.sw-operation-register {
padding: 80px 0 200px
}
#about-sec-2.sw-formdesign.sw-operation-register h3 {
font-size: 34px;
margin-bottom: 40px
}
#about-sec-6.research-sector-1 {
padding: 80px 0
}
#about-sec-3.governance-sec-7 {
padding: 100px 0 180px
}
.governance-sec-6 {
padding: 190px 0 140px
}
.governance-sec-6 li {
font-size: 17px;
background-size: 15px;
padding-left: 40px;
background-position: left 11px;
line-height: 34px;
margin-bottom: 20px
}
section.governance-sec-5 {
padding: 90px 0 60px
}
.governancePostContent h3 {
font-size: 22px;
line-height: 32px;
margin-bottom: 10px
}
section.governance-sec-6.level-3d-sec-4 {
padding: 80px 0 190px
}
h3.blog-sub-title::after,
h3.blog-sub-title::before {
width: 28%;
height: 2px
}
.each-blog-title h3,
.each-blog-title-style-2 h3 {
font-size: 19px;
line-height: 30px;
margin-bottom: 10px
}
.blog-top-center .each-blog-title h3 {
font-size: 32px;
line-height: 50px
}
h3.blog-sub-title {
font-size: 28px;
margin-bottom: 50px
}
section#blog-top {
padding: 30px 0
}
#blog-second {
padding: 180px 0 120px
}
.each-blog-style-2 {
margin-bottom: 40px
}
section#blog-third {
padding: 50px 0 160px
}
.research-template-section-3#about-sec-3 {
text-align: center;
padding: 80px 0 180px
}
#about-sec-10 {
padding: 90px 0 255px
}
h1.inner-page-title {
font-size: 48px;
line-height: 120%;
}
}
@media(max-width:1366px) {
div#main-menu {
top: 180px
}
body.archive header,
body.error404 header,
body.page-template-default header,
body.page-template-templates header,
body.search-results header {
min-height: 490px
}
#about-sec-1 .image-right {
margin-top: -210px
}
#about-sec-1,
#about-sec-4.medical-sector {
padding: 50px 0 60px
}
#about-sec-2,
#about-sec-5,
#about-sec-6.governance-sec-4 {
padding: 180px 0 160px
}
#about-sec-3 strong {
font-size: 65px
}
#about-sec-6 {
padding: 80px 0 160px
}
#medical-sector-slider {
padding: 240px 0
}
#about-sec-2.medical-sector {
padding: 80px 0
}
#about-sec-6.operation-sector-1 {
padding: 80px 0 60px
}
#about-sec-2.medical-sector.operation-sector {
padding: 200px 0 160px
}
#about-sec-2.sw-formdesign.sw-operation-register {
padding: 60px 0 160px
}
#about-sec-6.research-sector-1 {
padding: 60px 0
}
#about-sec-2.governance-sec-1 {
padding: 180px 0 240px
}
#about-sec-4.governance-sec-2 {
padding: 130px 0 190px
}
#about-sec-5.governance-sec-3 {
background: 0 0;
padding: 80px 0
}
.sw-default-content-style h1 {
font-size: 36px
}
.sw-default-content-style h2 {
font-size: 26px
}
.sw-default-content-style h3 {
font-size: 21px
}
.each-blog-title h3,
.each-blog-title-style-2 h3 {
font-size: 19px
}
.sw-default-content-style h4 {
font-size: 18px
}
.sw-default-content-style h5 {
font-size: 17px
}
.sw-default-content-style h6 {
font-size: 16px
}
#about-sec-4.level-3d-sec-5 {
padding: 180px 0 170px
}
#about-sec-4.level-3d-sec-5 .content-left {
padding-top: 150px
}
.each-blog-title-style-2 {
min-height: 220px
}
.operation-sector-section-3 h3,
.research-template-section-3 h3 {
margin: 0 0 60px
}
.operation-sector-section-3#about-sec-3 {
padding: 110px 0 210px
}
.page-template-page_operation_sector #about-sec-2 p {
min-height: 110px
}
h1.inner-page-title {
font-size: 46px;
line-height: 120%;
}
}
@media(max-width:1199px) {
#about-sec-1 .image-right {
margin-top: -80px
}
h1.inner-page-title {
font-size: 44px;
}
body.archive header,
body.page-template-default header,
body.page-template-templates header {
min-height: 410px
}
#about-sec-10 h3,
#about-sec-5 h3,
#about-sec-6 h3 {
margin-top: -10px
}
.highlightsBoxContent {
padding-top: 30%
}
.highlightsBoxContent h5 {
font-size: 16px
}
h3.blog-sub-title {
font-size: 21px;
margin-bottom: 30px
}
.each-blog-title {
padding: 12px
}
.each-blog-title h3,
.each-blog-title-style-2 h3 {
font-size: 17px
}
.blog-top-center .each-blog-title h3 {
font-size: 24px;
line-height: 40px
}
.blog-top-center .each-blog-title {
padding: 35px 25px
}
.each-blog-image-style-2 {
width: 100%;
position: relative;
height: 300px
}
.each-blog-title-style-2 {
width: 100%
}
.operation-sector-section-5#about-sec-4 {
padding: 100px 0 150px
}
.operation-sector-section-5#about-sec-4 .image-right {
margin-top: -50px
}
.research-template-section-3#about-sec-3 {
padding: 60px 0 110px
}
.objectiveBox a {
font-size: 18px
}
.objectives .objectiveBox {
padding: 140px 40px 70px
}
#about-sec-2.medical-sector h4 {
font-size: 29px;
line-height: 42px
}
}
@media(max-width:1100px) {
#about-sec-3 strong {
font-size: 55px
}
#about-sec-4 {
padding: 65px 0 58px
}
#about-sec-4 .image-right {
margin-top: -200px
}
#about-sec-1 .image-right {
margin-top: -40px
}
.doc-details .doc-details-content h4 {
font-size: 21px;
line-height: 28px;
margin-bottom: 5px
}
.doc-details .doc-details-content h5 {
font-size: 16px;
line-height: 22px
}
.doc-details .doc-details-content p {
font-size: 14px;
line-height: 22px
}
.radiologists-section-1 .doc-details {
padding-bottom: 0;
margin-bottom: 40px
}
}
@media(max-width:1024px) {
#about-sec-2.governance-sec-1 {
padding: 180px 0 190px
}
#about-sec-4.governance-sec-2 {
padding: 90px 0 140px
}
#about-sec-4.level-3d-sec-5 .content-left {
padding-top: 30px
}
.sw-default-content-style h2 { }
.sw-single-post-content h1.text-center {
font-size: 40px;
line-height: 50px
}
#about-sec-1 .sw-cat-fullwidth p.each-blog-title-main-title, #about-sec-1 .sw-cat-fullwidth .each-blog-title-main-title {
font-size: 19px;
line-height: 28px
}
}
@media(max-width:1000px) {
#header-right {
width: 75%
}
.top-menu {
padding-left: 0
}
}
@media(max-width:991px) {
h1.inner-page-title {
font-size: 36px;
line-height: 46px;
letter-spacing: -1px;
margin-top: 50px
}
body.archive header,
body.page-template-default header,
body.page-template-templates header {
min-height: 340px
}
#about-sec-1 .image-right,
#about-sec-4 .image-right,
.operation-sector-section-5#about-sec-4 .image-right {
margin-top: 0
}
#about-sec-1,
#about-sec-4.medical-sector,
body.archive #about-sec-1 {
padding: 20px 0
}
#about-sec-2,
#about-sec-2.governance-sec-1 {
padding: 140px 0
}
#about-sec-2 .about-sec-2-btn {
font-size: 15px;
padding: 6px 40px;
margin: 20px 0 30px
}
.user-icon {
float: right
}
div#main-menu {
top: 140px
}
.highlights .box {
min-height: 180px
}
#about-sec-3 {
padding: 80px 0 120px
}
#about-sec-6 .image-right,
.image-left {
width: 100%;
text-align: center;
margin-bottom: 10px
}
#about-sec-6 .image-right img,
.image-left img {
width: 60%
}
#about-sec-4.level-3d-sec-5 .content-left,
#about-sec-6 .content-left,
.content-right {
width: 100%;
text-align: center
}
#about-sec-6 h3 {
font-size: 33px;
margin: 0 0 20px;
width: 100%;
max-width: 100%
}
.doc-details h4 {
font-size: 20px
}
#about-sec-4 .doc-details p {
font-size: 16px;
line-height: 20px
}
.sw-formdesign input[type=email],
.sw-formdesign input[type=text] {
padding: 14px 28px;
font-size: 15px;
margin-bottom: 15px
}
.sw-formdesign textarea {
font-size: 16px;
height: 120px;
padding: 15px 28px
}
.sw-formdesign h3 {
font-size: 34px;
margin-bottom: 30px
}
#about-sec-6.research-sector-1 .content-left,
.blog-top-left {
width: 100%
}
#about-sec-4.governance-sec-2 {
padding: 65px 0 140px
}
#about-sec-5.governance-sec-3 {
padding: 60px 0
}
#about-sec-6.governance-sec-4 {
padding: 180px 0 130px
}
.governancePost {
width: 100%;
margin-right: 0;
margin-bottom: 30px
}
section.governance-sec-5 {
padding: 60px 0 20px
}
#about-sec-3.governance-sec-7 {
padding: 60px 0 120px
}
#about-sec-4.level-3d-sec-5 .image-right {
margin: 0 auto;
float: none;
max-width: 60%;
width: 55%
}
#about-sec-4.level-3d-sec-5 .btn {
display: inline-block;
float: none
}
.each-blog:nth-child(2n),
.objectives .objectiveBox:nth-child(2n),
.radiologists-section-1 .doc-details:nth-child(2n) {
margin-right: 0
}
.each-blog {
width: 48%;
margin-right: 4%
}
.blog-top-center {
margin: 0;
height: auto !important;
width: 100%
}
.blog-top-center .each-blog {
width: 100%;
height: auto
}
.each-blog-title-style-2 {
padding: 25px;
min-height: 100px
}
.each-blog-style-2 {
margin-bottom: 30px
}
.each-blog-title {
padding: 20px
}
.operation-sector-section-2#about-sec-5 {
padding: 160px 0 150px
}
.operation-sector-section-3#about-sec-3 .col {
width: 19%
}
.operation-sector-section-5#about-sec-4 {
padding: 60px 0 100px
}
.objectives .objectiveBox {
width: 48%;
margin-right: 3%;
margin-bottom: 25px
}
.objectives .objectiveBox:nth-child(3n) {
margin-right: 3%
}
.research-template-section-3#about-sec-3 {
padding: 60px 0 170px
}
h3.blog-sub-title::after,
h3.blog-sub-title::before {
display: none
}
.operation-sector-section-5 h3 {
font-size: 33px;
margin: 0 0 10px;
max-width: 100%;
line-height: 42px
}
.governancePost.governancePostSingleItem {
text-align: center
}
.governancePost.governancePostSingleItem .governancePostImage {
width: 100%;
margin-bottom: 30px
}
.governancePost.governancePostSingleItem .governancePostContent {
width: 100%;
padding-left: 0
}
.ddi-reports-each {
padding: 20px 20px 50px
}
.ddi-reports-each a {
font-size: 15px;
line-height: 22px
}
.radiologists-section-1 .doc-details:nth-child(3n) {
margin-right: 5%
}
.radiologists-section-1 .doc-details:nth-child(3n+1) {
clear: none
}
.radiologists-section-1 .doc-details {
width: 47.5%;
margin-right: 5%
}
section.radiologists-section-1 {
padding: 40px 0 70px
}
#about-sec-2.medical-sector h4 {
font-size: 21px;
line-height: 33px
}
.each-blog-title h3,
.each-blog-title-style-2 h3 {
font-size: 19px
}
body.category-diabetes-videos .sw-col-4.archive-video-boxes,
body.category-diabetes-videos-ar .sw-col-4.archive-video-boxes,
body.category-medical-videos .sw-col-4.archive-video-boxes,
body.category-medical-videos-ar .sw-col-4.archive-video-boxes,
body.category-our-videos .sw-col-4.archive-video-boxes,
body.category-our-videos-ar .sw-col-4.archive-video-boxes,
body.category-research-videos .sw-col-4.archive-video-boxes,
body.category-research-videos-ar .sw-col-4.archive-video-boxes {
max-width: 100%;
flex: 0 0 100%;
padding: 0
}
.archive-each-blog.media-item .each-blog-image {
height: 300px
}
}
@media(max-width:767px) {
.top-menu {
display: none
}
.menu-top-mobile {
display: block
}
.menu-overlay .menu-top-mobile ul {
width: 100%;
margin-top: 20px;
padding: 20px 30px 0;
border-top: 1px solid #f3f3f3
}
.menu-overlay .menu-top-mobile ul li {
opacity: 1;
margin-bottom: 0;
text-align: left
}
.menu-overlay ul li a {
font-size: 16px;
color: #222;
line-height: 38px;
padding: 0
}
#header-right {
width: auto
}
.page-id-27 #about-sec-2.medical-sector h4 {
font-size: 18px;
line-height: 22px;
padding: 0 5px
}
section.radiologists-section-1 {
padding: 40px 0 20px
}
}
@media(max-width:600px) {
.archive-each-blog.media-item.sw-cat-fullwidth {
background-color: transparent;
padding-left: 0;
border-radius: 6px
}
.sw-cat-fullwidth.each-blog.media-item .each-blog-title {
border-radius: 6px;
padding: 40px 40px 50px 25px
}
.sw-cat-fullwidth::before {
display: none
}
.sw-cat-fullwidth::after {
content: '';
float: left;
width: 47px;
height: 46px;
background-image: url(https://web.archive.org/web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/uploads/2020/09/ddi-plus-sign-white.png);
background-position: center;
background-repeat: no-repeat;
background-size: auto;
position: absolute;
right: 0;
bottom: 0;
background-color: #0d6eb6;
border-bottom-right-radius: 6px;
transition: 250ms ease-in-out
}
.archive-each-blog.media-item.sw-cat-fullwidth:hover::after {
background-color: #1d4499
}
}
@media(max-width:586px) {
#about-sec-2,
#about-sec-5,
.page-template-page_operation_sector #about-sec-2.medical-sector.operation-sector,
.page-template-page_research_sector section#about-sec-5,
section#about-sec-5.medical-sector-7 {
background-size: cover !important;
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/about-sec-2-bg-mob.jpg)
}
#about-sec-2.medical-sector,
#about-sec-4,
#about-sec-5.governance-sec-3,
#about-sec-6,
.operation-sector-section-2#about-sec-5,
.page-template-page_about #about-sec-3,
section#blog-top,
section#section-contact-us,
section.governance-sec-6.level-3d-sec-4 {
padding: 40px 0
}
h1.inner-page-title {
font-size: 34px;
line-height: 44px;
margin-top: 40px
}
body.archive header,
body.error404 header,
body.page-template-default header,
body.page-template-templates header,
body.search-results header {
min-height: 270px
}
#about-sec-1 .content-left,
.content-left {
width: 100%;
text-align: center
}
#about-sec-1 .image-right,
.governancePostImage {
width: 100%;
text-align: center;
margin-bottom: 20px
}
#about-sec-2 .col,
#about-sec-6 .image-right img,
.image-left img,
.operation-sector-section-3#about-sec-3 .col {
width: 100%
}
#about-sec-2 .col.col-2 {
margin: 20px 0
}
#about-sec-2,
#about-sec-5 {
padding: 40px 0
}
#about-sec-3 .col {
width: 50%;
text-align: center;
margin-bottom: 30px
}
#about-sec-3 .col.col-2,
#about-sec-3 .col.col-3 {
margin: 0 0 30px
}
#about-sec-3 .hr-line {
margin: 50px 0 40px
}
.highlights .icon {
background-size: 80px
}
#about-sec-3 {
padding: 80px 0 40px;
background: 0 0;
border-bottom: 1px solid #f3f3f3
}
#about-sec-4 .btn,
.sw-button-style .btn {
float: none;
padding: 14px 60px;
line-height: 24px
}
#about-sec-4 .image-right {
margin-bottom: 30px;
width: 100%
}
#about-sec-10 h3,
#about-sec-5 h3,
#about-sec-6 h3 {
font-size: 26px;
margin-top: 10px;
line-height: 34px
}
.page-id-28 #about-sec-5 h3 {
margin-top: 10px
}
#about-sec-6 {
background: no-repeat;
border-bottom: 1px solid #f7f7f7
}
#about-sec-2.medical-sector h4 {
font-size: 26px;
line-height: 34px
}
.highlights .box {
margin: 0 .5% 10px !important;
width: 49%
}
.highlightsBoxContent {
padding-top: 35%
}
.sw-formdesign input[type=email],
.sw-formdesign input[type=text] {
padding: 10px 20px;
margin-bottom: 10px;
width: 100%
}
.sw-formdesign textarea {
height: 100px;
padding: 10px 20px;
width: 100%
}
.sw-formdesign h3 {
font-size: 26px;
margin-bottom: 15px
}
#medical-sector-slider h3,
.blog-top-center .each-blog-title h3,
.sw-default-content-style h3 {
font-size: 21px;
line-height: 34px
}
#medical-sector-slider .owl-theme .owl-controls .owl-buttons div {
height: 24px;
width: 30px;
overflow: hidden
}
#medical-sector-slider .owl-theme .owl-controls .owl-buttons .owl-next::after,
#medical-sector-slider .owl-theme .owl-controls .owl-buttons .owl-prev::after {
background-position: top center;
margin-top: 0;
height: 24px
}
#medical-sector-slider {
padding: 80px 0 100px;
margin-top: 0
}
#about-sec-6.medical-sector-2 {
background: 0 0;
padding-bottom: 20px
}
#about-sec-6.operation-sector-1 {
background: 0 0;
padding: 40px 0
}
#about-sec-2.medical-sector.operation-sector {
padding: 40px 0 10px;
background: #166eaf !important
}
#about-sec-2.medical-sector.operation-sector h5 {
width: 100%;
max-width: 100%;
font-size: 18px;
line-height: 34px;
margin-bottom: 30px
}
#about-sec-2.sw-formdesign.sw-operation-register,
.operation-sector-section-3#about-sec-3 {
padding: 40px 0;
background: 0 0
}
#about-sec-6.research-sector-1,
.page-template-page_medical_sector #about-sec-5,
section.governance-sec-5 {
padding: 40px 0 20px
}
#about-sec-2.sw-formdesign.sw-operation-register h3 {
font-size: 26px;
margin-bottom: 20px
}
#about-sec-2.governance-sec-1 {
padding: 40px 0;
background-size: cover !important
}
#about-sec-4.governance-sec-2 {
padding: 40px 0;
background: #cdedf8
}
#about-sec-6.governance-sec-4,
.governance-sec-6 {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/about-sec-2-bg-mob.jpg);
padding: 40px 0 20px
}
.governancePostContent {
width: 100%;
padding-left: 0;
text-align: center
}
.governance-sec-6 li {
font-size: 16px
}
#about-sec-3.governance-sec-7 {
padding: 80px 0 40px;
background: #fff
}
.sw-default-content-style h1 {
font-size: 28px;
line-height: 34px
}
.sw-default-content-style h2 {
font-size: 26px;
line-height: 34px;
margin-top: 20px
}
.sw-default-content-style h4 {
font-size: 18px;
line-height: 32px
}
.sw-default-content-style h5 {
font-size: 17px;
line-height: 22px
}
.sw-default-content-style h6 {
font-size: 15px;
line-height: 22px
}
section.governance-sec-6.level-3c-sec-5 {
padding: 40px 0 50px;
background-size: cover !important;
background-position: left top !important
}
#about-sec-4.level-3d-sec-5 {
margin-top: 0;
padding: 40px 0;
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/about-sec-2-bg-mob.jpg)
}
#about-sec-4.level-3d-sec-5 .image-right {
max-width: 100%;
width: 100%
}
#blog-second {
background: #166eaf !important;
padding: 40px 0
}
h3.blog-sub-title::after,
h3.blog-sub-title::before {
width: 50%;
bottom: 0;
top: auto;
left: 0;
right: 0;
margin: 0 auto;
height: 2px;
display: none
}
h3.blog-sub-title {
font-size: 19px;
margin-bottom: 30px;
line-height: 38px
}
section#blog-third {
padding: 40px 0 60px
}
.each-blog {
width: 100%;
margin-right: 0;
margin-bottom: 30px
}
a.simple-link,
section#about-sec-5.medical-sector-6,
section#about-sec-5.medical-sector-7 {
margin-top: 0
}
.each-blog-style-2 {
margin-bottom: 30px;
margin-right: 0;
width: 100%
}
.blog-top-center .each-blog-title {
padding: 20px
}
.operation-sector-section-1#about-sec-1 .content-left {
margin-top: -60px
}
.operation-sector-section-3 h3,
.research-template-section-3 h3 {
font-size: 26px;
margin-top: 10px;
line-height: 34px;
margin-bottom: 20px
}
.operation-sector-section-3#about-sec-3 .col .timer {
line-height: 55px
}
.operation-sector-section-3#about-sec-3 .col p,
.page-template-page_operation_sector #about-sec-2 p {
min-height: 10px
}
.operation-sector-section-5#about-sec-4 {
padding: 40px 0;
background: 0 0;
border-bottom: 1px solid #f1f1f1
}
.research-template-section-2#about-sec-2 .col,
.sw-default-content-style ol,
.sw-default-content-style ul {
float: left;
width: 100%
}
.research-template-section-3#about-sec-3 {
padding: 40px 0 30px
}
.objectives .objectiveBox {
width: 100%;
margin-right: 0 !important;
height: auto !important;
margin-bottom: 10px
}
.operation-sector-section-2#about-sec-5 {
background-image: url(//www.dasmaninstitute.org/ar//web/20251006030937im_/https://www.dasmaninstitute.org/wp-content/themes/ddi/about/images/about-sec-2-bg-mob.jpg);
background-size: cover !important
}
#about-sec-1 li,
#about-sec-1 p,
.sw-default-content-style li,
.sw-default-content-style p,
.sw-default-content-style td,
.sw-default-content-style th {
font-size: 16px;
line-height: 32px
}
.wp-block-image .alignleft,
.wp-block-image .alignright {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
text-align: center
}
.operation-sector-section-5 h3 {
font-size: 26px;
margin: 0 0 10px;
line-height: 34px
}
a.button.button-medical.button-center.whitening-button {
margin-top: 10px;
margin-bottom: 20px
}
.governancePost.governancePostSingleItem {
margin-left: 0;
width: 100%
}
.governance-sec-6-v2 h3 {
font-size: 26px;
line-height: 34px;
margin-bottom: 20px
}
.ddi-reports-each {
padding: 0 20px 20px;
width: 48%
}
.radiologists-section-1 .doc-details {
width: 100%;
margin-right: 0 !important;
margin-bottom: 30px
}
#about-sec-1 li {
text-align: left
}
#about-sec-10 {
background: no-repeat #fff;
padding: 40px 0 20px;
border-bottom: 1px solid #f1f1f1
}
.each-blog-title h3,
.each-blog-title-style-2 h3 {
font-size: 19px;
line-height: 30px
}
.each-blog-title,
.sw-fix-height {
height: auto !important
}
.ddi-reports-each.ddi-reports-each-mob {
display: block
}
.ddi-reports-each.ddi-reports-each-desk {
display: none
}
}
@media only screen and (max-width:480px) {
div#main-menu {
top: 70px
}
.sw-default-content-style h2 {
font-size: 35px
}
.sw-single-post-content h1.text-center {
font-size: 32px;
line-height: 40px
}
}
@media(max-width:400px) {
body.archive header,
body.page-template-default header,
body.page-template-templates header {
min-height: 350px;
background-size: cover
}
h1.inner-page-title {
font-size: 32px;
line-height: 38px
}
}
@media(max-width:375px) {
.sw-single-post-content h1.text-center {
font-size: 28px;
line-height: 38px
}
}
@media only screen and (max-width:760px),
(min-device-width:768px) and (max-device-width:1024px) {
.page-id-27662 table,
.page-id-27662 tbody,
.page-id-27662 td,
.page-id-27662 th,
.page-id-27662 thead,
.page-id-27662 tr {
display: block
}
.page-id-27662 thead tr {
position: absolute;
top: -9999px;
left: -9999px
}
.page-id-27662 tr {
border: 1px solid #ccc
}
.page-id-27662 figure.wp-block-table td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%
}
.page-id-27662 td::before {
position: absolute;
top: 10px;
left: 20px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
font-weight: 700
}
.page-id-27662 tr:first-child {
display: none
}
.page-id-27662 figure.wp-block-table {
overflow: hidden
}
.page-id-27662 td:first-of-type:before {
content: "Reference No."
}
.page-id-27662 td:nth-of-type(2):before {
content: "Title"
}
.page-id-27662 td:nth-of-type(3):before {
content: "Opening Date"
}
.page-id-27662 td:nth-of-type(4):before {
content: "Submission Date"
}
.page-id-27662 td:nth-of-type(5):before {
content: "Contract Award"
}
}