/*
  Theme Name: Sun Graphics
  Author: NetGain SEO
  Author URI: https://netgain.agency/
  Description: Wordpress theme for MD Marine. Use of this theme outside of this company's website is strictly prohibited.
  Template: ion
  Text Domain: sungraphics
*/

:root {

    /* GENERAL SETTINGS */
    --font: "Open Sans", sans-serif;
    --heading: var(--font);
    --spacing: clamp(50px, 3.90625vw, 75px);
    --radius: 10px;
    --transition: all 0.3s;
    --transitionSlow: all 0.6s ease;
    --transitionFast: all 0.15s;

    /* FONT SIZING & LINE HEIGHTS */
    --mainFontSize: 18px;
    --smallFontSize: 16px;
    --mediumFontSize: 22px;
    --h1FontSize: 40px;
    --h2FontSize: 32px;
    --h3FontSize: 27px;
    --h4FontSize: 22px;
    --lineHeight: 1.44;
    --lineHeightSm: 1.25;
    --lineHeightLg: 2;
    --headingLineHeight: 1.25;

    /* THEME COLORS */
    --yellow: #FFE600;
    --blue: #00ACEC;
    --light: #F2F2F2;
    --dark: #000000;
    --pink: #C90188;

    --text: #000000;
    --primary: var(--pink);
    --secondary: var(--blue);

    /* BUTTONS */
    --buttonPaddingTop: 12px;
    --buttonPaddingBottom: var(--buttonPaddingTop);
    --buttonPaddingLeft: 37px;
    --buttonPaddingRight: var(--buttonPaddingLeft);
    --buttonCasing: none;
    --buttonRadius: 10px;
    --buttonFontSize: 16px;
    --buttonWeight: 400;
    --buttonFont: var(--font);
    --buttonTextColour: #fff;
    --buttonLetterSpacing: 0px;
    --buttonBorderWidth: 1px;
    --buttonBackgroundPrimary: var(--primary);
    --buttonBackgroundSecondary: var(--secondary);
    --buttonBackgroundGhost: transparent;
    --buttonHoverBackgroundColour: var(--dark);
    --buttonHoverFontColour: var(--buttonTextColour);
    --buttonDarkHoverBackgroundColour: #fff;
    --buttonDarkHoverFontColour: #000;

    /* FORM FIELDS */
    --formFieldBorder: var(--light);
    --formFieldPaddingTop: clamp(10px, 0.78125vw, 15px);
    --formFieldPaddingBottom: var(--formFieldPaddingTop);
    --formFieldPaddingLeft: clamp(15px, 1.0416666666666667vw, 20px);
    --formFieldPaddingRight: var(--formFieldPaddingLeft);
    --formFieldRadius: 12px;

    /* HEADER DEV */
    --headerAdjustment: 0px;

    --containerAbove1600: 1150px;
    --containerAbove1368: 1150px;

}

.logo-text > .e-con-inner {
    height: clamp(88px, 10.520833333333334vw, 202px)!important;
}

.logo-text .e-con-inner .elementor-element p{
    color: var(--light);
    font-size: var(--mediumFontSize);
}
.logo-text .e-con-inner .elementor-element p strong, .logo-text .e-con-inner .elementor-element p a{
    color: var( --yellow);
}
.logo-text .e-con-inner .elementor-element p strong{
    display: block;
    font-size: calc(var(--h2FontSize) - 2px);
}
.pg-section.content-form{
    padding-top: 32px;
}

.elementor-element .elementor-element .elementor-element .elementor-element .elementor-element .attachment-large.size-large.wp-image-83 {
    border-radius: 8px;
}

.content-form.e-con > .e-con-inner {
    gap: 0 13.5px !important;
}

.content-form .e-con-inner > .elementor-element:first-child > .elementor-element:first-child {
    gap: 13.8px;
    margin-bottom: 13.5px;
}

.content-form .elementor-element.elementor-element-d2c5ddc.elementor-widget.elementor-widget-text-editor {
    margin-left: 28.6px;
    margin-right: 40.8px;
}

.content-form .e-con-inner > .elementor-element:first-child > .elementor-element:first-child >.elementor-element:first-child  {
    border-radius: 8px;
}

.content-form .e-con-inner > .elementor-element:first-child > .elementor-element:first-child >.elementor-element:first-child .elementor-widget-text-editor h2 {
    line-height: 1.31;

}
.content-form .e-con-inner > .elementor-element:first-child > .elementor-element:first-child >.elementor-element:first-child .elementor-widget-text-editor p {
    margin-top: 15.7px;
    font-size: calc(var(--mainFontSize) + 2px);
    max-width: 295px;
    object-fit: cover;
}

