@font-face {
    font-family:Space-grotesk;
    src: url("../fonts/SharpGrotesk-Medium20.otf") format("opentype");
}
*{
    margin: 0;
    padding: 0%;
    width: auto;   
}

body{
    margin: 0%;
    padding: 0%;
    background-color: #231F20;
    color: #EDEEF2;
    overflow-x: hidden;
    max-width: 100%;
}
a{
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
.header .cointainer-fluid{
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
    padding-top:0 ;
    padding-bottom: 0;
}
.header .cointainer-fluid .navbar .container{
    justify-content: center;
}

.header .cointainer-fluid .navbar #collapsibleNavbar ul li{
    font-family: Work Sans;
    font-size: 18px;
    text-align: center;
    font-weight:400 ;
    border-left:1px solid rgba(255, 255, 255, 0.32); ;
    border-right:1px solid rgba(255, 255, 255, 0.32); ;
    padding:10px ;
    padding-left:31px ;
    padding-right:31px ;
    color: #EDEEF2;
}
.navbar{
    background-color: rgb(37, 37, 37);
}
.navbar-expand-md .navbar-nav .nav-link {
    color:#EDEEF2;
}
.navbar-expand-md .navbar-nav .nav-link:hover {
    color:#F65154;
}
.navbar-dark .navbar-toggler-icon {
    color:#F65154;
  }
.navbar-dark .navbar-toggler{
    border: none;
    color:#F65154
}
.section1{
    padding: 0%;
    margin: 0;
}
.section1 .container-fluid{
    padding: 0%;
    margin: 0;
}
.responsive {
    width: 100%;
    height: auto;
  }
.section1 .container-fluid .row{
    padding: 0%;
    margin: 0;
    padding-left:100px;
    padding-top:111px ;
}

.section1 .container-fluid .row #col1 #trans{
    padding: 0%;
    margin: 0%;
    padding-top: 111px;
}
.section1 .container-fluid .row #col1 #trans h1{
    font-family: 'Work Sans', sans-serif;
    color:#EDEEF2;
    font-style: normal;
    font-size: 56px;
    font-weight: 600;
    line-height: 71px;
} 
.section1 .container-fluid .row #col1 #trans p{
    font-family: 'Work Sans', sans-serif;
    color:#EDEEF2;
    font-style: normal;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
} 

.section1 .container-fluid .row #col1 #trans p{
    font-family: 'Work Sans', sans-serif;
    color:#EDEEF2;
    font-style: normal;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
} 
span{
    display: block;
}
.section1 .container-fluid .row #col2{
    padding: 0;
}
.section1 .container-fluid .row #col2 .img1 {
    width:auto;
    float: right;
}
.section1 .container-fluid .row #col2 .img1 #hand{
    width:600px
}
#left {
    position: relative;
    float: left;
}
#right {
    position: relative;
    float: left;
}
.section1 .container-fluid .row #col1 .contact_us{
    padding-top: 30px;
}
.section1 .container-fluid .row #col1 #Contact_us_but{
    background-color: #F65154;
    padding: 10px;
    padding-left: 30px;
    padding-right: 30px;
    border: none;
    border-radius: 4px;
    color:#FFFFFF
}
.section_contact .row{
    margin: 0;

}

.footer .cointainer-fluid .navbar #collapsibleNavbar ul li{
    font-family: Work Sans;
    font-size: 18px;
    text-align: center;
    font-weight:400 ;
    border-left:1px solid rgba(255, 255, 255, 0.32); ;
    border-right:1px solid rgba(255, 255, 255, 0.32); ;
    padding:10px ;
    padding-left:31px ;
    padding-right:31px ;
    color: #EDEEF2;
}
.footer{
    background-color: rgb(37, 37, 37);;
}
.footer .footer_section .row #col3{
    padding:0;
    padding-top: 15px;
    padding-bottom: 15px;;
    float: left;
    border-right:1px solid #FFFFFF;
}
.footer .footer_section .row #col4{
    border-right:1px solid #FFFFFF;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 15px;
}
.footer .footer_section .row #col5{
    border-right:1px solid #FFFFFF;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 15px;
}
.footer .footer_section .row #col6{
    text-align: center;
    padding-top: 25px;
    padding-bottom: 15px;
}
.footer .footer_section .row #col7{
    text-align: left;
    padding-top: 25px;
    padding-left:10px;
    padding-bottom: 15px;
}
.footer .footer_section .row #col4 .terms a{
    text-decoration: none;
    color:#EDEEF2;
    padding: 0;
    height:5px;
    text-align: center;
    font-size:14px ;
    font-weight: 400;
    font-family: 'Work Sans', sans-serif;
    line-height: 16px;
}
.footer .footer_section .row #col5 .policy a{
    text-decoration: none;
    color:#EDEEF2;
    padding: 0;
    height:auto;
    font-size:14px ;
    font-weight: 400;
    font-family: 'Work Sans', sans-serif;
    line-height: 16px;

    
}
.footer .footer_section .row #col6 .copy_rights a{
    text-decoration: none;
    color:#EDEEF2;
    padding: 0;
    height:5px;
    text-align: center;
    font-size:14px ;
    font-weight: 400;
    font-family: 'Work Sans', sans-serif;
    line-height: 16px;
}
.footer .footer_section .row #col7 .socialMedia{
    padding-right: 50px;
    justify-content: right;
    float: right;
    
}
.footer .footer_section .row{
    margin: 0%;
}
.footer .footer_section .row #col7 .socialMedia a{
    text-decoration: none;
    color: #EDEEF2;
    text-align: right;
    justify-content: right;
    background-color: #6E748C;
    width: auto;
    border-radius:50% ;
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
    font-size:14px ;
    font-weight: 400;
}
.footer .footer_section .row #col7 .socialMedia a:hover{
    color:rgb(246, 81, 84);
}

.footer .footer_section{
    padding-left:100px;
}
.section1 .container-fluid .row #col11{
    display: none;
}
.section1 .container-fluid .row #col11 .img1 #hand{
    width:300px;
    float:right
}
#icon{
    width:35px;
    height:35px
}
.footer .footer_section .row #col4 .terms a {
    text-decoration: none;
    color: #EDEEF2;
    padding: 0;
    height: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Work Sans', sans-serif;
    line-height: 16px;
}

