/* Nunito font import START*/
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;500;600;700;800&display=swap');
/* Nunito font import END */



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Nunito', sans-serif;
}

/* root element */

:root {
    --main-color: rgba(0,136,192,255);
    --secondary-color: rgba(155,206,223,255);
    --third-color: rgba(3,70,124,255);
    --max-width: 1200px;
    --main-transition: all .5s ease-in-out;
    --1200padding: 0 25px; 
}

body {
    /* background-color: #dff9fb; */
    /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg clip-path='url(%26quot%3b%23SvgjsClipPath1111%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(223%2c 249%2c 251%2c 1)'%3e%3c/rect%3e%3ccircle r='23.24' cx='273.33' cy='103.27' fill='rgba(10%2c 92%2c 157%2c 1)'%3e%3c/circle%3e%3ccircle r='53.61' cx='585.23' cy='414.16' fill='rgba(0%2c 136%2c 192%2c 1)'%3e%3c/circle%3e%3ccircle r='22.465' cx='1197.98' cy='63.4' fill='rgba(0%2c 136%2c 192%2c 1)'%3e%3c/circle%3e%3c/g%3e%3cdefs%3e%3cclipPath id='SvgjsClipPath1111'%3e%3crect width='1440' height='560' x='0' y='0'%3e%3c/rect%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"); */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg clip-path='url(%26quot%3b%23SvgjsClipPath1007%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(223%2c 249%2c 251%2c 1)'%3e%3c/rect%3e%3ccircle r='33.195' cx='1080.4' cy='457.28' fill='rgba(155%2c 206%2c 223%2c 1)'%3e%3c/circle%3e%3ccircle r='39.465' cx='1193.88' cy='54.84' fill='rgba(130%2c 186%2c 205%2c 1)'%3e%3c/circle%3e%3c/g%3e%3cdefs%3e%3cclipPath id='SvgjsClipPath1007'%3e%3crect width='1440' height='560' x='0' y='0'%3e%3c/rect%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");
    /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg clip-path='url(%26quot%3b%23SvgjsClipPath1010%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(223%2c 249%2c 251%2c 1)'%3e%3c/rect%3e%3ccircle r='20.595' cx='532.76' cy='490.99' fill='rgba(130%2c 186%2c 205%2c 1)'%3e%3c/circle%3e%3ccircle r='27.335' cx='223.69' cy='323.4' fill='rgba(155%2c 206%2c 223%2c 1)'%3e%3c/circle%3e%3ccircle r='28.695' cx='374.76' cy='54.45' fill='rgba(155%2c 206%2c 223%2c 1)'%3e%3c/circle%3e%3c/g%3e%3cdefs%3e%3cclipPath id='SvgjsClipPath1010'%3e%3crect width='1440' height='560' x='0' y='0'%3e%3c/rect%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"); */
    /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1473' height='1000' preserveAspectRatio='none' viewBox='0 0 1473 1000'%3e%3cg clip-path='url(%26quot%3b%23SvgjsClipPath1048%26quot%3b)' fill='none'%3e%3crect width='1473' height='1000' x='0' y='0' fill='rgba(223%2c 249%2c 251%2c 1)'%3e%3c/rect%3e%3ccircle r='49.96' cx='739.83' cy='694.34' fill='rgba(130%2c 186%2c 205%2c 1)'%3e%3c/circle%3e%3ccircle r='33.18' cx='959.04' cy='721.53' fill='rgba(155%2c 206%2c 223%2c 1)'%3e%3c/circle%3e%3ccircle r='44.77' cx='258.48' cy='535.75' fill='rgba(130%2c 186%2c 205%2c 1)'%3e%3c/circle%3e%3c/g%3e%3cdefs%3e%3cclipPath id='SvgjsClipPath1048'%3e%3crect width='1473' height='1000' x='0' y='0'%3e%3c/rect%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e"); */
    overflow-x: hidden !important;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
    color: black;
}

/* root element */

/* navigation section CSS START */
nav {
    width: 100%;
    height: 120px;
    /* border: 1px solid orange; */
    position: absolute;
    z-index: 2;
}

nav.w-bg {
    /* border: 2px solid orange; */
    /* background-color: var(--secondary-color); */
    /* position: initial; */
}

nav .container {
    width: 100%;
    /* max-width: 1100px; */
    height: inherit;
    margin: auto;
    /* border: 1px solid blue; */
}

.nav-block-one {
    width: 100%;
    height: 50px;
    /* background: lightgoldenrodyellow; */
    /* border-bottom: 1px solid #c8d6e564; */
    /* border-bottom: 1px solid rgba(0, 0, 0, 0.175); */
    color: white;
}

.nav-block-one .wrapper {
    width: 100%;
    max-width: var(--max-width);
    height: inherit;
    /* border: 1px solid violet; */
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.nav-block-one .wrapper .wrapper-block-one {
    width: 70%;
    height: inherit;
    /* border: 1px solid crimson;     */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-block-one .wrapper .wrapper-block-one > div {
    display: flex;
    align-items: center;
}

.nav-block-one .wrapper .wrapper-block-one > div i {
    margin-right: 8px;
    color: var(--main-color);
}

.nav-block-one .wrapper .wrapper-block-two {
    width: 15%;
    height: inherit;
    /* border: 1px solid violet; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-block-one .wrapper .wrapper-block-two i {
    font-size: 1.3em;
    color: var(--main-color);
}

/* nav block two START*/
.nav-block-two {
    width: 100%;
    /* height: calc(100% - 50px); */
    height: 70px;
}

.nav-block-two .container {
    width: 100%;
    max-width: var(--max-width);
    height: inherit;
    /* border: 1px solid red; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    /* width: 12%; */
    width: 150px;
    /* width: ; */
    height: inherit;
    /* border: 1px solid sandybrown; */
}

.logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* border: 1px solid red; */
}

.menu-request-wrapper {
    width: 85%;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* border: 1px solid white; */
}

.nav-menu-links {
    width: 80%;
    height: inherit;
    /* border: 2px solid darkmagenta; */
}

.menu-links {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu-links li {
    margin: 0 20px;
}

.menu-links li a {
    color: white;
    font-size: 1.2rem;
}

.request-btn {
    width: 20%;
    height: inherit;
    /* border: 2px solid slateblue; */
    display: flex;
    align-items: center;
}

.request-btn button {
    width: 100%;
    padding: 8px 10px;
    border: none;
    background-color: var(--main-color);
    border-radius: 3px;
}

.request-btn button a {
    color: white;
    width: 100%;
    height: 100%;
}

.request-btn button a i {
    padding-left: 5px;
}

/* hamburger menu CSS START */
.hamburger-menu {
    display: none;
    /* border: 1px solid orange; */
    height: 18px;
    width: 27px;
    cursor: pointer;
}

.bars-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    cursor: pointer;
    /* border: 1px solid red; */
}

.menu-bar {
    width: 100%;
    height: 3px;
    border-radius: 7px;
    background-color: white;
}

.hamburger-menu .menu-bar:nth-child(2) {
    width: 75%;
}

.hamburger-menu .menu-bar:nth-child(3) {
    width: 50%;
}

/* hamburger menu CSS END */

/* hidden nav bar CSS START */
.hidden-nav-bar {
    z-index: 3;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background-color: var(--secondary-color);
    overflow: hidden !important;
    overflow-y: hidden !important;
    display: none;
}

.hidden-nav-container {
    width: 100%;
    max-width: var(--max-width);
    height: inherit;
    margin: auto;
    z-index: 3;
    /* border: 1px solid white; */
}

.close-menu {
    cursor: pointer;
    position: absolute;
    z-index: 5;
    /* top: 10px; */
    transform: translate(50px, 30px);
    cursor: pointer;
}

.close-menu i {
    font-size: 2.5em;
    color: var(--main-color);
}

.close-bars-wrapper {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    cursor: pointer;
}

.close-bars {
    width: 100%;
    height: 3px;
    border-radius: 7px;
    background-color: white;
}

.close-bars-wrapper .close-bars:nth-child(1) {
    transform: rotate(45deg);
}

.close-bars-wrapper .close-bars:nth-child(2) {
    transform: rotate(-40deg);
}

.hidden-links {
    /* border: 1px solid black; */
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 60px;
}

.hidden-links li {
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* border: 1px solid red; */
}

.hidden-links li a {
    color: var(--main-color);
    font-size: 1.5em;
    font-weight: 800;
}

.hidden-company-info {
    width: 100%;
    min-height: 100px;
    display: flex;
    justify-content: space-between;
    /* border: 1px solid white; */
}

.hidden-info-block-one {
    width: 70%;
    min-height: inherit;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hidden-info-block-one > div {
    display: flex;
    align-items:center;
}

.hidden-info-block-one > div i {
    margin-right: 8px;
    color: var(--main-color);
}

.hidden-info-block-two {
    width: 15%;
    min-height: inherit;
    /* border: 1px solid violet; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hidden-info-block-two i {
    font-size: 2em;
    color: var(--main-color);
}



/* hidden nav bar CSS END */

/* nav block two END*/


/* navigation section CSS END */

/* FIRST SECTION CSS START */
.first-section {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
}

.slider-container {
    width: 100vw;
    height: 100vh;
    display: none;
    overflow: hidden;
}

.main {
    display: flex;
    justify-content: center;
    align-items: center;
}

.slider1 {
    /* background-image: url(/assets/img0.jpg),linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)); */
    background-image: url(/assets/img36.jpeg),linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7));
    background-blend-mode: overlay;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /* animation-name: zoomin;
    animation-duration:1s; */
    /* transform: scale(1.2, 1.2); */
}

.slider2 {
    background-image: url(/assets/img21.jpeg),linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7));
    /* background-image: url(/assets/img1.jpg),linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)); */
    background-blend-mode: overlay;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /* animation-name: zoomin;
    animation-duration:1s; */
}