.content-form .e-con-inner > .elementor-element:first-child > .elementor-element:last-child {
    gap: 17.8px;
}
.content-form .e-con-inner > .elementor-element:first-child > .elementor-element:last-child > .elementor-element, .content-form .e-con-inner > .elementor-element:first-child > .elementor-element:last-child > .elementor-element img {
    border-radius: 8px;
}

.content-form .elementor-element.elementor-element-00a96c1.elementor-widget.elementor-widget-text-editor {
    margin-left: 30px;
    margin-top: 41px;
    margin-bottom: 31.3px;
}
.content-form .elementor-element.elementor-element-00a96c1.elementor-widget.elementor-widget-text-editor h2 {
    color: var(--yellow);
    line-height: 1.3125
}

.content-form .elementor-element.elementor-element-00a96c1.elementor-widget.elementor-widget-text-editor p {
    color: var(--light);
    margin-top: 20px;
    max-width: 284px;
}

.content-form .elementor-element.elementor-element-ea1f760.e-con-full.e-flex.e-con.e-child {
    padding: 43px 36px;
}

.content-form .elementor-element.elementor-element-ea1f760.e-con-full.e-flex.e-con.e-child .captcha-note {
    padding: 43px 36px;
}
.content-form .elementor-element.elementor-element-f1a0567.elementor-widget.elementor-widget-text-editor {
    padding-bottom: 24px;
    color: var(--light);
}

.content-form .elementor-element.elementor-element-f1a0567.elementor-widget.elementor-widget-text-editor h3{
    line-height: 1.29;
    margin-bottom: 16px;
}
.content-form .elementor-element.elementor-element-f1a0567.elementor-widget.elementor-widget-text-editor p{
    font-size: var(--mediumFontSize);
    max-width: 340px;
    text-align: center;
    margin: auto;
}
.content-form .captcha-note{
    margin: 0!important;
    padding: 0!important;
}
.content-form .captcha-note p, .content-form .captcha-note p a{
    color: var(--light);
}

.content-form #form-field-message {
    resize: none;
    height: 93px;
}

.elementor-13 .elementor-element.elementor-element-37c86c9 .elementor-button[type="submit"] {
    color: #ffffff;
    margin-top: 23.5px;
}

.elementor-form .elementor-field:not(.elementor-form .elementor-field.elementor-select-wrapper, .elementor-form .elementor-field.elementor-acceptance-field), .elementor-field-group .elementor-select-wrapper select {
    color: #666666;
    font-size: 16px!important;
}

h2{
    line-height: 1.31;
}


.pg-section.explore-featured {
    padding-top: 86px;
}

.feature-section-blue{
    background: var(--blue);
}
.feature-section-pink{
    background: var(--pink);
}
.feature-section-yellow{
    background: var(--yellow);
}

.feature-section-blue elementor-widget-text-editor h2{
    color: red;
}
.feature-section-blue .elementor-widget.elementor-widget-text-editor, .feature-section-pink .elementor-widget.elementor-widget-text-editor {
    color: var(--light);
}
.feature-section-blue .elementor-widget.elementor-widget-text-editor, .feature-section-pink .elementor-widget.elementor-widget-text-editor a {
    color: var(--light);
}

.feature-section .elementor-widget.elementor-widget-text-editor h2{
    margin-bottom: 11px;
    /*margin-top:20px*/
}

.feature-section .elementor-widget.elementor-widget-text-editor h2 + p{
    margin-bottom: 14px;
}

.feature-section .elementor-widget.elementor-widget-text-editor p strong{
    font-size: calc(var(--mediumFontSize) + 1px);
    font-weight: 600;
    line-height: 1.43;
}
.feature-section.feature-section-blue .elementor-widget.elementor-widget-text-editor p{
    max-width: 365px;
}

.feature-section-yellow > .e-con-inner > .elementor-element:first-child .elementor-widget.elementor-widget-text-editor p{
    max-width: 395px;
}

.feature-section > .e-con-inner > .elementor-element:first-child .elementor-button{
    margin-top: 22px
}

.feature-section > .e-con-inner > .elementor-element:first-child > .elementor-element:last-child{
    /*margin-top: 30px;*/
}

