 @font-face {

     font-family: 'Gotham-Medium';

     src: url('fonts/Gotham-Mediume0a5.eot?v=4.3.0');

     src: url('fonts/Gotham-Mediumd41d.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/Gotham-Mediume0a5.html?v=4.3.0') format('woff2'), url('fonts/Gotham-Mediume0a5.woff?v=4.3.0') format('woff'), url('fonts/Gotham-Mediume0a5.ttf?v=4.3.0') format('truetype'), url('http://www.talentedge.in/talentedge/error-404?aspxerrorpath=/xlri-afm/fonts/Gotham-Medium.svg#fontawesomeregular') format('svg');

     font-weight: normal;

     font-style: normal;

}

 @font-face {

     font-family: 'Gotham-Bold';

     src: url('http://www.talentedge.in/talentedge/error-404?aspxerrorpath=/xlri-afm/fonts/Gotham-Bold.eot');

     src: url('http://www.talentedge.in/talentedge/error-404?aspxerrorpath=/xlri-afm/fonts/Gotham-Bold.eot#iefix&v=4.3.0') format('embedded-opentype'), url('http://www.talentedge.in/talentedge/error-404?aspxerrorpath=/xlri-afm/fonts/Gotham-Bold.woff2') format('woff2'), url('fonts/Gotham-Bolde0a5.woff?v=4.3.0') format('woff'), url('fonts/Gotham-Bolde0a5.ttf?v=4.3.0') format('truetype'), url('http://www.talentedge.in/talentedge/error-404?aspxerrorpath=/xlri-afm/fonts/Gotham-Bold.svg#fontawesomeregular') format('svg');

     font-weight: normal;

     font-style: normal;

}

 @font-face {

     font-family: 'WebSymbolsRegular';

     src: url('websymbols/websymbols-regular-webfont.eot');

     src: url('websymbols/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('websymbols/websymbols-regular-webfont.woff') format('woff'), url('websymbols/websymbols-regular-webfont.ttf') format('truetype'), url('websymbols/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');

     font-weight: normal;

     font-style: normal;

}

 @font-face {

    font-family: "Frutiger LT W01 55 Roman";

     src: url("fonts/frutizer/b0b6eb8ffec6fd135e633df33313c82d.eot");

     src: url("fonts/frutizer/b0b6eb8ffec6fd135e633df33313c82d.eot?#iefix") format("embedded-opentype"), url("fonts/frutizer/b0b6eb8ffec6fd135e633df33313c82d.woff2") format("woff2"), url("fonts/frutizer/b0b6eb8ffec6fd135e633df33313c82d.woff") format("woff"), url("fonts/frutizer/b0b6eb8ffec6fd135e633df33313c82d.ttf") format("truetype"), url("fonts/frutizer/b0b6eb8ffec6fd135e633df33313c82d.svg#Frutiger LT W01 55 Roman") format("svg");

}

 html {

     font-family: sans-serif;

     -webkit-text-size-adjust: 100%;

     -ms-text-size-adjust: 100%;

}

 body {

     margin: 0;

}

 header, nav, section {

     display: block;

}

 a {

     background-color: transparent;

}

 a:active, a:hover {

     outline: 0;

}

 b, strong {

     font-weight: bold;

}

 h1 {

     margin: .67em 0;

     font-size: 2em;

}

 sup {

     position: relative;

     font-size: 75%;

     line-height: 0;

     vertical-align: baseline;

}

 sup {

     top: -.5em;

}

 img {

     border: 0;

}

 hr {

     height: 0;

     -webkit-box-sizing: content-box;

     -moz-box-sizing: content-box;

     box-sizing: content-box;

}

 button, input, textarea {

     margin: 0;

     font: inherit;

     color: inherit;

}

 button {

     overflow: visible;
     background-color: #fb8f28;
    border: 1px;

}

button:hover {
    background-color: #e57300; /* Change to your desired hover color */
}

 button {

     text-transform: none;

}

 button, input[type="submit"] {

     -webkit-appearance: button;

     cursor: pointer;

}

 button::-moz-focus-inner, input::-moz-focus-inner {

     padding: 0;

     border: 0;

}

 input {

     line-height: normal;

}

 fieldset {

     padding: .35em .625em .75em;

     margin: 0 2px;

     border: 1px solid #c0c0c0;

}

 textarea {

     overflow: auto;

}

 table {

     border-spacing: 0;

     border-collapse: collapse;

}

 td, th {

     padding: 0;

}

 @media print {

     *, *:before, *:after {

         color: #000 ;

         text-shadow: none ;

         background: transparent ;

         -webkit-box-shadow: none ;

         box-shadow: none ;

    }

     a, a:visited {

         text-decoration: underline;

    }

     a[href]:after {

         content: " (" attr(href) ")";

    }

     a[href^="#"]:after, a[href^="javascript:"]:after {

         content: "";

    }

     thead {

         display: table-header-group;

    }

     tr, img {

         page-break-inside: avoid;

    }

     img {

         max-width: 100% ;

    }

     p, h2, h3 {

         orphans: 3;

         widows: 3;

    }

     h2, h3 {

         page-break-after: avoid;

    }

     .table {

         border-collapse: collapse ;

    }

     .table td, .table th {

         background-color: #fff ;

    }

}

 @font-face {

     font-family: 'Glyphicons Halflings';

     src: url('fonts/glyphicons-halflings-regular.eot');

     src: url('fonts/glyphicons-halflings-regulard41d.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.html') format('woff2'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');

}

 * {

     -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

     box-sizing: border-box;

}

 *:before, *:after {

     -webkit-box-sizing: border-box;

     -moz-box-sizing: border-box;

     box-sizing: border-box;

}

 html {

     font-size: 10px;

     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

 body {

     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

     font-size: 14px;

     line-height: 1.42857143;

     color: #333;

     /* background-image: url(images/aafm.jpg); */
     background-size: cover;

}

 input, button, textarea {

     font-family: inherit;

     font-size: inherit;

     line-height: inherit;

}

 a {

     color: white;

     text-decoration: none;

}

 a:hover, a:focus {

     color: #23527c;

     text-decoration: underline;

}

 a:focus {

     outline: thin dotted;

     outline: 5px auto -webkit-focus-ring-color;

     outline-offset: -2px;

}

 img {

     vertical-align: middle;

}

 .img-responsive {

     display: block;

     max-width: 100%;

     height: auto;

}

 hr {

     margin-top: 20px;

     margin-bottom: 20px;

     border: 0;

     border-top: 1px solid #eee;

}

 .sr-only {

     position: absolute;

     width: 1px;

     height: 1px;

     padding: 0;

     margin: -1px;

     overflow: hidden;

     clip: rect(0, 0, 0, 0);

     border: 0;

}

 [role="button"] {

     cursor: pointer;

}

 h1, h2, h3, h4, h5 {

     font-family: inherit;

     font-weight: 500;

     line-height: 1.1;

     color: inherit;

}

 h1, h2, h3 {

     margin-top: 20px;

     margin-bottom: 10px;

}

 h4, h5 {

     margin-top: 10px;

     margin-bottom: 10px;

}

 h1 {

     font-size: 36px;

}

 h2 {

    margin-left: 23px;
    font-size: 24px;
    margin-top: 0px;
    font-weight: bold;

}

 h3 {

     font-size: 24px;

}

 h4 {

     font-size: 18px;

}

 h5 {

     font-size: 14px;

}

 p {

     margin: 0 0 10px;

}

 .text-left {

     text-align: left;

}

 .text-right {

     text-align: right;

}

 .text-center {

     text-align: center;

}

 .text-justify {

     text-align: justify;

}

 .bg-primary {

     color: #fff;

     background-color: #337ab7;

}

 .bg-danger {

     background-color: #f2dede;

}

 ul, ol {

     margin-top: 0;

     margin-bottom: 10px;

}

 .container {

     padding-right: 15px;

     padding-left: 15px;

     margin-right: auto;

     margin-left: auto;

}

 @media (min-width: 768px) {

     .container {

         width: 750px;

    }

}

 @media (min-width: 992px) {

     .container {

         width: 970px;

    }

}

 @media (min-width: 1200px) {

     .container {

         width: 1170px;

    }

}

 .close-icon {

     float: right;

     margin-bottom: 8px;

     width: 100%;

     color: #fff;

     font-size: 23px;

}

 .close-icon i.fa.fa-times {

     float: right;

     padding-right: 11px;

     margin-top: 10px;

}



span.floatright.clrblack.white {

    color: #fff;

}



 :root {

     --color-primary: #005AF0;

     --space-1: .5rem;

    /* 8px */

     --space-4: 2rem;

    /* 32px */

}

/* Styles for the flex layout based tabs */

 amp-selector[role=tablist].tabs-with-flex {

     display: flex;

     flex-wrap: wrap;

}

 amp-selector[role=tablist].tabs-with-flex [role=tab] {

     flex-grow: 1;

    /* custom styling, feel free to change */

     text-align: center;

     padding: var(--space-1);

}

 amp-selector[role=tablist].tabs-with-flex [role=tab][selected] {

     outline: none;

    /* custom styling, feel free to change */

     border-bottom: 2px solid var(--color-primary);

}

 amp-selector[role=tablist].tabs-with-flex [role=tabpanel] {

     display: none;

     width: 100%;

     order: 1;

    /* must be greater than the order of the tab buttons to flex to the next line */

    /* custom styling, feel free to change */

     padding: var(--space-4);

}

 amp-selector[role=tablist].tabs-with-flex [role=tab][selected] + [role=tabpanel] {

     display: block;

}

/* Styles for the selector based tabs */

 amp-selector[role=tablist].tabs-with-selector {

     display: flex;

}

 amp-selector[role=tablist].tabs-with-selector [role=tab][selected] {

     font-size: 13px;

     text-transform: uppercase;

     font-weight: 700;

     line-height: 18px;

     padding-bottom: 10px;

     margin-left: 20px;

     background: #F0A100;

     color: #fff ;

     border-bottom-color: #fff;

     margin-right: 3px;

     border-top-left-radius: 5px;

     border-top-right-radius: 5px;

     outline: 0px solid rgba(0,0,0,1);

}

 amp-selector[role=tablist].tabs-with-selector {

     display: flex;

}

amp-selector[role=tablist].tabs-with-selector [role=tab] {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: white;
    line-height: 22px;
    padding-bottom: 10px;
    margin-left: 12px;
    background: green;
    padding: 15px 20px;
    margin-right: 5px;
    border: 2px solid #ddd; /* Light border */
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    transition: background 0.3s ease; /* Smooth background transition */
}

amp-selector[role=tablist].tabs-with-selector [role=tab]:hover {
    background: #e0e0e0; /* Darker background on hover */
}

/* Add a subtle indicator for the selected tab */
amp-selector[role=tablist].tabs-with-selector [role=tab][aria-selected="true"]::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 3px;
    background-color: #333;
    transform: translateX(-50%);
    border-radius: 4px; /* Rounded indicator for selected tab */
}




 .container-fluid {

     padding-right: 15px;

     padding-left: 15px;

     margin-right: auto;

     margin-left: auto;

}

 .row {

     margin-right: -15px;

     margin-left: -15px;

}

 .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-md-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-md-7, .col-lg-7, .col-lg-9, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

     position: relative;

     min-height: 1px;

     padding-right: 15px;

     padding-left: 15px;

}

 .col-xs-2, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-12 {

     float: left;

}

 .col-xs-12 {

     width: 100%;

}

 .col-xs-6 {

     width: 50%;

}

 .col-xs-5 {

     width: 41.66666667%;

}

 .col-xs-4 {

     width: 33.33333333%;

}

 .col-xs-2 {

     width: 16.66666667%;

}

 @media (min-width: 768px) {

     .col-sm-2, .col-sm-4, .col-sm-6, .col-sm-12 {

         float: left;

    }

     .col-sm-12 {

         width: 100%;

    }

     .col-sm-6 {

         width: 50%;

    }

     .col-sm-4 {

         width: 33.33333333%;

    }

     .col-sm-2 {

         width: 16.66666667%;

    }

     .col-sm-push-4 {

         left: 33.33333333%;

    }

}

 @media (min-width: 992px) {

     .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-12 {

         float: left;

    }

     .col-md-12 {

         width: 100%;

    }

     .col-md-7 {

         width: 58.33333333%;

    }

     .col-md-6 {

         width: 50%;

    }

     .col-md-5 {

         width: 41.66666667%;

    }

     .col-md-4 {

         width: 33.33333333%;

    }

     .col-md-3 {

         width: 25%;

    }

     .col-md-2 {

         width: 16.66666667%;

    }

     .col-md-push-4 {

         left: 33.33333333%;

    }

}

 @media (min-width: 1200px) {

     .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-6, .col-lg-7, .col-lg-9, .col-lg-12 {

         float: left;

    }

     .col-lg-12 {

         width: 100%;

    }

     .col-lg-9 {

         width: 75%;

    }

     .col-lg-7 {

         width: 58.33333333%;

    }

     .col-lg-6 {

         width: 50%;

    }

     .col-lg-4 {

         width: 33.33333333%;

    }

     .col-lg-3 {

         width: 25%;

    }

     .col-lg-2 {

         width: 16.66666667%;

    }

     .col-lg-push-4 {

         left: 33.33333333%;

    }

}

 table {

     background-color: transparent;

}

 th {

     text-align: left;

}

 .table {

     width: 100%;

     max-width: 100%;

     margin-bottom: 20px;

}

 .table > thead > tr > th, .table > tbody > tr > td {

     padding: 8px;

     line-height: 1.42857143;

     vertical-align: top;

     border-top: 1px solid #ddd;

}

 .table > thead > tr > th {

     vertical-align: bottom;

     border-bottom: 2px solid #ddd;

}

 .table > thead:first-child > tr:first-child > th {

     border-top: 0;

}

 .table-responsive {

     min-height: .01%;

     overflow-x: auto;

}

 @media screen and (max-width: 767px) {

     .table-responsive {

         width: 100%;

         margin-bottom: 15px;

         overflow-y: hidden;

         -ms-overflow-style: -ms-autohiding-scrollbar;

         border: 1px solid #ddd;

    }

     .table-responsive > .table {

         margin-bottom: 0;

    }

     .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > td {

         white-space: nowrap;

    }

}

 fieldset {

     min-width: 0;

     padding: 0;

     margin: 0;

     border: 0;

}

 .collapse {

     display: none;

}

 

 .panel {

     margin-bottom: 20px;

     background-color: #fff;

     border: 1px solid transparent;

     border-radius: 4px;

     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

     box-shadow: 0 1px 1px rgba(0, 0, 0, .05);

}

 .panel-body {

     padding: 15px;

}

 .panel-heading {

     border-bottom: 1px solid transparent;

     border-top-left-radius: 3px;

     border-top-right-radius: 3px;

}

 .panel-title {

     margin-top: 0 ;

     margin-bottom: 0;

     font-size: 16px;

     color: inherit;

     padding: 10px 15px;

     background: #202b62;



}

 .panel-title > a {

     color: inherit;

}

 .panel-group {

     margin-bottom: 20px;

}

 .panel-group .panel {

     margin-bottom: 0;

     border-radius: 4px;

}

 .panel-group .panel + .panel {

     margin-top: 5px;

}

 .panel-group .panel-heading {

     border-bottom: 0;

}

 .panel-group .panel-heading + .panel-collapse > .panel-body {

     border-top: 1px solid #ddd;

}

 .panel-default {

     border-color: #ddd;

}

 .panel-default > .panel-heading {

     color: #333;

     background-color: #f5f5f5;

     border-color: #ddd;

}

 .panel-default > .panel-heading + .panel-collapse > .panel-body {

     border-top-color: #ddd;

}

 .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .panel-body:before, .panel-body:after {

     display: table;

     content: " ";

}

 .clearfix:after, .container:after, .container-fluid:after, .row:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .panel-body:after {

     clear: both;

}

 .pull-right {

     float: right ;

}

 .pull-left {

     float: left ;

}

 

 @media (max-width: 767px) {

     .hidden-xs {

         display: none ;

    }

}

 .navbar-nav > li > a {

     text-shadow: 0 1px 0 rgba(255, 255, 255, .25);

}

 .panel {

     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);

     box-shadow: 0 1px 2px rgba(0, 0, 0, .05);

}

 .panel-default > .panel-heading {

     background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);

     background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);

     background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));

     background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);

     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);

     background-repeat: repeat-x;

}

 

 body {

     font-family: sans-serif, 'Fira Sans';

     font-weight: 400;

     overflow-x: hidden;

}

 .errortext {

     display:none;

}

 em {

     font-size:12px;

     color:#fff;

}

 .bg_blue2 {

     width: 100%;

     margin-left: 10px;

}

 .bg_blue2 h2 {

     font-size: 37px;

     color: #ffffff;

     font-weight: 700;

     margin-top: 5px ;

}

 .bg_blue2 span {

     font-size: 27px;

     color: #ffffff;

     font-weight: 700;

}

 .img_content {

     top: 10px;

}

 #home {

     position: relative ;

}

 header {

     background: #fff;

     padding: 0px 00px 0px 0px;

     position: fixed;

     width: 100%;

     z-index: 99;

     top: 0px;

}

 .logo_right {

     padding-bottom: 10px;

     padding-top: 10px;

}

 .top_left_logo {

     margin-top: 5px;

}

 .top_phone {

     color: #ff9000;

     font-size: 16px;

     margin-top: 20px;

     padding-right: 20px;

     margin-right: -60px;

}

 .top_phone strong {

     font-weight: 600;

     color: #000000;

}

 

 .banner {

     /*background: url(pgpimage/baners.jpg) no-repeat left top #07194a;*/

    

  

     

     width: 100%;

     position: relative ;

}

 .banner .banner_container {

     width: 100%;

}

 .nav > li > a {

     color: #fff;

     text-transform: uppercase;

     font-size: 14px;

     line-height: 40px;

     padding: 0 21px;

}

 .scroll {

     background: #fff;

    /* padding-top: 20px;

     */

     padding-bottom: 20px;

}

 p {

     color: #7c7c7c;

     font-size: 14px;

}

 h3 {

     color: #0e91c0;

     font-size: 26px;

     font-weight: 300;

}

 h4 {

     color: #7c7c7c;

     font-size: 30px;

     font-weight: 300;

     text-transform: uppercase;

}