.footer .footer_section .row #col4 .terms a:hover {
    text-decoration: none;
    color: #EDEEF2;
    padding: 0;
    height: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Work Sans', sans-serif;
    line-height: 16px;
    color:#F65154
}
.footer .footer_section .row #col5 .policy a:hover {
    text-decoration: none;
    color: #EDEEF2;
    padding: 0;
    height: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Work Sans', sans-serif;
    line-height: 16px;
    color:#F65154
}
.footer .footer_section .row #col6 .copy_rights a:hover{
    color:#F65154
}
.footer .footer_section .row #col5 .policy a:active{
    color:#F65154
}
/* this is for about page */
.section_About{
    background-image: url("../images/bg-about-us.png");
    background-position:center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section_About .AbOut{
    padding-left:110px ;
    padding-top: 150px;
    padding-bottom: 200px;
}
.section_About .AbOut h1{
    font-family: 'Work Sans', sans-serif;
    color:#EDEEF2;
    font-style: normal;
    font-size: 56px;
    font-weight: 600;
    line-height: 71px;
    padding: 10px;
} 
.section_About .AbOut p{
    font-family: 'Work Sans', sans-serif;
    color:#EDEEF2;
    font-style: normal;
    font-size: 19px;
    font-weight: 400;
    line-height: 140%;
    padding: 10px;
}
#section_About1 .flags .row #login_s{
    padding: 0%;
}
#section_About1 .flags .row .logins {
    background-image: url("../images/flag1.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    border: 1px solid rgba(255, 255, 255, 0.32);
    width: 100%;
    height:100%;
    padding:0
}
#section_About1 #content_s{
    padding: 0%;
}
#section_About1 .contents{
    margin: auto;
    display: flex;
    border: 1px solid rgba(255, 255, 255, 0.32);
}
#section_About1 .flags .row #dimond_s{
    border: 1px solid rgba(255, 255, 255, 0.32);
    padding: 0%;
}
#section_About1 .contents p{
    justify-content: center;
    margin: auto;
    padding: 100px;
    padding-left:0 ;
    padding-right: 0%;
    font-size:20px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    color:#EDEEF2 ;
}
#section_About1 .flags .row #dimond_s .dimond{
    background-image: url("../images/dimond.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    border: 1px solid rgba(255, 255, 255, 0.32);
    width: 100%;
    height:100%;
    padding:0
}
#ourTeams .container{
    text-align: center;
    padding: 80px;;
}
#ourTeams .container h1{
    font-family: 'Space Grotesk', sans-serif;
    font-size: 56px;
    font-weight:500 ;
}
#ourTeams .container p{
    font-family: 'Work Sans', sans-serif;
    font-size: 20px;
    font-weight:400 ;
    padding: 10px;
}
.shankar .shank_img{
    border: 1px solid rgba(255, 255, 255, 0.32);
    width: 375px;
    height:428px;
    padding:0;
    float:right;
    text-align: center;
}
/* .joseph .jose_img{
    border: 1px solid rgba(255, 255, 255, 0.32);
    width: 375px;
    height:428px;
    padding:0;
    /* float: left; */
    /* text-align: center; */
