/* Typography */


/* End typography */

:root{
	--white: #ffffff;
	--black: #000000;
    --Deep_Cove: #050A30;
    --accent-color: #088FFA;
    --Navy_Blue: #000C66;
    --yellow: #FFD53D;
    --deep_yellow: #E3B331;
    --Link_Water: #DFEBF6;
    --Spindle: #BFD7ED;

    --Space_Grotesk: "Space Grotesk", serif;
    --DM_Sans: "DM Sans", serif;

}
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

html { overflow-x: hidden; }

body { background-color: var(--white); color: var(--Navy_Blue); overflow: hidden; font-family: var(--DM_Sans); font-size: 18px; font-weight: 400; line-height: normal;}

ul{list-style: none;}

a{text-decoration: none; display: inline;}

img{max-width: 100%; font-style: italic;}

.main-wrap{min-height: 100%; overflow: hidden; position: relative; overflow-x: hidden;}

header, section, main, footer {width: 100%; display: flex; align-items: center; justify-content: center;  flex-flow: column; position: relative;}

.wrapper{width: 100%; max-width: 1366px; padding-inline: 20px;}
/* Global style */
h1, h2, h3, h4, h5, h6{color: var(--Navy_Blue); font-family: var(--Space_Grotesk); font-weight: 700; line-height: 1.1;}
.h1{font-size: 52px; font-weight: 600; letter-spacing: -1.7px;}
h2{font-size: 48px; font-weight: 700; letter-spacing: -0.1px;}

h4{font-size: 26px; font-weight: 600; letter-spacing: -0.8px;}
h5{font-size: 24px; font-weight: 600; letter-spacing: -0.8px;}
h6{font-size: 20px; font-weight: 700;}


span.subtitle{color: var(--Navy_Blue); font-family: var(--DM_Sans); font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}

span, em, dfn{display: inline-block;}

p{color: var(--Deep_Cove);}
.lead-text{font-size: 20px;}
.small-text{font-size: 16px;}

dfn, address, em{font-style: normal;}
label, input[type="submit"]{cursor: pointer;}
button:focus{outline: none;}
.btn{-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; text-align: center; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 18px 25px 18px 25px; font-family: var(--Space_Grotesk); font-size: 18px; font-weight: 500; cursor: pointer;}
.btn img{width: 16px;}
.btn.btn-white{background-color: var(--white); color: var(--Navy_Blue);}
.btn.btn-white:hover{background-color: var(--Navy_Blue); color: var(--white);}
.btn.btn-dark{background-color: var(--Navy_Blue); color: var(--white);}
.btn.btn-dark:hover{background-color: var(--Spindle); color: var(--Navy_Blue);}
.btn.btn-yellow{background-color: var(--yellow); color: var(--Navy_Blue);}
.btn.btn-yellow:hover{background-color: var(--deep_yellow);}


.mobi{display: none;}
.desk{display: block;}

/* Flex style */

.flex{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap;}
/* End Flex style */

/* Start Header Style */
.main-header-section{position: absolute; top: 0; left: 0; background-color: transparent; padding: 27px 0;}
.main-header-section .wrapper{max-width: 1610px;}
.header-inner{width: 100%; position: relative; z-index: 1; display: flex; flex-flow: row wrap; align-items: center;}
.logo-wrap{width: 160px; display: flex; align-items: center; justify-content: center;}
.logo-wrap a{width: 100%; display: flex;}
.logo-wrap a img{width: 100%;}

.nav-wrap{width: calc(100% - 160px); padding-left: 20px; display: flex; justify-content: flex-end; gap: 25px; align-items: center;}
.main-nav{width: calc(100% - 225px); display: flex; justify-content: flex-end;}
.main-nav ul{display: flex;}
.main-nav ul li{display: flex;}
.main-nav ul li a{padding: 6px 20px; color: var(--Navy_Blue); transition: .35s ease-in-out; font-size: 16px; font-weight: 600; font-family: var(--Space_Grotesk);}
.main-nav ul li a:hover{color: var(--accent-color);}
.header-btn a.btn{font-size: 16px; padding: 12px 22px; font-weight: 600;}

.logo-wrap a.btn{display: none;}

/* End Header Style */

.main-content-wrap{padding-top: 115px;}
/* Start Home Style */
.hero-wrap{padding-block: 0 40px;}
.hero-wrap .wrapper{max-width: 1440px;}
.hero-inner{width: 100%; position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 50px; background-color: var(--Link_Water);} 
.hero-inner:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/5gtftg-bg.webp); background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.41; z-index: -1; }
.hero-content{width: 100%; padding: 120px 20px 120px 80px; display: flex ; flex-direction: column; justify-content: center;}
.hero-content span.subtitle{margin-bottom: 25px;}
.hero-content h1{margin-bottom: 20px;}
.hero-content p.small-text{margin-bottom: 12px;}
.hero-btn{width: 100%; margin-top: 38px; gap: 30px; display: flex; flex-flow: row wrap;}


.hero-thumb-wrap{width: 100%; position: relative;}
.hero-thumb-wrap figure{width: 100%; height: 100%; display: flex;}
.hero-thumb-wrap figure img{width: 100%; height: 100%; object-fit: cover; position: relative;}
.hero-thumb-wrap figure img.image-effect{position: absolute; top: 0; left: 0; animation: fadeInOut 8s infinite; opacity: 0;}