/* form */

 .pos_abs {

     position: absolute;

     width: 100%;

     top: 140px;

     z-index: 999;

}

 .topfrm {

   

    position: fixed;

    width: 286px;

    border-radius: 5px;

    right: 10px;

    top: 10%;
    right: 5%;



    

    /*border:2px solid #202b63;*/

}

 .topfrm {

     

}

 .topfrm:before, .topfrm:after {

     content: "";

     position: absolute;

     z-index: -1;

     -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);

     -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);

    

     bottom: 10px;

     left: 0;

     right: 0;

     -moz-border-radius: 100px / 10px;

     border-radius: 100px / 10px;

}

 .topfrm:after {

     right: 10px;

     left: auto;

     -webkit-transform: skew(8deg) rotate(3deg);

     -moz-transform: skew(8deg) rotate(3deg);

     -ms-transform: skew(8deg) rotate(3deg);

     -o-transform: skew(8deg) rotate(3deg);

     transform: skew(8deg) rotate(3deg);

}

 .from_top_text {

     color: #fff;

     font-size: 15px;

     line-height: 30px;

     font-weight: normal;

     text-align: center;

     text-transform: uppercase;

     font-weight: 400;

     margin-bottom: 25px;

}

 .topfrm input {

     float: left;

     width: 100%;

    border:1px solid #0f349b;

     margin-bottom: 10px;

     line-height: 30px;

     height: 40px;

     padding-left: 10px;

     border-radius: 5px;

}

 .topfrm textarea {

     float: left;

     width: 100%;

    border:1px solid #0f349b;

    background-color: #fff;

     margin-bottom: 5px;

     line-height: 30px;

     height: 80px;

     padding-left: 10px;

     border-radius: 5px;

}

 .topfrm button {

     width: 200px;

     margin-bottom: 5px;

     line-height: 20px;

     height: 40px;

     padding-left: 10px;

     background: #fbaa24;

     color: #FFF;

     font-size: 18px;

     font-weight: 700;

     clear: both;

     border-radius:5PX;

     border:none;

}

