﻿
body {
    background-image: URL(../imgs/BackGround1.png);
   
}

.right_conatct_social_icon {
    background: linear-gradient(to top right, #76aceb -5%, #f3f7fd 100%);
}

.contact_us {
    background-color: #fff;
    padding: 50px 0px;
    border-radius: 20px;
}

.contact_inner {
    background-color: #fff;
    position: relative;
    box-shadow: 20px 22px 44px #cccc;
    border-radius: 25px;
   
}

.contact_field {
    padding: 5% 199px 6% 100px;
}

.right_conatct_social_icon {
    height: 100%;
    
}

.contact_field h4 {
    color: #000;
    font-size: 34px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 10px
}

.contact_field p {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 35px;
}

.contact_field .form-control {
    border-radius: 0px;
    border: none;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    font-weight: bold;
}

    .contact_field .form-control:focus {
        box-shadow: none;
        outline: none;
        border-bottom: 2px solid #1325e8;
    }

    .contact_field .form-control::placeholder {
        font-size: 13px;
        letter-spacing: 1px;
    }

.contact_info_sec {
    position: absolute;
    background-color: #44566c;
    right: 1px;
    top: 18%;
    height: 340px;
    width: 340px;
    padding: 40px;
    border-radius: 25px 0 0 25px;
}

    .contact_info_sec h4 {
        letter-spacing: 1px;
        padding-bottom: 15px;
    }

.info_single {
    margin: 30px 0px;
}

    .info_single i {
        margin-right: 15px;
    }

    .info_single span {
        font-size: 14px;
        letter-spacing: 1px;
    }

.contact_form_submit {
    background: linear-gradient(to top right, #5d7ca1 -5%, #63a3f5 100%);
    border: none;
    color: #fff;
    padding: 10px 15px;
    width: 100%;
    margin-top: 25px;
    border-radius: 35px;
    cursor: pointer;
    font-size: 17px;
    letter-spacing: 2px;
}
    .contact_form_submit.btn:hover {
        color: #ffffff !important;
    }
.contact_form_submit:hover {
    color: white;
}
    .socil_item_inner li {
        list-style: none;
    }

    .socil_item_inner li a {
        color: #fff;
        margin: 0px 15px;
        font-size: 14px;
    }

.socil_item_inner {
    padding-bottom: 10px;
}

.map_sec {
    padding: 50px 0px;
}

.map_inner h4, .map_inner p {
    color: #000;
    text-align: center
}

.map_inner p {
    font-size: 13px;
}

.map_bind {
    margin-top: 50px;
    border-radius: 30px;
    overflow: hidden;
}

.fa-facebook-square:hover {
    
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.fa-facebook-square {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.fa-instagram:hover {
   
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.fa-instagram {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.fa-twitter:hover {
    
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.fa-twitter {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