/* } */ 
/* .shankar{
    width: 375px;
    float: right;
} */
#name-error{
    color: red;
    font-size: 14px;
    margin: 0%;
}
#phone-error{
    color: red;
    font-size: 14px;
    margin: 0%;
}
#wmail-error{
    color: red;
    font-size: 14px;
    margin: 0%;
}
#help-error{
    color: red;
    font-size: 14px;
    margin: 0%;
}
input::placeholder {
    border: none;
    color: rgba(138, 138, 138, 0.5);
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
}
/* .joseph{
    width: 375px;
    text-align: center;
} */
.shankar .name_post h5{
    font-family: 'Space Grotesk', sans-serif;
    font-size: 20px;
    font-weight:500 ;
    margin-top: 13px;
    margin-bottom: 5px;
}
.joseph .name_post h5{
    font-family: 'Space Grotesk', sans-serif;
    font-size: 20px;
    font-weight:500 ;
    margin-top: 13px;
    margin-bottom: 5px;
}
.joseph .name_post p{
    padding: 0%;
    margin: 0%;
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;
    font-weight:400 ;
}
.shankar .name_post p{
    padding: 0%;
    margin: 0%;
    font-family: 'Work Sans', sans-serif;
    font-size: 18px;
    font-weight:400 ;
}
#ourTeams .container .row{
    padding: 35px;
    margin: 0%;
}
.work_culture{
    background-image: url("../images/LooperGroups.png");
    background-position: right;
    background-repeat: no-repeat;
    background-size:auto;
    height: auto;
    width: auto;
    padding-left: 0px;
}
.work_culture #details_work .deta h1{
    font-family: 'Space Grotesk', sans-serif;
    font-size: 56px;
    font-weight:500 ;
}
.work_culture #details_work .deta p{
    font-family: 'Space Grotesk', sans-serif;
    font-size: 16px;
    font-weight:400 ;
    margin-top: 13px;
    margin-bottom: 5px;
}
.work_culture #details_work .row{
    padding-top:80px;
    padding-bottom: 80px;
}
.container .row .col{
    padding: 0;
}
/* .work_grop{
    background-image: url("../images/grops.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height:450px
} */
#pic{
    margin-top:50px
}
#work_gr{
    padding: 0px;;
}
#pics{
    padding-top: 80px; 
}
#dimond_ss{
    display: none;
}
#work_grs{
    padding: 0%;
}
#work_note{
    height: 252px;
}
#shankar_{
    float: none;
    text-align: center;
}
.section_About .AbOut #About_Us {
    width: 60%;
    text-align: left;
    margin-left: 0px;
}
.footer {
    background-color: rgb(37, 37, 37);
    /* margin-top: 60px;; */
}
.row{
    width:100%;
    margin: 0%;
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
/* sam */

    *{
    margin: 0;
    padding: 0%;
    }
    body{
    margin: 0%;
    padding: 0%;
    background-color: #231F20;
    color: #EDEEF2;
    overflow-x: hidden;
    }
    .header .cointainer-fluid{
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
    padding-top:0 ;
    padding-bottom: 0;
    }
    /*----------------------------------------------- Contact.html -------------------------------------------------------------*/
    #contact-content{
    font-family: 'Work Sans', sans-serif;
    }
    #contact-content h1{
    font-size: 56px;
    font-weight: 600;
    line-height: 111px;
    font-family: 'Space Grotesk Medium 20', sans-serif;
    }
    .fa-location-dot{
    margin-right: 24px;
    margin-left: -46px;
    }
    .fa-phone{
    margin-right: 25px;
    }
    .fa-envelope{
    margin-right: 25px;
    }
    address{
    margin-left: 48px;
    font-size: 20px;
    }
    .contact-mailbox-logo{
    padding: 5%;
    margin:0;
    border-right: 1px solid rgba(255, 255, 255, 0.32);
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
    }
    .phone-number{
    font-size: 20px;
    }
    .email{
    font-size: 20px;
    }
    .contact-address{
    padding: 10%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
    }
    .box-1{
    padding-top: 140px;
    }
    /* 
    .contact-content{
    position: relative;
    } */
    .corner-image img{
    position: absolute;
    margin-left: 48%;
    margin-top: -54%;
    }
    .contact-address-1{
    height: 80vh;
    }
    /*------------------------------------------------------------------------------------------------------------------------------*/
    /* --------------------------------------------------Privacy_policy------------------------------------------------------------ */
    .footer .footer_section .row #col3 {
        padding: 0;
        padding-top: 15px;
        padding-bottom: 15px;
        float: left;
        border: none;
    }
    .footer .footer_section .row #col4 {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
        border: none;
    }
    .footer .footer_section .row #col5 {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
        border: none;
    }
    .footer .footer_section .row #col6 {
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
        border: none;
    }
    .footer .footer_section .row #col7 {
        text-align: left;
        padding-top: 15px;
        padding-left: 10px;
        padding-bottom: 15px;
        border: none;
    }
    .logo_img {
        border-right: 1px solid rgba(255, 255, 255, 0.32);
    }
    .terms {
        border-right: 1px solid rgba(255, 255, 255, 0.32);
        height: 42px;
        padding-top: 10px;
    }
    .policy {
        border-right: 1px solid rgba(255, 255, 255, 0.32);
        height: 42px;
        padding-top: 10px;
    }
    .copy_rights {
        height: 42px;
        padding-top: 10px;
    }
    .footer .footer_section .row #col7 .socialMedia {
        padding-right: 50px;
        justify-content: right;
        float: right;
    }
    nav {
    border-bottom: 1px solid black;
    }
    .crumbs ol {
    list-style-type: none;
    padding-left: 0;
    }
    .crumb{
    display: inline-block;
    margin-top: 45px;
    }
    .background{
    background-image: url(../images/header_image.png);
    }
    .crumbs{
    text-align:center;
    height: 233px;
    background: linear-gradient(90deg, #1B1B22 0.23%, rgba(27, 27, 34, 0) 0.1%);
    }
    .crumb a::after {
    display: inline-block;
    color: #EDEEF266;
    content: '>';
    font-size: 80%;
    font-weight: bold;
    padding: 0 3px;
    }
    .crumb a{
    color: rgba(237, 238, 242, 0.4);
    font-weight: 400;
    font-size: 22px;
    line-height: 18.95px;
    font-family: 'Space Grotesk', sans-serif;
    text-decoration: none;
    }
    .crumb a:hover{
    color: #F65154;
    ;
    }
    .crumbs h1{
    font-size: 56px;
    font-weight: 500;
    font-family: 'Space Grotesk Medium 20', sans-serif;
    }
    .paragraph-one{
    width: auto;
    padding-right: 10%;
    padding-left: 10%;
    margin-top: 50px;
    margin-bottom: 4rem;
    }
    .paragraph-content{
    margin-bottom: 4rem;
    font-family: 'Work Sans';
    }
    .paragraph-defintion{
    margin-bottom: 1.5rem;
    font-size: 20px;
    font-family: 'Sharp Grotesk';
    font-weight: 500;
    }
    .paragraph-information{
    margin-bottom: 1.5rem;
    font-size: 20px;
    font-family: 'Sharp Grotesk';
    font-weight: 500;
    }
    .paragraph-contact{
    font-size: 20px;
    margin-bottom: 1.5rem;
    font-family: 'Sharp Grotesk';
    }
    .crumb,.active,.privacy-heading{
    font-size: 22px;
    color: #F65154;
    font-family: 'Space Grotesk medium 20', sans-serif;
    font-weight: 600;
    }
    /* ---------------------------------------------------------------------------------------------------------------------------- */
    /* ---------------------------------------connect.html------------------------------------------------------------------------ */
    .form-control{
    border: none;
    background-color:transparent;
    border-bottom: 1px solid;
    }
    .form-control:focus{
    background-color: transparent;
    }
    .form-control:focus-visible{
    background-color: transparent;
    }
    .connect-address{
    padding: 115px;
    border-right: 1px solid rgba(255, 255, 255, 0.32);
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
    }
    .connect-address-1{
    padding: 80px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
    }
    .send-button{
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
    padding: 11px 48px;
    background: #F65154;
    color: #FFFFFF;
    }
    .img-rounded{
    position: absolute;
    left: 0px;
    }
    /*.connect-address{
    height: 80vh;
    }
    .connect-address-1{
    height: 80vh
    }*/
    /* ------------------------------------------------------------------------------------------------------------------------------ */
    /* sam */
 
    *{
    margin: 0;
    padding: 0%;
    }
    body{
    margin: 0%;
    padding: 0%;
    background-color: #231F20;
    color: #EDEEF2;
    overflow-x: hidden;
    }
    .header .cointainer-fluid{
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
    padding-top:0 ;
    padding-bottom: 0;
    }
    /*----------------------------------------------- Contact.html -------------------------------------------------------------*/
    #contact-content{
    font-family: 'Work Sans', sans-serif;
    }
    #contact-content h1{
    font-size: 56px;
    font-weight: 600;
    line-height: 111px;
    font-family: 'Space Grotesk Medium 20', sans-serif;
    }
    .fa-location-dot{
    margin-right: 24px;
    margin-left: -46px;
    }
    .fa-phone{
    margin-right: 25px;
    }
    .fa-envelope{
    margin-right: 25px;
    }
    address{
    margin-left: 48px;
    font-size: 20px;
    }
    .contact-mailbox-logo{
    padding: 5%;
    margin:0;
    border-right: 1px solid rgba(255, 255, 255, 0.32);
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
    }
    .phone-number{
    font-size: 20px;
    }
    .email{
    font-size: 20px;
    }
    .contact-address{
    padding: 10%;
    padding-left: 20px !important;
    padding-right: 20px !important;


    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
    }
    .box-1{
    padding-top: 140px;
    }
    /* 
    .contact-content{
    position: relative;
    } */
    .corner-image img{
    position: absolute;
    margin-left: 48%;
    margin-top: -54%;
    }
    .contact-address-1{
    height: 80vh;
    }
    /*------------------------------------------------------------------------------------------------------------------------------*/
    /* --------------------------------------------------Privacy_policy------------------------------------------------------------ */
    nav {
    border-bottom: 1px solid black;
    }
    .crumbs ol {
    list-style-type: none;
    padding-left: 0;
    }
    .crumb{
    display: inline-block;
    margin-top: 45px;
    }
    .background{
    background-image: url(../images/header_image.png);
    }
    .crumbs{
    text-align:center;
    height: 233px;
    background: linear-gradient(90deg, #1B1B22 0.23%, rgba(27, 27, 34, 0) 0.1%);
    }
    .crumb a::after {
    display: inline-block;
    color: #EDEEF266;
    content: '>';
    font-size: 80%;
    font-weight: bold;
    padding: 0 3px;
    }
    .crumb a{
    color: rgba(237, 238, 242, 0.4);
    font-weight: 400;
    font-size: 22px;
    line-height: 18.95px;
    font-family: 'Space Grotesk', sans-serif;
    text-decoration: none;
    }
    .crumb a:hover{
    color: #F65154;
    ;
    }
    .crumbs h1{
    font-size: 56px;
    font-weight: 500;
    font-family: 'Space Grotesk Medium 20', sans-serif;
    }
    .paragraph-one{
    width: auto;
    padding-right: 10%;
    padding-left: 10%;
    margin-top: 50px;
    margin-bottom: 4rem;
    }
    .paragraph-content{
    text-align: justify;
    margin-bottom: 4rem;
    font-family: 'Work Sans';
    }
    .paragraph-defintion{
    margin-bottom: 1.5rem;
    font-size: 20px;
    font-family: 'Sharp Grotesk';
    font-weight: 500;
    }
    .paragraph-information{
    margin-bottom: 1.5rem;
    font-size: 20px;
    font-family: 'Sharp Grotesk';
    font-weight: 500;
    }
    .paragraph-contact{
    font-size: 20px;
    margin-bottom: 1.5rem;
    font-family: 'Sharp Grotesk';
    }
    .crumb,.active,.privacy-heading{
    font-size: 22px;
    color: #F65154;
    font-family: 'Space Grotesk medium 20', sans-serif;
    font-weight: 600;
    }
    /* ---------------------------------------------------------------------------------------------------------------------------- */
    /* ---------------------------------------connect.html------------------------------------------------------------------------ */
    .form-control{
    border: none;
    background-color:transparent;
    border-bottom: 1px solid;
    }
    .form-control:focus{
    background-color: transparent;
    }
    .form-control:focus-visible{
    background-color: transparent;
    }
    .connect-address{
    padding: 115px;
    border-right: 1px solid rgba(255, 255, 255, 0.32);
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
    }
    .connect-address-1{
    padding: 80px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
    }
    .send-button{
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
    padding: 11px 48px;
    background: #F65154;
    color: #FFFFFF;
    }
    .img-rounded{
    position: absolute;
    left: 0px;
    }
    /*.connect-address{
    height: 80vh;
    }
    .connect-address-1{
    height: 80vh
    }*/
    /* ------------------------------------------------------------------------------------------------------------------------------
sam */
#contact-content{
    font-family: 'Work Sans', sans-serif;

}
#contact-content-1 h1{
   text-align: center;
    font-size: 56px;
    font-weight: 600;
    line-height: 111px;
    font-family: 'Space Grotesk Medium 20', sans-serif;

}
.contact-address {
   padding: 10%;
   border-bottom: 1px solid rgba(255, 255, 255, 0.32);
   background-image: url("../images/corner-image.png");
   background-repeat: no-repeat;
  background-position: right;
}
#contact-content h1{
    font-size: 56px;
    font-weight: 600;
    line-height: 111px;
    font-family: 'Space Grotesk Medium 20', sans-serif;

}