.topfrm button:hover{

    background-color: #35467c;

}



 .topfrm .aceept_terms {

     font-size: 13px;

     color: #fff;

}

 .main_container {

     width: 76%;

}

 .about {

    

     padding-bottom:0px;

}

 .about h3 {

     font-size: 26px;

     color: #7c7c7c;

     margin-bottom: 20px;

     padding-right: 10px;

     float: left;

     margin-right: 10px;

     height: 32px;

     text-transform: uppercase;

}

 .about p {

     /* text-align: justify; */

}

 .about_us {

     padding-bottom: 50px;

     padding-top: 40px;

     background: #fff;

}

 .about_us p {

     font-size: 14px;

     color: #7c7c7c;

     line-height: 20px;

     padding-bottom: 10px;

}

 .Pedagogy {

     background: url(image/finance.jpg) no-repeat center top #0061a0;

     background-size: cover;

     padding-bottom: 50px;

     padding-top: 50px;

}

 .Pedagogy h3, .Pedagogy p {

     color: #fff;

}

 .about2 ul li, .about ul li {

     list-style-image: url(image/arrow_blue.png);

     font-size: 14px;

     color: #7c7c7c;

     line-height: 18px;

     padding-bottom: 10px;

     margin-left:20px;

}



 .about ul li{

     list-style-image:unset;

}

 .about2 ol li, .about ol li {

     font-size: 14px;

     color: #7c7c7c;

     line-height: 18px;

     padding-bottom: 10px;

}

 .Pedagogy p {

     font-size: 14px;

     color: #fff;

     line-height: 18px;

     padding-bottom: 10px;

}

 .about2 ul {

     padding: 10px 0 0 12px;

}

 .footer_bottom {

     background: #234795;

     padding-bottom: 20px;

     padding-top: 20px;

}

 .footer_bottom p {

     color: #ffffff;

     font-size: 14px;

     line-height: 16px;

}

 .scrollToTop {

     background: url(image/scroll-to-top.png) no-repeat scroll 0 20px;

     bottom: 10px;

     color: #444;

     display: none;

     font-weight: bold;

     height: 71px;

     padding: 10px;

     position: fixed;

     right: 10px;

     text-align: center;

     text-decoration: none;

     width: 51px;

}

 .color_light_blue {

     color: #a7c4d3;

}

 .footer_bottom p {

     margin-bottom: 6px;

}

 #course_de {

     background: #fff;

}

 

 .img_content img {

     max-width: 100%;

     height: auto;

}

 img {

     max-width: 100%;

}

 @media screen and (max-width:1450px) {

     .bg_blue2 {

         background: none ;

    }

}

 @media screen and (max-width:1170px) {

     .banner .banner_container {

         margin-top:0;

    }

     .img_content {

         top:40px;

    }

}

 @media screen and (max-width:1024px) {

     .nav > li > a {

         font-size: 12px;

         padding: 0 8px;

    }

     .topfrm {

         right: 10px;

    }

     .bg_blue2 h2 {

         font-size:32px;

    }

     .banner .banner_container {

         width: 76%;

    }

     .about h3 {

         font-size: 20px;

         height: 30px;

    }

     .bg_blue2 {

         padding: 40px 15px 15px 15px;

         display: block;

         width: 87%;

    }

     .img_content {

         width: 70%;

         position: absolute;

         top: 0px;

    }

     .img_content img {

         width: 98% ;

    }

     .panel-title a{

         font-size:14px ;

    }

     .panel-heading{

         padding:0px ;

    }

}

 @media screen and (max-width:768px) {

     .top_phone {

         margin-right: -20px;

    }

     .bg_blue2{

         margin-left:0 ;

    }

     .nav > li > a {

         padding: 0px 30px;

         font-size: 14px;

         text-transform: inherit;

    }

     .img_content{

         top:15px;

         width:63%;

    }

     .bg_blue2 h2{

         font-size:25px ;

    }

     .banner .banner_container {

         width: 66%;

    }

     .main_container {

         width: 66%;

    }

     .banner2 {

         position: relative ;

    }

     .bg_blue2 {

         display: block;

         width: 100% ;

         padding:0;

    }

     .img_content {

         position: absolute;

         bottom: 140px;

    }

     .img_content img {

         width: 98% ;

    }

     .bg_blue2 h2{

         font-size:40px;

    }

     .bg_blue2 span{

         font-size:15px;

    }

     .panel-title a{

         font-size:14px ;

    }

     .panel-heading{

         padding:0px ;

    }

}

 @media screen and (max-width:640px) {

     .pos_abs {

         position: static;

         top: 30px;

         z-index: 9;

         margin-bottom: 50px;

         width: 70%;

         text-align: center;

    }

     .img_content {

         width:95%;

         text-align:center;

    }

     .topfrm {

         position: relative;

         top: 0px;

    }

     .banner2 {

         position: relative ;

    }

     .banner .banner_container {

        width: 106%;
        margin-left: -11px;

    }

     .banner {

         background-image: url(../../talentedge/error-40492c2.html) no-repeat ;

    }

     .main_container {

         width: 100%;

    }

     .about h4 {

         margin-top: 15px;

    }

     .navbar-toggle {

         background: #166eb5;

         position: absolute;

         right: -33px;

         top: -60px;

    }

     .navbar-toggle .icon-bar {

         background: #fff;

    }

     .nav.navbar-nav.pull-left {

         background: #0b8fbf;

         float: right ;

    }

     .nav > li > a {

         text-transform: uppercase;

         font-size: 14px;

    }

     .top_phone {

         margin-top: 22px;

         font-size: 13px;

    }

     .navbar {

         min-height: 0;

         position: absolute;

         right: 30px;

    }

     header {

         padding-bottom: 0px;

         border-bottom: 1px solid #ccc 

    }

     .banner .banner_container {

        margin-top: -53px;

    }

     .logo_right {

         width: 100%;

         margin-right: 20px;

    }

     .top_phone {

         font-size: 12px 

    }

     .topfrm {

         left: 20% ;

    }

     .panel-title a{

         font-size:12px ;

    }

     .panel-heading{

         padding:0px ;

    }

     .panel-title a{

         font-size:12px ;

    }

     .panel-heading{

         padding:0px ;

    }

    .form_top_width {

      width: 100%;

      padding-top: 30px;

   }

}

 @media screen and (max-width:480px) {

     .banner {

         /* background:url(image/banner-661x300.jpg) center top no-repeat ; */

    }

     .top_left_logo {

         width: 100% 

    }

     .top_phone {

         margin-top: 2px;

    }

     .navbar-toggle {

         top: -53px;

    }

     .bg_blue2 h2 {

         font-size:18px ;

    }

     .bg_blue2 span{

         font-size:16px;

    }

     .img_content{

         top:10px;

    }

     .panel-title a{

         font-size:12px ;

    }

     .panel-heading{

         padding:0px ;

    }

}

 @media screen and (max-width:360px) {

     .navbar {

         margin-top: 7px;

    }

     .top_phone {

         border: none;

    }

     .topfrm {

         right: 0px;

    }

     .img_content {

         width: 100% 

    }

     .banner .banner_container {

         margin-top: 40px 

    }

     .pos_abs {

         width: 74% ;

    }

     .img_content{

         width:94%;

    }

     .bg_blue2 h2{

         font-size:18px ;

    }

     .panel-title a{

         font-size:12px ;

    }

     .panel-heading{

         padding:0px ;

    }

}

 @media screen and (max-width:320px) {

     .banner .banner_container {

         margin-top: 0px;

    }

     .banner {

         min-height: 518px ;

    }

     .banner {

         margin-top: 29px ;

    }

     .pos_abs {

         width: 76% ;

    }

     .bg_blue2 h2{

         font-size:18px;

    }

     .panel-title a{

         font-size:12px ;

    }

     .panel-heading{

         padding:0px ;

    }

}



 .clrblack{

     color:#000 ;

}

 .clrwhite{

     color:#fff ;

}

 .clrwhite-shadow{

     color:#c5b4ac;

     text-shadow: 2px 2px #000;

}

 .clryellow{

     color:#ffc600;

}

 .clrblue{

     color:#134f8b ;

}

 .bckclrwhite{

     background-color:#fff ;

}

 .bckclr_darkred{

     background:#A21611;

}

 .bckclr_orange{

     background:#ea7410;

}

 .bckclrred{

     background:#bf1e2e;

}

 .bckclrgreen2{

     background-color:#00923f;

}

 .bckclrlightblue{

     background-color:#6980c3;

}

 .bckclrdarkblue{

     background-color:#202b63;

}

 .textcenter{

     text-align:center ;

}

 .topmargin30{

     margin-top:30px;

}

 .bottommargin3{

     margin-bottom:10px ;

}

 .bottommargin5{

     margin-bottom:5px ;

}

 .margin-center{

     margin:0 auto;

}

 .pad15{

     padding:15px ;

}

 .pad30{

     padding:30px ;

}

 .padleft0{

     padding-left:0px ;

}

 .pad0{

     padding:0 ;

}

 .padleft5{

     padding-left:5px;

}

 .padright5{

     padding-right:5px;

}

 .toppad0{

     padding-top:0px ;

}

 .font25 {

     font-size: 25px ;

}

 .heading{

     font-size:16px ;

     font-weight:bolder ;

     float: left;

    width: 100%;

}