.play-button{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; transition: 0.5s;}
.play-button span.video-button { display: inline-block; align-items: center; justify-content: center; flex-direction: column; display: flex ; position: relative; transition: 0.3s; background-color: var(--white); width: 100%; height: 100%; border-radius: 100%;}
.play-button span.video-button:hover { transform: scale(1.1, 1.1); background-color: var(--yellow);}
.play-button span.video-button:before { content: ''; display: inline-block; position: absolute; top: -2px; left: -2px; bottom: -2px; right: -2px; border-radius: inherit; border: 1px solid var(--yellow); -webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite; animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite; border-color: var(--yellow); }
@keyframes btnIconRipple {
    0% {
        border-width: 4px;
        transform: scale(1);
    }

    80% {
        border-width: 1px;
        transform: scale(1.35);
    }

    100% {
        opacity: 0;
    }
}
.play-button img{width: 24px !important; height: 24px !important;}
.play-button.play img.play-icon{display: block;}
.play-button.play img.pause-icon{display: none;}
.play-button img.play-icon{display: none;}
.play-button img.pause-icon{display: block;}




.about-wrap{padding-block: 130px 110px;}
.about-wrap:after{position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/5gtftg.png); background-position: 100% 40%; background-repeat: repeat; background-size: 35% auto; opacity: 0.13; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; z-index: -1;}
.about-wrap:before{position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/5gtftg.png); background-position: 100% 0px; background-repeat: no-repeat; background-size: 33% auto;}
.about-wrap .wrapper{max-width: 1200px;}
.about-inner{width: 100%; position: relative; z-index: 1; display: flex; flex-flow: row wrap; gap: 90px;}
.about-container{width: 100%; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center;}
.about-content{width: 45%;}
.about-content span.subtitle{margin-bottom: 15px;}
.about-content h2{margin-bottom: 20px;}
.about-content p{margin-bottom: 20px;}
.about-content p a{font-weight: 700; color: var(--Deep_Cove);}

.about-thumb{width: 42%; display: flex; flex-flow: row wrap; gap: 10px; position: relative;}
.about-thumb figure{width: 100%; display: flex; position: relative;}
.about-thumb figure img{width: 100%; position: relative;}
.about-thumb figure img.about-thumb-effect { position: absolute; top: 0; left: 0; animation: fadeInOut 8s infinite; opacity: 0; }

.about-thumb-top{display: grid; grid-template-columns: 1fr 1fr; gap: 10px;}
.about-thumb-top img{aspect-ratio: 1/1; object-fit: cover;}
  @keyframes fadeInOut {
    0% {
      opacity: 0;
    }
    25% {
      opacity: 1; /* Opacity becomes 1 at the 25% mark */
    }
    50% {
      opacity: 1; /* Opacity stays at 1 until 50% */
    }
    75% {
      opacity: 0; /* Opacity returns to 0 at 75% */
    }
    100% {
      opacity: 0; /* Opacity stays at 0 until the end of the cycle */
    }
  }

.about-container:nth-child(even) .about-content{order: 2;}

.about-content-list-wrap{width: 100%; display: flex; flex-direction: column; gap: 20px;}
.about-content-list-icon{width: 36px;}
.about-content-list-text{width: calc(100% - 36px); padding-left: 24px;}
.about-content-list{width: 100%; display: flex; align-items: flex-start;}
.about-content-list h6{margin-bottom: 8px;}

.expertise-wrap{padding: 80px 0; background-color: rgb(240 247 248);}
.expertise-inner{width: 100%;}
.expertise-heading{width: 100%; padding-bottom: 40px; display: flex; flex-direction: column; align-items: center;}
.expertise-heading h2{text-align: center; margin-bottom: 8px; max-width: 932px;}
.expertise-heading h3{font-size: 32px; text-align: center; margin-bottom: 20px; max-width: 932px;}
.expertise-heading p{text-align: center;}
.expertise-item-wrap { width: 100%; display: grid ; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; gap: 20px; }
.expertise-item{width: 100%;}
.expertise-item figure { display: flex; justify-content: center; }
.expertise-item figure img{ opacity: 0.2; transition-duration: 0.3s; }
.expertise-item:hover img{ opacity: 1; }
.expertise-item figcaption{text-align: center; margin-top: 15px; color: #707A84;}


.section-bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.section-bg img{width: 100%; height: 100%; object-fit: cover;}


.video-thumb{width: 100%; height: 600px; position: relative;}
.video-thumb figure{width: 100%; height: 100%; display: flex;}
.video-thumb figure img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.video-thumb video{width: 100%; height: 100%; object-fit: cover; object-position: center;}
.video-section .play-button span.video-button:before { border-color: var(--Navy_Blue); }

.why-us-section{padding-block: 110px 80px;}
.why-us-section:after{position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/5gtftg.png); background-position: 100% 40%; background-repeat: repeat; background-size: 35% auto; opacity: 0.13; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; z-index: -1;}
.why-us-section .wrapper{max-width: 1140px;}
.why-us-inner{width: 100%; position: relative; z-index: 1; display: flex; flex-direction: column;}
.why-us-title{width: 100%; text-align: center;}
.why-us-title span.subtitle{margin-bottom: 20px;}

.why-us-component-wrap{width: 100%; margin-top: 70px; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 40px;}
.why-us-component{width: 100%; background-color: var(--Link_Water); padding: 40px; display: flex; flex-direction: column; align-items: center; text-align: center;}
.why-us-component img{width: 85px; height: 85px; border-radius: 50%; padding: 20px; background-color: var(--Deep_Cove); object-fit: contain; margin-bottom: 20px;}
.why-us-component h4{margin-bottom: 10px;}
.why-us-component:nth-child(even) img{background-color: var(--yellow);}
.why-us-slider{width: 100%; margin-top: 110px; padding-inline: 10px;}
.why-us-slider .swiper-wrapper{width: 100%;}
.why-us-item{width: 420px; aspect-ratio: 1/.8; position: relative;}
.why-us-item figure{width: 100%; display: flex; height: 100%;}
.why-us-item figure img{width: 100%; height: 100%; object-fit: cover; position: relative;}
.why-us-item figure img.image-effect{position: absolute; top: 0; left: 0; animation: fadeInOut 4s infinite; opacity: 0;}