.fa-location-dot{
    margin-right: 24px;
    margin-left: -46px;
}

.fa-phone{
    margin-right: 25px;
}
.fa-envelope{
    margin-right: 25px;
}
address{
    margin-left: 48px;
    font-size: 20px;
}
.contact-mailbox-logo{
    padding: 5%;
    margin:0;
    border-right: 1px solid rgba(255, 255, 255, 0.32);
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}
.phone-number{
    font-size: 20px;
}
.email{
    font-size: 20px;
}
.contact-address{
    padding: 10%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}
.box-1{
    padding-top: 140px;
}
.corner-image img{
    margin-left: 22%;
}
.contact-address-1{
    height: 80vh;
}
.responsive {
    width: 100%;
    height: auto;
}

/*#left-bottom{
    background-image: url("../images/Looper.png");
    background-repeat: no-repeat;
   
}
*//*------------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------Privacy_policy------------------------------------------------------------ */
nav {
    border-bottom: 1px solid black;
}
.crumbs ol {
    list-style-type: none;
    padding-left: 0;
}
.crumb{
    display: inline-block;
    margin-top: 45px;
}
.background{
    background-image: url(../images/header_image.png);
}
.crumbs{
    text-align:center;
    height: 233px;
    background: linear-gradient(90deg, #1B1B22 0.23%, rgba(27, 27, 34, 0) 0.1%);
}
.crumb a::after {
    display: inline-block;
    color: #EDEEF266;
    content: '>';
    font-size: 80%;
    font-weight: bold;
    padding: 0 3px;
}
.crumb a{
    color: rgba(237, 238, 242, 0.4);
    font-weight: 400;
    font-size: 22px;
    line-height: 18.95px;
    font-family: 'Space Grotesk', sans-serif;
    text-decoration: none;
}
.crumb a:hover{
    color: #F65154;
    ;
}
.crumbs h1{
    font-size: 56px;
    font-weight: 500;
    font-family: 'Space Grotesk Medium 20', sans-serif;
}
.paragraph-one{
    width: auto;
    padding-right: 10%;
    padding-left: 10%;
    margin-top: 50px;
    margin-bottom: 4rem;
}
.paragraph-content{
    margin-bottom: 4rem;
    font-family: 'Work Sans';
}
.paragraph-defintion{
    margin-bottom: 1.5rem;
    font-size: 20px;
    font-family: 'Sharp Grotesk';
    font-weight: 500;
}
.paragraph-information{
    margin-bottom: 1.5rem;
    font-size: 20px;
    font-family: 'Sharp Grotesk';
    font-weight: 500;
}
.paragraph-contact{
    font-size: 20px;
    margin-bottom: 1.5rem;
    font-family: 'Sharp Grotesk';
}
.crumb,.active,.privacy-heading{
    font-size: 22px;
    color: #F65154;
    font-family: 'Space Grotesk medium 20', sans-serif;
    font-weight: 600;
}
/* ---------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------connect.html------------------------------------------------------------------------ */
.form-control{
    border: none;
    background-color:transparent;
    border-bottom: 1px solid;
}
.form-control:focus{
    background-color: transparent;
}
.form-control:focus-visible{
    background-color: transparent;
}
.connect-address{
    padding: 115px;
    border-right: 1px solid rgba(255, 255, 255, 0.32);
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
      background-image: url("../images/Looper.png");
    background-repeat: no-repeat;
   background-position:left;
}
.connect-address-1{
    padding: 80px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}
.send-button{
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
    padding: 11px 48px;
    background: #F65154;
    color: #FFFFFF;
}
.img-rounded{
    position: absolute;
    left: 0px;
}

.form-group{
   height: 60px;
}

/* ------------------------------------------------------------------------------------------------------------------------------ */
/*----------------------------------------------- Contact.html -------------------------------------------------------------*/
#contact-content{
    font-family: 'Work Sans', sans-serif;
}
#contact-content h1{
    font-size: 48px;
    font-weight: 600;
    line-height: 111px;
    font-family: 'Space Grotesk Medium 20', sans-serif;
}
.fa-location-dot{
    margin-right: 24px;
    margin-left: -46px;
}
.fa-phone{
    margin-right: 25px;
}
.fa-envelope{
    margin-right: 25px;
}
address{
    margin-left: 48px;
    font-size: 20px;
}
.contact-mailbox-logo{
    padding: 5%;
    margin:0;
    border-right: 1px solid rgba(255, 255, 255, 0.32);
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}
.phone-number{
    font-size: 20px;
}
.email{
    font-size: 20px;
}
.contact-address{
    padding: 10%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}
.box-1{
    padding-top: 140px;
}
.contact-address-1{
    height: 80vh;
}
/*------------------------------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------Privacy_policy------------------------------------------------------------ */
nav {
    border-bottom: 1px solid black;
}
.crumbs ol {
    list-style-type: none;
    padding-left: 0;
}
.crumb{
    display: inline-block;
    margin-top: 45px;
}
.background{
    background-image: url(../images/header_image.png);
}
.crumbs{
    text-align:center;
    height: 233px;
    background: linear-gradient(90deg, #1B1B22 0.23%, rgba(27, 27, 34, 0) 0.1%);
}
.crumb a::after {
    display: inline-block;
    color: #EDEEF266;
    content: '>';
    font-size: 80%;
    font-weight: bold;
    padding: 0 3px;
}
.crumb a{
    color: rgba(237, 238, 242, 0.4);
    font-weight: 400;
    font-size: 22px;
    line-height: 18.95px;
    font-family: 'Space Grotesk', sans-serif;
    text-decoration: none;
}
.crumb a:hover{
    color: #F65154;
    ;
}
.crumbs h1{
    font-size: 56px;
    font-weight: 500;
    font-family: 'Space Grotesk Medium 20', sans-serif;
}
.paragraph-one{
    width: auto;
    padding-right: 10%;
    padding-left: 10%;
    margin-top: 50px;
    margin-bottom: 4rem;
}
.paragraph-content{
    text-align: justify;
    margin-bottom: 4rem;
    font-family: 'Work Sans';
}
.paragraph-defintion{
    margin-bottom: 1.5rem;
    font-size: 20px;
    font-family: 'Sharp Grotesk';
    font-weight: 500;
}
.paragraph-information{
    margin-bottom: 1.5rem;
    font-size: 20px;
    font-family: 'Sharp Grotesk';
    font-weight: 500;
}
.paragraph-contact{
    font-size: 20px;
    margin-bottom: 1.5rem;
    font-family: 'Sharp Grotesk';
}
.crumb,.active,.privacy-heading{
    font-size: 22px;
    color: #F65154;
    font-family: 'Space Grotesk medium 20', sans-serif;
    font-weight: 600;
}
/* ---------------------------------------------------------------------------------------------------------------------------- */
/* ---------------------------------------connect.html------------------------------------------------------------------------ */
.form-control{
    border: none;
    background-color:transparent;
    border-bottom: 1px solid;
}
.form-control:focus{
    background-color: transparent;
}
.form-control:focus-visible{
    background-color: transparent;
}

.connect-address-1{
    padding: 80px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.32);
}
.send-button{
    display: flex;
    width: 100%;
    flex-direction: row;
    align-items: flex-start;
    padding: 11px 48px;
    background: #F65154;
    color: #FFFFFF;
}
.img-rounded{
    position: absolute;
    left: 0px;
}
#contact-content{
    padding: 33px 21px 14px 10%;
}
@media (min-width: 230px) and (max-width: 767px) {
    .contact-address{
        padding: 20px;
   }
    #contact-content h1{
        font-size: 35px;
   }

   #contact-content-1 h1{
        font-size: 35px;
   }
    