.map{

   float: left;

   width: 100%;

}

 .font30{

     font-size:30px ;

     line-height:30px ;

}

 .font12{

     font-size:12px ;

}

 .floatright{

     float:right ;

}

 .panel-title a{

     font-size:12px ;

     color:#fff;

}

 .block-shadow{

     width: 285px;

     height: auto;

     display: block;

     padding-left: 20px;

     padding-right: 20px;

     border-radius: 30px;

     color: #1f378c;

     font-size: 20px;

     font-weight: bold;

     text-align: center;

     line-height: 65px;

     margin-bottom: 10px;

     cursor:pointer;

     box-shadow: 5px 5px 5px #888888;

     border-style: solid 

}

 .form_top_width {

     padding-top:30px;
     padding-left: 10px;

}

 .cwm-icon {

     max-width: 197px;

     margin: 0 auto;

}

 body{

     font-family:"Verdana" ;

}

 .circlenav #image{

     margin-left:5px;

     float:left;

     height:165px;

     width:138px;

     background-color:#fff;

     border:2px solid #6dcdc7;

     display:block;

}

 .clientname{

     font-family:Verdana, Geneva, sans-serif;

     margin-top:80px;

     font-size:22px;

     color:#5ac6d3;

     padding-left:160px;

     line-height:35px;

}

 .quotestart{

     float: left;

     color: #5ac6d3;

     font-size: 75px;

     line-height: 60px;

     padding-top: 4px;

     padding-right: 8px;

     padding-left: 3px;

     font-family: "Times New Roman", Georgia, Serif;

    ;

}

 .quoteend{

     float: right;

     color: #5ac6d3;

     font-size: 75px;

     line-height: 60px;

     padding-top: 4px;

     padding-right: 8px;

     padding-left: 3px;

     font-family: "Times New Roman", Georgia, Serif;

    ;

}

 .designation{

     font-family: "Arial",'Montserrat', sans-serif;

     font-size:16px;

     color:#000;

     padding-left:160px;

     line-height:30px;

}

 .maphead{

     font-size:30px ;

     line-height:30px ;

}

 .maphead-subhead{

     font-size:27px ;

}