.feature-section > .e-con-inner > .elementor-element:first-child > .elementor-element:last-child img{
    width: 100%;
    border-radius: 8px;
    height: 100%;
    object-fit: cover;
}
.feature-section > .e-con-inner >  .elementor-element:last-child {
    display: flex;
    column-gap: 18.3px;
    row-gap: 20px;
    flex-wrap: wrap;
}

.feature-section > .e-con-inner >  .elementor-element:last-child > .e-child {

    width: calc((100% - 18.3px)/2);

    background: var(--light);
}


.feature-section .elementor-widget-image-box .elementor-image-box-img img {
    width: 100%;
}

.feature-section .elementor-widget-image-box {
    height: 100%;
}

.feature-section .elementor-widget-image-box .elementor-image-box-content{
    padding: 19px 24px;
}

.feature-section .elementor-widget-image-box .elementor-image-box-content .elementor-image-box-title {
    color: var(--blue);
    margin-bottom: 8px;
    font-size: calc(var(--mediumFontSize) + 1px);
}

.feature-section .elementor-widget-image-box .elementor-image-box-content .elementor-image-box-description {
    max-width: 270px;
}

.feature-section .elementor-element.e-con-full.e-flex.e-con.e-child {
    border-radius: 8px;
}

.feature-section .elementor-widget-image-box .elementor-image-box-img img {
    border-radius: 8px 8px 0 0;
}
.feature-section-pink > .e-con-inner > .elementor-element .elementor-widget-text-editor p em{
    font-style: normal;
    font-weight: 600;
    line-height: calc(26/18);
}

.feature-section.feature-section-yellow > .e-con-inner >  .elementor-element:last-child > .e-child:last-child{
    width: 100%;
    padding: 30px 20px 40px 20px;
}

.feature-section.feature-section-yellow > .e-con-inner > .elementor-element:last-child > .e-child:last-child h3{
    color: var(--blue);
    font-size: calc(var(--mediumFontSize) + 1px);
    line-height: calc(42/23);
}

.feature-section.feature-section-yellow > .e-con-inner >  .elementor-element:last-child > .e-child:last-child p {
    margin-bottom: 0;
}
.feature-section.feature-section-yellow > .e-con-inner >  .elementor-element:last-child > .e-child:last-child h3 + p {
    margin-top: 16px;
    margin-bottom: 33px;
}
.feature-section.feature-section-yellow > .e-con-inner >  .elementor-element:last-child > .e-child:last-child p strong{
    color: var(--pink);
    font-weight: 700;
}
.feature-section.e-con > .e-con-inner {
    gap: 0 18.6px !important;
}


.pg-section.feature-section.feature-section-blue{
    padding-top: 65px;
    padding-bottom: 80px;
}


.pg-section.feature-section.feature-section-pink{
    padding-top: 61px;
    padding-bottom: 83px;
}

.pg-section.feature-section.feature-section-yellow{
    padding-top: 64px;
    padding-bottom: 81.5px;
}

.feature-section .elementor-image-box-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.feature-section .elementor-image-box-img{
    height: 156px;
    overflow: hidden;
}


#why-choose{
    padding-top: 70px;
}

#why-choose .elementor-element.elementor-element-01930d0.e-con-full.content-left.e-flex.e-con.e-child {
    background-color: #F2F2F2;
    border-radius: 8px;
    padding: 62px 40px;
}


#why-choose .elementor-element.elementor-element-01930d0.e-con-full.content-left.e-flex.e-con.e-child h2 {
    line-height: calc(42/32);
    margin-bottom: 18px;
}

#why-choose .elementor-element.elementor-element-01930d0.e-con-full.content-left.e-flex.e-con.e-child h2 + p{
    font-size: 22;
    line-height: calc(26/22);
    font-weight: 600;
}

#why-choose .elementor-element.elementor-element-01930d0.e-con-full.content-left.e-flex.e-con.e-child ul {
    padding-left: 10px;
    margin-bottom: 70px;
    margin-left: 8px;
}

#why-choose .elementor-element.elementor-element-01930d0.e-con-full.content-left.e-flex.e-con.e-child ul li{
    margin: 0;
    margin-bottom: 8px;
}

#why-choose .elementor-element.elementor-element-01930d0.e-con-full.content-left.e-flex.e-con.e-child h3{
    line-height: calc(42/27);
}
#why-choose .elementor-element.elementor-element-01930d0.e-con-full.content-left.e-flex.e-con.e-child h4{
    font-weight: 600;
    font-size: var(--mediumFontSize);
    line-height: calc(26/22);
    margin-bottom: 15px;
    margin-top: 8px;
}
#why-choose .attachment-large.size-large.wp-image-42 {
    width: 100%;
    border-radius: 10px;
    object-fit: cover;
}