/*  #contact-content{
   padding: 40px;
  }*/

    .crumbs h1 {
        font-size: 40px;
   }
    .section1 .container-fluid .row{
        padding: 0%;
        margin: 0;
        padding-left:0px;
        padding-top:11px ;
   }
    .section1 .container-fluid .row #col1 #trans{
        padding: 0%;
        margin: 0%;
        padding-top: 20px;
   }
    .section1 .container-fluid .row #col1 #trans h1{
        font-family: 'Work Sans', sans-serif;
        color:#EDEEF2;
        font-style: normal;
        font-size: 28px;
        font-weight: 600;
        line-height: 36px;
        text-align: center;
   }
    .section1 .container-fluid .row #col1 #trans p{
        font-family: 'Work Sans', sans-serif;
        color:#EDEEF2;
        font-style: normal;
        font-size: 20px;
        font-weight: 400;
        line-height: 140%;
        text-align: center;
   }
    .section1 .container-fluid .row #col11{
        display:block;
        float: right;
        padding: 0%;
   }
    .section1 .container-fluid .row #col1 #Contact_us_but{
        display: flex;
        width: 100%;
        padding: 15px 0px 15px 1px;
        background: #F65154;
        color: #FFFFFF;
   }
    .section1 .container-fluid .row #col11 .img1 #hand{
        display:block;
        float: right;
        text-align: right;
   }
    #Contact_us_but{
        width: 100%;
   }
    .section_About .AbOut #About_Us {
        width: 100%;
        text-align: left;
        margin-left: 0px;
        padding: 10px;
   }
    .section_About .AbOut #About_Us p {
        padding: 0%;
   }
    .section_About .AbOut #About_Us h1 {
        padding: 0%;
   }
    .footer .footer_section .row #col4 .terms a{
        text-decoration: none;
        color:#EDEEF2;
        padding: 0;
        height:5px;
        text-align: center;
        font-size:14px ;
        font-weight: 400;
        font-family: 'Work Sans', sans-serif;
        line-height: 16px;
   }
    .footer .footer_section .row #col5 .policy a{
        text-decoration: none;
        color:#EDEEF2;
        padding: 0;
        height:auto;
        font-size:14px ;
        font-weight: 400;
        font-family: 'Work Sans', sans-serif;
        line-height: 16px;
        text-align: center;
   }
    .section1 .container-fluid .row #col2 {
        display: none;
   }
    .section1 .container-fluid .row #col11 .img1{
        display:block;
        float: right;
        text-align: right;
   }
    .footer .footer_section {
        padding-left: 0px;
   }
    .logo_img{
        margin: auto;
        text-align: center;
   }
    .footer .footer_section .row #col7 .socialMedia {
        padding-right: 0px;
        justify-content: center;
        text-align: center;
        float: unset;
   }
    .section_About .AbOut{
        padding-left:20px ;
        padding-top: 20px;
        padding-bottom: 30px;
   }
    .header .cointainer-fluid .navbar{
        padding-top:0 ;
        padding-bottom: 0;
   }
    .span1{
        display: none;
   }
    #section_About1 .flags .row #dimond_ss .dimond {
        background-image: url(../images/dimond.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        border: 1px solid rgba(255, 255, 255, 0.32);
        width: 100%;
        height: 100%;
        padding: 0;
   }
    .footer .footer_section .row #col3 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
   }
    .corner-image img {
        top: 41%;
        position: absolute;
        right: 0;
   }
    .footer .footer_section .row #col4 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
   }
    .footer .footer_section .row #col5 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
   }
    .footer .footer_section .row #col6 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 0px;
   }
    .footer .footer_section .row #col7 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
   }
    .navbar-dark .navbar-toggler {
        border: none;
        color: #F65154;
        padding-top: 20px;
   }
    .navbar-dark .navbar-toggler {
        border: none;
        color: linear-gradient(135.17deg, #B171EC 22.47%, #8448D0 91.43%);
        padding-top: 20px;
   }
    #section_About1 .flags .row #dimond_s .dimond {
        display: none;
   }
    .header .cointainer-fluid .navbar #collapsibleNavbar ul li {
        font-family: Work Sans;
        font-size: 18px;
        text-align: left;
        font-weight: 400;
        border-left: none;
        border-right: none;
        padding: 10px;
        padding-left: 31px;
        padding-right: 31px;
        color: #EDEEF2;
   }
    span{
        display: inline;
   }
    .section_About .AbOut {
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px 
   }
    #section_About1 .contents p {
        justify-content: center;
        margin: auto;
        padding: 10px;
        padding-left: 0;
        padding-right: 0%;
        font-size: 20px;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        color: #EDEEF2;
   }
    #ourTeams .container {
        text-align: center;
        padding: 0px;
   }
    #ourTeams .container .row {
        padding: 0px;
        margin: 0%;
   }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        width: 100%;
        padding-right:0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
   }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        position: relative;
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
   }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        position: relative;
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
   }

   .privacy-content
    #section_About1 .flags .row .logins {
        background-image: url(../images/flag1.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        border: 1px solid rgba(255, 255, 255, 0.32);
        width: 100%;
        height: 100%;
        padding: 0;
        height: 300px;
   }
    #section_About1 .flags .row #dimond_s .dimond {
        display: block;
        height: 300px;
   }
    #work_gr{
        display: inline;
   }
    #work_gr{
        display: flex;
   }
    #work_gr img{
        display: flex;
        width: 50%;
   }
    .work_culture #details_work .row {
        padding-top: 0px;
        padding-bottom: 0px;
   }
    #section_About1 .contents p {
        justify-content: center;
        margin: auto;
        padding: 10px;
        padding-left: 20px;
        padding-right: 11px;
        font-size: 20px;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        color: #EDEEF2;
        text-align: center;
   }
    .section_About .AbOut p {
        font-family: 'Work Sans', sans-serif;
        color: #EDEEF2;
        font-style: normal;
        font-size: 19px;
        font-weight: 400;
        line-height: 140%;
        padding-left: 30px;
   }
    .section_About .AbOut h1 {
        font-family: 'Work Sans', sans-serif;
        color: #EDEEF2;
        font-style: normal;
        font-size: 56px;
        font-weight: 600;
        line-height: 71px;
        padding-left: 30px;
   }
    .work_culture #details_work .deta h1 {
        font-family: 'Space Grotesk', sans-serif;
        font-size: 56px;
        font-weight: 500;
        text-align: center;
   }
    .work_culture #details_work .deta p {
        font-family: 'Space Grotesk', sans-serif;
        font-size: 16px;
        font-weight: 400;
        margin-top: 13px;
        margin-bottom: 5px;
        text-align: center;
   }
    .shankar{
        float: none;
        margin: auto;
   }
    .joseph {
        width: 375px;
        text-align: center;
        margin: auto;
   }
    #content_s{
        order: 2;
   }
    #dimond_s{
        order:1 
   }
    .section1 .container-fluid .row #col1 .contact_us {
        padding: 0;
        padding-top: 30px;
        width: 100%;
        padding:20px;
   }
    #left_bottom{
        order:2 

   }
    #right_bottom{
        order:1 
   }
    .connect-address-1 {
        padding: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.32);
   }

   .connect-address{
        padding: 60px; 
   }

   .contact-address{
       padding: 40px 20px;
   }
   
   .privacy-content{
       padding-left: 25px;
       padding-right: 25px;
   }
}
@media (min-width: 768px) and (max-width: 991px){
    *{
        margin: 0;
        padding: 0%;
        width: auto;
   }
    .header .cointainer-fluid .navbar{
        padding-top:0 ;
        padding-bottom: 0;
   }
    .section1 .container-fluid .row{
        padding: 0%;
        margin: 0;
        padding-left:0px;
        padding-top:11px ;
   }
    .section1 .container-fluid .row #col1 #trans h1{
        font-family: 'Work Sans', sans-serif;
        color:#EDEEF2;
        font-style: normal;
        font-size: 46px;
        font-weight: 600;
        line-height: 71px;
   }
    .logo_img{
        margin: auto;
        text-align: center;
   }
    .footer .footer_section .row #col7 .socialMedia {
        padding-right: 0px;
        justify-content: center;
        text-align: center;
        float: unset;
   }
    .footer .footer_section {
        padding-left: 0px;
   }
    .section_About .AbOut {
        padding-left: 0px;
        padding-top: 70px;
        padding-bottom: 70px;
   }
    #section_About1 .contents p {
        justify-content: center;
        margin: auto;
        padding: 50px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 20px;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        color: #EDEEF2;
        margin: 0%;
   }
    span{
        display:contents;
   }
    .shankar {
        width: 375px;
        float: none;
        margin: auto;
   }
    .shankar .shank_img{
        border: 1px solid rgba(255, 255, 255, 0.32);
        width: 375px;
        height:428px;
        padding:0;
        text-align: center;
   }
    .joseph {
        width: 375px;
        margin: auto;
        margin-top: 15px;
   }
    #shankar{
        margin: auto;
   }
    #section_About1 .contents p {
        justify-content: center;
        margin: auto;
        padding: 50px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 20px;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        color: #EDEEF2;
        margin: 0%;
   }
    #work_note {
        height: 160px;
   }
    .footer .footer_section .row #col3 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
   }
    .footer .footer_section .row #col4 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
   }
    .footer .footer_section .row #col5 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
   }
    .footer .footer_section .row #col6 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 0px;
   }
    .footer .footer_section .row #col7 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
   }
}
@media (min-width: 992px) and (max-width: 1399px){
    .header .cointainer-fluid .navbar{
        padding: 110px;
        padding-top:0 ;
        padding-bottom: 0;
   }
    .section1 .container-fluid .row{
        padding: 0%;
        margin: 0;
        padding-left:100px;
        padding-top:11px ;
   }
    .section1 .container-fluid .row #col1 #trans h1{
        font-family: 'Work Sans', sans-serif;
        color:#EDEEF2;
        font-style: normal;
        font-size: 26px;
        font-weight: 600;
        line-height: 36px;
   }
    .section1 .container-fluid .row #col1 #trans h1{
        font-family: 'Work Sans', sans-serif;
        color:#EDEEF2;
        font-style: normal;
        font-size: 56px;
        font-weight: 600;
        line-height: 71px;
   }
    .section1 .container-fluid .row #col1 #trans h1{
        font-family: 'Work Sans', sans-serif;
        color:#EDEEF2;
        font-style: normal;
        font-size: 56px;
        font-weight: 600;
        line-height: 71px;
   }
}
@media (min-width: 1400px) and (max-width: 2000px){
    .header .cointainer-fluid .navbar{
        padding: 110px;
        padding-top:0 ;
        padding-bottom: 0;
   }
    .section1 .container-fluid .row{
        padding: 0%;
        margin: 0;
        padding-left:100px;
        padding-top:11px ;
   }
    .section1 .container-fluid .row #col1 #trans h1{
        font-family: 'Work Sans', sans-serif;
        color:#EDEEF2;
        font-style: normal;
        font-size: 26px;
        font-weight: 600;
        line-height: 36px;
   }
    .section1 .container-fluid .row #col1 #trans h1{
        font-family: 'Work Sans', sans-serif;
        color:#EDEEF2;
        font-style: normal;
        font-size: 56px;
        font-weight: 600;
        line-height: 71px;
   }
    .section1 .container-fluid .row #col1 #trans h1{
        font-family: 'Work Sans', sans-serif;
        color:#EDEEF2;
        font-style: normal;
        font-size: 56px;
        font-weight: 600;
        line-height: 71px;
   }
    .contact-address {
        padding: 10%;
       /* padding-left: 20px !important;
        */
       /* padding-right: 20px !important;
        */
        border-bottom: 1px solid rgba(255, 255, 255, 0.32);
   }
}
/*--------------------------------------------------------------Contact.html media query---------------------------------------------------------*/
@media only screen and (max-width: 600px) {
    .box-1{
        width: 100%;
   }
    .contact-mailbox-logo{
       border-right: none;
       border-bottom: 1px solid rgba(255, 255, 255, 0.32);
   }
    .img-rounded {
        width: auto;
   }
    .contact-address-1{
        height:auto;
   }
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .box-1{
        width: 100%;
   }
    .contact-address-1{
        height:auto;
   }
}
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .box-1{
        width: 100%;
   }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .box-1{
        width: 100%;
   }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .box-1{
        width: 100%;
   }
}