@media only screen and (max-width: 479px){

    /* */

     .maphead{

         font-size:16px ;

         line-height:30px ;

    }

     .maphead-subhead{

         font-size:16px ;

    }

     .clientname {

         font-family: Verdana, Geneva, sans-serif;

         margin-top: 60px;

         font-size: 18px;

         color: #5ac6d3;

         padding-left: 160px;

         line-height: 24px;

    }

     .designation {

         font-family: "Arial",'Montserrat', sans-serif;

         font-size: 14px;

         color: #000;

         padding-left: 160px;

         line-height: 20px;

    }

}



* {

     -moz-box-sizing: border-box;

     box-sizing: border-box;

}

 *:before, *:after {

     -moz-box-sizing: border-box;

     box-sizing: border-box;

}

 input {

     border: none;

     font-family: 'Open Sans', Arial, sans-serif;

     font-size: 14px;

     line-height: 1.5em;

     padding: 0;

    

}



 .lightbox {

     background: rgba(0,0,0,.8);

     width: 100%;

     height: 100%;

     position: absolute;

     display: flex;

     align-items: center;

     justify-content: center;

}

 .white_content {

     position: relative;

     top: 10%;

     width: 40%;

     height: auto;

     padding: 5px;

     border: 5px solid #7ec677;

     background-color: #21835f;

     z-index: 1002;

     overflow: visible;

     border-radius: 15px;

}

 .modalloginheadsmall{

     width:29%;

     display:inline-table;

}

 .modalloginheadbig {

     width: 65%;

     padding-bottom: 20px;

     margin: 0;

     font-size: 23px;

     display: inline-table;

}

 .megamenu-item .dropdpwn-links{

     display:none;

}

 .megamenu-item.show .dropdpwn-links{

     display:block;

}

 #sample3-tabpanel2 ul > li {

     margin-right: 10%;

     list-style: none;

     float: left;

     width: 100%;

     padding-left: 0px;

     margin-left:0px;

}

 #sample3-tabpanel2 ul > li a.bckclrlightgray.bottommargin5 {

     color: #fff;

     text-decoration: none;

     background: #6980c3;

     padding: 10px;

     margin-bottom: 5px;

     display: block;

}

 .white_content form input[type="text"] {

     background-color: #fff;

     border: 1px solid white;

     border-radius: 5px;

     color: #000;

     margin-bottom: 0px;

     padding: 0px 16px;

     width: 95%;

     height: 40px;

     margin-left: 5%;

}

 .white_content form input[type="email"] {

     background-color: #fff;

     border: 1px solid white;

     border-radius: 5px;

     color: #000;

     margin-bottom: 0px;

     padding: 0px 16px;

     width: 95%;

     height: 40px;

     margin-left: 5%;

}

 .white_content form input[type="submit"] {

     width: 50%;

     height: 50px;

     background-color: #fffc02;

     color: #000;

     margin-left: 30%;

     font-weight: bold;

     border-radius: 10px;

}

 .white_content form textarea {

     background-color:#fff;

     border:1px solid #000;

     border-radius: 5px;

     color: #000;

     margin-bottom: 0px;

     padding: 0 16px;

     width: 100%;

     height:80px;

     margin-left:5%;

}

 .black_overlay {

     display: none;

     z-index: 1001;

     filter: alpha(opacity=80);

     left: 0%;

     margin: 0px auto;

     width: 100%;

     position: absolute;

     top: 20%;

     height: 3530px;

     background-color: black;

     opacity: .80;

}

 @media only screen and (max-width: 479px){

     iframe {

         width: 100%;

    }

     .flexslider .slides {

         padding-bottom: 150vw;

    }

     amp-selector[role=tablist].tabs-with-selector {

         display: block;

    }

     amp-selector[role=tablist].tabs-with-selector [role=tab] {

         margin-bottom: 10px;

         font-size: 12px;

         text-transform: uppercase;

         font-weight: 700;

         line-height: 18px;

         padding-bottom: 10px;

         margin-left: 20px;

      

         color: white; ;

         border-bottom-color: #fff;

         padding: 10px 20px;

         margin-right: 3px;

         border-radius: 5px;

         outline: 0px solid rgba(0,0,0,1);

    }

     .white_content {

         position: relative;

         top: 5%;

         width: 95%;

         height: auto;

         padding: 5px;

         border: 5px solid #7ec677;

         background-color: #21835f;

         z-index:1002;

         overflow: visible;

    }

     .modalloginheadsmall{

         width:29%;

         display:inline-table;

    }

     .modalloginheadbig{

         width:69%;

         padding:0;

         margin:0;

         font-size:16px;

         display:inline-table;

    }

     .black_overlay {

         display: none;

         z-index: 1001;

         filter: alpha(opacity=80);

         left: 0%;

         margin: 0px auto;

         width: 100%;

         position: absolute;

         top: 20%;

         height: 1000%;

         background-color: black;

         opacity: .80;

    }

.font30{

    font-size: 24px;

    line-height: 30px;

}



}

 .slides li{

     list-style: none;

     padding-left: 13px;

}

 

