* {

    margin: 0;

    padding: 0;

    box-sizing: border-box;

}

select{

    /* color: orange; */

    background-image: url(../image/Down\ Arrow.png);

    appearance: none;

}

.arr-ab{

    width: 20px;

    height: 20px;

    position: absolute;

  

}

a {

    text-decoration: none;

}



body {

    color: aliceblue;

    background-image: url(../image/home_img/Group-1241.png);

    background-position-x: center;

    background-position-y: top;

    background-color: #010B20;

    background-size: 290px;

    background-repeat: no-repeat;

    width: 100%;

}



@font-face {

    font-family: "Whyte_Regular";

    src: url("../Fonts/Whyte-Regular.ttf");

}



@font-face {

    font-family: "Whyte_bold";

    src: url('../Fonts/Whyte-Bold.ttf');

}



@font-face {

    font-family: "Whyte_Light";

    src: url("../Fonts/Whyte-Light.ttf");

}



@font-face {

    font-family: "Arimo_Regular";

    src: url("../Fonts/Arimo-Regular.ttf");

}



@font-face {

    font-family: "jost_light";

    src: url("../Fonts/Jost-Light.ttf");

}



@font-face {

    font-family: "Jost_SemiBold";

    src: url("../Fonts/Jost-SemiBold.ttf");

}



@font-face {

    font-family: "jost_Medium";

    src: url("../Fonts/Jost-Medium.ttf");

}



@font-face {

    font-family: "Jost_Bold";

    src: url("../Fonts/Jost-Bold.ttf");

}



@font-face {

    font-family: "Jost_Regular";

    src: url("../Fonts/Jost-Regular.ttf");

}



@font-face {

    font-family: "WhyteInktrap";

    src: url("../Fonts/WhyteInktrap-HeavyItalic.ttf");

}



@font-face {

    font-family: "Arimo_Regular";

    src: url("../Fonts/Arimo-Regular.ttf");

}



html {

    scroll-behavior: smooth;

}



.container {

    width: 90%;

    margin: 0 auto;

}



.row {

    display: flex;

    flex-wrap: wrap;

}



.col_12 {

    width: 100%;

}



[class*=col_] {

    width: 100%;

}



.col-80 {

    width: 80%;

}



.col-20 {

    width: 20%;

}



.justify-space-between {

    justify-content: space-between;

}



.justify-space-evenly {

    justify-content: space-evenly;

}



.align-item-center {

    align-items: center;

}



header {

    top: 0;

    position: fixed;

    z-index: 999;

    width: 100%;

    transition: 0.2s;

}



header.headeractive {

    position: fixed;

    background-color: #010b20bc;

    backdrop-filter: blur(15px);

    border-bottom: solid 0.1px sandybrown; 

    /*box-shadow: 0 0px 5px 0.5px sandybrown;*/

    z-index: 99999999;

}



header{

 

}

.hader {

    background-color: #0C1831;

}





/* .logo img {

    width: 60%;

    padding: 20px 0;

} */



.header_text {

    display: none;

}



.header_text ul li {

    display: inline-block;

}



.header_text ul li a {

    display: inline-block;

    color: #fff;

    padding: 0 14px;

    font-family: "jost_light";

    font-size: 20px;

}



.header_text ul li a.active2 {

    color: #fca661;

}



.header_text ul li a::after {

    content: '';

    width: 0%;

    height: 2px;

    background-color: #fca661;

    display: block;

    margin: auto;

    transition: 0.5s;

    margin-top: 4px;

}



.header_text ul li a:hover::after {

    width: 100%;

}



/* Lets_Chat */



.Lets_Chat {

    display: none;

    font-family: "jost_light";

    color: #000;

    text-decoration: none;

}



.Lets_Chat button {

    text-transform: capitalize;

    border: none;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 170px;

    padding: 5px 0px;

    background-color: transparent;

}



.Lets_Chat button span {

    font-size: 20px;

    color: #fff;

}



.Lets_Chat button span+span {

    font-size: 30px;

    height: 50px;

    width: 50px;

    display: grid;

    place-items: center;

    border-radius: 50%;

    color: #000;

    background-color: #FCA661;

}



.Lets_Chat button:hover span+span {

    box-shadow: 0.2rem 0.2rem #6b61fc;

    border-radius: 50%;

}



.Lets_Chat1 {

    color: #000;

    font-family: "jost_light";

    display: flex;

    justify-content: center;

    text-decoration: none;

}



.Lets_Chat1 button {

    border: none;

    text-transform: capitalize;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 170px;

    margin: 50px;

    padding: 5px 5px;

    background-color: transparent;

}



.Lets_Chat1 button span {

    font-size: 20px;

    color: #fff;

}



.Lets_Chat1 button span+span {

    font-size: 30px;

    height: 50px;

    width: 50px;

    display: grid;

    place-items: center;

    color: #000;

    border-radius: 50%;

    background-color: #FCA661;

}



.Lets_Chat1 button:hover span+span {

    box-shadow: 0.2rem 0.2rem #6b61fc;

    border-radius: 50%;

}



/* ------------------ section 1 --------------- */

.kkkk {

    margin: 80px 0;

}



.se_1 {

    padding: 60px 0;

    overflow: hidden;

    /* border: 2px solid; */

}



.se_1_text {

    text-align: center;

}



.se_1_text h1 {

    font-size: 60px;

    text-align: center;

    color: #fca661;

    line-height: 95px;

    font-family: "Whyte_bold";

    /* letter-spacing: -px; */

}



.se_1_text h1 img {

    width: 20%;

    display: inline-block;

    padding: 0 8px;

    animation: animName 8s linear infinite;

}



@keyframes animName {

    0% {

        transform: rotate(0deg);

    }



    100% {

        transform: rotate(360deg);

    }

}



.se_1_text h1 span {

    font-family: "WhyteInktrap";

    font-weight: 500;

    font-size: 60px;

}



.se_1_text p {

    text-align: center;

    font-size: 18px;

    padding: 50px 0;

    font-family: "jost_light";

}



.se_1_img {

    position: relative;

    z-index: 1;

}



.se_1_img img {

    width: 92%;

    display: block;

}



.animation_btn button {

    /* font-family: "jost_Medium";

    font-size: 8px;

    background-color: #FBD773;

    padding: 8px 5px;

    border: 1px solid;

    top: 30%;

    left: 0%;

    position: absolute;

    animation: responsiveGreenCursor 6s ease-in-out infinite; */

    font-family: "jost_Medium";

    font-size: 15px;

    background-color: #FBD773;

    padding: 8px 8px;

    border: 1px solid;

    top: 30%;

    left: 0;

    position: absolute;

    animation: responsiveGreenCursor 8s ease-in-out infinite;

}



.animation_btn button::after {

    content: url(../image/home_img/Group\ 922.png);

    color: blue;

    position: absolute;

    font-size: 20px;

    top: -20px;

    color: #FBD773;

    right: -20px;

}



@keyframes responsiveGreenCursor {

    0% {

        transform: translateY(0rem);

    }



    25% {

        transform: translateY(1rem);

    }



    50% {

        transform: translateY(2rem);

    }



    75% {

        transform: translateY(-2rem);

    }



    100% {

        transform: translateY(0rem);

    }

}



.animation_btn2 button {

    /* font-family: "jost_Medium";

    font-size: 10px;

    background-color: #B0E8FE;

    padding: 8px 15px;

    border: 1px solid;

    top: 80%;

    right: 0;

    position: absolute;

    animation: responsiveGreenCursor1 7s ease infinite; */

    font-family: "jost_Medium";

    font-size: 15px;

    background-color: #B0E8FE;

    padding: 5px 15px;

    border: 1px solid;

    top: 80%;

    right: 0;

    position: absolute;

    animation: responsiveGreenCursor1 7s ease infinite;

}