.why-us-slider .js-marquee-wrapper { display: flex; gap: 40px; }
.why-us-slider .js-marquee { display: flex; gap: 40px; }

/* Start reviews wrap */
.reviews-wrap{padding: 60px 0px 60px 0px;background-color: var(--Navy_Blue);}
.reviews-wrap .wrapper{max-width: 100%;}
.reviews-inner{width: 100%;}
.reviews-content-wrap{width: 100%;}
.reviews-content-wrap span{text-align: center; color: var(--yellow);letter-spacing: 1px;display: block;padding-bottom: 15px;}
.reviews-content-wrap h2{text-align: center;color: var(--white); font-weight: 700; margin-bottom: 40px;}
.reviews-item-wrap{width: 100%;display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 20px;}
.reviews-item-wrap .js-marquee-wrapper{display: flex; gap: 20px;}
.reviews-item-wrap .js-marquee{display: flex; gap: 20px;}
.reviews-item{width: 100%; max-width: 360px; padding: 28px 26px;background-color: var(--white); display: flex; flex-direction: column; justify-content: space-between;}
.reviews-item-content{width: 100%;}
.reviews-item-author{width: 100%;}
.reviews-item-icon-wrap{width: 100%;margin-bottom: 20px;}
.reviews-item-icon-wrap ul{display: flex;flex-flow: row wrap;gap: 6px;}
.reviews-item-icon-wrap ul li img{width: 20px;height: 20px;}
.reviews-item h3{font-size: 18px;color: var(--Deep_Cove);font-weight: 400;font-family: "DM Sans", Sans-serif;text-align: left;padding-bottom: 20px;}
.reviews-item h4{font-size: 20px; font-weight: 600; line-height: 1.3em; letter-spacing: 0px;margin-bottom: 4px;}
.reviews-item span{color: #050A307A; font-family: "DM Sans", Sans-serif; font-size: 16px; font-weight: 500;}

/* End reviews wrap */

/* Start product custom wrap */
.product-custom-wrap{height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center center;background-attachment: fixed; padding: 100px 0px 100px 0px;position: relative; overflow: hidden;}
.product-custom-wrap::before{background-color: #181818; opacity: 0.44; transition: background 0.3s, border-radius 0.3s, opacity 0.3s;content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.product-custom-wrap .section-bg{position: fixed;}
.product-custom-wrap .section-bg img{position: absolute; top: 0; left: 0; animation: fadeInOut 8s infinite; opacity: 0; }
.product-custom-wrap .wrapper{max-width: 1200px;}
.product-custom-contenar{width: 100%;position: relative;z-index: 1; display: flex; justify-content: center;}
.product-custom-contenar h2{text-align: center;color: var(--white);font-weight: 700; max-width: 932px;}
.product-custom-contenar .custom-underline{text-decoration: underline;}
.product-custom-contenar .custom-color-text{color: var(--yellow);}

.product-custom-wrap{background-image: url(../img/last-section-before.webp); animation: fadeBg 8s infinite;}

@keyframes fadeBg {
  0% {
    background-image: url(../img/last-section-before.webp);
  }
  25% {
    background-image: url(../img/last-section-after.webp); /* Opacity becomes 1 at the 25% mark */
  }
  50% {
    background-image: url(../img/last-section-after.webp); /* Opacity stays at 1 until 50% */
  }
  75% {
    background-image: url(../img/last-section-before.webp); /* Opacity returns to 0 at 75% */
  }
  100% {
    background-image: url(../img/last-section-before.webp); /* Opacity stays at 0 until the end of the cycle */
  }
}
/* End product custom wrap */


/* our workflow style */
.our-workflow-wrap{ padding: 110px 0px 80px 0px; }
.our-workflow-wrap::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/5gtftg.png); background-position: 100% 40%; background-repeat: repeat; background-size: 35% auto; opacity: 0.13; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; z-index: -1; }
.our-workflow-wrap .wrapper{max-width: 1240px;}
.our-workflow-inner{width: 100%;}
.our-workflow-heading{width: 100%; padding-bottom: 20px;}
.our-workflow-heading span { text-align: center; display: block; margin-bottom: 15px; }
.our-workflow-heading h2{text-align: center; max-width: 640px; margin: 0 auto;}

.our-workflow-item-wrap{ display: grid ; grid-template-columns: 1fr 1fr 1fr 1fr; width: 100%; }
.our-workflow-item{width: 100%; padding: 25px; position: relative;}
.our-workflow-item:after { position: absolute; top: 25%; content: ''; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; width: 30px; height: 30px; right: -12px; background-image: url(../img/icons8-right-arrow-50.png); }
.our-workflow-item:last-child:after {display: none;}
.our-workflow-thumb{width: 100%; margin-bottom: 20px; display: flex; justify-content: center; }
.our-workflow-thumb figure{width: 100%; width: 82%; } 
.our-workflow-thumb figure img{width: 100%; object-fit: cover; border-radius: 100%; transition: .35s ease-in-out; transform: scale(1); aspect-ratio: 1/1; object-fit: cover;}
.our-workflow-thumb figure img:hover{transform: scale(1.05);}
.our-workflow-content{width: 100%;}
.our-workflow-content h5{margin-bottom: 10px; text-align: center;}
.our-workflow-content p { text-align: center; color: rgba(5, 10, 48, 0.4); font-size: 16px; font-weight: 500; }


.office-our-workflow .our-workflow-thumb figure{max-width: 90px;}
.office-our-workflow .our-workflow-item:after{display: none;}
/* our workflow style */