.btn-get {

    background: #F0A100;

    color: #fff;

    border-radius: 10px;

    padding: 10px 20px;

    white-space: nowrap;

    transition: 0.5s;

    font-size: 15px;

    font-weight: 500;

    display: inline-block;

  	width:200px;

    text-align:center;

    margin-bottom: 30px;

    letter-spacing: 1px;

}

.btn-get:hover{

    background-color: #081451;

    color: #fff;

}



.slick-slide {

  margin: 0px 20px;

}



.slick-slide img {

  width: 100%;

}



.slick-slider {

  position: relative;

  display: block;

  box-sizing: border-box;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  -webkit-touch-callout: none;

  -khtml-user-select: none;

  -ms-touch-action: pan-y;

  touch-action: pan-y;

  -webkit-tap-highlight-color: transparent;

}



.slick-list {

  position: relative;

  display: block;

  overflow: hidden;

  margin: 0;

  padding: 0;

}



.slick-list:focus {

  outline: none;

}



.slick-list.dragging {

  cursor: pointer;

  cursor: hand;

}



.slick-slider .slick-track,

.slick-slider .slick-list {

  -webkit-transform: translate3d(0, 0, 0);

  -moz-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  -o-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}



.slick-track {

  position: relative;

  top: 0;

  left: 0;

  display: block;

}



.slick-track:before,

.slick-track:after {

  display: table;

  content: "";

}



.slick-track:after {

  clear: both;

}



.slick-loading .slick-track {

  visibility: hidden;

}



.slick-slide {

  display: none;

  float: left;

  height: 100%;

  min-height: 1px;

}



[dir="rtl"] .slick-slide {

  float: right;

}



.slick-slide img {

  display: block;

}



.slick-slide.slick-loading img {

  display: none;

}



.slick-slide.dragging img {

  pointer-events: none;

}



.slick-initialized .slick-slide {

  display: block;

}



.slick-loading .slick-slide {

  visibility: hidden;

}



.slick-vertical .slick-slide {

  display: block;

  height: auto;

  border: 1px solid transparent;

}



.slick-arrow.slick-hidden {

 

}



.services-item{

   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}

.program{

    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; 

    text-align: center; 

    margin-top: 20px; 

    padding: 5px;

}

.program:hover{

    background: #0061a0;

    opacity: 0.8;

}



