@charset "utf-8";
/* CSS Document */
/* Code Modified for Tracker Incident_190944 (Rose logo needs to be updated to the logo with the “registration mark” rather than the “TM” mark on HotJob pages) */

/******************************
[Table of Contents]

1. Fonts
2. Body and some general stuff
3. Header
4. Banner
5. About Us
6. Footer
7. Find Talent Model
******************************/

/*********************************
1. Fonts
*********************************/


/*********************************
2. Body and some general stuff
*********************************/
body {font-family: 'Century Gothic', sans-serif; color: #333; font-size: 16px; line-height: 24px; overflow-x: hidden;}
.hide{display: none;}
ul{margin: 0; padding: 0;}
.mainContainer{width: 100%;}
.container {width: 90%; max-width: 1600px;}
h1{font-size:60px;}
h2{font-size:42px;}
h3{font-size:36px; font-weight:400;}
h4{font-size:30px;}
h5{font-size:24px;}
h6{font-size:18px;}
/*a{color: #646464;}*/
/*a:hover{color: #f7c20a; text-decoration: none;}*/
 a:focus{outline:0; }
 img{max-width: 100%;}
 .glb-btn{background:rgba(75, 23, 109); padding: 8px 30px; color:#fff; border: none;}
 .glb-btn:hover{background:rgba(184, 150, 0); color:#000;}
/*********************************
2. Header
*********************************/
header{width: 100%; padding: 15px 0px; background: rgba(220, 220, 220, 1);}
header img.rose{/* max-width: 80%; */ max-width: 188px;}
header h3{color: #4b176d; font-weight: bold;}
header h6{color: #4b176d; font-weight: bold;}






/*********************************
3. Footer
*********************************/

/*********************************
4. Talent Request Form
*********************************/
.form-container{width: 100%;}
.form-container .topHead{width: 100%; padding: 20px 0px; text-align: center; }
.form-container .topHead > h2{color: #4b176d; font-weight: bold;}
.form-container .topHead > h3{color: #4b176d; margin-bottom: 1rem;}
.form-container .topHead > h6{color: #231f20; font-weight: bold;}
.form-container .topHead > ul.resource{width: 70%;   display: -ms-flexbox; display: flex; justify-content: flex-start; margin: auto;}
.form-container .topHead > ul.resource > li {list-style: none; /*flex: 0 0 48%;*/ margin-top: 20px; background: #4b176d; /*display: flex; flex-direction: column;*/ margin-right: 4%; width: 48%;  margin-bottom: 20px; padding: 10px;}
.form-container .topHead > ul.resource > li:last-child{margin-right: 0px;}
.form-container .topHead > ul.resource > li > ul{width: 100%;  display: -ms-flexbox; display: flex;}
.form-container .topHead > ul.resource > li > ul > li{list-style: none; }
.form-container .topHead > ul.resource > li > ul > li:first-child{ font-size: 30px; font-weight: bold; color: #fff; align-self: center; width: 15%;}
.form-container .topHead > ul.resource > li > ul > li:last-child{width: 85%;}
.form-container .topHead > ul.resource > li > ul > li > span{color: #c49b10; font-size: 20px; font-weight: bold;}
.form-container .topHead > ul.resource > li > ul > li > p{color: #fff; font-style: italic; margin-bottom: 0px;}

.form-container .authentication-wrap{width: 100%; background: #dcdddd; padding: 20px 0px;}
.form-container .authentication-wrap p{color:#231f20;}
.form-container .authentication-wrap label{margin-bottom: 0px; color:#231f20; font-weight: bold;}
.form-container .authentication-wrap input[type="email"]{border: none; border-bottom-color: currentcolor; border-bottom-style: none;  border-bottom-width: medium; border-bottom: 1px solid #c7c6c5; padding-left: 0; padding-right: 0; border-radius: 0; background: #dcdddd;}
.form-container .authentication-wrap input[type="email"]:focus{ box-shadow: none;}

.form-container .box-wrap{width: 100%; padding: 20px 0px;}
.form-container .box-wrap > ul{display: flex; justify-content: space-between;}
.form-container .box-wrap > ul > li{list-style:none; width: 32%; background: #f8f9fa; border:#a7a9ac 1px solid;  -webkit-box-shadow: 10px 10px 5px 0px rgba(167,169,172,1); -moz-box-shadow: 10px 10px 5px 0px rgba(167,169,172,1); box-shadow: 10px 10px 5px 0px rgba(167,169,172,1);}
.form-container .box-wrap > ul > li:first-child{padding: 30px;}
.form-container .box-wrap > ul > li:first-child > h2{color: #4b176d; font-weight: bold;}
.form-container .box-wrap > ul > li:first-child > h5{color: #4b176d; }
.form-container .box-wrap > ul > li > .top-strip{background: #4b176d; padding: 20px; }
.form-container .box-wrap > ul > li > .top-strip > p{color: #fff; font-size: 15px;}
.form-container .box-wrap > ul > li > .top-strip > p:last-child{margin-bottom: 0px;}
.form-container .box-wrap > ul > li > .btm-wrap{ padding: 30px;}
.form-container .box-wrap > ul > li > .btm-wrap > h6{color: #4b176d; font-weight: bold; margin-bottom: 0px;}
.form-container .box-wrap > ul > li > .btm-wrap > p{font-style: italic;}

.form-container .box-wrap > ul > li:last-child > .top-strip{background: #c39809;}
.form-container .box-wrap > ul > li:last-child > .btm-wrap input[type="email"]{border: none; border-bottom-color: currentcolor; border-bottom-style: none;  border-bottom-width: medium; border-bottom: 1px solid #c7c6c5; padding-left: 0; padding-right: 0; border-radius: 0; background: #f8f9fa;}

/*********************************
3. Footer
*********************************/
footer{width:100%; padding:20px 0px 10px 0px; background:#4b176d; }
footer img{ margin-bottom:5px;  }
footer h5{color:#fff; position: relative; margin-bottom:15px; font-weight: 600; font-size: 16px;}

footer h5:after{position: absolute; content:""; left:0px; height: 3px; width: 50px; background:#B89600; bottom:-7px;   }
footer ul.links-wrap{width:100%;   }
footer ul.links-wrap > li{display: block; list-style-type: none; margin-bottom:5px;  }
footer ul.links-wrap > li:last-child{margin-bottom:0px; }
footer ul.links-wrap > li > a{color:#fff; font-size: 14px;}
footer ul.links-wrap > li > span{color:#fff;}
footer ul.links-wrap > li > i{color:#B89600 ; margin-right:10px; }
footer ul.links-wrap > li > a:hover{color:#b98d00;}
footer .social-wrap{width: 100%; margin:5px 0px 10px 0px; }
footer .social-wrap > h3{color: #484848; font-size:32px;}
footer .social-wrap > ul{color:#fff;}
footer .social-wrap > ul > li:first-child{margin-left:0px;}
footer .social-wrap > ul > li{display: inline-block; margin-left:5px; }
footer .social-wrap > ul > li a{width: 30px; height: 30px; border-radius: 50%; border:#fff 1px solid; text-align: center; display: block; color:#fff; padding-top: 7px; }
footer .social-wrap > ul > li a:hover{/*color:#b98d00;*/ background:#b98d00;  }
footer .social-wrap > ul > li i{font-size: 16px;}
footer .social-wrap  a{color:#484848; }
footer .col-md-7{align-self: center; text-align: left;}
footer .container .row .col-xl-6 {align-self: center;text-align: left;}
/*********************************
3. Footer
*********************************/
.signup-box h4{color: #4b176d; margin-bottom: 20px;}

.CheckCircle {
  font-size: 20px;
  color: #4b176d;
}
.os__text-item input{width:70%; }
.os__text-item input:focus{ box-shadow: none; border: #666 1px solid;}

.os__text-container label.form-label{/*font-weight: bold;*/ width: 100%;}

.glb-btn{background:rgba(75, 23, 109); padding: 6px 25px; color:#fff; border: none; border-radius: 5px;}
.glb-btn:hover{background:rgba(184, 150, 0); color:#000;}

.otpModel .modal-title{font-weight: bold;}
.otpModel .modal-dialog{max-width: 45%;}
.otpModel .modal-dialog input{width: 60%; display: inline-block;}

.btn-Rose {background: #4b176d; border: none;  margin-top: -5px;}
.btn-Rose:hover, .btn-Rose:active, .btn-primary:not(:disabled):not(.disabled):active{background:rgba(184, 150, 0); border: none; box-shadow: none; }

.otpModel input{width:80%; }
.otpModel input:focus{ box-shadow: none; border: #666 1px solid;}

.os__text-container label a{color:#4b176d ;}
.os__text-container label a:hover{color:#b98d00;}


.os__text-container .content-wrap .input-group-wrap{width: 100%; text-align: center; /*margin-bottom: 30px;*/}
.os__text-container .content-wrap .input-group-wrap input[type="text"]{width: 50px; margin-right:20px; min-height: 70px; border: 1px solid #e4e5e7; padding: 5px; text-align: center;}
.os__text-container .content-wrap .input-group-wrap input[type="text"]:last-child{margin-right: 0;}
.os__text-container .content-wrap  .input-group-wrap input[type="text"]:focus{ box-shadow: none; border: 1px solid  #9f9f9f; outline: 0;}
.os__text-container .content-wrap  .input-group-wrap button{padding: 7px 20px; color:#fff; /*border: #4b176d 1px solid;*/ background: #4b176d; margin-bottom: 10px; border-radius: 5px; border: none;}
.os__text-container .content-wrap  .input-group-wrap button:hover{background:#b98d00; }

.signup-modal .modal-header{ padding: 10px 15px; border-bottom:0; border-top-left-radius: 0rem; border-top-right-radius: 0rem; background: #4b176d;}
.signup-modal .modal-content{border: #4b176d 1px solid; border-radius: 0px;}
.signup-modal .modal-header .close { color: #fff; font-size: 36px; opacity: 1;}
.signup-modal .modal-title{  margin-bottom: 0; color: #fff; font-size: 18px; font-weight: bold; line-height: 36px;}
.signup-modal .content-wrap{padding: 0px;}
.signup-modal .content-wrap .input-group-wrap{width: 100%; text-align: center; /*margin-bottom: 30px;*/}
.signup-modal .content-wrap .input-group-wrap input[type="text"]{width: 50px; margin-right:20px; min-height: 70px; border: 1px solid black; padding: 5px; text-align: center;}
.signup-modal .content-wrap .input-group-wrap input[type="text"]:last-child{margin-right: 0;}
.signup-modal .content-wrap  .input-group-wrap input[type="text"]:focus{ box-shadow: none; border: 2px solid  #4b176d; outline: 0;}
.signup-modal .content-wrap  .input-group-wrap button{padding: 5px 20px; color:#4b176d; border: #4b176d 1px solid; background: none; margin-bottom: 10px;}
.signup-modal .content-wrap  .input-group-wrap button:hover{background:#4b176d; color:#fff;}
.signup-modal .content-wrap .input-group-wrap button:focus{background: #4b176d; color: #fff;}

@media (min-width: 576px){
.signup-modal .modal-dialog {max-width: 58% ;  }
}

/*css for QC Bugs*/
.signup-modal .modal-footer .btn {
    background: #4b176d;
    border: none;
}

    .signup-modal .modal-footer .btn:hover {
        background: #b98d00;
    }

.signup-modal .content-wrap .input-group-wrap input[type="text"] {
    border: 1px solid #919191;
}

    .signup-modal .content-wrap .input-group-wrap input[type="text"]:focus {
        border: 1px solid #424141;
    }

    .signup-modal .content-wrap .input-group-wrap input[type="text"]:last-child {
        margin-right: 0px;
    }
footer .disclaimer {
    color: #fff;
    padding-top: 20px;
}

footer .disclaimer > a {
    color: #b98d00;
}

footer .disclaimer > a:hover {
    text-decoration: underline;
}

.ISOlogo {
    background: #4b176d;
    padding-bottom: 10px;
}

.ISOlogo > p {
    margin-top: -15px;
    margin-bottom: 0px;
    margin-right: 2%;
}

@font-face {
    font-family: 'icomoon';
    src: url('../webfonts/icomoon.eot?jte0pm');
    src: url('../webfonts/icomoon.eot?jte0pm#iefix') format('embedded-opentype'), url('../webfonts/icomoon.ttf?jte0pm') format('truetype'), url('../webfonts/icomoon.woff?jte0pm') format('woff'), url('../webfonts/icomoon.svg?jte0pm#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-x:before {
    content: "\e900";
}