.animation_btn2 button::before {

    content: url("../image/home_img/Group\ 921.png");

    color: blue;

    position: absolute;

    font-size: 20px;

    top: -20px;

    color: #B0E8FE;

    left: -20px;

    font-family: "fontawesome";

}



@keyframes responsiveGreenCursor1 {

    0% {

        transform: translateY(0rem);

    }



    25% {

        transform: translateY(1rem);

    }



    50% {

        transform: translateY(2rem);

    }



    75% {

        transform: translateY(-2rem);

    }



    100% {

        transform: translateY(0rem);

    }

}



.available {

    padding: 7px 7px;

    border: 2px solid #ffffff;

    border-radius: 50px;

    width: 280px;

    background: transparent;

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin: 30px 0;

    color: #FCA661;

    font-family: "Jost_Regular";

    font-size: 23px;

    cursor: pointer;

    margin: 0 auto;

}



.available span.lubjubk {

	--tw-bg-opacity: 1;

    border-radius: 9999px;

    background-color: #34f180;

    position: relative;

    width: 6px;

    height: 6px;

    display: inline-block;

    left: -23px;

    z-index: 999;

    top: -3px;

}

.available span.grncirc {

    position: relative;

    /* top: 4px; */

    height: 14px;

    width: 14px;

    border-radius: 50%;

    display: inline-block;

    align-items: center;

    background-color: #6AFD5A;

    margin: 0 8px -1px  15px;

    z-index: 999999;

}

@keyframes ping{

	75%,

	to{

		transform:scale(1);

		opacity:0

	}

}

.available span.grncirc{

	animation:ping 2.3s cubic-bezier(0.6,0,.5,1.8) infinite

}

/* ------------------ section 2 --------------- */



.se_2 {

    padding-bottom: 85px;

    /* padding: 40px 0; */

}



.se_2_text1 {

    text-align: center;

}



.se_2_text1 h4 {

    font-size: 20px;

    letter-spacing: 15px;

    text-transform: uppercase;

    color: #fca661;

    font-weight: 300;

    font-family: "jost_light";

}



.se_2_text_2 {

    text-align: center;

}



.se_2_text_2 h3 {

    padding: 14px 0;

    font-size: 60px;

    text-transform: uppercase;

    color: #fca661;

    font-weight: 300;

    font-family: "jost_light";

}



.se_2_text_2 p {

    font-size: 22px;

    color: #ffffff;

    font-family: "Jost_Regular";

}



.se_2_text_3 {

    padding: 20px;

    border: 2px dashed #fff;

    border-radius: 15px;

    display: flex;

    align-items: center;

    margin: 20px 0;

}



.se_2_box1 {

    width: 75%;

}



.se_2_box1 h4 {

    font-family: "Jost_Bold";

    padding-bottom: 15px;

    font-size: 18px;

}



.se_2_box1 p {

    font-family: "jost_light";

    padding: 5px 0;

    font-size: 15px;

    /* width: 92%; */

    line-height: 18px;

}



.se_2_box2 {

    width: 25%;

    text-align: center;

}



.se_2_box2 img {

    padding: 0 2px;

    /* display: inline-block; */

}



.photoshop_sketch {

    display: flex;

    justify-content: space-between;

}



.figma {

    display: flex !important;

    margin: 0 auto;

    padding: 0 !important;

}



/* ------------------ section 3 --------------- */



.se_3 {

    margin: 0;

    padding-top: 0px;

    position: relative;

    z-index: 1;

}



.se_3_title {

    text-align: center;

}



.se_3_title h4 {

    font-size: 20px;

    letter-spacing: 18px;

    text-transform: uppercase;

    color: #fca661;

    font-weight: 700;

    font-family: "Jost_Bold";

    padding: 15px 0;

}



.se_3_title p {

    font-size: 20px;

    font-family: "Arimo_Regular";

}



.se_3_title a {

    font-size: 22px;

    text-decoration: underline;

    color: #fca661;

    font-weight: 500;

    font-family: "Jost";

}

.mbthrity { margin-bottom:30px; }

.btn_box button {

    font-family: "Arimo_Regular";

    padding: 49px 50px;

    display: block;

    font-size: 23px;

    z-index: 3;

    margin: 40px auto;

    border-radius: 20px;

    border: none;

    color: #fff;

    background-color: #9999;

    position: relative;

    overflow: hidden;

    cursor: pointer;

    width: 90%;

    display: flex;

    backdrop-filter: blur(4px);

    justify-content: space-between;

}



.se_3_text {

    display: none;

}



.accordion-header_1.active1 i {

    transition: all 0.5s ease-in-out;

    transform: rotate(180deg);

}



.accordion-body_1 {

    padding: 0 1rem;

    max-height: 0;

    overflow: hidden;

    transition: all 0.5s ease-in-out;

}



.accordion-body_1.active1 {

    max-height: 80rem;

    padding: 1rem;

}



.color_se3 {

    background-color: #111829;

}