.g-recaptcha {

    transform:scale(0.67);

    transform-origin:0 0;

    margin: 0 auto;display: table;

}
/*# sourceMappingURL=style.css.map */
.topHookContainer {
    display: flex;
    justify-content: flex-end; /* Align items to the right within the container */
    background-color: #26282a; /* Set the background color to black */
    padding: 18px; /* Add some padding for better aesthetics */
  }
  
  /* Style for each individual hook */
  .topHooks {
    margin-left: 10px; /* Adjust the margin between hooks as needed */
  }
  
  /* Style for the hook icons */
  .top-hooks-icon {
    display: inline-block;
  }
  
  /* Style for the hook names */
  .hookLink {
    display: inline-block;
    vertical-align: middle; /* Align the text vertically with the icon */
    margin-left: 5px; /* Adjust the margin between icon and text as needed */
    color: white; /* Set the text color to white for better visibility on black background */
    transition: color 0.3s; /* Add a smooth transition effect on color change */
  }
  
  /* Hover effect */
  .hookLink:hover {
    color: #ffcc00; /* Change the text color to a different color on hover */
  }
  
  /* Media query for mobile devices */
  @media screen and (max-width: 600px) {
    .topHookContainer {
        flex-direction: column; /* Stack the hooks vertically on small screens */
        align-items: flex-end; /* Align items to the right within the container */
    }
  
    .hookLink {
        margin-left:17px; /* Remove left margin for better spacing on small screens */
        margin-top: 5px; /* Add top margin for better spacing on small screens */
    }
    .whatsapp-button {
        margin-left: 28px;
    }
    .logot {
      margin-top: -1281px;
      margin-left: 46px;
      
      
  }
  .st{
    width: 100%;
  }
  
    
  }
  .ss{
   width: 26px;
  }
  .rr{
    width: 33px;
  }
  .whatsapp-button-container{
    margin-left: 111px;
  }
  .whatsapp-button1 {
    display: inline-block;
    background-color: white; /* WhatsApp green color */
    color: black;
    text-decoration: none;
    padding: 8px 79px;
    font-size: 16px;
    border-radius: 5px;
    border: groove;
    cursor: pointer;
    transition: background-color 0.3s ease;
    /* border-radius: 25px 30px 5px 25px; */
  }
  .whatsapp-button2 {
    display: inline-block;
    background-color: #222a25;
    color: white;
    text-decoration: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
    /* border-radius: 25px 30px 5px 25px; */
  }
  /* Hover effect */
  .whatsapp-button:hover {
    background-color: ; /* Darker green on hover */
  }
  .whatsapp-button {
    display: inline-block;
    background-color:#0065b2 ; /* WhatsApp green color */
    color: #fff;
    text-decoration: none;
    padding: 10px 43px;
    font-size: 16px;
    border-radius: 5px;
    border: none;
    cursor: pointer;
    
    transition: background-color 0.3s ease;
    /* border-radius: 25px 30px 5px 25px; */
  }
  
  /* Hover effect */
  .whatsapp-button:hover {
  color:#000
  }
  .con{
   margin-bottom: -34px;
      margin-left: -87px;
  }
  /* *{
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
  }
  body{
    font-family: montserrat;
  } */
  nav{
    background: white;
    height: 80px;
    width: 100%;
  }
  label.logo{
    color: white;
    font-size: 35px;
    line-height: 80px;
    padding: 0 100px;
    font-weight: bold;
  }
  nav ul{
    float: right;
    margin-right: 20px;
  }
  nav ul li{
    display: inline-block;
    line-height: 80px;
    margin: 0 5px;
  }
  nav ul li a{
    color: #26282a;
    font-size: 17px;
    padding: 7px 13px;
    border-radius: 3px;
    text-transform: uppercase;
  }
  a.active,a:hover{
   
    transition: .5s;
  }
  .checkbtn{
    font-size: 30px;
    color: white;
    float: right;
    line-height: 80px;
    margin-right: 40px;
    cursor: pointer;
    display: none;
  }
  #check{
    display: none;
  }
  @media (max-width: 952px){
    label.logo{
      font-size: 30px;
      padding-left: 50px;
    }
    nav ul li a{
      font-size: 16px;
    }
    .con{
        margin-bottom: -23px;
    margin-left: -1px ;
    margin-top: 23px;
       }
  }
  @media (max-width: 858px){
    .checkbtn{
      display: block;
    }
   
    ul{
      position: fixed;
      width: 100%;
      height: 100vh;
      background: #2c3e50;
      top: 0px;
      left: -100%;
      text-align: center;
      transition: all .5s;
    }
    nav ul li{
      display: block;
      margin: 50px 0;
      line-height: 30px;
    }
    nav ul li a{
      font-size: 20px;
    }
    a:hover,a.active{
      background: none;
      color: #0082e6;
    }
    #check:checked ~ ul{
      left: 0;
    }
  }
 .fin{
    margin-right: -41px;
    margin-left: 24px;
 }
 .sp{
    margin-left: -77px;
    margin-top: -19px;
 }
 .box1 {
    text-align: center;
    position: relative;
    color: white;
    background: #07194a;
    border-radius: 12px;
    padding: 9px;
    font-weight: bold;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    overflow: hidden;
    transition: transform 0.3s, box-shadow 0.3s, background 0.3s;
}

.box1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right,#f18926); /* Gradient overlay */
    opacity: 0.7;
    z-index: -1;
}

.box1:hover {
    transform: scale(1.02); /* Slightly scale up on hover */
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.2); /* Increase box-shadow on hover for a lift effect */
    background: #f18926; /* Change background color on hover */
    color: #white; /* Adjust text color on hover for better contrast */
}


.side{
 
    width: 280px; 
    height:47px;
}
.me{
    padding-top: 15px;
}
.info{
   
    margin: 30px; 
    padding:10px; 
    margin-top: 0px; 
    box-shadow: rgba(0, 0, 0, 0.1) -4px 9px 25px -6px;
}
.fs{
    padding-top: 27px;
}
.tt{
    margin-top:-10px;
     margin-right:5px; 
     margin-bottom:-10px;
}
.contact-form {
    max-width: 400px;
    margin: -1px -56px auto;
    padding: 20px;
 
    padding-bottom: 15px;
    border: 11px solid #fb8f28;
    border-radius: 19px;
    background-color: #f9f9f9;
    
    
  }
  
  /* Style for form labels */
  .contact-form label {
    font-weight: bold;
    margin-bottom: 8px;
    display: block;
  }
  
  /* Style for form inputs and textarea */
  .contact-form input[type="text"],
  .contact-form input[type="email"],
  .contact-form textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box; /* Ensure padding and border don't increase element size */
    font-size: 16px;
  }
  
  /* Style for form button */
/* Style for form button */
.contact-form button[type="submit"] {
    background-color: #008000;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    margin-left: 26px;
    margin-top: 22px;
    
  }
  
  
  /* Style for form button on hover */
  .contact-form button[type="submit"]:hover {
    background-color: #45a049;
  }
  /* Default styles for larger screens */
  @media (min-width: 768px) {
    .media-body {
        /* Your styles for larger screens go here */
    }
  
    .contact-form {
        /* Your styles for larger screens go here */
    }
  }
  
  /* Mobile styles for screens less than 768px wide */
  @media (max-width: 767px) {
    .media-body {
        /* Your styles for smaller screens go here */
        margin-top: 20px; /* Example margin for spacing */
     
    }
  
    .contact-form {
        /* Your styles for smaller screens go here */
        margin-top: -73px /* Example margin for spacing */
        
    }
    .contact-form label {
        font-weight: bold;
        margin-bottom: 12px;
        display: block;
        font-size: 15px;
        margin-left: -119px;
    }
    h2 {
        margin-left: -15px;
        font-size: 25px;
        font-weight: bold;
    }
    .sp {
        margin-left: 0px;
    }
    .sdp{
        width: 323px;
    padding-right: 139px;
    margin-top: 5px;
    }
    .amp-carousel-button {
        position: unset;
        box-sizing: border-box;
        top: 50%;
        height: 34px;
        width: 34px;
        border-radius: 2px;
        opacity: 0;
        pointer-events: all;
        background-color: rgba(0,0,0,.5);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        transform: translateY(-50%);
        visibility: hidden;
        z-index: 10
    }
    
  }
  .uj {
    margin-left: -40px;
}