/* gallery style */
.gallery-wrap{padding: 20px;}
.gallery-wrap .wrapper{max-width: 100%; padding: 0;}
.gallery-item-wrap { width: 100%; display: grid ; grid-template-columns: 1fr 1fr; gap: 20px; }
.gallery-item{width: 100%; position: relative;}
.gallery-item figure{width: 100%; height: 100%; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.gallery-item figure img{width: 100%; height: 100%;   -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.gallery-item:hover figure img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.gallery-item figure img.image-effect {
    position: absolute;
    top: 0;
    left: 0;
    animation: fadeInOut 8s infinite;
    opacity: 0;
}

/* gallery style */

/* Start Faq Style */
.faq-wrap{padding-block: 60px;}
.faq-wrap .wrapper { max-width: 840px; }
.faq-inner{width: 100%;}
.faq-inner h2{text-align: center;}
.faq-accordion{width: 100%; margin-top: 30px; display: flex; flex-direction: column; }
.faq-accordion-item{width: 100%; border-bottom: 1px solid var(--Deep_Cove);}
.faq-accordion-item-title{width: 100%; padding-block: 32px; padding-right: 24px; cursor: pointer; position: relative;}
.faq-accordion-item-title:after { position: absolute; top: 50%; right: 0; content: '+'; width: 24px; height: 24px; font-size: 40px; font-weight: 500; font-family: var(--Space_Grotesk); color: var(--Deep_Cove); display: flex ; align-items: center; justify-content: center; transform: translateY(-50%); transition: .3s ease-in-out;}
.faq-accordion-item-title h4{font-size: 26px; font-weight: 700;}
.faq-accordion-item-content{width: 100%; display: none; padding-block: 7px 40px;}
.faq-accordion-item:nth-child(1) .faq-accordion-item-content{display: block;}
.faq-accordion-item.active .faq-accordion-item-title:after{content: '-';}
/* End Faq Style */


/* your-project style */
.your-project-wrap{background-color: var(--Link_Water); padding: 50px 0; background-color: var(--white);}
.your-project-wrap .wrapper{max-width: 700px;}
.your-project-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.your-project-bg::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.25; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; background-color: var(--white); z-index: 1}
.your-project-bg figure{width: 100%; height: 100%;}
.your-project-bg figure img{width: 100%; height: 100%; object-fit: cover;}
.your-project-bg figure video{width: 100%; height: 100%; object-fit: cover;}
.your-project-bg figure img.image-effect{position: absolute; top: 0; left: 0; animation: fadeInOut 8s infinite; opacity: 0;}
.your-project-inner{width: 100%; position: relative; z-index: 2; background-color: rgba(255, 255, 255, 0.25); backdrop-filter: blur(10px); padding: 40px 16px; border: 1px solid rgba(255, 255, 255, 0.5);}
.your-project-inner h2{font-weight: bold; letter-spacing: -0.1px; text-align: center; margin-bottom: 20px;}
.your-project-inner h2 span{text-decoration: underline;}
.your-project-inner p{text-align: center; max-width: 610px; margin: auto;}
.your-project-btn{width: 100%; justify-content: center; margin-top: 28px;}
.your-project-btn a:hover{ background-color: var(--white) !important; }
.your-project-content{width: 100%; margin-bottom: 30px; justify-content: center;}
.your-project-form{width: 100%; justify-content: center;}
.your-project-form form{width: 100%; max-width: 450px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; gap:10px;}
.your-project-form .main-modal-input input, .your-project-form .main-modal-input textarea, .your-project-form .main-modal-input select { backdrop-filter: blur(10px); background-color: rgb(255 255 255 / .75); border-color: var(--Spindle); color: var(--Navy_Blue); font-weight: bold; font-family: var(--DM_Sans);}
.your-project-form .main-modal-input input::placeholder{ color: var(--Navy_Blue); opacity: .65;}
.your-project-form .main-modal-input textarea::placeholder{ color: var(--Navy_Blue);  opacity: .65;}
.your-project-form .submit-btn{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; }
.your-project-form .main-modal-input select{color: var(--Navy_Blue); opacity: .65;}
/* your-project style */



.video-container {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.video-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.video-container img.image-effect {
    position: absolute;
    top: 0;
    left: 0;
    animation: fadeInOut 8s infinite;
    opacity: 0;
}

.video-container video {
    width: 100%;
    display: none;
}

.video-thumb .play-button{opacity: 0; visibility: hidden;}
.video-thumb .play-button.play{opacity: 1; visibility: visible;}
.video-thumb:hover .play-button{opacity: 1; visibility: visible;}


/* End Home Style */

/* Footer style */
.main-footer-section{padding: 32px 0; background-color: var(--Link_Water); }
.main-footer-section p{text-align: center; color: var(--Navy_Blue); font-size: 13px; line-height: 19.5px; font-family: var(--Space_Grotesk); font-weight: normal; opacity: 0.6;}

.footer-inner { width: 100%; justify-content: space-between; align-items: center; }
.footer-inner a{text-align: center; color: var(--Navy_Blue); font-size: 13px; line-height: 19.5px; font-family: var(--Space_Grotesk); font-weight: normal; opacity: 0.6; text-decoration: underline;}
/* Footer style */


.footer-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  font-size: 14px;
}

.footer-bar h6, .footer-bar strong,
.footer-bar a,
.footer-bar p {
  font-family: var(--Space_Grotesk);
  font-size: 14px;
  color: var(--Navy_Blue);
  opacity: .8;
  text-decoration: none;
}
.footer-bar ul{display: flex; align-items: center; gap: 8px;}
.footer-bar ul li{position: relative; padding-left: 12px;}
.footer-bar ul li::before{position: absolute; content: ''; top: 50%; left: 0; width: 3px; height: 3px; border-radius: 100%; transform: translateY(-50%); background-color: var(--Navy_Blue);}
.footer-bar ul li:first-child{padding-left: 0;}
.footer-bar ul li:first-child::before{display: none;}
.footer-left, .footer-right{display: flex; flex-direction: column; gap: 8px;}

.footer-bar a:hover { opacity: 1; text-decoration: underline; }
.footer-right p{text-align: left;}



.video-popup-wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0,0,0,0.9); padding-block: 50px; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: .35s ease-in-out;}
.Video_popup_shown .video-popup-wrap { opacity: 1; visibility: visible;}
.video-popup-close{width: 24px; height: 24px; cursor: pointer; top: 20px; right: 20px; cursor: pointer; position: absolute;}
.video-popup{max-width: 964px; width: calc(100% - 40px); position: relative;}
.video-popup iframe{width: 100%; aspect-ratio: 1/.6;}
.video-popup video{width: 100%; aspect-ratio: 1/.6;}