#what-client-think{
    padding-top: 93px;
}
#what-client-think h2 {
    margin-bottom: 48px;
}
.elementor-main-swiper.swiper.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-backface-hidden {
    margin-top: 45px;
}
.swiper .swiper-slide{
    background-color: #00ACEC;
    border-radius: 8px;
    color: var(--light);
    padding: 122px 34px 54px 34px!important;
}

.swiper .swiper-slide .elementor-testimonial {
    height: 100%;
}
.elementor-testimonial--align-center .elementor-testimonial {
    display: flex;
    flex-direction: column;
    justify-content: space-between!important;
}

.elementor-widget-testimonial-carousel .elementor-testimonial__text{
    font-size: calc(var(--mainFontSize) + 2px)!important;;
    font-style: italic!important;;
    line-height: calc(32/20)!important;
    text-align: left;
}


.swiper .swiper-slide .elementor-testimonial__footer cite, .elementor-testimonial__header cite {
    font-size: var(--mainFontSize);
    line-height: calc(26/18);
}
.elementor-testimonial--align-center.elementor-testimonial--layout-image_inline .elementor-testimonial__footer {
    justify-content: start!important;
}


#cta .elementor-element.elementor-element-2462518.e-con-full.content-left.e-flex.e-con.e-child {
    padding: 54px 40px 30px 40px;
    background-color: #F2F2F2;
    margin-bottom: 13.5px;
    border-radius: 8px;
}

#cta .elementor-element.elementor-element-2462518.e-con-full.content-left.e-flex.e-con.e-child > .elementor-element > p{
    font-size: var(--mediumFontSize);
    font-weight: 600;
    line-height: calc(32/22);
    max-width: 506px;
    margin: 25px auto 34px 0;
}

#cta .elementor-element.elementor-element-2462518.e-con-full.content-left.e-flex.e-con.e-child > .elementor-element:last-child > .elementor-element{
    align-self: center;
    margin-bottom: 17.5px;
}

#cta .elementor-element.elementor-element-2462518.e-con-full.content-left.e-flex.e-con.e-child > .elementor-element:last-child > .elementor-element p{
    font-size: var(--mediumFontSize);
    line-height: calc(40/22);
    color: var(--pink);
}
#cta.e-con > .e-con-inner {
    gap: 0 16.5px !important;
}
#why-choose.e-con > .e-con-inner {
    gap: 0 20px !important;
}


#arrow-container{
    position: relative;
}

#arrow-container::before {
    content: ""; /* required to display the pseudo-element */
    position: absolute;
    top: 6.5%;
    left: 83%;
    width: clamp(26.666666666666668px, 2.0833333333333335vw, 40px);   /* adjust to your icon size */
    height: clamp(25.333333333333332px, 1.9791666666666667vw, 38px);
    background-image: url('/wp-content/uploads/2025/10/Group-57.svg'); /* or .png */
    background-size: contain;  /* scale properly */
    background-repeat: no-repeat;
}

.swiper-slide{
    position: relative;
}

.swiper-slide::before {
    content: ""; /* required to display the pseudo-element */
    position: absolute;
    top: 15.9%;
    left: 9.52%;
    width: clamp(125.33333333333333px, 9.791666666666666vw, 188px);   /* adjust to your icon size */
    height: clamp(21.333333333333332px, 1.6666666666666667vw, 32px);
    background-image: url('/wp-content/uploads/2025/10/Group-17.svg'); /* or .png */
    background-size: contain;  /* scale properly */
    background-repeat: no-repeat;
}

#testimony .elementor-widget-reviews .elementor-main-swiper, .elementor-widget-testimonial-carousel .elementor-main-swiper {
    width: 100%!important;;
}

#cta{
    padding-top: 21px;
    padding-bottom: 61.6px;
}


.feature-section > .e-con-inner > .elementor-element:first-child > .elementor-element{
    height: calc(50% - 10px);
}

.feature-section > .e-con-inner > .elementor-element:first-child{
    gap: 20px!important;
}


.feature-section > .e-con-inner > .elementor-element:first-child > .elementor-element:last-child .elementor-element{
    height: 100%;
    object-fit: cover;
}