/* Mobile responsiveness */
@media only screen and (max-width: 600px) {
    .uj {
        margin-left: 0; /* Adjust the margin for smaller screens */
    }
    
}

.logor {
    width: 181px;
    margin-top: -64px;
    margin-left: 48px;
}

/* Mobile responsiveness */
@media only screen and (max-width: 600px) {
    .logor {
        width: 54%;
        margin-left: 90px;
        margin-top: 3px;
    }
    .de{
        width: 46%;
        border-radius: 32px;
    }
    .contact-form button[type="submit"] {
        background-color: #4CAF50;
        color: white;
        padding: 12px 20px;
        border: none;
        border-radius: 5px;
        cursor: pointer;
        font-size: 16px;
        margin-left: -3px;
        margin-top: 22px;
    }
 
}
.de{
    width: 46%;
    border-radius: 32px;
}
.gb{
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
.cwm{
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
.us{
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
.curr{
    box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}
  /* Style for the modal background */
  .modal-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
}

.modal-content {
    background-color: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 400px;
}

.modal-content form {
    display: grid;
    gap: 15px;
}

.modal-content input {
    width: 100%;
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
}

.modal-content button {
    background-color: #4CAF50;
    color: white;
    padding: 15px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.modal-content button:hover {
    background-color: #45a049;
}

/* Media query for mobile devices */
@media only screen and (max-width: 600px) {
    .modal-content {
        width: 90%;
        padding: 20px;
    }

    .modal-content input {
        padding: 10px;
    }

    .modal-content button {
        padding: 10px 15px;
    }
}
.hide-on-desktop {
    display: none;
}
@media (max-width: 767px) {
    /* Hide on mobile */
  

    /* Display on mobile */
    .hide-on-desktop {
        display: block;
    }
    .down{
        margin-left: -124px;
    }
}
/*FOOTER*/
footer{
    width:100%;
    background-color:#121619;
    color:#fff;
    }
    
    .top_header{
    padding:2rem;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    padding-right: 417px;
    /* margin-right: -164px;
    margin-left: 294px  */
    }
    
    .top_header section{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    }
    
    .top_header span{
    padding:0 1rem;
    }
    
    .top_header .fa{
    color:#ffbe00;
    font-size:35px;
    }
    
    footer .border-shape {
    width: 40%;
    }
    
    footer .border-shape::before {
    width: 100%;
    left:120px;
    }
    
    footer .border-shape::after {
    width: 100%;
    right:120px;
    }
    
    footer .bottom_content section{
    padding:1.5rem 2rem;
    display:flex;
    align-items:center;
    justify-content:Center;
    }
    
    .bottom_content a{
    margin:0 20px;
    color:rgba(255,255,255,0.7);
    transition:0.5s;
    }
    
    .bottom_content a:hover{
    color:rgba(255,255,255,1);
    }
    
    
    .copyright{
    padding:0.8em 0;
    background-color:#1e1e1e;
    text-align:center;
    color:rgba(255,255,255,0.7);
    font-size:12px;
    }
    
    
    
    @media (max-width:820px){
    .top_header{
    padding:1rem;
    display:block;
    padding-right:0px;
    /* margin-right: -164px; */
    margin-left: 0px 
    }
    
    .top_header section{
    margin:40px 0;
    align-items:left;
    justify-content:left;
    }
    footer .bottom_content section{
    padding:1rem;
    display:block;
    }
    footer .bottom_content section a{
    padding:1rem;
    font-size:12px;
    margin:0 5px;
    display:inline-block;
    }
    body {

        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   
        font-size: 14px;
   
        line-height: 1.42857143;
   
        color: #333;
   
        /* background-image: url(images/aafm.jpg); */
        background-size: contain;

   
   }
    }
    .arrow {
        background-image: url(images/People-about-Money--unscreen.gif);
        /* right: 358px; */
        width: 137px;
        /* transform: rotate(140deg); */
        height: 169px;
        bottom: -47px;
        /* background-color: #ff0000; */
        position: absolute;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
       
        }
        @media only screen and (max-width: 768px) {
            .arrow {
                width: 80px;
                height: 100px;
                bottom: 3px;
                left: 68px;
            }
        }
        /* Backdrop styling */
.backdrop {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 999;
}

/* Popup styling */
.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 15px; /* Decreased padding */
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    border-radius: 3%;
    width: 346px; /* Decreased popup width */
}

/* Close button styling */
.popup .close {
    position: absolute;
    top: -19px;
    right: -15px;
    padding: 1px 8px 5px 8px;
    border-radius: 50%;
    background-color: #f4706d;
    font-size: 38px;
    color: aliceblue;
    cursor: pointer;
    opacity: inherit;
}

.popup .close:hover {
    color: red;
}

/* Form styling */
.popup form {
    max-width: 100%; /* Full width */
    margin: 0 auto;
    padding: 0; /* Decreased padding */
}

.popup form input[type="text"],
.popup form input[type="email"],
.popup form textarea {
    width: 100%;
    padding: 8px; /* Decreased padding */
    margin-bottom: 8px; /* Decreased margin */
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #ececec;
    box-sizing: border-box;
    color: black;
    font-size: 14px; /* Decreased font size */
}

.popup form input[type="text"]:focus,
.popup form input[type="email"]:focus {
    border-color: #007BFF;
    outline: none;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

/* Submit button styling */
.popup form input[type="submit"] {
    background-color: #f4706d;
    color: white;
    padding: 8px 15px; /* Decreased padding */
    font-weight: 700;
    border: none;
    border-radius: 4px;
    margin-left: 30%;
    cursor: pointer;
}

/* Responsive styling */
@media screen and (max-width: 768px) {
    .popup {
        top: 44%;
        left: 50%;
        transform: translate(-50%, -44%);
        width: 72%;
        padding: 29px;
    }
    
    .popup form input[type="text"],
    .popup form input[type="email"],
    .popup form textarea {
        padding: 6px; /* Reduced padding for mobile */
    }

    .popup form input[type="submit"] {
        padding: 6px 12px; /* Reduced padding for mobile */
    }
}
.recaptcha-container {
    text-align: right; /* Aligns the content inside the container to the right */
    margin-right: 0; /* Optional, ensures no additional spacing */
    padding-right: 10px; /* Optional, adds a bit of padding */
}

.g-recaptcha {
    margin: 0px 10px auto;
    display: inline-block;
    transform: scale(0.8);
    transform-origin: 0 0;
}