.modal-section{position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background-color: rgba(0,0,0,0.9); padding-block: 50px; display: block; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: .35s ease-in-out; overflow-y: auto; height: 100svh; display: flex ; min-height: 100svh; flex-flow: row wrap; overflow-y: scroll; overflow-x: hidden;}
.modal-section::-webkit-scrollbar{display: none;}
.modal_shown .modal-section { opacity: 1; visibility: visible;}
.main-modal{max-width: 540px; width: calc(100% - 40px); position: relative; background-color: var(--white); padding: 50px 32px; margin: auto;}
.modal-close{width: 24px; height: 24px; cursor: pointer; top: 20px; right: 20px; cursor: pointer; position: absolute;}
.main-modal h3{font-size: 28px; text-align: center;}
.main-modal form{width: 100%; display: flex; flex-direction: column; margin-top: 24px; gap: 10px;}
.main-modal-input{width: 100%; display: flex; justify-content: center;}
.main-modal-input.col-md-2{}
.main-modal-input.col-md-2{display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-flow: row wrap; justify-content: space-between;     row-gap: 10px;}
@media only screen and (min-width: 768px) {
    .main-modal-input.col-md-2 input { width: 48.5%;}
    .main-modal-input.col-md-2 select { width: 48.5%;}
}
.main-modal-input label{font-size: 16px; margin-bottom: 8px;}
.main-modal-input input, .main-modal-input textarea{width: 100%; height: 52px; padding: 16px; border: 1px solid #e8e8e9; color: var(--Deep_Cove); outline: none; transition: .35s ease-in-out;}
.main-modal-input select{width: 100%; height: 52px; padding: 16px; border: 1px solid #e8e8e9; color: var(--Deep_Cove); outline: none; transition: .35s ease-in-out;}
.main-modal-input select option:nth-child(1){display: none;}
.main-modal-input input:hover, .main-modal-input textarea:hover, .main-modal-input select:hover{border-color: var(--accent-color);}
.main-modal-input input:focus, .main-modal-input textarea:hover{border-color: var(--accent-color);}
.main-modal-input textarea{height: 100px; resize: none;}
.main-modal-input button{border: none; outline: none; width: 100%;}
.main-modal-input textarea::placeholder, .main-modal-input input{font-family: var(--DM_Sans);}
.main-modal-input select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 20px; background-image: url(../img/icons8-chevron-down-60.png); background-repeat: no-repeat; background-position: 98% 50%; background-size: 15px 15px; }
.your-project-inner h2:last-child{margin-bottom: 0;}
/* Optional: Style the select box to make it look cleaner */
.main-modal-input select::-ms-expand {
  display: none; /* Hide the arrow in IE/Edge */
}

.checkbox-wrapper { margin: 0 !important; display: flex; align-items: center; gap: 8px; width: 100%; }
.checkbox-wrapper input{width: 16px !important; height: 16px !important; margin: 0 !important;}
.checkbox-wrapper a{color: currentColor; text-decoration: underline;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Remove the spinner in Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* Start features */
.features-wrap{padding-block: 60px;}
/* .features-wrap::after{position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/5gtftg.png); background-position: 100% 40%; background-repeat: repeat; background-size: 35% auto; opacity: 0.13; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; z-index: -1;} */
.features-inner{width: 100%; position: relative; display: flex; flex-flow: row wrap;}
.features-title{width: 100%; text-align: center;}

.features-grid-wrap{width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 60px 40px; margin-top: 60px;}
.features-grid-item{width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center;}
.features-grid-item h4{margin-bottom: 12px;}
.features-grid-item  p { color: rgba(5, 10, 48, 0.5);}
.features-grid-item h6{font-size: 20px; color: var(--Navy_Blue); font-weight: 400;}
.features-icon{display: inline-block; font-size: 50px; line-height: 1; text-align: center; transition: all .3s; color: var(--Navy_Blue); margin-bottom: 15px;}
.features-icon img{display: block; height: 1em; position: relative; width: 1em;}
.features-icon i{display: block; height: 1em; position: relative; width: 1em;}
/* End features */

/* Start Grid gallery Style */
.grid-gallery-section{padding-block: 80px;}
.grid-gallery-section-inner{width: 100%; display: flex; flex-direction: column;}
.grid-gallery-title{width: 100%; display: flex; justify-content: space-between;}
.grid-gallery-heading{width: 58%;}
.grid-gallery-content{width: 40%;}

.grid-gallery-wrap { width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; margin-top: 52px; }
.grid-gallery { position: relative; width: 100%; overflow: hidden;}

.grid-gallery:nth-child(1) { grid-area: 1 / 1 / 2 / 2; grid-column: 0 / 0; grid-row: 1 / 3; }
.grid-gallery:nth-child(2) { grid-area: 1 / 2 / 2 / 3; grid-column: 2 / 2; grid-row: 1 / 3; }
.grid-gallery:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
.grid-gallery:nth-child(4) { grid-area: 2 / 3 / 3 / 4; }
.grid-gallery-thumb{width: 100%; position: relative; height: 100%;}
.grid-gallery-thumb video{width: 100%; height: 100%; object-fit: cover;}
.grid-gallery:nth-child(1) .grid-gallery-thumb video{transform: scale(1.1);}
.grid-gallery:nth-child(1) .grid-gallery-thumb .vjs-poster img{transform: scale(1.1);}

.grid-gallery-thumb .video-js{width: 100%; height: 100%; 
  padding-block: 120px;}
.grid-gallery-thumb .vjs-poster img{object-fit: cover;}

.grid-gallery-content span{position: absolute; top: 16px; left: 16px; color: var(--white); background-color: var(--Deep_Cove); font-weight: 700; padding: 6px 12px; text-transform: uppercase; font-size: 14px;}
.grid-gallery-name{position: absolute; bottom: 20px; left: 16px;}
.grid-gallery-name h6{font-size: 16px; font-weight: 700; color: var(--white);}
.grid-gallery-name dfn{font-size: 14px; font-weight: 600; color: var(--white); display: block;}
.grid-gallery-name ul{display: flex; gap: 4px; margin-top: 8px;}
.grid-gallery-name ul li{width: 12px; display: flex;}
/* End Grid gallery Style */


.in-view-animate{opacity: 0; transition: .75s ease-in-out; will-change: opacity}
.in-view-animate.in-view{opacity: 1; }



/* privacy policy page */
.privacy-banner-inner{width: 100%; position: relative;}
.privacy-bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.privacy-bg::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--black); opacity: 0.5; border-radius: 30px;}
.privacy-bg figure{width: 100%; height: 100%;}
.privacy-bg figure img{width: 100%; height: 100%; object-fit: cover; object-position: bottom center; border-radius: 30px;}
.privacy-inner { width: 100%; position: relative; z-index: 1; }
.privacy-banner-inner { width: 100%; position: relative; padding: 150px 40px; }
.privacy-content { max-width: 750px; width: 100%; }
.privacy-content h1 { color: var(--white); margin-bottom: 15px; }
.privacy-content p { color: var(--white); max-width: 500px; }
.privacy-policy-section{width: 100%; padding-block: 60px;}
.privacy-policy-inner{width: 100%; display: flex; flex-flow: row wrap; gap: 24px; }
.privacy-policy-content{width: 100%;}
.privacy-policy-content h2 { margin-bottom: 20px; font-size: 35px; line-height: normal; }
.privacy-policy-content p { font-size: 16px; line-height: 1.5; margin-bottom: 16px; color: var(--Midnight); }
.privacy-policy-content ul li{font-size: 16px; line-height: 1.5; color: var(--Midnight);}
.privacy-policy-content p a { text-decoration: underline; color: var(--black); }
/* privacy policy page */