@keyframes zoomin {
    from {
      transform: scale(1.2, 1.2);
    }
    to {
      transform: scale(1, 1);
    }
}

@keyframes slidingText {
    0% {
        transform: translateY(200px);
        opacity: 0;
    }
    50% {
        /* transform: translateY(200px); */
        opacity: .5;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slidingHeaderText {
    0% {
        transform: translateY(-10px);
        opacity: 0;
    }
    
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes animationBtn {
    0% {
        transform: translateX(-200px);
    }
    
    100% {
        transform: translateX(0);
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(-50px);
    }
    
    100% {
        transform: translateY(0);
    }
}

@keyframes slidingHiddenIcon1 {
    0% {
        transform: translateX(-50px);
    }
    
    100% {
        transform: translateX(0);
    }
}

@keyframes slidingHiddenIcon2 {
    0% {
        transform: translateY(-50px);
    }
    
    100% {
        transform: translateY(0);
    }
}

@keyframes slidingHiddenIcon3 {
    0% {
        transform: translateX(50px);
    }
    
    100% {
        transform: translateX(0);
    }
}


.slider-content { 
    /* border: 1px solid white; */
    width: var(--max-width);
    height: inherit;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    position: relative;
    /* max-width: var(var(--max-width)); */
    
}

.slider-content p {
    animation-name: slidingHeaderText;
    animation-duration: 3s;
}

.slider-content h1 {
    font-size: 3em;
    margin: 20px 0;
    animation-name: slidingText;
    animation-duration:1s;
}

.slider-content a {
    color: white;
    width: 180px;
    padding: 6px 0;
    font-weight: 600;
    font-size: 1em;
    background-color: var(--main-color);
    border: none;
    border-radius: 3px;
    text-align: center;
    animation-name: animationBtn;
    animation-duration: 1.2s;
}

.slider1 .slider-content a {
    width: 200px;
}

.navigation-arrow {
    position: absolute;
    right: 50px;
    transform: translateY(70px);
}

.left-arrow {
    width: 60px;
    height: 60px;
    border: 1px solid white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    margin-bottom: 10px;
}

.right-arrow {
    width: 60px;
    height: 60px;
    border: 1px solid white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    margin-top: 10px;
}


/* FIRST SECTION CSS END */

/* SECOND SECTION CSS START */
.second-section {
    width: 100%;
    min-height: 600px;
    overflow-x: hidden !important;
}

.second-section-container {
    width: 100%;
    max-width: var(--max-width);
    min-height: inherit;
    margin: auto;
    /* border: 1px solid red; */
    display: flex;
    justify-content: space-between;
}

.second-section-block-one {
    width: 40%;
    min-height: inherit;
    /* border: 2px solid slateblue; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.second-section-block-one h1 {
    font-size: 2.5em;    
    /* border: 1px solid blue; */
    width: 100%;
}

.second-section-block-one h1 span.mc-bg {
    margin-right: 7px;
}

.second-section-block-one h1.hidden-h1 {
    display: none;
}


.second-section-p {
    /* border: red 1px solid; */
    margin: 20px 0;
}

.second-sections-icons {
    display: flex;
    width: 70%;
    /* border: 1px solid blue; */
    justify-content: space-between;
}

.second-sections-icons i {
    font-size: 3em;
    color: var(--main-color);
    margin-bottom: 5px;
}

.second-sections-icons p {
    font-size: 1.2em;
}

.second-section-block-two {
    width: 60%;
    min-height: inherit;
    /* border: 2px solid darkkhaki; */
    display: flex;
    position: relative;
    justify-content: flex-end;
    align-items: center;
    transition: all 1s ease-in-out;
}

.second-section-circle {
    width: 150px;
    height: 150px;
    background-color: var(--main-color);
    position: absolute;
    border-radius: 50%;
    transform: translate(-380px, 70px);
    color: white;
    /* top: 50%;
    left: 7%; */
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.second-section-circle p:nth-child(2) {
    font-size: 2em;
    font-weight: 500;
}

.block-two-image-one {
    width: 450px;
    height: 350px;
    background-image: url(/assets/img5.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /* background: red; */
    /* border: 1px solid green; */
    position: absolute;
    transform: translate(-100px, -100px);
    z-index: 3;
    /* top: 15%; */

}

.block-two-image-two {
    width: 450px;
    height: 350px;
    background-image: url(/assets/img13.jpeg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-color: bisque; */
    position: absolute;
    transform: translate(-20px, 100px);
    /* right: 0; */
    /* top: 40%; */
    z-index: 2;
}




/* SECOND SECTION CSS END */

/* THIRD SECTION CSS START */

.third-section {
    width: 100%;
    min-height: 500px;
    /* border: orange 2px solid; */
}

.third-section-container {
    width: 100%;
    min-height: inherit;
}

.third-section-block-one {
    width: 100%;
    min-height: 150px;
    transform: translateY(50px);
    /* border: #c2ce9c 3px solid; */
}

.third-section-block-one .container {
    width: 100%;
    max-width: var(--max-width);
    min-height: inherit;
    margin: auto;
    /* background-image: url(/assets/img1.jpg),linear-gradient( rgba(155,206,223,255),rgba(155,206,223,255)); */
    background-image: url(/assets/img14.jpeg),linear-gradient( rgba(0,0,0,.5),rgba(0,0,0,.5));
    /* background-image: url(/assets/img14.jpeg); */
    background-blend-mode: overlay;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
}

.third-section-block-one .wrapper {
    width: 80%;
    min-height: inherit;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.third-section-block-one .wrapper .content-one p {
    font-size: 1.5em;
    font-weight: 700;
}

.third-section-block-one .wrapper .content-two {
    /* border: 1px solid green; */
    display: flex;
    align-items: center;
    /* flex-direction: column; */
}

.third-section-block-one .wrapper .content-two p {
    font-size: 1.5em;
    font-weight: 600;
}

.third-section-block-one .wrapper .content-two i {
    margin-right: 10px;
    /* color: var(--main-color); */
    font-size: 2em;
    color: #000;
    color: #fff;
}


.third-section-block-two {
    width: 100%;
    min-height: 500px;
    /* background: #f3a683; */
    z-index: 2;
    /* The image used */
    background-image: url("/assets/img2.jpg");

    /* Set a specific height */
    /* min-height: 500px;  */

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.third-section-block-two .wrapper {
    width: 100%;
    max-width: var(--max-width);
    min-height: inherit;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* border: 1px solid blue; */
}

.third-section-block-two .wrapper h1 {
    /* border: 1px solid red; */
    width: 60%;
    text-align: center;
    color: white;
}

.third-section-block-two .wrapper .btn-wrapper {
    /* border: 1px solid yellow; */
    margin-top: 30px;
    font-weight: 800;
}

.third-section-block-two .wrapper .btn-one {
    margin-right: 20px;
    color: white;
    padding: 8px 10px;
    border: none;
    background-color: var(--main-color);
    border-radius: 3px;
    font-weight: 800;
}

.third-section-block-two .wrapper .btn-two {
    background-color: var(--secondary-color);
    color: white;
    padding: 8px 10px;
    border: none;
    border-radius: 3px;
    font-weight: bold;
}


/* THIRD SECTION CSS END */

/* FOURTH SECTION CSS START */

.fourth-section {
    width: 100%;
    min-height: 900px;
    /* border: 5px solid sandybrown; */
}

.fourth-section-container {
    width: 100%;
    max-width: var(--max-width);
    min-height: inherit;
    margin: auto;
    /* border: 5px solid orchid; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fourth-section-block-one {
    width: 100%;
    min-height: 300px;
    /* border: 4px solid blue; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fourth-section-block-one-content-one {
    width: 40%;
    min-height: inherit;
    /* border: #e4afcb 3px solid; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.fourth-block-img-wrapper {
    width: 300px;
    height: 250px;
    background-color: var(--secondary-color);
    transform: rotate(7deg);
}

.fourth-img-block {
    width: inherit;
    height: inherit;
    /* background-image: url(/assets/img0.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; */
    background-color: var(--third-color);
    transform: rotate(-7deg);
    /* border: red 3px solid; */
    display: flex;
    flex-direction: column;
    color: white;
    align-items: center;
    text-align: center;
    justify-content: center;  
    padding: 20px;
    /* transform: translate(20px, 20px); */
}

.fourth-img-block p {
    margin-bottom: 5px;
}

.fourth-img-block p:nth-child(2) {
    font-size: 3em;
    font-weight: 800;
}

.fourth-section-block-one-content-two {
    width: 60%;
    min-height: inherit;
    /* border: #48dbfb 3px solid; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.fourth-content-two-wrapper {
    width: 600px;
    height: 250px;
    /* border: 2px solid lawngreen; */
    display: flex;
    justify-content: space-between;
}

.fourth-content-wrapped-block {
    width: 50%;
    height: inherit;
    display: flex;
    flex-direction: column;
    /* border: 1px solid orange; */
}

.fourth-content-wrapped-block:nth-child(1) {
    border-right: #48dbfb 1px solid;
    /* border-right: red 1px solid; */
}

.fourth-content-wrapped-block .block-content {
    width: 100%;
    height: 50%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.fourth-wrapped-text-content {
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

.fourth-wrapped-text-content p:nth-child(1) {
    font-size: 2em;
    font-weight: 800;
}

.block-content i {
    font-size: 2em;
    color: var(--main-color);
}


.fourth-content-wrapped-block:nth-child(1) .block-content:nth-child(1) {
    border-bottom: #48dbfb 1px solid;
}

.fourth-content-wrapped-block:nth-child(2) .block-content:nth-child(1) {
    border-bottom: #48dbfb 1px solid;
}

/* img swiper section */

.fourth-section-block-two {
    width: 100%;
    height: 500px;
    /* border: 3px solid seagreen; */
    position: relative;
}

.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }

  .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }



/* img swiper section */


/* .fourth-section-block-one .block-content-one .img-block-one . */


/* FOURTH SECTION CSS END */

/* FIFTH SECTION CSS START */
.fifth-section {
    width: 100%;
    min-height: 500px;
    /* border: 1px solid red; */
    margin-top: 50px;
}

.fifth-section-container {
    width: 100%;
    max-width: var(--max-width);
    min-height: inherit;
    margin: auto;
    /* border: 2px solid #000; */
}

.fifth-section-block-one {
    /* border: 1px solid blue; */
    text-align: center;
    position: relative;
}

.fifth-section-block-one p:nth-child(1) {
    display: inline-block;
    color: var(--third-color);
    font-weight: 800;
} 

.fifth-section-block-one p:nth-child(3) {
    /* border: 1px solid orange; */
    width: 100%;
    max-width: 600px;
    margin: auto;
}

.fifth-section-block-one h1 {
    margin: 20px 0;
}

.fifth-section-block-two {
    width: 100%;
    min-height: 700px;
    /* border: 3px solid orange; */
    display: flex;
    justify-content: space-around;
    margin-top: 50px;
}


.scribble-svg {
    position: absolute;
    height: 100px;
    transform: translate(-200px, 160px);
}

.scribble-svg2 {
    position: absolute;
    height: 100px;
    transform: translate(210px, 400px);
}

.fifth-section-block-two > div {
    text-align: center;
    width: 200px;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 20px 0 20px 0;
    background: var(--main-color);
    color: white;
    /* bs */
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}

.weighin {
    align-self: start;
}

.loading {
    align-self: center;
}

.transport {
    align-self: end;
}

.fifth-section-block-two i {
    font-size: 4em;
}

.fifth-section-block-two p {
    font-size: 1.1em;
    margin-top: 20px;
}


/* FIFTH SECTION CSS END */

/* SIXTH SECTION CSS START */
.sixth-section {
    width: 100%;
    min-height: 200px;
    /* border: 2px solid lawngreen; */
    margin-top: 50px;
    background-color: var(--main-color); 
}

.sixth-section-container {
    width: 100%;
    max-width: var(--max-width);
    min-height: inherit;
    margin: auto;
    /* border: 3px solid white; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sixth-section-container h1 {
    /* border: 1px solid white; */
    color: white;
}

.sixth-section-container a.phone-icon {
    /* border: 1px solid white; */
    padding: 40px;
    border-radius: 50%;
    background-color: var(--secondary-color);
}

.sixth-section-container .phone-icon i { 
    font-size: 2.5em;
    color: white;
    color: var(--main-color);
}

.sixth-section-container .phone p {
    font-size: 1.3em;
    color: white;
}

.sixth-section-container .phone p:nth-child(2) a {
    color: var(--secondary-color);
    /* text-decoration: underline; */
}

/* SIXTH SECTION CSS END */


/* SEVENTH SECTION CSS START */
.seventh-section {
    width: 100%;
    min-height: 800px;
    /* border: 2px solid lawngreen; */
    margin-top: 50px;
    overflow-x: hidden !important;
}

.seventh-section.about-us {
    margin-top: 0px;
}

.seventh-container {
    width: 100%;
    max-width: var(--max-width);
    min-height: inherit;
    margin: auto;
    /* border: 1px solid sandybrown; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* overflow-x: hidden; */
}

.seventh-container .block-one {
    width: 40%;
    min-height: inherit;
    /* border: red 3px solid; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.seventh-container .block-one p:nth-child(1) {
    display: inline-block;
    color: var(--third-color);
    font-weight: 800;
}

.seventh-container .block-one h1 {
    font-size: 2.4em;
    /* border: #000 1px solid ; */
    margin: 10px 0;
}

.seventh-btn-one {
    width: 150px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color);
    color: white;
    font-weight: 600;
    border-radius: 3px;
    margin-top: 20px;
}
/* 
.seventh-container .block-two {
    width: 50%;
    min-height: 600px;
    transform: rotate(7deg);
    background-color: var(--secondary-color);
    position: relative;
} */

.transformed-img-block {
    width: 50%;
    min-height: 600px;
    /* height: 600px; */
    /* border: blue 3px solid; */
    transform: rotate(7deg);
    background-color: var(--secondary-color);
    position: relative;
}
.transformed-img-wrapper {
    width: 100%;
    height: 600px;
    /* border: 3px solid green; */
    transform: rotate(-7deg);
}
.transformed-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* 
.seventh-container .block-two .block-two-img {
    width: 100%;
    height: 600px;
    transform: rotate(-7deg);
}

.seventh-container .block-two .block-two-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

/* SEVENTH SECTION CSS END */


/* EIGTH SECTION CSS START */
.eigth-section {
    width: 100%;
    min-height: 700px;
    /* border: 2px solid red; */
    /* overflow-x: hidden !important; */

}

.eigth-container {
    width: 100%;
    max-width: var(--max-width);
    min-height: inherit;
    margin: auto;
    /* border: rebeccapurple 2px solid; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}

.eigth-container .block-one {
    width: 45%;
    min-height: 600px;
    /* border: red 3px solid; */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    justify-content: center;
}

.eigth-container .block-one .seventh-btn-one {
    /* border: 2px solid red; */
    width: 180px;
}

.eigth-container .block-one p:nth-child(1) {
    display: inline-block;
    color: var(--third-color);
    font-weight: 800;
}

.eigth-container .block-one h1 {
    font-size: 2.4em;
    /* border: #000 1px solid ; */
    margin: 10px 0;
}

.mission-vision-block {
    width: 100%;
    min-height: 50px;
    max-width: 500px;
    display: flex;
    justify-content: space-between;
    /* border: 1px solid red; */
}

.mission-vision-block > * {
    padding: 5px 20px;
    height: 35px;
    border: var(--main-color) 2px solid;
    color: var(--main-color);
    border-radius: 3px;
    font-weight: bold;
    cursor: pointer;
}

.mission-vision-block .focused {
    color: white;
    background-color: var(--main-color);
}

.mission-vision-text-context {
    margin-top: 40px;
}

.mission-vision-text-context > * {
    display: none;
    color: black;
}

.mission-vision-text-context p {
    font-size: 1.3em !important;
    font-weight: initial !important;
    /* border: 1px solid red; */
    color: #000 !important;
}

.core-values p {
    /* border: 1px solid red; */
    margin: 5px 0;
    text-align: left;
}


.focused-text {
    display: block;
    color: #000;
}

.eigth-container .block-two {
    width: 50%;
    min-height: 600px;
    /* height: 600px; */
    /* border: blue 3px solid; */
    transform: rotate(7deg);
    background-color: var(--secondary-color);
    position: relative;
}

.eigth-container .block-two .block-two-img {
    width: 100%;
    height: 600px;
    /* min-height: inherit; */
    /* border: 3px solid green; */
    transform: rotate(-7deg);
}

.eigth-container .block-two .block-two-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* overflow: hidden; */
}


/* EIGTH SECTION CSS END */

/* NINTH SECTION CSS START */
.ninth-section {
    width: 100%;
    min-height: 300px;
    /* border: 2px solid lawngreen; */
    margin: 100px 0 30px;
    overflow-x: hidden;
}

.ninth-section-container {
    width: 100%;
    max-width: 100%;
    min-height: inherit;
    /* border: 4px solid red; */
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ninth-section-container > div {
    width: calc(100% / 3);
    min-height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    background-blend-mode: overlay;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    font-weight: 800;
    font-size: 1.1em;
}

.ninth-block-one {
    background-image: url(/assets/img4.jpg), linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
}

.ninth-block-two {
    background-image: url(/assets/img7.jpg), linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
}

.ninth-block-three {
    background-image: url(/assets/img5.jpg), linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
}

/* NINTH SECTION CSS END */

/* NINTH SECTION CSS START */
.tenth-section {
    width: 100%;
    min-height: 200px;
    overflow-x: hidden;
    /* border: 2px solid lawngreen; */
    /* margin-top: 50px; */
}

.tenth-container {
    width: 100%;
    max-width: var(--max-width);
    min-height: inherit;
    margin: auto;
    /* border: 2px solid red; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tenth-container > div {
    min-height: inherit;
    display: flex;
    align-items: center;
    /* border: 1px solid red; */
}

.tenth-container .block-one {
    width: 25%;
}

.tenth-container .block-two {
    width: 50%;
}

.tenth-container .block-three {
    width: 25%;
    justify-content: flex-end;
}

.tenth-container .block-one i {
    margin-right: 20px;
    font-size: 3em;
    color: var(--main-color);
}

.tenth-container .block-one .block-one-content {
    text-align: center;
}

.tenth-container .block-one p:nth-child(1) {
    font-size: 1.1em;
}

.tenth-container .block-one p:nth-child(2) {
    font-size: 1.5em;
    font-weight: 800;
}

.tenth-container .block-two {
    /* border: 1px solid red; */
    text-align: center;
    justify-content: center;
}

.tenth-container .block-two p {
    font-size: 1.2em;
    max-width: 75%;
}

.tenth-container .block-three {
    /* border: 1px solid green; */
    min-height: inherit;
    display: flex;

}

.tenth-container .block-three a {
    /* border: 4px solid khaki; */
    background-color: var(--main-color);
    color: white;
    font-weight: bolder;
    padding: 7px 35px;
}

/* NINTH SECTION CSS END */


/* FOOTER SECTION CSS START */
footer {
    width: 100%;
    min-height: 250px;
    background-color: var(--main-color);
}

.footer-container {
    width: 100%;
    max-width: var(--max-width);
    min-height: inherit;
    margin: auto;
    /* border: 3px solid white; */
    display: flex;
    align-items: center;
}

.footer-container > div {
    width: calc(100% / 3);
    min-height: inherit;
    display: flex;
    align-items: center;
    /* border: 3px solid greenyellow; */
}

.footer-container .footer-block-one {
    /* border: 3px solid red; */
    /* display: flex; */
    flex-direction: column;
    /* justify-content: space-around; */
    align-items: flex-start;
}

.footer-logo {
    position: relative;
    left: -30px;
    /* border: 1px solid red; */
    /* margin-top: 40px; */
    width: 200px;
    height: 150px;
    /* height: 80px; */
    background-image: url(/assets/logo.png);
    /* background-image: url(/assets/LOGO_12_111235-removebg-preview.png); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.footer-social-links a i {
    font-size: 2em;
    margin: 20px 5px;
    color: var(--secondary-color);
}

.footer-container .footer-block-two {
    flex-direction: column;
    /* justify-content: center; */
    /* justify-content: flex-start; */
    align-items: flex-start;
    color: white;
    /* border: 1px solid white; */
}

.footer-container .footer-block-two h1 {
    margin: 50px 0 20px;
}

.footer-nav-links li:nth-child(2) {
    margin: 10px 0
}

.footer-nav-links a {
    color: white;
}

.footer-nav-links a::before {
    content: '-> ';
}

.footer-container .footer-block-three {
    color: white;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* border: 1px solid red; */
}

.footer-block-three h1 {
    margin: 50px 0 20px;
}

.footer-block-three {
}

.footer-block-three .phone,
.footer-block-three .location,
.footer-block-three .mail
 {
    display: flex;
    align-items: center;
    /* border: 1px solid red; */
}

.footer-block-three .phone i ,
.footer-block-three .location i ,
.footer-block-three .mail i {
    margin-right: 10px;
}

.footer-block-three .location {
    margin: 10px 0;
}

/* whatsapp float style START */

.whatsapp_float {
    position: fixed;
    width: 60px;
    bottom: 20px;
    left: 20px;
    z-index: 99;
}

.fa-whatsapp-square {
    color: #25d366;
    font-size: 4rem;
}

/* whatsapp float style START */

  

/* FOOTER SECTION CSS END */

/********************* ABOUT US PAGE CSS START *********************/
.about-us-hero {
    width: 100%;
    min-height: 50vh;
    /* border: 1px solid red; */
    background-image: url("../assets/img8.jpg"), linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.5));
    background-blend-mode: overlay;
    background-position: 0% 70%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* color: white; */
    color: var(--secondary-color);
}

.eigth-section.about-us-section1 {
    margin: 20px 0;
    /* border: 2px solid red; */
}

.about-us-section1 .eigth-container {
    /* flex-direction: row; */
}

/* about us section 2 START */

.about-us-section2 {
    width: 100%;
    min-height: 20vh;
    min-height: 150px;
    margin-top: 50px;
    /* border: 1px solid blue; */
}

.about-us-section2 .container {
    width: 100%;
    max-width: var(--max-width);
    min-height: inherit;
    margin: auto;
    text-align: center;

}

.about-us-section2 .container p {
    /* border: 1px solid red; */
    max-width: 75%;
    margin: 10px auto;

}
/* about us section 2 END */

/* about us section 3 START */
.fourth-section.about-us {
    /* border: 5px solid red; */
    min-height: 350px;
}
/* about us section 3 END */


/* about us section 4 START */
.seventh-section.about-us {
    /* border: 3px solid orange; */
    /* min-height: 700px; */
    margin: 0;
}
/* about us section 4 END */

/* about us section 5 START */
.about-us-section5 {
    width: 100%;
    min-height: 300px;
    background-image: linear-gradient(to right, #ffecd2 0%, #fcb69f 100%);
}
/* about us section 5 END */

/********************* ABOUT US PAGE CSS END *********************/



/********************* CONTACT US PAGE CSS START *********************/
.contact-us-hero {
    width: 100%;
    min-height: 50vh;
    /* border: 1px solid red; */
    background-image: url("../assets/contact02.jpg"), linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7));
    background-blend-mode: overlay;
    /* background-position: 0% 30%; */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* color: white; */
    color: var(--secondary-color);
}

.contact-us-section1 {
    width: 100%;
    min-height: 600px;
    /* border: 2px solid orange; */
    /* padding: 20px 0; */
}

.contact-us-section1 .container {
    width: 100%;
    max-width: var(--max-width);
    min-height: inherit;
    margin: auto;
    /* border: 4px solid red; */
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.mc-bg {
    color: var(--main-color);
}

.contact-options-wrapper {
    width: 100%;
    min-height: 400px;
    /* border: 2px solid blue; */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.contact-options-wrapper .option {
    width: calc(100% / 3.2);
    min-height: 250px;
    /* border: 2px solid var(--main-color); */
    border-radius: 7px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: var(--main-transition);
    background: var(--secondary-color);
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.contact-options-wrapper .option i {
    font-size: 5em;
    color: var(--main-color);
}

.contact-options-wrapper .option h1 {
    margin: 20px 0;
}

/* contact us section 2 CSS START */

.contact-us-section2 {
    width: 100%;
    min-height: 600px;
    /* border: 2px solid orangered; */
    display: flex;
    justify-content: space-between;
}

.contact-us-section2 > div {
    width: calc(100% / 2);
    min-height: inherit;
}

.contact-us-section2 .block1 {
    background-image: url("../assets/contact01.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.contact-us-section2 .block2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px;
}

.contact-us-section2 .block2 form {
    /* border: 1px solid red; */
    margin-top: 40px;
}

.contact-us-section2 .block2 h1 {
    /* border: 1px solid red; */
    width: 80%;
    /* width: 600px; */
}

.contact-us-section2 .block2 form input {
    height: 30px;
}

.contact-us-section2 .block2 form input[type=text],
.contact-us-section2 .block2 form input[type=email],
.contact-us-section2 .block2 form textarea {
    width: 100%;
    margin-bottom: 10px;
    border: none;
    border-bottom: 1px solid gainsboro;
    background: transparent;
    outline: none;
}

.contact-us-section2 .block2 form input:nth-child(1) {
    width: 100%;
    margin-bottom: 10px;
    border: none;
    border-bottom: 1px solid gainsboro;
    background: transparent;
    outline: none;
}


.contact-us-section2 .block2 form input[type=submit] {
    width: 200px;
    height: 35px;
    border: none;
    background-color: var(--main-color);
    color: white;
    font-weight: 800;
    border-radius: 5px;
    font-size: 1em;
    cursor: pointer;
}


/* contact us section 2 CSS END */

/********************* CONTACT US PAGE CSS END *********************/







/* media queries section START */

/* 1200px SECTION CSS START*/
@media screen and (max-width: 1200px) {

nav {
    padding: 0 25px;
    transition: all .5s ease-in-out;
}

.slider-content {
    /* border: 1px solid olivedrab; */
    padding: 0 25px;
}

.nav-block-one .wrapper .wrapper-block-one {
    width: 75%;
    transition: var(--main-transition);
}

.nav-menu-links {
    /* border: 1px solid orangered; */
    width: 75%;
    transition: var(--main-transition);
}

.request-btn {
    width: 22%;
    transition: var(--main-transition);
}

/* first section 1200px media queries START */

/* first section 1200px media queries END */


/* second section 1200px media queries START  */

.second-section {
    padding: var(--1200padding);
    transition: var(--main-transition);
}

.second-section-block-one {
    /* width: 35%; */
    /* border: 1px solid yellowgreen; */
}

.second-sections-icons {
    /* width: 100%; */
}

.second-section-block-two {
    /* width: 50%; */
    min-height: inherit;
    /* border: 2px solid red; */
    display: flex;
    position: relative;
    /* justify-content: flex-start; */
    /* justify-content: center; */
    transition: var(--main-transition);
    align-items: center;
}

/* second section 1200px media queries END  */

/* third section 1200px media queries START  */

.third-section-block-one {
    padding: var(--1200padding);
    transition: var(--main-transition);
}

.third-section-block-one .container {
    width: 100%;
    transition: var(--main-transition);
}

/* third section 1200px media queries END  */

/* 1200px fourth section section media queries START  */

/* 1200px fourth section section media queries END  */



/* 1200px fifth section section media queries START  */

.fifth-section {
    padding: var(--1200padding);
}

.fifth-section-block-two {
    /* padding: var(--1200padding); */
    transition: var(--main-transition);
    flex-direction: column;
    /* justify-content: space-between; */
    align-items: center;
    /* border: 4px solid olive; */
    min-height: 900px;
}

.scribble-svg {
    height: 50px;
    transform:  translate(0px, -150px) rotate(50deg);
}

.scribble-svg2 {
    height: 50px;
    transform:  translate(0px, 150px) rotate(50deg);
}

.weighin,
.loading,
.transport {
    align-self: auto;
}

/* 1200px fifth section section media queries END  */

/* 1200px sixth section section media queries START  */
.sixth-section {
    padding: var(--1200padding);
}
/* 1200px sixth section section media queries END  */

/* 1200px seventh section section media queries START */

.seventh-section {
    /* border: 2px solid lawngreen; */
    padding: var(--1200padding);
    transition: var(--main-transition);
}

.transformed-img-block {
    width: 40%;
    transition: var(--main-transition);
}

.seventh-container .block-two {
    /* border: 1px solid red; */
    width: 40%;
    transition: var(--main-transition);
}

/* 1200px seventh section section media queries END  */

/* 1200px eigth section section media queries START  */
.eigth-section {
    padding: var(--1200padding);
    transition: var(--main-transition);
}


.eigth-container .block-two {
    /* border: 1px solid red; */
    width: 40%;
    transition: var(--main-transition);
}

/* 1200px eigth section section media queries END  */


/* 1200px ninth section section media queries START  */
.ninth-section {}
/* 1200px ninth section section media queries END  */


/* 1200px tenth section section media queries START  */
.tenth-section {
    padding: var(--1200padding);
    transition: var(--main-transition);
}
/* 1200px tenth section section media queries END  */


/* 1200px footer section section media queries START */
footer {
    padding: var(--1200padding);
}
/* 1200px footer section section media queries END  */


/********************* CONTACT US PAGE CSS START *********************/

/* 1200px contact us section media queries START  */

.contact-us-section1 {
    padding: var(--1200padding);
    transition: var(--main-transition);
}

/* contact us section 2 CSS START */

.contact-us-section2 .block2 h1 {
    /* border: 1px solid red; */
    width: 90%;
    /* width: 600px; */
}

/* contact us section 2 CSS END */


/* 1200px contact us section media queries END  */

/********************* CONTACT US PAGE CSS END *********************/



}
/* 1200px SECTION CSS END*/

/* 1024px SECTION CSS START*/
@media screen and (max-width: 1024px) {


.logo {
    /* width: 12%; */
    width: 150px;
    /* width: ; */
    height: inherit;
    /* border: 1px solid sandybrown; */
    margin-top: 20px;
}

.logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* border: 1px solid red; */
}


    /* 1024px hidden nav media queries START */

    .hidden-company-info {
        width: 100%;
        /* height: 100px; */
        display: flex;
        flex-direction: column;
        /* justify-content: space-between; */
        align-items: center;
        /* border: 1px solid white; */
        margin-top: 20px;
    }


    .hidden-info-block-one {
        width: 100%;
        /* height: inherit; */
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        /* border: 1px solid olive; */
    }

    .hidden-info-block-two {
        width: 100%;
        /* border: 1px solid violet; */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .hidden-info-block-two a:nth-child(2) {
        margin: 0 50px;
    }
    /* 1024px hidden nav media queries END */
    
    /* 1024px main nav media queries START */
    .hamburger-menu {
        display: block;
    }

    .nav-block-one,
    .menu-request-wrapper {
        display: none;
    }

    /* 1024px main nav media queries END */


    /* first section 1024px media queries START */

    .slider-content h1 {
        font-size: 2.5em;
        transition: var(--main-transition);
    }

    .slider-content a {
        width: 150px;
        transition: var(--main-transition);
    }

    .slider1 .slider-content a {
        width: 160px;
        transition: var(--main-transition);
    }

    /* first section 1024px media queries END */


    /* 1024px second section media queries START */
   
    .second-section-container {
        transition: var(--main-transition);
        flex-direction: column;
        align-items: center;
    }
    
    .second-section-block-one {
        transition: var(--main-transition);
        width: 90%;
        /* width: 700px; */
        /* border: 1px solid green; */
        align-items: center;
        text-align: center;
        min-height: 400px;
    }
    .second-section-block-one h1 {
        font-size: 1.7em;
        padding: 0 20px;
        /* border: 1px solid red; */
        transition: var(--main-transition);
    }

    .second-sections-icons {
        width: 400px;
    }

    .second-sections-icons i {
        font-size: 2em;
        transition: var(--main-transition);
    }

    .second-sections-icons p {
        font-size: 1em;
        transition: var(--main-transition);
    }

    .second-section-block-two {
        transition: var(--main-transition);
        /* width: 700px; */
        /* width: 900px; */
        width: 90%;
        /* border: 1px solid orange; */
        min-height: 500px;
        justify-content: center;
    }

    .second-section-circle {
        transform: translate(-150px, 80px);
        /* left: 15%; */
        transition: var(--main-transition);
        width: 120px;
        height: 120px;
    }

.second-section-circle p:nth-child(1) {
    font-size: .8em;
    transition: var(--main-transition);
    /* font-weight: 300; */
}

.second-section-circle p:nth-child(2) {
    font-size: 1em;
    font-weight: 300;
    transition: var(--main-transition);
}

    .block-two-image-one {
        /* width: 450px;
        height: 300px; */
        transform: translate(-70px, -100px);
        transition: var(--main-transition);
    }

    .block-two-image-two {
        /* width: 350px; */
        height: 400px;
        transform: translate(70px, 20px);
        transition: var(--main-transition);
        /* border: 3px solid red; */
    }

    /* 1024px second section media queries END */

    /* third section 1024px media queries START  */

    .third-section-block-one .container {
        min-height: 200px;
        transition: var(--main-transition);
    }

    .third-section-block-one .wrapper {
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        text-align: center;
        transition: var(--main-transition);
    } 

    .third-section-block-one .wrapper .content-one p {
        font-size: 1.2em;
        transition: var(--main-transition);
    }

    .third-section-block-two .wrapper h1 {
        font-size: 1.7em;
        transition: var(--main-transition);
    }


.third-section-block-two .wrapper .btn-one {
    font-size: .9em;
    transition: var(--main-transition);
}

.third-section-block-two .wrapper .btn-two {
    font-size: .9em;
    transition: var(--main-transition);
}


    /* third section 1024px media queries END  */


    /* 1024px fourth section media queries START  */

    .fourth-section-block-one {
        padding: var(--1200padding);
        transition: var(--main-transition);
        flex-direction: column;
    }

    .fourth-section-block-one-content-one {
        width: 100%;
        /* border: 1px solid blue; */
    }

    .fourth-section-block-one-content-two {
        width: 100%;
        /* border: 1px dashed red; */
    } 

    .fourth-content-two-wrapper {
        width: 100%;
        /* border: 1px dashed red; */
    }

    /* 1024px fourth section media queries END  */


    /* 1024px fifth section section media queries START  */

.fifth-section-block-one h1 {
    font-size: 1.7em;
    transition: var(--main-transition);
}
    /* 1024px fifth section section media queries END  */


/* 1024px sixth section section media queries START  */
.sixth-section {
    min-height: 300px;
    transition: var(--main-transition);
}

.sixth-section-container {
    flex-direction: column;
    justify-content: space-around;
    text-align: center;
    transition: var(--main-transition);
}

.sixth-section-container a.phone-icon {
    /* border: 1px solid white; */
    padding: 30px;
    transition: var(--main-transition);
}

.sixth-section-container a.phone-icon i { 
    font-size: 2.2em;
    transition: var(--main-transition);
}


.sixth-section-container h1 {
    font-size: 1.7em;
    transition: var(--main-transition);
}

/* 1024px sixth section section media queries END  */


/* 1024px seventh section section media queries START */

.seventh-section {
    /* border: 2px solid lawngreen; */
    padding: var(--1200padding);
    transition: var(--main-transition);
    /* min-height: 900px; */
}

.seventh-container {
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-around;
    min-height: 900px;
    /* border: 3px solid red; */
}

.seventh-container .block-one {
    width: 600px;
    min-height: 350px;
    /* border: 3px solid seagreen; */
    text-align: center;
    align-items: center;
}

.seventh-container .block-one h1 {
    font-size: 1.7em;
    transition: var(--main-transition);
}

.seventh-container .block-two {
    width: 500px;
    min-height: 400px;
    transition: var(--main-transition);
    left: 0;
}

.seventh-container .block-two .block-two-img {
    height: 400px;
}

/* 1024px seventh section section media queries END  */


/* 1024px eigth section section media queries START  */

.eigth-container {
    flex-direction: column-reverse;
    align-items: center;
    /* border: 2px solid red; */
    transition: var(--main-transition);
}

.eigth-container .block-one {
    width: 600px;
    min-height: 500px;
    align-items: center;
    justify-content: center;
    text-align: center;
    /* border: 2px solid blue; */
    transition: var(--main-transition);
}

.eigth-container .block-one h1 {
    font-size: 1.7em;
    transition: var(--main-transition);
}

.eigth-container .block-two {
    width: 500px;
    min-height: 400px;
    transition: var(--main-transition);
    left: 0;
}

.eigth-container .block-two .block-two-img {
    height: 400px;
}


.mission-vision-text-context p {
    transition: var(--main-transition);
    max-width: 500px;
}


/* 1024px eigth section section media queries END  */


/* 1024px ninth section section media queries START  */

.ninth-section-container {
    flex-direction: column;
}

.ninth-section-container > div {
    width: 100%;
}

/* 1024px ninth section section media queries END  */


/* 1024px tenth section section media queries START  */
.tenth-section {
    padding: var(--1200padding);
    transition: var(--main-transition);
}

.tenth-container {
    flex-direction: column;
    /* border: 1px solid red; */
    min-height: 150px;
}

.tenth-container > div {
    width: 100%;
    /* border: 1px solid blue; */
    justify-content: center;
}


.tenth-container .block-one {
    width: 100%;
    flex-direction: column;
}

.tenth-container .block-one i {
    margin: 0 0 20px 0;
}

.tenth-container .block-two {
    width: 100%;
}

.tenth-container .block-three {
    width: 100%;
    /* justify-content: flex-end; */
    justify-content: center;
    min-height: 100px;
    /* align-items: flex-start; */
}

/* 1024px tenth section section media queries END  */

/********************* ABOUT US PAGE CSS START *********************/

/* about us section 4 media queries START */
.seventh-section.about-us {
    /* border: 3px solid orange; */
    /* min-height: 700px; */
    margin: 40px 0;
}
/* about us section 4 media queries END */

/* 1024px about us section media queries START  */
.eigth-section.about-us-section1 {
    /* margin: 60px 0; */
    margin: 80px 0 0 0 ;
    /* border: 2px solid red; */
}
/* 1024px about us section media queries END  */

/********************* ABOUT US PAGE CSS END *********************/



/********************* CONTACT US PAGE CSS START *********************/

/* 1024px contact us section media queries START  */


.contact-us-section1 .container h1,
.contact-us-hero h1 {
    font-size: 1.7em;
    transition: var(--main-transition);
}

.contact-options-wrapper .option i {
    font-size: 3.8em;
    transition: var(--main-transition);
}

/* contact us section 2 CSS START */

.contact-us-section2 .block2 {
    /* border: 2px solid yellowgreen;s */
    padding-left: 25px;
    padding-right: 25px;
}

.contact-us-section2 .block2 h1 {
    width: 100%;
    font-size: 1.7em;
    transition: var(--main-transition);
}

.contact-us-section2 .block2 form input[type=submit] {
    width: 180px;
    height: 32px;
    font-size: .9em;
    transition: var(--main-transition);

}

/* contact us section 2 CSS END */


/* 1024px contact us section media queries END  */

/********************* CONTACT US PAGE CSS END *********************/


}
/* 1024px SECTION CSS END*/

/* 768px SECTION CSS START*/
@media screen and (max-width: 768px) {


    /* first section 1024px media queries START */

    .slider-content h1 {
        font-size: 2.5em;
        transition: var(--main-transition);
    }

    .slider-content a {
        width: 130px;
        font-size: .8em;
        transition: var(--main-transition);
    }
    
    .slider1 .slider-content a {
        width: 150px;
        font-size: .8em;
        transition: var(--main-transition);
    }

    .navigation-arrow {
        /* width: 200px; */
        bottom: 80px;
        transition: var(--main-transition);
        /* border: 1px solid red; */
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .left-arrow {
        width: 40px;
        height: 40px;
        margin: 0 7px 0 0;
    }
    
    .right-arrow {
        width: 40px;
        height: 40px;
        margin: 0 0 0 7px;
    }



    /* first section 1024px media queries END */


    /* 768px second section media queries START */

    .second-section-block-one {
        transition: var(--main-transition);
        width: 90%;
        /* width: 700px; */
        /* border: 1px solid green; */
        align-items: center;
        text-align: center;
        min-height: 400px;
    }

    .second-sections-icons {
        width: 300px;
        /* border: 1px solid red; */
        transition: var(--main-transition);
    }

    .second-section-block-one h1 {
        font-size: 1.4em;
        text-align: center;
        display: flex;
        justify-content: center;
        width: 90%;
        padding: 0;
        /* border: 1px solid red; */
        transition: var(--main-transition);
    }


    .second-section-block-two {
        transition: var(--main-transition);
        /* width: 700px; */
        /* width: 900px; */
        width: 90%;
        /* border: 1px solid orange; */
        min-height: 380px;
        justify-content: center;
    }

    .second-section-circle {
        transform: translate(-80px, 20px);
        /* left: 15%; */
        transition: var(--main-transition);
        width: 90px;
        height: 90px;
    }

.second-section-circle p:nth-child(1) {
    font-size: .6em;
    transition: var(--main-transition);
    /* font-weight: 300; */
}

.second-section-circle p:nth-child(2) {
    font-size: 1em;
    font-weight: 300;
    transition: var(--main-transition);
}

    .block-two-image-one {
        width: 300px;
        height: 220px;
        transform: translate(-70px, -100px);
        transition: var(--main-transition);
    }

    .block-two-image-two {
        width: 300px;
        height: 220px;
        transform: translate(70px, 20px);
        transition: var(--main-transition);
        /* border: 3px solid red; */
    }

    /* 768px second section media queries END */

    /* 768px third section media queries START */

    .third-section-block-one .container {
        min-height: 250px;
        transition: var(--main-transition);
    }

    .third-section-block-two .wrapper h1 {
        /* border: 3px solid seagreen; */
        font-size: 1.5em;
        width: 90%;
        transition: var(--main-transition);
    }

    /* 768px third section media queries END */

    /* 768px fourth section media queries START  */
    .fourth-section-block-one {
        min-height: 350px;
        /* border: 3px solid blue; */
    }
    .fourth-content-two-wrapper {
        /* flex-direction: column; */
        width: 100%;
        height: 300px;
        /* border: 1px dashed red; */
    }

    .fourth-content-wrapped-block .block-content {
        flex-direction: column-reverse;
        justify-content: space-around;
        /* border: 1px solid saddlebrown; */
        padding: 10px 0;
    }

    .fourth-block-img-wrapper {
        width: 250px;
        /* height: 200px; */
        /* border: var(--main-color) 3px solid; */
        transition: var(--main-transition);
    }

    .fourth-wrapped-text-content p:nth-child(1) {
        /* border: 3px solid seagreen; */
        font-size: 1.7em;
        transition: var(--main-transition);
    }

    /* 768px fourth section media queries END  */


    /* 768px fifth section section media queries START  */

.fifth-section-block-one h1 {
    font-size: 1.4em;
    transition: var(--main-transition);
}

.fifth-section-block-one p:nth-child(3) {
    /* border: 1px solid orange; */
    max-width: 400px;
    transition: var(--main-transition);
}

.fifth-section-block-two > div {
    text-align: center;
    width: 150px;
    height: 150px;
    transition: var(--main-transition);
}

.fifth-section-block-two {
    margin-top: 0;
    transition: var(--main-transition);
}

.fifth-section-block-two i {
    font-size: 3em;
    transition: var(--main-transition);
}

.fifth-section-block-two p {
    font-size: .8em;
    transition: var(--main-transition);
}


    /* 768px fifth section section media queries END  */



/* 768px sixth section section media queries END  */

.sixth-section-container h1 {
    font-size: 1.4em;
    transition: var(--main-transition);
}

.sixth-section-container a.phone-icon {
    /* border: 1px solid white; */
    padding: 20px;
    transition: var(--main-transition);
}

.sixth-section-container a.phone-icon i {
    font-size: 2em;
    transition: var(--main-transition);
}


.sixth-section-container .phone p {
    font-size: 1.1em;
}

.sixth-section-container .phone p:nth-child(2) a {
    font-size: 1.3em;
}

/* 768px sixth section section media queries END  */



/* 768px seventh section section media queries START */

.seventh-section {
    /* border: 2px solid lawngreen; */
    padding: var(--1200padding);
    transition: var(--main-transition);
}

.seventh-container {
    flex-direction: column-reverse;
    align-items: center;
    /* border: 2px solid brown; */
}

.seventh-container .block-one {
    width: 100%;
    /* min-height: 350px; */
    /* border: 3px solid seagreen; */
    text-align: center;
    /* margin-top: -150px; */
}

.seventh-container .block-one h1 {
    font-size: 1.5em;
    transition: var(--main-transition);
}

.seventh-btn-one {
    width: 130px;
    font-size: .9em;
    padding: 5px;
    transition: var(--main-transition);
}

.seventh-container .block-two {
    /* border: 1px solid red; */
    width: 90%;
    /* min-height: 300px; */
    transition: var(--main-transition);
}

.seventh-container .block-two .block-two-img {
    /* height: 300px; */
}



/* 768px seventh section section media queries END  */


/* 768px eigth section section media queries START  */

.eigth-container {
    flex-direction: column-reverse;
    align-items: center;
    padding: var(--1200padding);
    /* border: 2px solid red; */
    transition: var(--main-transition);
    /* border: 1px solid red; */
}

.eigth-container .block-one {
    width: 100%;
    min-height: 450px;
    /* border: 3px solid seagreen; */
    text-align: center;
    /* margin-top: -150px; */
}

.eigth-container .block-one h1 {
    font-size: 1.5em;
    transition: var(--main-transition);
}

.mission-vision-block {
    /* border: 1px solid red; */
    margin-top: 20px;
}

.mission-vision-block > * {
    padding: 5px 20px;
    border: var(--main-color) 2px solid;
    font-size: .8em;
}


.eigth-container .block-two {
    /* border: 1px solid red; */
    width: 90%;
    transition: var(--main-transition);
}

.mission-vision-text-context p {
    font-size: 1em !important;
    transition: var(--main-transition);
}

/* 768px eigth section section media queries END  */


/* 768px ninth section section media queries START  */

.ninth-section-container > div {
    font-size: .9em;
}

/* 768px ninth section section media queries END  */

/* 768px tenth section section media queries START  */
.tenth-container .block-two p {
    max-width: 100%;
}
/* 768px tenth section section media queries END  */


/* 768px footer section section media queries START */
footer {
    padding: var(--1200padding);
}

.footer-container {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 25px;
}

.footer-container > div {
    width: 100%;
    min-height: 150px;
}

.footer-container h1 {
    /* border: 1px solid red; */
    font-size: 1.5em;
}


.footer-nav-links a {
    font-size: .8em;
}

.footer-container p {
    /* border: 1px solid white; */
    font-size: .8em;
}


.footer-block-three .phone i ,
.footer-block-three .location i ,
.footer-block-three .mail i {
    font-size: .8em;
}

.fa-whatsapp-square {
    font-size: 2.5rem;
    transition: var(--main-transition);
}

/* 768px footer section section media queries END  */


/********************* CONTACT US PAGE CSS START *********************/

/* 768px contact us section media queries START  */

.contact-us-section1 {
    min-height: 700px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.contact-options-wrapper {
    flex-direction: column;
    min-height: 600px;
    /* border: 1px solid red; */
}

.contact-options-wrapper .option {
    width: 100%;
    min-height: 200px;
    margin-bottom: 10px;
    padding: 5px;
}

.contact-us-section1 .container h1,
.contact-us-hero h1 {
    font-size: 1.5em;
    transition: var(--main-transition);
}


.contact-options-wrapper .option i {
    font-size: 3em;
    transition: var(--main-transition);
}


/* contact us section 2 CSS START */

.contact-us-section2 {
    flex-direction: column-reverse;
}

.contact-us-section2 > div {
    width: 100%;
    min-height: 300px;
}

.contact-us-section2 .block2 {
    /* text-align: center; */
    /* border: 1px solid blue; */
    align-items: center;
}

.contact-us-section2 .block2 h1 {
    width: 70%;
    font-size: 1.5em;
    text-align: center;
    transition: var(--main-transition);
    /* border: 1px solid red; */
}

.contact-us-section2 .block2 form input[type=submit] {
    width: 180px;
    height: 32px;
    font-size: .9em;
    transition: var(--main-transition);
}

/* contact us section 2 CSS END */


/* 768px contact us section media queries END  */

/********************* CONTACT US PAGE CSS END *********************/

}
/* 768px SECTION CSS END*/

/* 480px SECTION CSS START*/
@media screen and (max-width: 480px) {


    /* first section 480px media queries START */

    .slider-content p {
        font-size: .7em;

    }

    .slider-content h1 {
        font-size: 1.8em;
        transition: var(--main-transition);
    }

    .slider-content a {
        width: 130px;
        transition: var(--main-transition);
        font-size: .7em;
    }
    
    .slider1 .slider-content a {
        width: 150px;
        font-size: .7em;
        transition: var(--main-transition);
    }

    /* first section 480px media queries END */


    /* 480px second section media queries START */

    .second-section-container {
        /* border: 1px solid red; */
        margin: 10px 0;
    }


    .second-section-block-one {
        transition: var(--main-transition);
        width: 100%;
        /* width: 700px; */
        align-items: flex-start;
        /* justify-content: flex-start; */
        text-align: left;
        min-height: 400px;
        padding: 20px 0;
        /* border: 1px solid green; */
    }

    .second-section-block-one h1 {
        font-size: 1.4em;
        text-align: left;
        display: flex;
        justify-content: flex-start;
        width: 90%;
        max-width: 100%;
        padding: 0;
        /* border: 1px solid red; */
        transition: var(--main-transition);
    }

    .second-section-block-one h1 {
        display: none;
    }

    .second-section-block-one h1.hidden-h1 {
        display: block !important;
    }

    

    .second-sections-icons {
        width: 300px;
        flex-direction: column;
        min-height: 150px;
        /* border: 1px solid red; */
        transition: var(--main-transition);
    }

    .second-section-block-two {
        transition: var(--main-transition);
        width: 100%;
        /* border: 1px solid orange; */
        min-height: 250px;
        justify-content: center;
        align-items: flex-start;
    }

    .second-section-circle p:nth-child(1) {
        font-size: .8em;
        transition: var(--main-transition);
        /* font-weight: 300; */
    }

    .second-section-circle p:nth-child(2) {
        font-size: 1.5em;
        font-weight: 300;
        transition: var(--main-transition);
    }

    .second-section-circle {
        transform: translate(0, 0);
        left: 0;
        top: 0;
        /* left: 15%; */
        width: 130px;
        height: 130px;
        transition: var(--main-transition);
    }

    .block-two-image-one {
        /* width: 200px; */
        /* height: 200px; */
        width: 100%;
        height: 100%;
        transform: translate(0, 0);
        transition: var(--main-transition);
        position: block;
    }

    .block-two-image-two {
        width: 200px;
        height: 160px;
        transform: translate(30px, -20px);
        transition: var(--main-transition);
        display: none;
        /* border: 3px solid red; */
    }

    /* 480px second section media queries END */

    /* 480px third section media queries START */


    .third-section-block-two {
        min-height: 500px;
        transition: var(--main-transition);
        background-attachment: initial;
    }

    .third-section-block-one {
        margin-bottom: 20px;
        transform: translateY(100px);
    }

    
    .third-section-block-one .wrapper {
        align-items: flex-start;
        text-align: left;
        transition: var(--main-transition);
    } 

    .third-section-block-two .wrapper {
        /* border: 3px solid olivedrab; */
        padding: var(--1200padding);
    }

    .third-section-block-two .wrapper h1 {
        /* border: 3px solid seagreen; */
        font-size: 1.2em;
        width: 100%;
        transition: var(--main-transition);
        margin-top: 100px;
    }

    .btn-wrapper {
        /* border: 2px solid yellow; */
        display: flex;
        flex-direction: column;
        min-height: 100px;
        align-items: center;
    }

    .third-section-block-two .wrapper .btn-one {
        margin-right: 0;

    }

    .third-section-block-two .wrapper .btn-two {
        margin-top: 20px;
    }

    /* 480px fourth section media queries START  */

    /* .fourth-section-container {
        border: 5px solid blue;
    } */


    .fourth-section {
        width: 100%;
        min-height: 1600px;
        /* border: 5px solid sandybrown; */
    }

    .fourth-section-block-one {
        /* min-height: 600px; */
    }

    .fourth-section-block-one-content-two {
        min-height: 500px;
    }

    .fourth-content-two-wrapper {
        flex-direction: column;
        justify-content: flex-start;
        transition: var(--main-transition);
        /* border: 3px solid red; */
        /* min-height: 100%; */
        /* height: 750px; */
        min-height: 500px;
    }

    .fourth-content-wrapped-block {
        width: 100%;
        /* border: 4px solid rgb(30, 53, 111); */
    }

    .fourth-content-wrapped-block:nth-child(1) {
        /* border: 1px solid red; */
        margin-bottom: 50px;
    }


.fourth-content-wrapped-block:nth-child(1) .block-content:nth-child(1) {
    border-bottom: none;
}

.fourth-content-wrapped-block:nth-child(2) .block-content:nth-child(1) {
    border-bottom: none;
}

.fourth-content-wrapped-block:nth-child(1) {
    border-right: none;
}

.block-content {
    margin: 20px 0;
}

.fourth-content-wrapped-block .block-content {
    /* margin: 30px 0; */
}


    /* 480px fourth section media queries END  */


    /* 480px third section media queries END */


    /* 480px fifth section section media queries START  */

.fifth-section-block-one h1 {
    font-size: 1.2em;
    transition: var(--main-transition);
}

.fifth-section-block-one p:nth-child(1) {
    font-size: .7em;
    transition: var(--main-transition);
} 

.fifth-section-block-one p:nth-child(3) {
    max-width: 100%;
    transition: var(--main-transition);
}

    /* 480px fifth section section media queries END  */


/* 480px sixth section section media queries START  */

.sixth-section-container h1 {
    font-size: 1.2em;
    transition: var(--main-transition);
    /* border: white 1px solid; */
}


/* 480px sixth section section media queries END  */

/* 480px seventh section section media queries START  */

.seventh-btn-one {
    font-size: .8em;
    transition: var(--main-transition);
}
/* 
.seventh-container .block-two {
    width: 100%;
} */

/* 480px seventh section section media queries END  */

/* 480px eigth section section media queries START  */
.eigth-section {
    /* min-height: 1100px; */
    margin-top: 20px;
    padding: 20px 0;
    /* border: 2px solid red; */
    overflow-x: hidden !important;
}

.eigth-container {
    justify-content: space-around;
}

.eigth-container .block-one {
    min-height: 600px;
    transition: var(--main-transition);
}
.mission-vision-block {
    max-width: 100%;
    /* border: 1px solid red; */
    /* min-height: 100px; */
    justify-content: space-around;
    min-height: 50px;
    flex-wrap: wrap;
}

.mission-vision-block > * {
    margin-bottom: 10px;
}

.mission-vision-block a:nth-child(2) {
    /* border: 1px solid red; */
    margin: 0 10px 10px 10px;
}

.eigth-container .block-two {
    width: 90%;
}

/* 480px eigth section section media queries END  */


/* 768px tenth section section media queries START  */

.tenth-section {
    /* border: 2px solid olivedrab; */
}

.tenth-container > div {
    min-height: 100px;
    transition: var(--main-transition);
}


.tenth-container .block-one i {
    font-size: 2.5em;
}

.tenth-container .block-one p:nth-child(1) {
    font-size: .9em;
    margin-bottom: 10px;
}

.tenth-container .block-one p:nth-child(2) {
    font-size: 1.2em;
}

.tenth-container .block-two p {
    font-size: 1em;
    max-width: 100%;
}

.tenth-container .block-three a {
    font-size: .7em;
    font-weight: bolder;
    padding: 7px 35px;
}

/* 768px tenth section section media queries END  */


/********************* ABOUT US PAGE CSS START *********************/

/* 480px about us section media queries START  */
.eigth-section.about-us-section1 {
    /* margin: 60px 0; */
    margin: 170px 0 0 0 ;
    /* border: 2px solid red; */
}
/* 480px about us section media queries END  */

/********************* ABOUT US PAGE CSS END *********************/



/********************* CONTACT US PAGE CSS START *********************/

/* 480px contact us section media queries START  */

.contact-us-section1 {
    min-height: 750px;
}

.contact-options-wrapper {
    flex-direction: column;
    min-height: 600px;
    /* border: 1px solid red; */
}

.contact-options-wrapper .option {
    width: 100%;
    min-height: 200px;
    margin-bottom: 10px;
    padding: 5px;
}

.contact-us-section1 .container h1 {
    font-size: 1.2em;
    transition: var(--main-transition);
}

.contact-options-wrapper .option i {
    font-size: 2.8em;
    transition: var(--main-transition);
}

/* contact us section 2 CSS START */

.contact-us-section2 .block2 {
    /* border: 1px solid blue; */
}

.contact-us-section2 .block2 h1 {
    width: 100%;
    font-size: 1.2em;
    transition: var(--main-transition);
}


.contact-us-section2 .block2 form input[type=submit] {
    width: 150px;
    height: 30px;
    font-size: .7em;
    transition: var(--main-transition);
}

/* contact us section 2 CSS END */


/* 480px contact us section media queries END  */

/********************* CONTACT US PAGE CSS END *********************/



}
/* 480px SECTION CSS END*/


/* 320px SECTION CSS START*/
@media screen and (max-width: 320px) {
    .eigth-section {
        overflow-x: hidden !important;
    }
}
/* 320px SECTION CSS END*/


/* media queries section END */