.btn_one.active_btn {

    padding-left: 90px;

    /* text-align: center; */

    background: linear-gradient(208deg, #a7003d 0%, #fca661 100%);

}



.btn_two.active_btn {

    padding-left: 90px;

    background-image: linear-gradient(200deg, #f5b624 0%, #ebb963 100%);

}



.btn_three.active_btn {

    padding-left: 90px;

    background-image: linear-gradient(208deg, #348f50 0%, #56b4d3 100%);

}



.btn_four.active_btn {

    padding-left: 65px;

    background-image: linear-gradient(208deg, #ec008c 0%, #fc6767 100%);

}



.btn_one.active_btn::after {

    position: absolute;

    content: url(../image/home_img/Mask\ Group\ 1.png);

    display: block;

    top: -20px;

    left: -25px;

}



.btn_two.active_btn::after {

    position: absolute;

    content: url(../image/home_img/Mask\ Group\ 8.png);

    display: block;

    top: -20px;

    left: -25px;

}



.btn_three.active_btn::after {

    position: absolute;

    content: url(../image/home_img/Mask\ Group\ 5.png);

    display: block;

    top: -20px;

    left: -25px;

}



.btn_four.active_btn::after {

    position: absolute;

    content: url('../image/home_img/Mask\ Group\ 7.png');

    display: block;

    top: -20px;

    left: -25px;

}



/* ------------------ section 4 --------------- */

.se_4 {

    overflow: hidden;

    padding-top: 120px;

}



.se_3_title {

    /*padding-bottom: 40px;

    padding: 40px 0; */

}



.se_4_slider_img {

    margin: 10px;

}



.se_4_slider_img img {

    transition: 0.3s;

    width: 100%;

    display: block;

    aspect-ratio: 4/4;

    border-radius: 20px;

}



.btn-wrap {

    display: flex;

    justify-content: center;

}



.btn-wrap button {

    border: none;

    cursor: pointer;

    background-color: transparent;

}



.btn-wrap button img {

    margin: 20px 0;

    width: 95%;

}





.btn-wrap button span {

    font-size: 30px;

    display: block;

    background-color: #999;

}



/* btn 1 */

.btn-wrap1 {

    display: flex;

    justify-content: center;

}



.btn-wrap1 button {

    border: none;

    cursor: pointer;

    background-color: transparent;

}



.btn-wrap1 button img {

    margin: 20px 0;

    width: 95%;

}





.btn-wrap1 button span {

    font-size: 30px;

    display: block;

    background-color: #999;

}



.prev {

    margin-right: 40px;

}



.prev_clients {

    margin-right: 40px;

}



button.slick-disabled {

    opacity: 0.6;

}



/* ------------------ section 5 --------------- */



.se_5 {

    margin: 0;

    padding-top: 50px;

}

.nedzindx {

    position: relative;

	z-index: 9999;

}

.se_5_text {

    padding: 55px 0;

    text-align: center;

    cursor: pointer;

	/* border: 1pt solid #0C1831; */	 

    border-top: 1pt solid #0C1831;

    border-bottom: 1pt solid #0C1831;

}



.hover_img_Technology {

    /* -webkit-transition: all 1s ease;

    transition: all 1s ease; */

}





.hover_img_Technology:hover {

    background-image: url("../image/home_img/Technology.png");

    background-size: cover;

    /* border-top: medium;

    border-bottom: medium; */

}



.hover_img_Hospitality:hover {

    background-image: url("../image/home_img/Hospitality.png");

    background-size: cover;

    /* border-top: medium;

    border-bottom: medium; */

}



.hover_img_Healthcare:hover {

    background-image: url("../image/home_img/Healthcare.png");

    background-size: cover;

    /* border-top: medium;

    border-bottom: medium; */

}



.hover_img_Real_Estate:hover {

    background-image: url("../image/home_img/Real\ Estate.png");

    background-size: cover;

    /* border-top: medium;

    border-bottom: medium; */

}



.hover_img_Retail:hover {

    background-image: url("../image/home_img/Retail\ -\ E-commerce.png");

    background-size: cover;

    /* border-top: medium;

    border-bottom: medium; */

}



.hover_img_Legal:hover {

    background-image: url("../image/home_img/Legal.png");

    background-size: cover;

    /* border-top: medium;

    border-bottom: medium; */

}



.hover_img_Manufacturing:hover {

    background-image: url("../image/home_img/Manufacturing.png");

    background-size: cover;

    /* border-top: medium;

    border-bottom: medium; */

}



.hover_img_Utility:hover {

    background-image: url("../image/home_img/Utility\ Sector.png");

    background-size: cover;

    /* border-top: medium;

    border-bottom: medium; */

}



.hover_img_Advertising:hover {

    background-image: url("../image/home_img/Advertising\ -\ Marketing.png");

    background-size: cover;

    

    /* border-top: medium;

    border-bottom: medium; */

}



.hover_img_Education:hover {

    background-image: url("../image/home_img/Education.png");

    background-size: cover;

    

    /* border-top: medium;

    border-bottom: medium; */

}



.hover_img_Logistics:hover {

    background-image: url("../image/home_img/Logistics.png");

    background-size: cover;

    

    /* border-top: medium;

    border-bottom: medium; */

}



.hover_img_Information:hover {

    background-image: url("../image/home_img/Information\ Technology.png");

    background-size: cover;

    

    /* border-top: medium;

    border-bottom: medium; */

}



.se_5_title h4 {

    font-size: 28px;

    font-weight: bold;

    font-family: "Whyte_bold";

    padding: 20px 0 40px 0;

}



.se_5_text p {

    font-size: 22px;

    font-weight: 500;

    font-family: "Jost_Regular";

}



/* .------------------ section 6 --------------- */



.se_6 {

    /* border: 2px solid; */

    margin: 100px 0;

    /* margin: 0; */

}



.se_6_title h4 {

    text-align: center;

    font-size: 26px;

    padding-bottom: 20px;

    font-family: "Whyte_bold";

}



.se_6_text_img {

    text-align: center;

}







.se_6_text_img img {

    height: 180px;

    width: 180px;

    margin: 20px auto;

    display: block;

    border-radius: 50%;

}



.se_6_text_img h4 {

    font-family: "jost_regular";

    font-size: 24px;

}



.se_6_text_img p {

    padding: 8px 0;

    font-family: "Whyte_Regular";

    font-size: 16px;

    line-height: 26px;

    color: #FCA661;

}



.se_6_text p {

    font-family: "jost_light";

    margin: 20px 0;

    font-size: 18px;

    color: #d5d5d5;

    line-height: 30px;

    text-align: center;

}



/* ------------------ section 7 --------------- */



.se_7 {

    margin: 0 0 75px 0;

}



.color {

    background-color: #111829;

}



.se_7_img img {

    width: 100%;

    display: block;

}



.form_cntrol {

    padding: 2px 0 1px;

    overflow: hidden;

    width: 80%;

    margin: 0 auto;

}

form.form_cntrol {

    height: 634px;

    position: relative;

    z-index: 99999;

}

.input_control {

    width: 100%;

    font-size: 18px;

    display: block;

    padding: 8px 0px;

    margin: 45px 0;

    background-color: transparent;

    border: none;

    outline: none;

    font-family: "Whyte_Light";

    border-bottom: 1px solid #999;

}

.form_cntrol input::placeholder, .form_cntrol textarea::placeholder {

    color: #fff;

}

.form_cntrol input {

    color: #fff;

}



.form_cntrol textarea:focus,

.form_cntrol select:focus,

.form_cntrol input:focus {

    border-bottom: 1px solid #FCA661;

}



.form_cntrol button img {

    padding: 0 0 0 20px;

}



.form_cntrol button {

    color: #fca661;

    border: none;

    font-size: 22px;

    background-color: transparent;

    margin: 26px 0;

    margin-left: auto;

    display: flex;

    align-items: center;

    padding: 8px 0;

    cursor: pointer;

    font-family: "jost_light";

}



.mobaie {

    /* display: flex; */

    align-items: baseline;

}



.mobaie select {

  

    font-size: 19px;

    padding: 8px 0 8px;

    width: 110%;

    background-color: transparent;

    border: none;

    outline: none;

    font-family: "Whyte_Light";

    border-bottom: 1px solid #999;

    color: #fff;

    appearance: none;

   

}



option {

    font-family: "Whyte_Light";

    background-color: #010B20;

}

.inpu {

    display: inline-block;

    justify-content: space-between;

    width: 100%;

    /* margin: 6px 0 0 17PX; */

}

.inpu input {

    width: 100%;

    font-size: 18px;

    padding: 8px 0px;

    background-color: transparent;

    border: none;

    outline: none;

    border-bottom: 1px solid #999;

}

.inpu input[name="mobile_number"] {

	/*padding: 8px 0;*/

    height: 45px;

}



.mobaie{

    /* width: 30%;

    margin: 0 15PX  0 0;

    display: flex;

    justify-content: space-between;

    background-image: url(../image/Down\ Arrow.png);

    background-repeat: no-repeat;

    background-position: calc(100% - 1px);

    background-size: 15px; */

	

	width: 46%;

    margin: 0 25PX 0 0;

    display: flex;

    justify-content: space-between;

    background-image: url(../image/Down\ Arrow.png);

    background-repeat: no-repeat;

    background-position: calc(100% - 3px);

    background-size: 15px;

}

.contry_corse {



    width: 46%;

    margin: 0 25PX  0 0;

    display: flex;

    justify-content: space-between;

    background-image: url(../image/Down\ Arrow.png);

    background-repeat: no-repeat;

    background-position: calc(100% - 3px);

    background-size: 15px;

}

.contry_corse-2 {

    display: inline-block;

    justify-content: space-between;

    background-image: url(../image/Down\ Arrow.png);

    background-repeat: no-repeat;

    background-position: calc(100% - 3px);

    background-size: 15px;

    /* width: 46%;

    margin: 0 0 0  25PX ; */

    width: 100%;

    margin: 0;



}

.cor-name

{

    display: flex;





}



.contry_corse select {

    /* position: relative; */

    font-size: 18px;

    padding: 8px 0 8px;

    width: 100%;

    background-color: transparent;

    border: none;

    outline: none;

    border-bottom: 1px solid #999;

    margin: 45px 0;

    color: #fff;

  

}

.contry_corse-2 select {



    font-size: 18px;

    padding: 8px 0 8px;

    width: 100%;

    background-color: transparent;

    border: none;

    outline: none;

    border-bottom: 1px solid #999;

    margin: 45px 0;

    color: #fff;

}



.form_cntrol textarea {

    font-size: 18px;

    resize: none;

    font-family: "Whyte_Light";

    width: 100%;

    background-color: transparent;

    border: none;

    outline: none;

    border-bottom: 1px solid #999;

    /* margin: 69px 0; */

    color: #fff;

}



/* ----------------- footer -------------------- */



.footer {

    background-color: #0C1831;

    padding: 35px 0 20px 0;

    position: relative;

    z-index: 9999;

}



.footer_logo img {

    display: block;

    width: 200px;

    margin: 0 auto;

    padding: 10px 0;

}



.footer_text ul li {

    list-style: none;

    align-items: center;

    margin: 15px 0px 0px 0px;

}



.footer_text {

    text-align: center;

    width: 70%;

    margin: 0 auto;

    font-family: "jost_light";

}



.footer_text ul li a {

    color: #fff;

    font-size: 18px;

    display: inline-block;

    /* text-align: center; */

    margin: 0 0 0 0px;

}



.footer_text ul li a::after {

    content: '';

    width: 0%;

    height: 2px;

    background-color: #0c1831;

    display: block;

    margin: auto;

    transition: 0.5s;

    margin-top: 4px;

}



.footer_text ul li a:hover::after {

    width: 100%;

}



.footer_text ul li a:hover {

    color: #FCA661;

}



.footer_text1 {

    text-align: center;

    font-family: "jost_light";

}



.footer_text1 p {

    color: white;

    font-size: 14px;

}



.footer_text1 p span {

    padding: 10px 0;

    display: block;

}



.foooter_icon ul li {

    display: inline-block;

}



.foooter_icon ul li a {

    display: flex;

    font-size: 20px;

    justify-content: center;

    align-items: center;

    color: #000;

    height: 40px;

    width: 40px;

    background-color: #fff;

    border-radius: 50%;

}



.footer_text_2 {

    margin-top: 230px;

}



.footer_text_2 ul li {

    justify-content: center;

    list-style: none;

    display: flex;

    padding: 0 8px;

    line-height: 20px;

}



.footer_text_2 ul li a {

    display: flex;

}



.footer_text_2 ul li a span {

    padding: 0 10px;

    align-items: center;

}



.footer_text_titel {

    text-align: center;

    font-family: "Jost_Regular";

    padding: 10px 0;



}



.footer_text_titel h4 {

    font-size: 22px;

    font-family:"Jost_Light" !important;

}



.footer_text_titel h4 span {

    color: #fca661;

}



.footer_text_2 ul li {

    display: flex;

    <!---align-items: center;--->

}



.call_icon a {

    align-items: center;

    display: flex;

    color: #fff;

    font-size: 17px;

    font-family: "Whyte";

    margin-left: -8px;

}



.call_icon a span {

    color: #fca661;

}



.call_icon a small {

    font-size: 17px;

    padding: 0 5px;

    /* width: 82px; */

    font-family: "Whyte_Regular";

    color: #999;

    text-transform: capitalize;

}



.location a small {

    font-size: 17px;

    padding: 0 15px;

    width: 82px;

    font-family: "Whyte_Regular";

    color: #999;

    text-transform: capitalize;

}



.mobile_number,

.email_id,

.skype_id,

.location{

    font-family: "Whyte_Regular";

   

}



.mobile_number a , .email_id a , .skype_id a , .location a{

    color: white;

}





.contact-action {

    position: relative;

    top: 70px;

    left: 36%;

    width: 50%;

}



.col-501 ul li {

    list-style: none;

}



.col-501 {

    width: 50%;

    text-align: center;

}



.accordion-body_1 {

    text-align: center;

    font-family: "Whyte";

}



.accordion-body_1 .se_3_text_img {

    padding: 30px 0;

}



.contact-action span {

    position: absolute;

}



.contact-action span a img {

    display: block;

    /* margin: 27px 10px;

    margin: 27px 0;

    height: 50px;

    width: 70px; */

    object-fit: contain;

	margin: 21px 0;

	height: 40px;

	width: 69px;

}



.contact-action span a {

    color: #000;

}



.contact-action span a i {

    border-radius: 50%;

    width: 40px;

    height: 40px;

    font-size: 22px;

    display: block;

    background-color: #fca661;

    display: flex;

    align-items: center;

    justify-content: center;



}



/* Position of elements */



.contact-action span:nth-child(2) {

    top: -60px;

    /* left: 25px; */

    left: 15px;

}



.contact-action span:nth-child(2):hover i {

    color: #fff;

    background-color: #3b5998;

}



.contact-action span:nth-child(3) {

    top: -35px;

   /*  left: -33px; */

    left: -35px;

}



.contact-action span:nth-child(3):hover i {

    color: #fff;

    background-color: #1da1f2;

}



.contact-action span:nth-child(4) {

    /* top: 27px; */

    top: 15px;

    left: -60px;

}



.contact-action span:nth-child(4):hover i {

    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);

    color: #fff;

}



.contact-action span:nth-child(5) {

    /* top: 85px; */

    top: 65px;

    left: -35px;

}



.contact-action span:nth-child(5):hover i {

    color: #fff;

    background-color: #0A66C2;

}



.contact-action span:nth-child(6) {

    /*  top: 110px;

	left: 28px; */

    top: 100px;

    left: 15px;

}



.contact-action span:nth-child(6):hover i {

    color: #fff;

    background-color: #E60023;

}



.contact-action span:nth-child(7) {

    /* top: 80px;

    left: 90px; */

    top: 65px;

    left: 65px;

}



.contact-action span:nth-child(7):hover i {

    color: #fff;

    background-color: #053eff;

}



.contact-action span:nth-child(8) {

    /* top: 20px;

    left: 110px; */

    top: 15px;

    left: 85px;

}



.contact-action span:nth-child(8):hover i {

    color: #fff;

    background-color: #ea4c89;

}



.contact-action span:nth-child(9) {

    /* top: -30px;

    left: 80px; */

    top: -35px;

    left: 65px;

}



.contact-action span:nth-child(9):hover i {

    color: #fff;

    background-color: #FF0000;

}



.container_se {

    background-color: #0C1831;

}



.Copyrights {

    text-align: center;

    padding-top: 20px;

}



.line {

    height: 1px;

    width: 100%;

    margin-top: 45px;

    background-color: #9999;

}



.Copyrights p {

    font-size: 16px;

    font-family: "jost_light"

}



.Copyrights p span {

    color: #fca661;

}



/* ------------------ work ------------------ */



/* ------------------ section 1 ---------------  */



.wo_se_1 {

    margin-top: 82px;

    padding: 63px 0;

    background-color: #0C1831;

}



.wo_se_1_img img {

    width: 100%;

}



.wo_se_1_text h4 {

    text-align: center;

    font-size: 40px;

    font-weight: 900;

    font-family: "Whyte_bold";

}



.wo_se_1_text h4 span {

    color: #fca661;

}



.wo_se_1_text p {

    text-align: center;

    width: 92%;

    margin: 0 auto;

    font-size: 23px;

    font-weight: 300;

    font-family: "jost_light";

}



/* ------------------ section 2 --------------- */

.wo_se_2 {

    overflow: hidden;

    /* padding: 10px 0 50px 0; */

    background: linear-gradient(180deg, #0C1831 8%, transparent 8%);

}



.work_card {

	text-align:center;

    width: 97%;

    margin: 25px 0;

}



.margin_left_auto {

    margin-left: 0;

}



.work_card img {

    width: 100%;

    border-radius: 20px;

}



.work_card h4 {

    font-family: "Jost_Regular";

    font-weight: 500;

    font-size: 28px;

    padding-bottom: 0px;

    margin-top: 10px;

}



.work_card p {

    font-size: 22px;

    font-family: "Jost_Regular";

    color: #fca661;

}



/* ------------------ section 3 --------------- */

.wo_se_3 {

    overflow: hidden;

    padding: 50px 0;

}



.wo_se_3_color {

    background-color: #E9184A;

    border-radius: 20px;

}



.wo_se_3_text {

    padding: 30px;

}



.wo_se_3_text h4 {

    line-height: 50px;

    font-size: 2.1rem;

    font-weight: 300;

    font-family: 'Jost_Bold';

}



.wo_se_3_text p span {

    font-weight: 800;

}



.wo_se_3_text p {

    font-size: 26px;

    line-height: 40px;

    font-weight: 300;

    font-family: 'Jost_Regular';

    padding: 40px 0;

}



.wo_se_3_text button {



    font-size: 22px;

    padding: 10px 20px;

    border: 2px solid #fff;

    background-color: transparent;

    font-weight: 300;

    border-radius: 30px;

    cursor: pointer;

    outline: none;

    color: #fff;

}



.wo_se_3_text button:hover {

    background-color: #010b20;

	border-color:#010b20;

    color: #fff;



}



.wo_se_3_img img {

    width: 100%;

    display: block;

}



.wo_se_4 {

    margin-bottom: 50px;

    overflow: hidden;

}



/* ------------------ work 2------------------ */



/* ------------------ section 1 --------------- */



.wo2_se_1 {

    margin-top: 70px;



    padding: 100px 0 90px 0;

}



.wo2_se_1_text {

    text-align: center;

}



.wo2_se_1_text h4 {

    font-family: "Jost_Regular";

    font-size: 52px;

}



.wo2_se_1_text ul {

    font-family: "Jost_Regular";

    display: flex;

    justify-content: center;

    align-items: center;

    list-style: none;

    font-size: 26px;

    text-transform: uppercase;

    color: #fca661;

    margin: 20px 0;



}



.wo2_se_1_text li img {

    padding: 0 7px;

    display: block;

}



.wo2_se_1_text p {

    font-family: "Jost_Regular";

    width: 95%;

    margin: 0 auto;

    font-size: 21px;

    line-height: 35px;

    color: #ffffff;

}



.wo2_se_1_img {

    border-radius: 25px;

}



.wo2_se_1_img img {

    display: block;

    width: 50%;

    margin: 30px auto;

    object-fit: cover;

}



/* ------------------ section 2 --------------- */

/* .wo2_se_2 {} */



.wo2_se_2_img img {

    width: 100%;

}



/* ------------------ section 3 --------------- */



.wo2_se_3 {

    padding: 30px 0 50px 0;

}



.other_screens h4 {

    font-size: 22px;

    text-transform: uppercase;

    font-family: "Jost_Regular";

    color: #fca661;

    letter-spacing: 10px;

}



.wo2_se_3_slider_img img {

    padding: 5px;

    width: 100%;

    display: block;

}



.Other_pages {

    justify-content: center;

}



.Other_pages h4 {

    text-transform: uppercase;

    font-size: 22px;

    font-family: "Jost";

    color: #fca661;

    letter-spacing: 10px;

}



/* ------------------ ABOUT  ---------------  */



/* ------------------ About section 1 ---------------  */

.ab_se_1 {

    margin-top: 50px;

    padding-top: 20px;

}







.ab_se_1_text {

    text-align: center;

}



.ab_se_1_text h2 {

    margin: 0;

    font-size: 80px;

    line-height: 200px;

    font-weight: lighter;

    font-family: "Whyte_bold";

    text-transform: capitalize;

    -webkit-text-stroke: 1px #fff;

    -webkit-text-fill-color: transparent;

}



.ab_se_1_text span {

    font-family: "jost_light";

    text-align: center;

    font-size: 24px;

    display: block;

    letter-spacing: 20px;

    text-transform: uppercase;

    color: #fca661;

    font-weight: 300;

}



.ab_se_1_img img {

    width: 100%;

    margin: 0 auto;

    display: block;

    border-radius: 222px;

    background-color: #010b20;

}



/* ------------------ About section 2 ---------------  */



.ab_se_2 {

    padding: 30px 0;

}



.ab_se_2_text2 h4 {

    text-align: center;

    width: 100%;

    margin: 0 auto;

    font-size: 18px;

    line-height: 38px;

    color: #ffffff;

    font-weight: 700;

    font-family: "Jost_Bold";

    /* padding: 30px 0; */

}



.ab_se_2_text2 p {

    width: 80%;

    margin: 0 auto;

    font-size: 18px;

    line-height: 38px;

    color: #ffffff;

    padding: 30px 0;

    font-family: "Jost_Regular";

}



.ab_se_2_text2 p span {

    display: block;

}



/* ------------------ About section 3 ---------------  */



.ab_se_3 {

    overflow: hidden;

    /* padding-top: 50px; */

}



.ab_se_3_img img {

    width: 100%;

}



/* ------------------ About section 4 ---------------  */



.ab_se_4 {

    overflow: hidden;

    padding: 40px 0 90px 0;

}



.ab_se_4_text p {

    text-align: center;

    padding: 15px 0 30px 0;

    font-size: 23px;

    letter-spacing: 1px;

    color: #fca661;

    font-family: "jost_Medium";

}



.ab_se_4_img img {

    width: 100%;

}



.ab_se_4_text1 {

    width: 90%;

    margin-left: auto;

}



.ab_se_4_text1 h4 {

    font-family: "Jost_SemiBold";

    margin-top: 10px;

    font-size: 35px;

    line-height: 52px;

    padding-top: 28px;

}



.ab_se_4_text1 span {

    font-family: "jost_light";

    font-size: 24px;

    line-height: 52px;

    color: #9b9b9b;

    display: block;

    padding-bottom: 8px;

    font-weight: 300;

}



.ab_se_4_text1 p {

    font-family: "Jost_Regular";

    font-size: 19px;

}



.ab_se_4_text1 p+p {

    font-size: 19px;

    padding: 30px 0;

}



.ab_se_4_text1 p a {

    color: #fca661;

    text-decoration: underline;

}



/* ------------------ About section 5 ---------------  */



.ab_se_5 {

    overflow: hidden;

	padding:0 0 70px 0;

}



.ab_se_5_text img {

    width: 16%;

}



.ab_se_5_text {

    text-align: center;

    width: 100%;

    margin: 30px 50px ;

}



.ab_se_5_text h4 {

    font-family: "jost_Medium";

    font-size: 32px;

    padding: 30px 0 20px 0;

    line-height: 52px;

}



.ab_se_5_text h4 span {

   /*  color: #fca661; */

}



.ab_se_5_text P {

    font-family: "Jost_Regular";

    font-size: 18px;

    line-height: 35px;

    padding: 0 50px 0 0 ;

}



/* ------------------ About section 6 ---------------  */



.ab_se_6 {

    padding: 30px 0;

}



.ab_se_6_text h4 {

    font-family: "jost_Medium";

    text-align: center;

    font-size: 38px;

    padding: 15px 0;

    color: #ffffff;

    font-weight: 500;

    line-height: 60px;

}



.ab_se_6_text p {

    font-family: "Jost_Regular";

    text-align: center;

    line-height: 38px;

    padding: 20px 0 30px 0;

    color: #FCA661;

    font-size: 30px;

}



.ab_se_6_Web_card {

    margin: 5px;

    padding: 30px 30px 20px;

    border-radius: 15px;

    background-color: #111829;

    text-align: center;

}



.ab_se_6_Web_card p {

    padding: 10px 0;

    font-size: 18px;

    font-family: "Jost";

}



/* ===================== */



.tex_center {

    justify-content: center;

    text-align: center;

}



.Business_Card_img img {

    width: 100%;

    display: block;

    padding: 5px;

}



.show_more_less_btn {

    text-align: center;

    margin: 0 auto;

    padding: 30px 0 50px 0;

}



.show_more_less_btn button {

    font-family: "jost_light";

    background-color: transparent;

    color: #ffffff;

    justify-content: center;

    border: none;

    font-size: 22px;

    cursor: pointer;

}



.gallery .col_50 {

    display: none;

}



.less img {

    transform: rotate(180deg);

}



.less span, .more span {

    display: block;

    margin: 20px 0;

}



.bar_col {

    display: block;

}



.bar {

    display: block;

    background: transparent;

    border: none;

    cursor: pointer;

    color: #fff;

}



.header_text {

    position: fixed;

    display: block;

    top: 80px;

    right: -100%;

    width: 100%;

    padding-block: 3rem 2rem;

    transition: all 0.40s ease-in-out;

    z-index: 999;

    background-color: #0C1831;

}



.header_text.active {

    opacity: 1;

    right: 0;

    width: 100%;

    overflow: scroll;

    height: 100vh;

}



.header_text ul li {

    display: block;

    width: 90%;

    list-style: none;

    margin: 0 auto;

    padding: 19px;

    font-size: 1.5rem;

    text-align: center;

}



.ab_se_1_text {

    text-align: center;

}







.pc_2se {

    padding: 0 0 60px 0;

}



@media (min-width: 320px) {

    .logo img {

        width: 166px;

        padding: 20px 0;

    }

}



@media (min-width: 375px) {

    .se_1_text h1 img {

        width: 15%;

    }



    .logo img {

        width: 200px;

        /* width: 60%; */

    }



    body {

        color: aliceblue;

       /*  background-image: url(../image/home_img/Group-1241.png); */

        background-position: -115px;

        background-color: #010B20;

        background-size: 71.5%;

        width: 100%;

    }

}



@media (min-width: 425px) {

    body {

        color: aliceblue;

        background-image: url(../image/home_img/Group-1241.png);

        background-position: -288px;

        background-color: #010B20;

        background-size: 72.5%;

        width: 100%;

    }



    .available {

        width: 320px;

    }

}



/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {

    .container {

        width: 540px;

        margin: 0 auto;

    }



    .se_1_text h1 img {

        width: 15%;



    }



    .animation_btn button {

        font-family: "jost_Medium";

        font-size: 10px;

        background-color: #FBD773;

        padding: 3px 5px;

        border: 1px solid;

        top: 30%;

        left: 0%;

        position: absolute;

        animation: responsiveGreenCursor 6s ease-in-out infinite;

    }



    .animation_btn2 button {

        font-family: "jost_Medium";

        font-size: 15px;

        background-color: #B0E8FE;

        padding: 5px 8px;

        border: 1px solid;

        top: 80%;

        right: 0;

        position: absolute;

        animation: responsiveGreenCursor1 7s ease infinite;

    }



    .col_25 {

        width: 50%;

    }



    .footer_text_2 {

        margin-top: 0px;

    }



    .ab_se_2_text2 h4 {

        text-align: center;

        width: 100%;

        margin: 0 auto;

        font-size: 23px;

        line-height: 38px;

        color: #ffffff;

        font-weight: 700;

        /* padding: 30px 0; */

    }



    .ab_se_2_text2 p {

        text-align: center;

        width: 80%;

        margin: 0 auto;

        font-size: 24px;

        line-height: 38px;

        color: #ffffff;

        padding: 40px 0 20px 0;

    }



    body {

        color: aliceblue;

        background-image: url(../image/home_img/Group-1241.png);

        background-position: -120px;

        background-color: #010B20;

        background-size: 79.5%;

        width: 100%;

		color: aliceblue;

        background-image: url(../image/home_img/Group-1241.png);

        background-position-x: center;

        background-position-y: top;

        background-color: #010B20;

        background-repeat: no-repeat;

        background-size: 80%;

        width: 100%;

    }



}



/* Medium devices (tablets, 768px and up) */



@media (min-width: 768px) {

    body {

        color: aliceblue;

        background-image: url(../image/home_img/Group-1241.png);

        background-position-x: center;

        background-position-y: top;

        background-color: #010B20;

        background-repeat: no-repeat;

        background-size: 703px;

        width: 100%;

    }



    .container {

        width: 700px;

        margin: 0 auto;

    }



    .ab_se_2_text2 p,

    .ab_se_2_text2 h4 {

        text-align: left;

    }







    .ab_se_1_text {

        text-align: left;

    }



    .ab_se_1_img img {

        width: 50%;

        margin: 0 auto;

    }



    .se_1_text h1 img {

        width: 9%;

    }



    /* .se_6_title h4 {

        font-size: 50px;

    } */



    .se_1_text p {

        font-size: 20px;

    }



    .se_1_text button {

        margin: 0;

    }



    .se_1_text {

        text-align: left;

    }



    .se_5_title h4 {

        font-size: 60px;

    }



    .wo2_se_1_img img {

        width: 65%;

        margin: 0 auto;

    }



    .ab_se_1_text h2 {

        text-align: center;

        font-size: 175px;

        line-height: 230px;

    }



    .btn-wrap {

        justify-content: center;

    }



    .justify_content {

        justify-content: end;

    }



    .ab_se_5_text P {

        /* font-size: 22px; */

    }



    .animation_btn button {

        font-family: "jost_Medium";

        font-size: 15px;

        background-color: #FBD773;

        padding: 8px 8px;

        border: 1px solid;

        top: 30%;

        left: 10%;

        position: absolute;

        animation: responsiveGreenCursor 8s ease-in-out infinite;

    }

}



/* Large devices (desktops, 992px and up) */



@media (min-width: 992px) {

    body {

        color: aliceblue;

        background-image: url(../image/home_img/Group-1241.png);

        background-position-x: center;

        background-position-y: top;

        background-color: #010B20;

        background-repeat: no-repeat;

        background-size: 902px;

        width: 100%;

    }



    .btn-wrap {

        justify-content: center;

    }



    .footer_logo img {

        margin: 0 auto;

    }



    .ab_se_1_text h2 {

        text-align: left;

    }



    .container {

        width: 900px;

        margin: 0 auto;

    }



    .se_3_title {

        text-align: left;

    }



    .se_6_title h4 {

        text-align: left;

        font-size: 60px;

    }



    .Lets_Chat1 {

        display: none;

    }



    .col_20 {

        width: 17%;

    }



    .sticky {

        margin-top: 100px;

        position: sticky;

        /* height: 100vh; */

        height: 430px;

        display: flex;

        align-items: center;

        justify-content: center;

        top: 150px;

        z-index: -1;

    }



    .btn_box {

        margin: 85px 0 0 0;

    }

    .btn_box button {

        width: 230px;

        padding: 35px 25px 35px 71px;

        display: block;

        font-size: 23px;

        z-index: 3;

        margin: 40px 0px;

        border-radius: 20px;

        border: none;

        color: #fff;

        text-align: left;

        background-color: #99999924;

        position: relative;

        overflow: hidden;

        cursor: pointer;

    }



    .header_text ul li {

        display: inline-block;

        padding: 0 20px;

        font-size: 1rem;

        width: auto;

        margin: 0;

    }



    .header_text {

        margin: 0 50px;

        padding: 0 50px;

        position: static;

        padding: 10px 0;

        background: none;

        transition: none;

        opacity: 1;

    }



    .available {

        margin: 0;

    }



    .header_text ul li a {

        display: block;

    }



    .bar_col,

    .bar {

        display: none;

    }



    .se_3_text {

        padding: 150px 0;

        margin-left: 100px;

        width: 80%;

    }



    .se_6_text p {

        font-size: 22px;

        width: 96%;

        margin: 0 auto;

        text-align: left;

    }



    .se_3_text h4 {

        font-size: 42px;

        font-weight: bold;

        font-family: "Whyte_bold";

    }



    .se_3_text p {

        font-size: 19px;

        line-height: 27px;

        font-family: "Jost_Regular";

        padding: 22px 0;

    }



    .se_3_text p span {

        font-family: "Jost_Regular";

        display: block;

    }



    .se_3_text_img ul {

        list-style: none;

        align-items: center;

        display: flex;

    }



    .se_3_text_img {

        margin: 18px 0;



    }



    .se_3_text_img ul li a img {

        width: 90%;

    }



    .se_3_text_img ul li {

        font-size: 20px;

        line-height: 18px;

        font-family: "Jost_Regular";

        padding: 0 5px;

    }



    .hide {

        display: none;

        animation: .6s zoom-out;

        transform-origin: center;

    }



    .show {

        animation: .6s zoom-in forwards;

    }



    @keyframes zoom-out {

        0% {

            transform: none;

        }



        100% {

            transform: scale(.1);

        }

    }



    @keyframes zoom-in {

        0% {

            transform: scale(.1);

        }



        100% {

            transform: none;

        }

    }

  .po-rel{

    position: relative;

  }

    .se_3_text {

        display: block;

    }



    .accordion-header_1 i {

        display: none;

    }



    .accordion-body_1 {

        display: none;

    }



    .Lets_Chat {

        display: block;

    }



    .col_65 {

        width: 65%;

    }



    .col_35 {

        width: 35%;

    }



    .col_25 {

        width: 25%;

    }



    .col_255 {

        width: 25%;

    }



    .col_45 {

        width: 45%;

    }



    /* all col */



    .col_50 {

        width: 50%;

    }



    .col_255 {

        width: 25%;

    }



    .col_60 {

        width: 60%;

    }



    .col_70 {

        width: 70%;

    }



    .col_55 {

        width: 55%;

    }



    .col_40 {

        width: 40%;

    }



    .col_30 {

        width: 30%;

        margin: 0 auto;

    }



    .col_75 {

        width: 75%;

    }





    .col_25 {

        width: 50%;

    }



    .col_80 {

        width: 80%;

    }



    .se_1_text h1 {

        text-align: left;

        font-size: 95px;

    }



    .wo_se_1_text h4 {

        text-align: left;

        font-size: 60px;

    }



    .wo_se_1_text p {

        text-align: left;

        font-size: 28px;

        margin: 25px 0 0 0;

    }



    .btn, .se_1_text p {

        text-align: left;

    }



    .se_1_text h1 img {

       position: relative;

        border-radius: 50%;

        top: 15px;

        width: 18%;

        display: inline-block;

        filter: contrast(200%);

        border-radius: 50%;

        object-fit: contain;

      

    }



    .ab_se_1_img img {

        width: 100%;

    }



    .ab_se_1_text span {

        text-align: left;

    }



    .ab_se_2_text2 h4 {

        font-size: 36px;

        line-height: 52px;

    }



    .ab_se_2_text2 p {

        width: 86%;

        margin-right: inherit;

        font-size: 26px;

        line-height: 52px;

    }



    .ab_se_4_text p {

        text-align: left;

    }



    .ab_se_5_text {

        text-align: left;

        width: 95%;

        margin: 0;

    }



    .btn-wrap {

        justify-content: left;

    }



    .ab_se_6_text h4 {

        text-align: left;

        line-height: 10px;

    }



    .ab_se_6_text p {

        text-align: left;

        line-height: 30px;

    }



    .wo2_se_1_text {

        text-align: left;

    }



    .wo2_se_1_text p {

        margin: 0;

    }



    .wo2_se_1_text ul {

        justify-content: left;

    }



    .wo2_se_1_img img {

        width: 100%;

        margin: 0 auto;

    }



    .btn_margin {

        margin: 30px 0;

    }



    .ab_se_1 {

        padding-top: 85px;

    }





    .se_1_text h1 span {

        font-size: 90px;

    }



    .margin_left_auto {

        margin-left: auto;

    }



    .contact-action {

        position: relative;

        top: 70px;

        left: 40%;

        width: 50%;

    }

}



@media (min-width: 1024px) {

    .container {

        width: 900px;

        margin: 0 auto;

    }



    .se_7_img img {

        width: 110%;

    }



    body {

        color: aliceblue;

        background-image: url(../image/home_img/Group-1241.png);

        background-position-x: center;

        background-position-y: top;

        background-repeat: no-repeat;

        background-color: #010B20;

        background-size: 903px;

        width: 100%;

    }





}





@media (min-width: 1080px) {

    body {

        color: aliceblue;

        background-image: url(../image/home_img/Group-1241.png);

        background-position-x: center;

        background-position-y: top;

        background-repeat: repeat-y;

        background-color: #010B20;

        background-size: 903px;

        width: 100%;

    }



    .se_7_img img {

        width: 111%;

    }



}



/* Extra large devices (large desktops, 1200px and up) */



@media (min-width: 1200px) {

    body {

        color: aliceblue;

        background-image: url(../image/home_img/Group-1241.png);

        background-position-x: center;

        background-position-y: top;

        background-repeat: repeat-y;

        background-color: #010B20;

        background-size: 1005px;

        width: 100%;

    }



    .footer_logo img {

        margin: 0;

    }



    .se_7_img img {

        width: 100%;

    }



    .container {

        width: 1000px;

        margin: 0 auto;

    }



    .col_25 {

        width: 25%;

    }



    .logo {

        justify-content: left;

    }



    .footer_text_titel,

    .footer_text,

    .footer_text1 {

        text-align: left;

    }



    .footer_text_2 ul li,

    .footer_logo {

        justify-content: left;

        margin-bottom: 20px;

    }



    .contact-action {

        position: relative;

        top: 70px;

        left: 48px;

    }



}



@media (min-width: 1440px) {

    .container {

        width: 1100px;

        margin: 0 auto;

    }



    body {

        width: 100%;

        background-image: url(../image/home_img/Group-1241.png);

        background-position-x: center;

        background-position-y: top;

        background-repeat: repeat-y;

        background-color: #010B20;

        background-size: 1101px;

    }



    .clients_Words {

        position: relative;

    }



    .clients_Words::before {

        content: "";

        background-image: url(../image/home_img/icon1.svg);

        background-repeat: no-repeat;

        position: absolute;

        left: -161px;

        top: 10%;

        background-size: contain;

        height: 90px;

        width: 158px;

        /* height: 125px;

        width: 220px; */

    }

    .sticky {                             

        margin-top: 100px;

        position: sticky;

        width: 913px;

        height: 600px;

        display: flex;

        align-items: center;

        justify-content: center;

        top: 130px;

        z-index: -1;

    }



    .clients_Words::after {

        content: "";

        background-image: url(../image/home_img/icon2.svg);

        background-repeat: no-repeat;

        position: absolute;

        right: -170px;

        bottom: 0;

        background-size: contain;

        height: 90px;

        width: 158px;

    }



    .se_7_img img {

        height: 634px;

        /* aspect-ratio: 1/1.43; */

        width: 100%;

    }

}



@media (min-width: 2560px) {

    body {

        color: aliceblue;

        background-image: url(../image/home_img/Group-1241.png);

        /* background-position-x: ; */

        /* background-position-y: top; */

        

        background-repeat: repeat-y;

        background-color: #010B20;

        background-size: 120px;

    }

    .col-60{

        width: 70%;

    }

    .col-40{

        width: 30%;

    }

    .wo_se_1 .row{

        align-items: center;



    }

    

}





.linesverti {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  height: 100%;

  margin: auto;

  z-index: -1;

}



.linesvertiinr {

  position: absolute;

  width: 1px;

  height: 100%;

  top: 0;

  left: 50%;

  background: rgba(255, 255, 255, 0.04);

  overflow: hidden;

}

.linesvertiinr::after {

	display: block;

	position: absolute;

	height: 10vh;

	width: 100%;

	top: -50%;

	left: 0;

	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 75%, #ffffff 100%);

	-webkit-animation: drop 7s 0s infinite;

	animation: drop 7s 0s infinite;

	-webkit-animation-fill-mode: forwards;

	animation-fill-mode: forwards;

	-webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);

	animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);

	content: "&quot;&quot;";

}

.linesvertiinr:nth-child(1) {

  margin-left: -50%;

}

.linesvertiinr:nth-child(1)::after {

  -webkit-animation-delay: 2s;

          animation-delay: 2s;

}

.linesvertiinr:nth-child(3) {

  margin-left: 25%;

}

.linesvertiinr:nth-child(3)::after {

  -webkit-animation-delay: 2.5s;

          animation-delay: 2.5s;

}

.linesvertiinr:nth-child(4) {

  margin-left: -25%;

}

.linesvertiinr:nth-child(4)::after {

  -webkit-animation-delay: 3s;

          animation-delay: 3s;

}

.linesvertiinr:nth-child(5) {

  margin-left: 50%;

}

.linesvertiinr:nth-child(5)::after {

  -webkit-animation-delay: 3.5s;

          animation-delay: 3.5s;

}



@-webkit-keyframes drop {

  0% {

    top: -50%;

  }

  100% {

    top: 110%;

  }

}



@keyframes drop {

  0% {

    top: -50%;

  }

  100% {

    top: 110%;

  }

}









@-webkit-keyframes line_animation {

  0% {

    top: 0px;

    opacity: 1;

  }

  50% {

    top: 50%;

  }

  100% {

    top: 100%;

    opacity: 1;

  }

}

@keyframes line_animation {

  0% {

    top: 0px;

    opacity: 1;

  }

  50% {

    top: 50%;

  }

  100% {

    top: 100%;

    opacity: 1;

  }

}

@-webkit-keyframes line_animation_2 {

  0% {

    opacity: 1;

    bottom: 0px;

  }

  50% {

    bottom: 50%;

  }

  100% {

    bottom: 100%;

    opacity: 1;

  }

}

@keyframes line_animation_2 {

  0% {

    opacity: 1;

    bottom: 0px;

  }

  50% {

    bottom: 50%;

  }

  100% {

    bottom: 100%;

    opacity: 1;

  }

}

.line_animation {

	/* top: 0px;

	left: 50%;

	z-index: -1;

	width: 100%;

	bottom: 0px;

	display: block;

	position: fixed;

	-webkit-transform: translateX(-50%);

	transform: translateX(-50%); */

	

	position: fixed;

	top: 0;

	left: 0;

	right: 0;

	height: 100%;

	margin: auto;

	z-index: -1;

}

.line_animation .line_area {

  /* width: 20%;

  height: 100%;

  position: relative;

  display: inline-block;

  border-right: 1px solid #1C1C1C; */

	border-right: 1px solid rgba(255, 255, 255, 0.04);

	position: absolute;

	width: 1px;

	height: 100%;

	top: 0;

	left: 0;

	background: rgba(255, 255, 255, 0.04);

	overflow: hidden;

}

.line_animation .line_area:nth-child(2) {margin-left: 24.8%;}

.line_animation .line_area:nth-child(3) {margin-left: 50%;}

.line_animation .line_area:nth-child(4) {margin-left: 74.8%;}

.line_animation .line_area:nth-child(5) {margin-left: 100%;}

.line_animation .line_area:before {

  /* width: 1px;

  right: -1px;

  content: "";

  height: 60px;

  border-radius: 100%;

  position: absolute;

  background-image: -webkit-gradient(linear, left bottom, left top, from(#ffffff), to(transparent));

  background-image: linear-gradient(0deg, #ffffff, transparent); */

}



.line_animation .line_area:nth-child(even):before {

  -webkit-animation: line_animation 20s ease-out infinite;

  animation: line_animation 20s ease-out infinite;

}



.line_animation .line_area:nth-child(odd):before {

  -webkit-animation: line_animation_2 20s ease-out infinite;

  animation: line_animation_2 20s ease-out infinite;

}



textarea:hover::placeholder,

textarea:focus::placeholder,

input:hover::placeholder,

input:focus::placeholder{

	opacity:0.3;

}





.contact-action span a i { color:#0C1831;}

@media (max-width: 480px) {

	.se_1_text {

		margin-bottom: 30px;

	}

	.se_1_text h1 {

		line-height: 1;

	}

	.se_1_text h1 img {

		filter: contrast(200%);

		padding: 0 8px;

		vertical-align: middle;

		width: 65px;

	}

	.se_1_text p {

		padding: 30px 0;

	}	

	.se_2_text_2 h3 {

		font-size: 40px;

	}

	.se_2_text_2 p {

		font-size: 16px;

	}

	.se_2_text1 h4 {

		letter-spacing: 2px;

	}

	.se_2_text_3 {

		display:inline-block;

	}

	.se_2_box1 {

		margin-bottom: 15px;

	}

	.se_2_box1,

	.se_2_box2 {

		width: 100%;

	}

	.photoshop_sketch {

		display: inline-block;

	}

	.photoshop_sketch img {

		margin-left: 5px;

	}

	.se_2_box2 img {

		display: inline-block!important;

	}

	.se_2 {

		padding-bottom: 35px;

	}

	.se_3_title h4 {

		letter-spacing: 9px;

	}

	.btn_box button {

		display: inline-block;

		font-size: 24px;

		font-weight: bold;

		margin: 40px 0 0;

		min-height: 111px;

		width: 100%;

		padding-top: 35px;

		padding-bottom: 35px;

	}

	.se_4 {

		padding-top: 60px;

	}

	.col.dblsufxmob {

		display: block;

		width: 100%;

		margin-bottom: 15px;

	}

	.se_5_text {

		border:medium none;padding: 0;

		min-height: 135px;

		text-align: center;

		width: 100%;

	}

	.se_2_box1 p,

	.se_2_box1 h4 {

		text-align:center;

	}

	.accordion-body_1 h4 {

		font-size: 25px;

		margin: 20px 0 ;

		font-family: "Whyte_bold";

		display:none;

	}

	.accordion-body_1 p {

		font-family: "Jost_Regular";

	}

	.se_3_text_img ul li {

		font-family: "Jost_Regular";

	}

	.se_5_title h4 {

		padding: 25px 0;

		text-align: center;

	}

	section.se_5.nedzindx .col_25 {

		width: 50%;

	}

	.se_5_text p {

		font-size: 20px;

		height: 135px;

		padding-top: 55px;

	}

	.btn-wrap button img,

	.se_6_text p { margin:0;}

	.se_7_img img {

		display: none;

	}

	.form_cntrol button {

		margin-bottom:45px;

	}

	.contact-action span a img {

		/* margin: 21px 0;

		height: 40px;

		width: 69px; */

	}

	.footer_text_titel h4 {

		margin-top: 20px;

	}

	.footer_text ul li { 

		border-right: 1px solid #fff;

		display: inline-block;

		padding: 0 15px;

	}

	.footer_text ul li:last-child { border-right:medium none;}

	.line { display:none;}

}