/* thank-you page */
.thank-you-section{width: 100%; padding-block: 100px; min-height: calc(100vh - 170px);}
.thank-you-section .wrapper { max-width: 800px; }
.thank-you-inner{width: 100%; text-align: center;}
.thank-you-inner h1 { margin-bottom: 40px; }
.thank-you-inner p {  margin-bottom: 10px; }
.thank-you-page .text-block-wrap { padding: 80px 0; }
.thank-you-page .text-blocks-container{margin-top: 0;}
/* thank-you page */




.chaty-channels{position: fixed; width: 50px; bottom: 20px; right: 20px; z-index: 99; display: flex; flex-direction: column; gap: 10px; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.chaty-channels.active{opacity: 1; visibility: visible; transform: translateY(0);}
.chaty-i-trigger{width: 100%; width: 50px; height: 50px; position: relative; cursor: pointer; }
.chaty-i-trigger div{position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: .25s ease-in-out;}
.chaty-i-trigger div:hover .tooltip{display: block;}
.chaty-cta-main{opacity: 1; visibility: visible; transform: rotate(0deg);}
.chaty-cta-close{opacity: 0; visibility: hidden; transform: rotate(0deg);}
.chaty-cta-close img{box-shadow: 0 16px 24px 0 rgb(73 104 126 / 16%); border-radius: 50%;}
.chaty-channels img{width: 100%; height: 100%;}
.chaty-channels-list{width: 100%;}
.chaty-channels-list ul{width: 100%; display: flex; flex-direction: column; gap: 8px;}
.chaty-channels-list ul li{width: 100%; display: flex; position: relative; opacity: 0; visibility: hidden; transition: .5s; -webkit-transition: .5s;}
.chaty-channels-list ul li:hover .tooltip{display: block;}
.chaty-channels-list ul li a{width: 100%; display: flex; box-shadow: 0 16px 24px 0 rgb(73 104 126 / 16%); border-radius: 50%; overflow: hidden;box-shadow: 0 1.93465px 7.73859px rgb(0 0 0 / 15%);}
.chaty-channels-list ul li:nth-child(1) { transform: translateY(176px); }
.chaty-channels-list ul li:nth-child(2) { transform: translateY(118px); }
.chaty-channels-list ul li:nth-child(3) { transform: translateY(60px); }

.chaty-i-trigger div img{ transform: rotate(0); transition: .35s ease-in-out;}
.chatyShown .chaty-i-trigger div img{ transform: rotate(180deg);}
.chatyShown .chaty-cta-main{opacity: 0; visibility: hidden;}
.chatyShown .chaty-cta-close{opacity: 1; visibility: visible;}
.chatyShown .chaty-channels-list ul li{opacity: 1; visibility: visible;}
.chatyShown .chaty-channels-list ul li:nth-child(1){transform: translateY(0);}
.chatyShown .chaty-channels-list ul li:nth-child(2){transform: translateY(0);}
.chatyShown .chaty-channels-list ul li:nth-child(3){transform: translateY(0);}

.tooltip { position: absolute; top: 50%; transform: translateY(-50%); right: 60px; background-color: var(--white); padding: 2px 7px; font-size: 14px; line-height: 1.5; border-radius: 5px; box-shadow: 0 1.93465px 7.73859px rgb(0 0 0 / 15%); display: none;}
.tooltip:after { position: absolute; content: ''; top: 50%; right: -3px; transform: translateY(-50%) rotate(-45deg); width: 8px; height: 8px; background-color: var(--white); border-radius: 2px; }

.common-btn{width: 100%; display: flex; justify-content: center; margin-top: 48px;}
/* ==== Responsive Style ==== */

.grecaptcha-badge {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: -999999 !important;
    position: fixed !important;
    bottom: 0 !important;
    right: 0 !important;
}



.floating-btn{width: 100%; position: fixed; bottom: 0; left: 0; padding: 12px 20px; display: none; grid-template-columns: 1fr 1fr; gap: 20px; z-index: 9; background-color: var(--Navy_Blue); transform: translateY(150%); opacity: 0; transition: .45s ease-in-out;}
.floating-btn.active{transform: translateY(0); opacity: 1;}
.floating-btn .btn {padding: 12px 28px;}


.map-section iframe{width: 100%;}





@media only screen and (min-width: 320px) and (max-width: 767px) {
    
    .mobi{display: block;}
    .desk{display: none;}

    body{font-size: 16px;}

    .h1 { font-size: 38px;}

    h2{font-size: 32px;}
    h4{font-size: 22px;}
    h5{font-size: 20px;}
    h6{font-size: 18px;}

    span.subtitle {font-size: 16px;}

    .lead-text { font-size: 18px; }

    .btn {padding: 12px 16px 12px 16px;font-size: 16px;}
    .nav-wrap{display: none;}
    .logo-wrap{width: 100%; justify-content: space-between;}
    .logo-wrap a{width: 140px;}
    .logo-wrap a.btn{display: block;}
    /* Start Home Style */
    .main-content-wrap { padding-top: 108px; }
    /* .hero-wrap{min-height: calc(100svh - 112px);} */
    .hero-content span.subtitle { margin-bottom: 20px; }
    .hero-content{padding: 38px 20px;}
    .hero-inner{grid-template-columns: 1fr; gap: 0;}
    .hero-btn { margin-top: 32px; gap: 16px;}
    .hero-btn a.btn{width: calc(50% - 8px);}
    .hero-btn a.btn{width: auto;}
    .hero-content h1{font-size: 30px;}
    .about-wrap { padding-block: 60px; }
    .about-container{gap: 48px;}
    .about-content{width: 100%; order: 2;}
    .about-thumb{width: 100%;}
    .about-wrap:before { background-size: 65% auto; }
    .about-inner { gap: 60px; }
    .cta-wrap { padding-block: 52px;}
    .cta-inner{flex-flow: row wrap; gap: 32px;}
    .cta-content { width: 100%; }
    .cta-btn { justify-content: flex-start; }
    .cta-image {width: 72%;}
    .video-thumb {height: 322px;}
    .why-us-section { padding-block: 60px; }
    .why-us-component-wrap{grid-template-columns: 1fr;}
    .why-us-component p{max-width: 220px;}
    .why-us-slider {margin-top: 50px;}
    .reviews-content-wrap h2 { margin-bottom: 32px; }

    .reviews-item-wrap{display: flex;}
    .reviews-item-wrap .js-marquee-wrapper{display: flex; gap: 16px;}
    .reviews-item-wrap .js-marquee{display: flex; gap: 16px;}
    .reviews-item{width: 320px;}

    .product-custom-contenar h2 span{display: inline;}
    .our-workflow-wrap { padding: 60px 0; }
    .our-workflow-item-wrap{grid-template-columns: 1fr;}
    .our-workflow-content p { font-size: 18px;}
    .our-workflow-content h5{font-size: 22px;}
    .gallery-item-wrap{grid-template-columns: 1fr;}
    .our-workflow-item:after{display: none;}

    .hero-thumb-wrap{margin-bottom: 20px;}
    
    .expertise-item-wrap { grid-template-columns: 1fr 1fr; }
    .expertise-heading h3 {font-size: 24px;}

    .features-grid-wrap{grid-template-columns: 1fr; gap: 32px;}

    .grid-gallery-section { padding-block: 60px; }
    .grid-gallery-title{flex-direction: column; gap: 16px; text-align: center;}
    .grid-gallery-heading{width: 100%;}
    .grid-gallery-content{width: 100%;}
    .grid-gallery-wrap { display: none; gap: 16px; margin-top: 42px; }
    
    .gallery-slider-wrap{width: 100%; display: flex; margin-top: 32px; overflow: visible; direction: rtl;}
    .grid-gallery-wrap .js-marquee-wrapper{display: flex; gap: 16px;}
    .grid-gallery-wrap .js-marquee{display: flex; gap: 16px;}
    .grid-gallery{width: 100%; position: relative;}

    .grid-gallery-thumb .video-js { padding-block: 110px; aspect-ratio: 1 / .6; }
    .reviews-content-wrap h2{font-size: 26px;}
    .about-content a.btn{width: 100%;}
    .common-btn a.btn{width: 100%;}
    .main-modal-input button{width: 100%;}

    .your-project-wrap{padding-block: 32px;}
    .your-project-inner h2 { margin-bottom: 8px; }
    .your-project-inner p{font-size: 14px;}
    .your-project-content{margin-bottom: 20px;}
    .your-project-form form{gap: 8px;}
    .main-modal-input.col-md-2{gap: 8px;}
    .main-modal-input input, .main-modal-input textarea, .your-project-form .main-modal-input select, .main-modal-input select{ height: 40px; padding: 4px 12px; font-size: 14px;}
    .main-modal-input textarea {height: 100px;}
    .why-us-item { width: 300px;}
    .product-custom-wrap{background-attachment: unset;}
    /* End Home Style */
    .floating-btn{display: grid;}
    .chaty-channels { bottom: 85px;}

    .map-section iframe{height: 320px !important;}

    .main-footer-section { padding: 32px 0 100px;}
    .footer-bar { flex-direction: column; text-align: center; }
    .footer-bar ul{ flex-flow: row wrap; justify-content: center; }
  .footer-right p { text-align: center; }



}

@media only screen and (max-width: 375px){

  .hero-content { padding: 24px 20px; }
  .hero-content h1 { font-size: 26px; margin-bottom: 12px; }
  .hero-content span.subtitle { margin-bottom: 14px;         font-size: 14px;}
  .hero-content p.lead-text{font-size: 16px;}
  .hero-btn { margin-top: 24px;}

  .hero-btn a.btn { font-size: 14px;}


}



@media only screen and (min-width: 768px) and (max-width: 991px) {
 
    
 
    h2{font-size: 36px;}
    h4{font-size: 22px;}
    h5{font-size: 20;}
    /* Start Home Style */
    .nav-wrap{display: none;}
    .logo-wrap{width: 100%; justify-content: space-between;}
    .logo-wrap a{width: 140px;}
    .logo-wrap a.btn{display: block; width: auto;}
    /* Start hero section */
    .hero-inner {grid-template-columns: 1fr;}   
    .hero-content {padding: 120px 20px 120px 20px; display: flex ; flex-flow: row wrap; align-items: center; justify-content: center; }
    .hero-content h1 {text-align: center; /*font-size: 64px;*/ }
    .hero-content p{text-align: center;}
    .hero-btn{justify-content: center;}
    /* End hero section */
    /* Start about wrap */
    .about-wrap { padding-block: 80px 80px; }
    .about-container {gap: 40px;}
    .about-content{width: 100%; order: 2;}
    .about-thumb{width: 100%;}
    .about-container:nth-child(even) .about-content { order: 2; max-width: 100%; }
    /* end about wrap */
    /* start cta wrap */
    .cta-inner{display: block;}
    .cta-content{width: 100%;margin-bottom: 40px;}
    .cta-content h2{text-align: center;}
    .cta-content p{text-align: center;}
    .cta-btn{width: 100%;justify-content: center;}
    /* end cta wrap */
    /* Start why us wrap */
    .why-us-component {padding: 30px 20px;}
    /* End why us wrap */
    /* start reviews wrap */
    .reviews-item-wrap {grid-template-columns: 1fr 1fr}
    /* end reviews wrap */
    /* Start poduct coustom wrap */
    .product-custom-contenar h2 {font-size: 46px;}
    /* end poduct coustom wrap */
    /* Start overflow wrap */
    .our-workflow-item { padding: 10px; }

    /* end overflow wrap */
    /* End Home Style */        
    
    .expertise-item-wrap{gap: 10px;}
    .expertise-item figcaption{font-size: 15px;}
    .video-thumb{height: 400px;}

    .expertise-item figure img{max-width: 60px;}
    
    .features-grid-wrap{grid-template-columns: 1fr 1fr; gap: 48px 20px;}

    .grid-gallery-heading { width: 45%; }
    .grid-gallery-content { width: 55%; }
    .grid-gallery-wrap{gap: 12px;}
    .grid-gallery-thumb .video-js { padding-block: 100px; }
    .why-us-item { width: 320px;}

    .footer-bar { gap: 20px; align-items: flex-end; }
    .footer-bar ul { flex-flow: row wrap; row-gap: 5px;}
    .footer-right { min-width: 270px; text-align: left; align-items: flex-start; }
    .footer-right p{text-align: left;}
    .footer-bar h6, .footer-bar strong, .footer-bar a, .footer-bar p {font-size: 12px;}

    
}


@media only screen and (min-width: 992px) and (max-width: 1024px) {
    
    
    /* Start Home Style */
    /* .h1 { font-size: 65px;} */
    h2 { font-size: 45px;}
    .hero-content { width: 100%; padding: 60px 20px 60px 24px; }
    .hero-inner {gap: 24px;}
    .hero-content .h1 { font-size: 40px;}
    .main-nav ul li a { padding: 5px 10px; font-size: 14px; }
    .nav-wrap{gap: 20px;}
    .about-thumb { width: 45%; }
    .why-us-component{padding: 30px;}
    .reviews-item h3{font-size: 16px;}
    .reviews-item { padding: 20px; }
    .our-workflow-item{padding: 20px;}

    
    .grid-gallery-heading { width: 50%; }
    .grid-gallery-content { width: 50%; }
    .why-us-item { width: 320px;}
    /* End Home Style */

    .footer-bar h6, .footer-bar strong, .footer-bar a, .footer-bar p {font-size: 12px;}

}


@media only screen and (min-width: 1025px) and (max-width: 1200px) {



    /* Start Home Style */
    /* .h1 { font-size: 65px;} */
    h2 { font-size: 45px;}
    .hero-content { width: 100%; padding: 60px 20px 60px 24px; }
    .hero-content .h1 { font-size: 40px;}
    .main-nav ul li a { padding: 5px 8px; font-size: 15px; }
    .nav-wrap{gap: 20px;}
    .about-thumb { width: 45%; }
    .why-us-component{padding: 30px;}
    .reviews-item h3{font-size: 16px;}
    .reviews-item { padding: 20px; }
    .our-workflow-item{padding: 20px;}
    .why-us-item { width: 320px;}
    .footer-bar h6, .footer-bar strong, .footer-bar a, .footer-bar p {font-size: 12px;}
    /* End Home Style */

}




@media only screen and (min-width: 1201px) and (max-width: 1365px) {
    
    /* .h1 { font-size: 68px;} */
    .hero-content {padding: 120px 40px 120px 40px; }
    .hero-content .h1 { font-size: 45px;}

}


/*	Retina media query.
	Overrides styles for devices with a
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {


}