@media (min-width: 320px) and (max-width: 767px) {
    .header .cointainer-fluid .navbar{
        padding-top:0 ;
        padding-bottom: 0;
   }
    #right-bottom{
        order:2 
   }
    #left-bottom{
        order:1
   }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 438px){
    .connect-address{
        padding: 30px;
   }
    #right-bottom{
        height: auto;
   }

#left-bottom {
    height: auto;
}
/*--------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-device-width: 320px) and (max-device-width: 438px){
    .fullscreen{
        padding: 20px;
   }
}
}

    @media (min-width: 230px) and (max-width: 767px) {
    .contact-address{
        padding: 20px;
    }
    
    .section1 .container-fluid .row{
        padding: 0%;
        margin: 0;
        padding-left:0px;
        padding-top:11px ;
    }
    .section1 .container-fluid .row #col1 #trans{
        padding: 0%;
        margin: 0%;
        padding-top: 20px;
    }
    footer{
        margin-top: 0px;
    }
    .section1 .container-fluid .row #col1 #trans h1{
        font-family: 'Work Sans', sans-serif;
        color:#EDEEF2;
        font-style: normal;
        font-size: 28px;
        font-weight: 600;
        line-height: 36px;
        text-align: center;
    } 
    .section1 .container-fluid .row #col1 #trans p{
        font-family: 'Work Sans', sans-serif;
        color:#EDEEF2;
        font-style: normal;
        font-size: 20px;
        font-weight: 400;
        line-height: 140%;
        text-align: center;
    }
    .section1 .container-fluid .row #col11{
        display:block;
        float: right;
        padding: 0%;
    }
    .section1 .container-fluid .row #col1 #Contact_us_but{
        background-color: #F65154;
        padding: 10px;
        padding-left: 30px;
        padding-right: 30px;
        border: none;
        border-radius: 4px;
        color:#FFFFFF;
        width:100%
    }
    .section1 .container-fluid .row #col11 .img1 #hand{
        display:block;
        float: right;
        text-align: right;
    }
    .section_About {
        background-image: url(../images/vedio.png);
        background-position: inherit;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    #Contact_us_but{
        width: 100%;
    }
    .section_About .AbOut #About_Us {
        width: 100%;
        text-align: left;
        margin-left: 0px;
        padding: 10px;
    }
    .section_About .AbOut #About_Us p {
        padding: 0%;
        font-size:12px;

    }
    .section_About .AbOut #About_Us h1 {
        padding: 0%;
        margin-top: 369px;
        font-size: 28px;
    }
    .footer .footer_section .row #col4 .terms a{
        text-decoration: none;
        color:#EDEEF2;
        padding: 0;
        height:5px;
        text-align: center;
        font-size:14px ;
        font-weight: 400;
        font-family: 'Work Sans', sans-serif;
        line-height: 16px;
    }
    .footer .footer_section .row #col5 .policy a{
        text-decoration: none;
        color:#EDEEF2;
        padding: 0;
        height:auto;
        font-size:14px ;
        font-weight: 400;
        font-family: 'Work Sans', sans-serif;
        line-height: 16px; 
        text-align: center;
    }
    .section1 .container-fluid .row #col2 
    {
        display: none;
    }
    .section1 .container-fluid .row #col11 .img1{
        display:block;
        float: right;
        text-align: right;
    }
    .footer .footer_section {
        padding-left: 0px;
    }
    .logo_img{
        margin: auto;
        text-align: center;
    }
    .footer .footer_section .row #col7 .socialMedia {

        padding-right: 0px;
        justify-content: center;
        text-align: center;
        float: unset;
    }
    .section_About .AbOut{
        padding-left:20px ;
        padding-top: 20px;
        padding-bottom: 30px; 
    }
    .section1 .container-fluid .row #col1 #trans h1 {
        font-family: 'Work Sans', sans-serif;
        color: #EDEEF2;
        font-style: normal;
        font-size: 28px;
        font-weight: 600;
        line-height: 40px;
    }
    .header .cointainer-fluid .navbar{
        padding-top:0 ;
        padding-bottom: 0;  
    }
    .span1{
        display: none;
    }
    #section_About1 .flags .row #dimond_ss .dimond {
        background-image: url(../images/dimond.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        border: none;
        width: 100%;
        height: 100%;
        padding: 0;
    }
    .footer .footer_section .row #col3 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .corner-image img {
        /* margin-left: 112px; */
        margin-top: -100%;
        /* width: 70%; */
        top: 41%;
        position: absolute;
        right: 0;
    }
    .footer .footer_section .row #col4 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footer .footer_section .row #col5 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footer .footer_section .row #col6 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .footer .footer_section .row #col7 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-dark .navbar-toggler {
        border: none;
        color: #F65154;
        padding-top: 20px;
    }
    .navbar-dark .navbar-toggler {
        border: none;
        color: linear-gradient(135.17deg, #B171EC 22.47%, #8448D0 91.43%);
        padding-top: 20px;
    }
    #section_About1 .flags .row #dimond_s .dimond {
        display: none;
        border:none;
    }
    #section_About1 .flags .row #dimond_s {
        border: none;
        padding: 0%;
    }
    .header .cointainer-fluid .navbar #collapsibleNavbar ul li {
        font-family: Work Sans;
        font-size: 18px;
        text-align: left;
        font-weight: 400;
        border-left: none;
        border-right: none;
        padding: 10px;
        padding-left: 31px;
        padding-right: 31px;
        color: #EDEEF2;
    }
    span{
        display: inline;
    }
    .section_About .AbOut {
        padding-left: 0px;
        padding-top: 0px;
        padding-bottom: 0px
    }
    #section_About1 .contents p {
        justify-content: center;
        margin: auto;
        padding: 10px;
        padding-left: 0;
        padding-right: 0%;
        font-size: 20px;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        color: #EDEEF2;
    }
    #ourTeams .container {
        text-align: center;
        padding: 0px;
    }
    /* #ourTeams .container .row {
        padding: 0px;
        margin: 0%;
    } */
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
        margin-right: auto;
        margin-left: auto;
    }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        position: relative;
        width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        position: relative;
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }
    #section_About1 .flags .row .logins {
        background-image: url(../images/flag1.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
        border: none;
        width: 100%;
        height: 100%;
        padding: 0;
        height: 300px;
    }
        #section_About1 .flags .row #dimond_s .dimond {
        display: block;
        height: 300px;
        }
    #work_gr{
        display: inline;
    }
    #work_gr{
        display: flex;  
    }
    #work_gr img{
        display: flex; 
        width: 50%; 
    }
    .work_culture #details_work .row {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    #section_About1 .contents {
        border:none
    }
    #section_About1 .contents p {
        justify-content: center;
        margin: auto;
        padding: 10px;
        padding-left: 20px;
        padding-right: 11px;
        font-size: 12px;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        color: #EDEEF2;
        text-align: center;
    }
    .section_About .AbOut p {
        font-family: 'Work Sans', sans-serif;
        color: #EDEEF2;
        font-style: normal;
        font-size: 19px;
        font-weight: 400;
        line-height: 140%;
        padding-left: 30px;
    }
    
    .section_About .AbOut h1 {
        font-family: 'Work Sans', sans-serif;
        color: #EDEEF2;
        font-style: normal;
        font-size: 56px;
        font-weight: 600;
        line-height: 71px;
        padding-left: 30px;
    }
    .work_culture #details_work .deta h1 {
        font-family: 'Space Grotesk', sans-serif;
        font-size: 28px;
        font-weight: 500;
        text-align: center;
        margin-top: 100px;
    }
    .work_culture #details_work .deta p {
        font-family: 'Space Grotesk', sans-serif;
        font-size: 12px;
        font-weight: 400;
        margin-top: 13px;
        margin-bottom: 5px;
        text-align: center;
        padding-left: 15px;
        padding-right: 15px;
    }
    .work_culture #details_work .deta p:last-child {
        margin-bottom: 30px;
      }
    #ourTeams .container h1{
        margin-top: 100px;
        font-size: 28px;
    }
    #ourTeams .container p{
        font-size: 12px;
    }
    .shankar{
        float: none;
        margin: auto;
    }
    /* .joseph {
        width: 375px;
        text-align: center;
        margin: auto; */
/* } */
    #content_s{
        order: 2;
    }
    #dimond_s{
        order:1
    }
    .section1 .container-fluid .row #col1 .contact_us {
        padding: 0;
        padding-top: 30px;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    #left_bottom{
        order:2
    }
    #right_bottom{
        order:1
    }
    .connect-address-1 {
        padding: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.32);
    }
    
}
 @media (min-width: 768px) and (max-width: 991px){
    *{
        margin: 0;
        padding: 0%;
        width: auto;
    }
    .header .cointainer-fluid .navbar{
        padding-top:0 ;
        padding-bottom: 0;  
    }
    .section1 .container-fluid .row{
        padding: 0%;
        margin: 0;
        padding-left:0px;
        padding-top:11px ;
    }
    .section1 .container-fluid .row #col1 #trans h1{
        font-family: 'Work Sans', sans-serif;
        color:#EDEEF2;
        font-style: normal;
        font-size: 46px;
        font-weight: 600;
        line-height: 71px;
    } 
    .logo_img{
        margin: auto;
        text-align: center;
    }

    .footer .footer_section .row #col7 .socialMedia {

        padding-right: 0px;
        justify-content: center;
        text-align: center;
        float: unset;
    }
    .footer .footer_section {
        padding-left: 0px;
    }
    .section_About .AbOut {
         padding-left: 0px; 
         padding-top: 70px; 
         padding-bottom: 70px; 
    }
    #section_About1 .contents p {
        justify-content: center;
        margin: auto;
        padding: 50px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 20px;
        font-family: 'Work Sans', sans-serif;
        font-weight: 400;
        color: #EDEEF2;
        margin: 0%;
    }
    span{
        display:contents;
    }
    .shankar {
        width: 375px;
         float: none;
        margin: auto;
    }
    .shankar .shank_img{
        border: 1px solid rgba(255, 255, 255, 0.32);
        width: 375px;
        height:428px;
        padding:0;
        text-align: center;
        
    }
    .joseph {
        width: 375px;
        margin: auto;
        margin-top: 15px;
    }
    #shankar{
        margin: auto;
    }
    #section_About1 .contents p {
        justify-content: center;
    margin: auto;
    padding: 50px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    color: #EDEEF2;
    margin: 0%;
    }
    #work_note {
        height: 160px;
    }
    .footer .footer_section .row #col3 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footer .footer_section .row #col4 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footer .footer_section .row #col5 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .footer .footer_section .row #col6 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .footer .footer_section .row #col7 {
        border-right: 1px solid #FFFFFF;
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
 }
 @media (min-width: 992px) and (max-width: 1399px){
    .header .cointainer-fluid .navbar{
        padding: 110px;
        padding-top:0 ;
        padding-bottom: 0;  
    }
    .section1 .container-fluid .row{
        padding: 0%;
        margin: 0;
        padding-left:100px;
        padding-top:11px ;
    }
    .section1 .container-fluid .row #col1 #trans h1{     
        font-family: 'Work Sans', sans-serif;
        color:#EDEEF2;
        font-style: normal;
        font-size: 26px;
        font-weight: 600;
        line-height: 36px;
    } 
    .section1 .container-fluid .row #col1 #trans h1{
        font-family: 'Work Sans', sans-serif;
        color:#EDEEF2;
        font-style: normal;
        font-size: 56px;
        font-weight: 600;
        line-height: 71px;
    } 
    .section1 .container-fluid .row #col1 #trans h1{
        font-family: 'Work Sans', sans-serif;
        color:#EDEEF2;
        font-style: normal;
        font-size: 56px;
        font-weight: 600;
        line-height: 71px;
    } 
    
 }
 @media (min-width: 1400px) and (max-width: 2000px){
    .header .cointainer-fluid .navbar{
        padding: 110px;
        padding-top:0 ;
        padding-bottom: 0;  
    }
    .section1 .container-fluid .row{
        padding: 0%;
        margin: 0;
        padding-left:100px;
        padding-top:11px ;
    }
    .section1 .container-fluid .row #col1 #trans h1{     
        font-family: 'Work Sans', sans-serif;
        color:#EDEEF2;
        font-style: normal;
        font-size: 26px;
        font-weight: 600;
        line-height: 36px;
    } 
    .section1 .container-fluid .row #col1 #trans h1{
        font-family: 'Work Sans', sans-serif;
        color:#EDEEF2;
        font-style: normal;
        font-size: 56px;
        font-weight: 600;
        line-height: 71px;
    } 
    .section1 .container-fluid .row #col1 #trans h1{
        font-family: 'Work Sans', sans-serif;
        color:#EDEEF2;
        font-style: normal;
        font-size: 56px;
        font-weight: 600;
        line-height: 71px;
    } 
 }
 
    /*--------------------------------------------------------------Contact.html media query---------------------------------------------------------*/
    @media only screen and (max-width: 600px) {
    .box-1{ width: 100%;}
    .contact-mailbox-logo{border-right: none;border-bottom: 1px solid rgba(255, 255, 255, 0.32);} 
    .img-rounded {
    width: auto;
    }
    .contact-address-1{
    height:auto;
    }
    }
    /* Small devices (portrait tablets and large phones, 600px and up) */
    @media only screen and (min-width: 600px) {
    .box-1{ width: 100%;}
    .contact-address-1{
    height:auto;
    }
    /* .contact-mailbox-logo{border-right: none;border-bottom: 1px solid rgba(255, 255, 255, 0.32);} */
    }
    /* Medium devices (landscape tablets, 768px and up) */
    @media only screen and (min-width: 768px) {
    .box-1{ width: 100%;}
    /* .contact-mailbox-logo{border-right: none;border-bottom: 1px solid rgba(255, 255, 255, 0.32);} */
    } 
    /* Large devices (laptops/desktops, 992px and up) */
    @media only screen and (min-width: 992px) {
    .box-1{ width: 100%;}
    } 
    /* Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (min-width: 1200px) {
    .box-1{ width: 100%;}
    }
    @media only screen and (min-device-width: 860px) and (max-device-width: 991px){
    .corner-image img {
    margin-left: 52%;
    margin-top: -66%;
    }
    }
    @media only screen and (min-device-width: 768px) and (max-device-width: 859px){
    .corner-image img {
    margin-left: 49%;
    margin-top: -72%;
    } 
    }
    @media only screen and (min-device-width: 533px) and (max-device-width: 539px){
    .corner-image img { 
    margin-left: 31%;
    margin-top: -54%;
    }
    }
    @media only screen and (min-device-width: 531px) and (max-device-width:628px){
    .corner-image img {
    margin-left: 27%;
    margin-top: -100%;
    top: 73%;
    }
    }
    @media only screen and (min-device-width: 629px) and (max-device-width:767px){
    .corner-image img {  
    margin-left: 41%;
    margin-top: -81%;
    top: 69%;
    }
    }
    @media only screen and (min-device-width: 320px) and (max-device-width:530px){
    .corner-image img {  
    margin-left: 94px;
    margin-top: -100%;
    width: 70%;
    top: 41%;
    }
    }
    @media only screen and (min-device-width: 992px) and (max-device-width:1024px){
    .corner-image img {  
        margin-left: 10%;
        top: 33%;
    
    }
    }
    @media only screen and (min-device-width:1025px) and (max-device-width:1070px){
    .corner-image img {  
        margin-left: 13%;
    margin-top: -100%;
}
    }
    
    @media only screen and (min-device-width:1071px) and (max-device-width:1160px){
    .corner-image img {  
    margin-left: 29%;
    margin-top: -100%;
    }
    }
    @media only screen and (min-device-width:1161px) and (max-device-width:1199px){
    .corner-image img {  
        margin-left: 21%;
        top: 47%;
    }
    }
    @media only screen and (min-device-width:1836px) and (max-device-width:2400px){
    .corner-image img {
    margin-left: 64%;
    margin-top: -37%;
    }
    }
    @media only screen and (min-device-width:1200px) and (max-device-width:1835px){
    .corner-image img {
    margin-left: 56%;
    margin-top: -43%;
    }
    }
    @media only screen and (min-device-width:2401px) and (max-device-width:2800px){
    .corner-image img {
    margin-left: 66%;
    margin-top: -35%;
    }
    }
    @media (min-width: 320px) and (max-width: 767px) {
    .header .cointainer-fluid .navbar{
    padding-top:0 ;
    padding-bottom: 0;  
    }
    #right-bottom{
    order:2
    }
    #left-bottom{ 
    order:1
    }
    }
    @media only screen and (min-device-width: 320px) and (max-device-width: 438px){
    .connect-address{
    padding: 30px;
    }
    #right-bottom{
    height: auto;
    }
    }
    #left-bottom {
    height: auto;
    }
    /*--------------------------------------------------------------------------------------------------------------------------*/
    
    @media only screen and (min-device-width: 320px) and (max-device-width: 438px){
        .fullscreen{
        padding: 20px;
        }
    }