/*
Theme Name: IshvaraTech
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&display=swap');

html{scroll-behavior: smooth;}
*{box-sizing: border-box;outline: none; transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s; outline:0!important}

body{font-size: 15px;font-family: "Inter", sans-serif;}
h1, h2, h3, h4, h5, h6{font-family: "Outfit", sans-serif;font-weight: 600;}
h1{font-size: 60px;font-weight: 600;line-height: 1.1;margin-bottom: 25px;}
h2{font-size: 45px;line-height:initial;font-weight: 600;}
h3{font-size: 28px;line-height: initial;font-weight: 600;}
h4{font-size:24px; position: relative;font-weight: 600;}
h5{font-size:18px; position: relative;font-weight: 600;}
h6{font-size: 15px;position: relative;font-weight: 600;}
strong{color: #FF6219!important;font-weight: 600;}
a{color: initial;line-height: initial;}
a:hover{color:initial; text-decoration:none}
p{opacity: .8;line-height: 1.6;}
p:last-child{margin:0;}
img, iframe, video{max-width: 100%;vertical-align: middle;}
ul{}
ul li{}
hr{}
input{}
input[type=radio]{}
input[type=submit]{background: rgba(255, 98, 25, 1)!important;border: 0;color: #fff;}
input[type=submit]:hover{background:#000!important;cursor:pointer;}
input, textarea{padding: 10px 10px;border-radius: 10px;font-weight: 500;font-family: "Inter", sans-serif;border: 1px solid #c9c9c9;width: 100%;}
input::placeholder, textarea::placeholder{font-family: "Inter", sans-serif; font-weight:300}
input:focus, .input:focus{border-color: #FF6219;}
input[type=checkbox]{width:20px;height:20px;position: relative;top: 3px;}
textarea{height:100px}
label{display: block;color: #000;font-size: 12px;margin-bottom: 3px;}

.owl-dots{text-align: center;}
.owl-dots button{width: 20px;height: 14px;border-radius: 10px;margin: 0 5px;background: #000!important;}
.owl-dots button.active{width: 40px;background:#FF6219!important}

.buttonarrow{padding: 14px 40px 14px 25px;color: #FF6219;border: 1px solid #FF6219;font-family: "Inter", sans-serif;border-radius: 25px;display: inline-block;position: relative;}
.buttonarrow span{background: #FF6219;position:absolute;right: -20px;top: 0px;width: 45px;height: 45px;text-align: center;border-radius: 50%;line-height: 40px;}
.buttonarrow:hover{border-color:#000}
.buttonarrow:hover span{transform:rotate(360deg); background:#000}

.buttonorange{padding: 12px 26px;background: #FF6219;border: 1px solid #FF6219;font-family: "Inter", sans-serif;border-radius: 10px;font-size: 18px;display: inline-block;color: #fff;}
.buttonorange:hover{background:#000; color:#fff; border-color:#000}

.buttonborder{padding: 13px 26px;background: #fff;border: 2px solid #FF6219;font-family: "Inter", sans-serif;border-radius: 10px;display: inline-block;color: #FF6219;}
.buttonborder:hover{background:#FF6219; color:#fff; border-color:#FF6219}

.dark-orange{background:#FF6219}
.dark-orange strong{color:#000!important;}
.light-orange-v1{background: rgba(255, 245, 234, 0.67)}
.light-orange{background: rgba(255, 248, 241, 1);}
.light-blue{background: rgba(247, 249, 255, 1);}
.dark-black{background:#000}
             
.container{position:relative;z-index:1;max-width: 100%;padding-left: 100px;padding-right: 100px;}
.container-fluid{max-width: 100%; padding-left:50px; padding-right:50px;}
.tag{display:inline-block;color:#FF6219;padding: 7px 15px;border-radius: 25px;margin-bottom: 15px;border: 1px solid rgba(255, 214, 167, 1);font-size: 14px;text-transform:uppercase}
.tag img{margin-right: 9px;vertical-align: middle;top: -2px;position: relative;}
.tag.light{background:rgba(255, 98, 25, 0.12)}
.rounded{border-radius: 15px!important;}

.topbar *{font-size: 12px;}
.topbar .left a{padding-right:15px;}
.topbar .right a{padding-left:15px;}
.topbar a:hover{color:#FF6219}

header{}
header ul{margin:0; padding:0; text-align:center}
header ul li{display:inline-block;vertical-align: middle;}
header ul li a{font-weight: 300;display:block;padding: 10px 12px;border:1px solid #fff;border-radius:50px;}
header ul li.current-menu-item a, header ul li:hover a{border:1px solid #FF6219; color:#FF6219;}
header ul li.homee, header ul li.homee a{position: relative;border: 0;}
header ul li.homee a{width: 25px;height: 25px;padding: 15px;font-size: 0;}
header ul li.homee a:after{content:'\f015';font-family:fontawesome;font-size:20px;position: absolute;left: 0;top: 5px;right: 0;margin: 0 auto;}
header .login:hover{color:#FF6219;}
header .login:hover img{transform:rotate(360deg)}
header .buttonarrow{margin-left: 20px;margin-right: 20px;}
header.sticky{position:sticky;top:0;background:#fff;padding: 5px 0!important;z-index: 9;}
header .menu-icon{display: none;}
header .menu-icon span{width: 22px;height: 2px;display: block;background: #ff621a;margin-bottom: 8px;}
header .menu-icon span:last-child{margin-bottom: 0;}
header .menu-icon:hover{cursor:pointer; }

.banner{overflow: hidden;}
.banner strong{display:block}
.banner .boy{}
.banner p{line-height:2;}
.banner .below{width: 80%;}
.banner .below span{opacity: .8;font-size: 13px;margin-right: 10px;font-weight: 300;width: 42%;display: block;float: left;}
.banner .below span i{color:#FF6219; padding-right:5px;}
.banner .below span:nth-child(odd){clear:both}
.banner .below.inner{width:100%!important}
.banner .below.inner span{margin-bottom: 8px;}
.banner .below.inner span:last-child{width:100%}

.helps{}
.helps .tag{}
.helps .bg-white{padding-left: 110px!important;position: relative;}
.helps .bg-white img{position:absolute;left: 20px;}
.helps .bg-white h4{color:rgba(255, 105, 0, 1);margin-bottom:5px;}
.helps .bg-white p{line-height:initial}
.helps .bg-white:hover{background: linear-gradient(225deg, #FFA42A 0%, #F54400 100%);}
.helps .bg-white:hover *{color:#fff}
.helps .featured:hover{transform:scale(1.01)}
.helps .border{display:flex; align-items:center; border:0!important}
.helps .border img{margin-right:20px;}
.helps .border h4{margin:0; font-weight:300; font-size:20px;}
.helps .border:hover img{transform:rotate(360deg)}

.minisuite{
    background: url('https://hiremitra.ai/wp-content/uploads/2026/01/minisuite-bg-1.png');
    background-size: cover;
    background-position: center center;
}
.minisuite .tag{background: rgba(255, 247, 237, 1);}
.minisuite h2, .minisuite h5{color:#fff}
.minisuite h6{color: rgba(255, 105, 0, 1);}
.minisuite p{color: rgba(153, 161, 175, 1);}
.minisuite h5{}
.minisuite .border img{position: absolute;left: 20px;}
.minisuite .border ul{padding: 0;margin: 0;list-style: none;margin: 20px 0;padding-bottom: 20px;border-bottom:1px solid rgba(30, 41, 57, 1)}
.minisuite .border ul li{opacity: .8;margin-bottom: 8px;position: relative;padding-left: 30px;font-size: 13px;}
.minisuite .border ul li:last-child{margin:0}
.minisuite .border ul li:after{content:'\f00c';font-family:fontawesome;position: absolute;left: 0;top: 0;background: rgba(255, 105, 0, 0.1);color: #ff6900;width: 22px;height: 22px;text-align: center;border-radius: 50%;font-size: 12px;line-height: 20px;}
.minisuite .border{background: linear-gradient(135deg, rgba(16, 24, 40, 0.9) 0%, rgba(16, 24, 40, 0.5) 50%, rgba(0, 0, 0, 0.9) 100%)!important;border: 1px solid rgba(30, 41, 57, 1)!important;position: relative;padding-left: 110px!important;}
.minisuite .border p, .minisuite .border li{color: rgba(153, 161, 175, 1);}
.minisuite .border:hover{transform:scale(1.01); border-color:#4d4d4d!important}
.minisuite .border:hover p, .minisuite .border:hover li{color: #fff}

.mission{background: url('images/mission-bg.png');background-size: cover!important;background-position: bottom right!important;position: relative;}
.mission:after{content:'';background:url('images/mission-tag.png');display: block;position: absolute;right: 0;top: 0;width: 102px;height: 254px;}
.mission .border img{position: absolute;left: 5px;width: 48px;top: 7px;}
.mission .border h5{margin:0;font-weight: 500;}
.mission .border ul{padding: 0;margin: 0;list-style: none;margin: 20px 0;padding-bottom: 20px;border-bottom:1px solid rgba(30, 41, 57, 1)}
.mission .border ul li{opacity: .8;margin-bottom: 8px;position: relative;padding-left: 30px;font-size: 13px;}
.mission .border{position: relative;border: 0!important;padding: 22px 10px 22px 70px!important;margin: 0!important;}
.mission .border p, .minisuite .border li{color: rgba(153, 161, 175, 1);}
.mission .border:hover{transform:scale(1.01); border-color:rgba(255, 105, 0, 1)!important; background: rgba(255, 105, 0, 1);}
.mission .border:hover *{color:#fff}

.chatbot{background: rgba(255, 248, 241, 1);}
.chatbot:before{content:'';background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, #FFFFFF 100%);width: 100%;height: 100px;display: block;position:absolute;bottom: 0px;z-index: 2;}
.chatbot:after{content:'';display:block;background:url('images/chatbot-bg.png');width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-position: top center;background-repeat: no-repeat;background-size: contain;}
.chatbot *{position:relative; z-index:1}
.chatbot img:hover{transform:scale(1.01)}

.whychoose{text-align: center;}
.whychoose .border{background:#fff; position:relative;}
.whychoose .border h4{font-size:20px; font-weight:500}
.whychoose .border p{line-height:inherit;font-size: 12px;}
.whychoose .border img{margin-bottom: 15px;background: #fff;border-radius: 50%;}
.whychoose .center{margin-top:auto}
.whychoose .featured{margin-bottom:-50px;}
.whychoose .border:hover{transform:scale(1.01);background: #fc743c; border-color: #fc743c!important}
.whychoose .border:hover *{color:#fff}
.whychoose .border:hover img{transform:rotate(360deg)}

.workflow{background:url('images/workflow.png');background-size: cover;background-position: center center;background-attachment: fixed;}
.workflow h2{color:#fff!important}
.workflow .tag p, .workflow h2 strong{}
.workflow ul{display:flex;text-align:center;margin:0;padding:0;position: relative;}
.workflow ul:after{content:'';background: url('images/line.png');display: block;position: absolute;top: 0px;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center center;background-size: 100%;}
.workflow ul li{position: relative;z-index: 1; width: 25%}
.workflow ul li span{background: rgb(255 98 25 / 25%);color:#fff;padding: 10px 14px;border-radius: 15px;display: inline-block;margin-bottom: 15px;font-size: 16px;font-weight: bold;height: 53px;}
.workflow ul li span img{width: 25px;position: relative;top: 2px;}
.workflow ul li h4{color:#fff!important;font-size: 16px!important;margin-bottom: 10px;}
.workflow ul li p{color: rgba(153, 161, 175, 1);font-size: 12px;}
.workflow ul li:first-child, .workflow ul li:nth-child(3), .workflow ul li:nth-child(5){margin-top: 300px;}
.workflow ul li:hover span{transform:rotate(360deg)}
.workflow .cand p{margin:0}

.explined{}
.explined .one{position:absolute; left:0; top:0}
.explined .two{position:absolute;right: -20px;top: -50px;width: 130px;}
.explined .border{border: 0!important;padding: 20px;}
.explined .inner-border{}
.explined .inner-border img{width:100%}

.specific{background: url('https://hiremitra.ai/wp-content/uploads/2026/01/specific-bg.png');background-size: cover;background-position: center center;position: relative;}
.specific:after, .specific:before{content:'';background:url('https://hiremitra.ai/wp-content/uploads/2026/01/specific-icon.png');display: block;position: absolute;width: 228px;height: 236px;background-size: cover;left: 0;bottom: 0;}
.specific:before{left:initial;bottom:0;top:0;right:0;transform: rotate(180deg);}
.specific .container{width: 1120px;}
.specific .icon{margin: -60px 0 20px 0;}
.specific .border:hover .icon{transform:rotate(360deg)}
.specific .bg-white{height:100%}
.specific h4{font-size:20px;}
.specific p{font-size: 15px;}

.whatwedo{background: url('https://hiremitra.ai/wp-content/uploads/2026/01/whatwedo.png');background-size: cover;background-position: center center;position: relative;}
.whatwedo:after, .whatwedo:before{content:'';background:url('https://hiremitra.ai/wp-content/uploads/2026/01/specific-icon.png');display: block;position: absolute;width: 228px;height: 236px;background-size: cover;left: 0;bottom: 0;}
.whatwedo:before{left:initial;bottom:0;top:0;right:0;transform: rotate(180deg);}
.whatwedo img{margin-bottom:20px;}
.whatwedo .border{border-radius:10px;height:100%;position: relative;padding-bottom: 40px!important;}
.whatwedo .border:hover img{transform:rotate(360deg)}
.whatwedo .one{background: linear-gradient(135deg, #F0FDF4 0%, #DCFCE7 100%); border: 2px solid rgba(185, 248, 207, 1)!important}
.whatwedo .two{background: linear-gradient(135deg, #FDF2F8 0%, #FCE7F3 100%); border: 2px solid rgba(252, 206, 232, 1)}
.whatwedo .three{background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%); border: 2px solid rgba(190, 219, 255, 1)}
.whatwedo .four{background: linear-gradient(135deg, #FEFCE8 0%, #FEF9C2 100%); border: 2px solid rgba(255, 240, 133, 1)}
.whatwedo .five{background: linear-gradient(135deg, #FAF5FF 0%, #F3E8FF 100%); border: 2px solid rgba(233, 212, 255, 1)}
.whatwedo .six{background: linear-gradient(135deg, #FFF7ED 0%, #FFEDD4 100%); border: 2px solid rgba(255, 214, 167, 1)}
.whatwedo .seven{background: linear-gradient(135deg, #F0FDFA 0%, #CBFBF1 100%);border: 2px solid rgba(150, 247, 228, 1)}
.whatwedo .d-block{position: absolute;bottom: 20px;right: 20px;}
.whatwedo .d-block img{margin:0}

.page-banner{}
.page-banner *{color:#fff}
.page-banner a{color: #FF6219!important}
.page-banner span{opacity: .5}
.page-banner span, .page-banner a{margin: 0 5px}

.contactform{}
.contactform label{font-size:14px;margin-bottom:8px;font-weight: 300;}
.contactform input, .contactform textarea{width:100%;border: 1.28px solid rgba(229, 231, 235, 1);background: rgba(249, 250, 251, 1);font-weight: 400;padding: 12px 22px;font-size: 16px;}
.contactform .featured{position: absolute;bottom: -10px;left: 0;right: 0;margin: 0 auto;}

.carousel{}
.carousel p{color:#fff;font-size:20px;opacity:1;display:inline-block;vertical-align:top;margin: 0 60px;position: relative;}
.carousel p:after{content:'';background: url('https://hiremitra.ai/wp-content/uploads/2026/01/star.png');display: block;position: absolute;left: -75px;top: -1px;width: 25px;height: 41px;background-size: cover;background-position: center center;}

.dataprivacy{background:url('images/data-privacy-bg.jpg');background-size: cover;background-position: bottom center;}
.dataprivacy .tag{border-color:rgba(255, 105, 0, 0.2); color:rgba(255, 105, 0, 1)}
.dataprivacy *{color:#fff}
.dataprivacy .border{border: 1px solid rgb(76 76 76) !important;height: 100%;background: rgb(0 0 0 / 50%) !important;}
.dataprivacy .border:hover{background: rgb(0 0 0 / 100%) !important; transform: scale(1.05);}
.dataprivacy .border:hover img{transform:rotate(360deg)}

.whitemodel{background:url('images/white-label-bg.png');background-size: cover;background-position: bottom center;}
.whitemodel .border{background: linear-gradient(135deg, #CA3500 0%, #F54900 100%); height:100%}
.whitemodel .border *{color:#fff}
.whitemodel .border img{height:50px;}
.whitemodel .border:hover{transform: scale(1.05);}
.whitemodel .border:hover img{transform:rotate(360deg)}

.whitelabelportal .bg-dark, .whitelabelportal .bg-white, .whitelabelportal .bg-dark .row, .whitelabelportal .bg-white .row{position:relative;z-index: 1;overflow: hidden;border-radius: 0!important;}
.whitelabelportal .bg-dark h3, .whitelabelportal .bg-dark p{color: #fff}
.whitelabelportal .bg-dark{background: #000!important}
.whitelabelportal .bg-dark:after, .whitelabelportal .bg-white:after{content:'';background: linear-gradient(180deg, #FF6219 0%, #FDC700 100%);display: block;position: absolute;width: 300px;height: 300px;left: -90px;top: -50%;z-index: 0;border-radius: 60%;}
.whitelabelportal .bg-white:after{left: initial;right: -100px;bottom: -45%;top: initial;}
.whitelabelportal .tag{border:0; padding:0}

.commitment{}
.commitment h2{color:#fff}
.commitment .border{border: 1.25px solid rgba(255, 255, 255, 0.2)!important;box-shadow: 0px 31.17px 62.34px -14.96px rgba(0, 0, 0, 0.25)!important;background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(0, 0, 0, 0) 100%)!important;}
.commitment .border img, .commitment .border p{color:#fff; display:inline-block}
.commitment .border img{margin-right: 15px;}
.commitment .border:hover img{transform:rotate(360deg)}
.commitment .border:hover{border:1px solid #5f5f5f!important; transform:scale(1.01)}
.commitment .border:last-child{margin: 0!important;}
.commitment .featured{margin-bottom: -102px;margin-top: -30px;}

.sharing{background:url('images/sharing-bg.png');background-size: 350px;background-repeat:no-repeat;background-position:bottom center;}
.sharing .border{border: 1px solid rgba(255, 214, 167, 1)!important;padding: 20px 80px!important;position: relative;background: linear-gradient(90deg, rgb(245 73 0 / 10%) 0%, rgb(255 237 212 / 50%) 50%);}
.sharing .border span{background: rgba(245, 73, 0, 1);color:#fff;font-size: 16px;padding: 13.5px 16px;border-radius:50%;position: absolute;left: 15px;top: 20px;}
.sharing .border .icon{position:absolute;right: 15px;top: 25px;width: 40px;}
.sharing .border:hover span{transform:rotate(360deg)}
.sharing .border p{margin:0}

.tiers{background: linear-gradient(135deg, #101828 0%, #1E2939 50%, #101828 100%);position: relative;overflow: hidden;}
.tiers .tag{border:1px solid rgba(255, 105, 0, 0.2); background:rgba(255, 105, 0, 0.1); color:rgba(255, 105, 0, 1)}
.tiers:after{content:'';background:url('images/tier-icon.png');display: block;position: absolute;left: 0;bottom: 0;width: 437px;height: 442px;border-radius: 20px;background-repeat: no-repeat;background-position: top right;}
.tiers *{color:#fff}
.tiers .border{border: 1px solid #f54900!important; height:100%}
.tiers .border .orange{background: linear-gradient(135deg, #f54900 0%, #FF6900 100%);border-radius: 14px 14px 0px 0px;position: relative;overflow: hidden;}
.tiers .border .orange:after{content:'';background:url('images/shade.png');display: block;position: absolute;right: -5px;top: -5px;width: 64px;height: 64px;border-radius: 20px;background-repeat: no-repeat;background-position: top right;}
.tiers .border .black{text-align:left;padding-bottom: 0!important;}
.tiers .border .black ul{margin: 0;padding: 0;list-style: none;}
.tiers .border .black ul li{margin-bottom: 12px;font-size: 14px;position: relative;padding-left: 35px;opacity: .8;}
.tiers .border .black ul li:last-child{margin:0}
.tiers .border .black ul li:after{content:'';background:url('images/tick.png');display: block;position: absolute;left: 0;top: 0;width: 20px;height: 20px;background-size: cover;border-radius: 20px;box-sizing: border-box;outline: none;transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;outline:0!important;}
.tiers .border .black ul li:hover:after{transform:rotate(360deg)}
.tiers .border .tag{border:1px solid #ffffff78;background:#f54900;color: #fff;font-weight: 500;}
.tiers .border:hover{transform:scale(1.02)}
.tiers .pos{position:absolute; bottom:0; left:0; right:0; margin:0 auto}

.pricing{background: url('https://hiremitra.ai/wp-content/uploads/2026/01/pricing-bg.png');position: relative;overflow: hidden;background-size: cover;background-position: center center;}
.pricing:after{content:'';background:url('images/tier-icon.png');display: block;position: absolute;left: 0;bottom: 0;width: 437px;height: 442px;border-radius: 20px;background-repeat: no-repeat;background-position: top right;}
.pricing *{color:#fff;font-weight: 500;}
.pricing .border{height:100%;backdrop-filter: blur(40px);background: linear-gradient(195.05deg, rgba(43, 255, 255, 0.1) 0%, rgba(43, 255, 255, 0.02) 50%, rgba(43, 255, 255, 0.06) 100%);border: 0!important;text-align: left;position: relative;}
.pricing .border .orange{position: relative;}
.pricing .border .orange p{font-size:12px;font-weight: 300;}
.pricing .border .orange .price{margin-bottom:20px;}
.pricing .border .orange .price span{display: inline-block;vertical-align: middle;font-size: 12px;font-weight: 300;}
.pricing .border .orange .price span.size{font-size: 45px;font-weight: bold;}
.pricing .border .orange .btn{border: 1px solid rgba(255, 255, 255, 0.1);background: linear-gradient(180deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 100%);width: 100%;border-radius: 25px;padding: 12px 14px;font-size: 14px;}
.pricing .border .orange .btn:hover, .pricing .highlight .btn{border: 1px solid rgb(255 98 26)!important;background: linear-gradient(180deg, rgb(255 98 26) 0%, rgb(255 98 26 / 55%) 100%)!important;color:#fff}
.pricing .border .black{text-align:left;padding-bottom: 0!important; padding-top:0!important}
.pricing .border .black ul{margin: 0;padding: 0;list-style: none;}
.pricing .border .black ul li{margin-bottom: 12px;font-size: 14px;position: relative;padding-left: 35px;opacity: .8;}
.pricing .border .black ul li:last-child{margin:0}
.pricing .border .black ul li:after{content:'';background:url('images/white-tick.png');display: block;position: absolute;left: 0;top: 0;width: 20px;height: 20px;background-size: cover;border-radius: 20px;box-sizing: border-box;outline: none;transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;outline:0!important;}
.pricing .border .black ul li:hover:after{transform:rotate(360deg)}
.pricing .border .black strong{color:#fff!important}
.pricing .highlight{border: 1px solid #ff621a!important; transform:scale(1.02)}
.pricing .border:hover{transform:scale(1.02)}

.dscalable .border{border: 2px solid rgba(255, 214, 167, 1)!important; display:inline-block;}
.dscalable .alert{border: 2px solid rgba(142, 197, 255, 1);background: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);margin: 0;}
.dscalable .alert img{position:absolute;left: 20px;}
.dscalable .alert strong{color:rgb(0 99 203)!important}
.dscalable .alert p{padding-left: 30px;}
.dscalable .featured{margin-bottom: -100px;margin-top: -50px;}
.dscalable .bold{color:#000!important}
.dscalable .size{color:rgba(245, 73, 0, 1)!important; font-size:20px;}

.privacy{background: linear-gradient(135deg, #101828 0%, #1E2939 50%, #101828 100%);}
.privacy h2{text-align:center}
.privacy *{color:#fff}
.privacy .alert{border: 2px solid rgba(251, 44, 54, 0.3);background: linear-gradient(135deg, rgba(130, 24, 26, 0.3) 0%, rgba(126, 42, 12, 0.2) 100%);overflow: auto;}
.privacy .alert ul{margin:0;list-style:none;border: 1px solid rgba(251, 44, 54, 0.2);background: rgba(0, 0, 0, 0.2);float: left;width: 49%;padding: 1rem!important;border-radius: 15px!important;}
.privacy .alert ul:last-child{float:right}
.privacy .alert ul li{ padding: 2px 0px!important; font-size: 13px; color: rgba(255, 201, 201, 1); line-height: initial; font-weight: 300; }
.privacy .alert ul li img{transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;}
.privacy .blue{border: 1px solid rgba(255, 105, 0, 0.3);background: linear-gradient(135deg, #1E2939 0%, #101828 100%); height: 100%}
.privacy .blue img{margin-right:5px;transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;}
.privacy .dark{border: 2px solid rgba(43, 127, 255, 0.3); background: linear-gradient(135deg, rgba(28, 57, 142, 0.2) 0%, rgba(89, 22, 139, 0.2) 100%);}
.privacy .dark ul{display:flex; list-style:none; margin:0; padding:0;}
.privacy .dark ul li{flex: 1 1 auto;border: 1px solid rgba(43, 127, 255, 0.3);width:20%;text-align:center;padding: 20px 5px;border-radius: 15px;margin: 0 5px;background: linear-gradient(135deg, rgba(21, 93, 252, 0.1) 0%, rgba(152, 16, 250, 0.1) 100%);}
.privacy .dark ul li img{margin-bottom:10px;transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;}
.privacy .dark ul li p{margin:0;line-height: initial;}
.privacy .alert ul li:hover img, .privacy .dark ul li:hover img, .privacy .blue:hover img{transform:rotate(360deg)}

.partner{background-color: rgba(255, 248, 241, 1);background-image: url('https://hiremitra.ai/wp-content/uploads/2026/01/cricle.png');background-repeat: no-repeat;background-position: left bottom;background-size: 250px;}
.partner ul{margin:0; padding:0; list-style:none; display:flex; }
.partner ul:after{content:'';display:block;width: 80%;height: 4px;background: rgba(255, 137, 4, 1);position: absolute;left: 0;top: 85px;right: 0;margin: 0 auto;}
.partner ul li{flex: 1 1 auto;width:20%;padding: 0 10px;}
.partner ul li img{position:relative; z-index:1}
.partner ul li:hover img{transform:rotate(360deg)}

.cta{position:relative;}
.cta:after{content:'';background-image: url('images/cta-bg.png');background-size: contain;background-position: bottom center;background-repeat: no-repeat;display: block;position: absolute;bottom: 0;width: 100%;height: 100%;opacity: .5;}
.cta *{position:relative; z-index:1}
.cta h2{color:#fff;font-size: 50px;line-height: 1;}
.cta h2 strong{display:block}
.cta p{color:#fff;font-size: 20px;opacity:1;font-weight: 300;}
.cta a:hover{background:#fff!important; border-color: #FF6219!important; color: #FF6219!important}
.cta .buttonborder{background: #000}

.aboutb h1{}
.aboutb h1 strong{display: initial;}
.aboutb h1 strong:after{content:'';background:url('https://hiremitra.ai/wp-content/uploads/2026/01/about-spark.png');width: 137px;height: 123px;display: block;position: absolute;right: 0;top: 0;background-size: cover;}

.aboutsec .container{position: relative;}
.aboutsec img{width: 40%;position: absolute;left: 0;bottom: 0;}
.aboutsec *{color: #fff}

.vision{background: url('images/vision-bg.png')}
.vision *{color:#fff}
.vision .border{border-color:#000!important;background: initial;padding: 12px 10px 16px 70px!important;}
.vision .border{}

.differentiator{}
.differentiator ul{padding: 0;margin: 0;margin-top: 30px;list-style: none;}
.differentiator ul li{margin-bottom: 10px;}
.differentiator ul li img{width:40px; margin-right:10px;}
.differentiator ul li:hover img{transform:rotate(360deg)}

.based{background:url('https://hiremitra.ai/wp-content/uploads/2026/01/mitram-bgg.png');overflow: hidden;background-position: center center;background-size: cover;}
.based:after{content:'';background: url('images/circle-v1.png');background-position: center 65%;width: 100%;height: 100%;display: block;position: absolute;left: -20px;top: -100px;background-size: 50%;background-repeat: no-repeat;}
.based .box{border: 1px solid rgba(255, 214, 167, 1)!important;border-radius: 15px;padding: 15px 15px;background: linear-gradient(90deg, rgb(245 73 0 / 0%) 0%, rgb(255 237 212 / 50%) 50%);position:relative;width: 350px;z-index: 1;}
.based .box p{margin:0;line-height: initial;}
.based .left .box:first-child{left:-50px;}
.based .left .box:nth-child(2){left:-150px;}
.based .left .box:nth-child(3){left:-200px;}
.based .left .box:nth-child(4){left:-150px;}
.based .left .box:nth-child(5){left:-50px;}
.based .right .box:first-child{right: -100px;}
.based .right .box:nth-child(2){right: -200px;}
.based .right .box:nth-child(3){right: -250px;}
.based .right .box:nth-child(4){right: -200px;}
.based .right .box:nth-child(5){right: -100px;}
.based .center{text-align:center;}
.based .center .box{margin:0 auto;}
.based .box:hover{transform:scale(1.02); background:#fedaca}

.development{}
.development .orange{background: linear-gradient(135deg, #EA540D 0%, #FD832F 50%, #E14503 100%);width: 80%;margin: 0 auto;}
.development .orange h2, .development .orange h2 ~ p{color:#fff}
.development .border{background: rgba(255, 255, 255, 0.95);}
.development img{margin-bottom:20px;}
.development .shadow:hover img{transform:rotate(360deg)}

footer{background: linear-gradient(180deg, #101828 0%, #000000 100%);}
footer .logo{opacity:1}
footer h4{color:#fff;font-weight: 400;font-size: 20px;margin-bottom: 15px;}
footer p{font-weight:300;color: rgba(153, 161, 175, 1);}
footer ul{margin: 0;list-style: none;padding: 0;} 
footer ul li{}
footer a{display:block;font-size: 15px;font-weight: 300;opacity: .8;margin-bottom: 15px;color: rgba(153, 161, 175, 1);}
footer a:hover{color:#FF6219!important}
footer input{background:#FF6219;border-color:#FF6219;color:#fff;width: 100%;}
footer input::placeholder{color:#fff}
footer p{margin:0;}
footer p strong{}
footer p a{display:inline-block; vertical-align:middle;margin-right:20px;}
footer .border-top{border-top:1px solid #333!important}

.whymsme{}
.whymsme ul{list-style:none;margin: 0;padding: 0;}
.whymsme ul li{display:inline-block;width:15%;vertical-align:top;padding: 0 12px;}
.whymsme ul li img{margin-bottom:15px;}
.whymsme ul li p{font-size: 17px;line-height:initial}
.whymsme ul li:hover img{transform:rotate(360deg);}

.bottomcta{}
.bottomcta:before{content:'';background:url('https://hiremitra.ai/wp-content/uploads/2026/01/cta.png');background-position: left bottom;background-repeat: no-repeat;display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.bottomcta h2{font-size:80px;}
.bottomcta h2, .bottomcta p{color:#000;line-height: initial;}
.bottomcta strong{display:inline-block!important}

.page-template-candidate-page .tag{background:rgba(92, 148, 175, 0.4); border-color:rgba(92, 148, 175, 0.4); color:rgba(5, 61, 88, 1)}
.page-template-candidate-page .buttonorange{background:rgba(5, 61, 88, 1); border-color:rgba(5, 61, 88, 1)}

.lteam{background: url('https://hiremitra.ai/wp-content/uploads/2026/01/minisuite-bg-1.png');background-size: cover;background-position: top center;}
.lteam .border{border: 1.24px solid rgba(30, 41, 57, 1)!important;background: rgba(17, 26, 45, 0.36)!important;border-radius: 10px;}
.lteam .border img{margin-bottom:10px; display:block; }
.lteam .border p{font-size: 15px;}

.comm .bg{border: 1px solid rgba(229, 231, 235, 1)!important;background: rgba(249, 250, 251, 0.08)!important;border-radius: 10px;}
.comm:before{background-size: 40%;}
.comm .bg:hover{background: #ff621a !important;}
.comm .bg:hover *{color:#fff!important}
.comm .bg img{float:left;width: 40px;margin-right: 12px;}
.comm .bg p{font-size:16px;}
.comm .bg p strong{margin-bottom:5px;}

.copyright a{margin: 0px 0!important;color: #fff;opacity: 1;font-weight: bold;position: relative;top: -1px;padding-left: 5px;}

.eco-scale{background: linear-gradient( 198deg, rgb(254 253 254) 0%, rgb(251 246 251) 50%);}
.eco-scale p img{width: 40px;}
.eco-scale p:hover img{transform:rotate(360deg)}

.eco-talent{background:url('https://hiremitra.ai/wp-content/uploads/2026/01/bg1.png');background-size: cover;background-position: top center;}
.eco-talent *{color:#fff}
.eco-talent img{width: 60px;}
.eco-talent .p-4:hover img{transform:rotate(360deg)}

.eco-candidate{background:url('https://hiremitra.ai/wp-content/uploads/2026/01/bg2.png');background-size: cover;background-position: center center;}
.eco-candidate:after, .eco-candidate:before{content:'';background:url('https://hiremitra.ai/wp-content/uploads/2026/01/specific-icon.png');display: block;position: absolute;width: 228px;height: 236px;background-size: cover;left: 0;bottom: 0;}
.eco-candidate:before{left:initial;bottom:0;top:0;right:0;transform: rotate(180deg);}
.eco-candidate .border{height:100%;background:url('https://hiremitra.ai/wp-content/uploads/2026/01/candidate-bg.png');background-repeat: no-repeat;background-position: bottom right;}
.eco-candidate .border:hover{transform:scale(1.02)}
.eco-candidate .border p{padding-right: 75px;}
.eco-candidate img{margin-bottom:20px;width: 60px;}

.eco-ai{background:url('https://hiremitra.ai/wp-content/uploads/2026/01/bg3.png');background-size: cover;background-position: center center;}
.eco-ai *{color:#fff}
.eco-ai .p-4{background: rgba(35, 35, 35, 0.27);border: 1px solid rgba(30, 41, 57, 0.29);height: 100%;}
.eco-ai h4{font-weight:400;font-size: 18px;}
.eco-ai h4, .eco-ai .p-4 p{padding-left:60px;}
.eco-ai p{font-size:14px;}
.eco-ai span{background:rgba(255, 105, 0, 1);color:#fff;width:40px;height:40px;text-align:center;display: block;position: absolute;left: 40px;top: 25px;border-radius: 50%;font-size: 20px;line-height: 41px;}
.eco-ai .p-4:hover h4{color: rgba(255, 105, 0, 1);}
.eco-ai .featured{position:absolute; right:0; bottom:0}

.eco-phi{background:url('https://hiremitra.ai/wp-content/uploads/2026/01/bg2.png')}
.eco-phi .p-4{border: 1px solid rgba(229, 231, 235, 1); background: rgba(249, 250, 251, 1); height:100%}
.eco-phi .p-4:hover img{transform:rotate(360deg)}
.eco-phi img{margin-bottom: 10px;width: 60px;}
.eco-phi h4{font-weight:400;font-size: 18px;}
.eco-phi:after{content:'';background:url('https://hiremitra.ai/wp-content/uploads/2026/01/specific-icon.png');display: block;position: absolute;width: 228px;height: 236px;background-size: cover;left: initial;bottom: 0;top: 0;right: 0;transform: rotate(180deg);}

.eco-core{background:url('https://hiremitra.ai/wp-content/uploads/2026/01/bg5.png');background-size: cover;background-position: center center;}
.eco-core .container{max-width: 1300px;}
.eco-core *{color:#fff}
.eco-core .bg{background:rgba(59, 59, 59, 0.6);height: 100%;background: url('https://hiremitra.ai/wp-content/uploads/2026/01/bg-grey.png');background-size: cover!important;background-position: right bottom!important;border-radius: 20px;background-repeat: no-repeat!important;position: relative;z-index: 9;}
.eco-core h4 img{float:right;width: 50px;margin-top: -15px;}
.eco-core h4{border-bottom:1px solid #696969!important}
.eco-core p{margin:0}
.eco-core .bg:hover{transform:scale(1.02)}
.eco-core .bg.orange{background:rgba(255, 98, 25, 1);background: url('https://hiremitra.ai/wp-content/uploads/2026/01/bg-orange.png');}
.eco-core .bg.orange h4{border-bottom:1px solid #fff!important}
.eco-core .points{width: 75%;}
.eco-core .points p{position:relative;margin-bottom: 25px;padding-left: 50px;opacity: 1;}
.eco-core .points p:last-child{margin:0}
.eco-core .points img{position:absolute;left:0;width: 30px;}
.eco-core .points p:hover img{transform:rotate(360deg)}
.eco-core .featured{position:absolute;right: -5px;bottom: -19px;border: 20px solid #000000;border-radius: 95px;}
.eco-core .p-4:hover .featured{transform:rotate(360deg)}

.eco-banner{background: url('https://hiremitra.ai/wp-content/uploads/2026/01/eco-banner.png');background-position: center bottom;background-repeat: no-repeat;padding-bottom: 200px!important;background-size: 650px;}
.eco-banner i{color: #FF6219;}
.eco-banner .featured{display:none}

.faq.cta{background: #000!important;}
.faq .ques{border-bottom: 1px solid #E6E6E6;margin-bottom: 15px;background: rgba(37, 41, 82, 0.42);border: 1.39px solid rgba(54, 65, 83, 1);border-radius: 25px;}
.faq h5{font-weight: 400;padding: 15px 25px;margin: 0;position: relative;cursor: pointer;color: #fff;}
.faq h5:after{content:'';display:block;background-image: url('https://hiremitra.ai/wp-content/uploads/2026/01/Icon-1.png');width: 20px;height: 20px;position: absolute;right: 20px;top: 18px;background-size: cover;}
.faq .ques p{height:0;overflow:hidden;margin: 0;}
.faq .ques.active p{height:initial;overflow:initial;margin-bottom: 10px;font-size: 16px;padding: 0 25px;}
.faq .ques.active h5{color: #08ADE2}
.faq .ques.active h5:after{background-image: url('images/minus.svg');height: 2px;top: 25px;}
.faq .ques:last-child{margin:0}

.play-btn {width: 80px;height: 80px;background: radial-gradient(#ff6900 60%, rgba(255, 255, 255, 1) 62%);border-radius: 50%;margin: 0px auto;box-shadow: 0px 0px 25px 3px #ff6900;position: absolute;left: 0;right: 0;top: 40%;}
.play-btn::after { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-40%) translateY(-50%); transform: translateX(-40%) translateY(-50%); transform-origin: center center; width: 0; height: 0; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 25px solid #fff; z-index: 100; -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.play-btn:before {content: "";position: absolute;width: 150%;height: 150%;-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation: pulsate1 2s;animation: pulsate1 2s;-webkit-animation-direction: forwards;animation-direction: forwards;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-timing-function: steps;animation-timing-function: steps;opacity: 1;border-radius: 50%;border: 5px solid rgb(90 72 201);top: -25%;left: -25%;background: rgba(198, 16, 0, 0);}

@-webkit-keyframes pulsate1 {
	0% {-webkit-transform: scale(0.6);transform: scale(0.6);opacity: 1;box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);}
	100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0;box-shadow: none;}
}
@keyframes pulsate1 {
	0% {-webkit-transform: scale(0.6);transform: scale(0.6);opacity: 1;box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);}
	100% {-webkit-transform: scale(1, 1);transform: scale(1);opacity: 0;box-shadow: none;}
}



@media(max-width: 1400px){
	.container-fluid{padding-right: 15px; padding-left: 15px;}
	header ul li a{padding: 10px 4px;font-size: 14px;}
}

@media(max-width: 1200px){
	header{}
	header nav{display:none;}
	header nav.open{display:block;position:fixed;left: 0;top: 0;width: 300px;height: 100%;background: rgb(0 0 0 / 95%);}
	header nav.open *{color:#fff; border:0;}
	header nav.open ul{}
	header nav.open ul li{display: block;text-align: left;border-bottom: 1px solid #313131;}
	header nav.open ul li a{padding: 15px 10px;font-weight: 300;border: 0;display: block;}
	.banner h1{font-size:50px;}
	header .menu-icon{display: inline-block;margin-left: 25px;vertical-align: middle;background: rgb(255 98 26 / 10%);padding: 10px 8px;}
	header .menu-icon.open span{transform: rotate(130deg);top: 6px;position: relative;}
	header .menu-icon.open span:last-child{transform: rotate(45deg);top: -4px;}
	header ul li.homee a{width: initial;height: initial;}
	.explined .border, .explined .inner-border{border-width: 10px!important;border-radius: 30px;}
	.vision .border{background:#000}
	.based:after{top: 0;background-position: center center;opacity: .1;}
	.based .box{left:0!important;width:100%;right: 0!important;}
	.based .box{left:0;}
	.container{padding-left:50px; padding-right:50px}
	header ul li.homee a:after{position:initial; }
}

@media(max-width: 992px){
	h2 br{display:none}
	.banner h1{font-size:40px;}
	.banner .buttonorange{padding: 14px 10px;}
	.chatbot:after{top: 100px}
	.whymsme ul li img{width:50px;}
	.whymsme ul li p{font-size:14px;}
	.whymsme ul li{width: 20%;margin-bottom: 20px;}
	.bottomcta:before{opacity:.1}
	.bottomcta h2{font-size:50px;}
	.eco-candidate .border p{padding-right: 0px;}
}

@media(max-width: 767px){
	header .menu-icon, header .buttonarrow{margin-left: 10px}
	h2 br{display: none;}
	h2{font-size: 32px}
	.workflow ul{display:block}
	.workflow ul li{margin-top:50px!important; width:50%; float:left; padding:0 10px;}
	.workflow ul li:nth-child(odd){clear:both}
	.workflow ul li:last-child{width:100%;}
	.carousel p{font-size: 16px; margin: 0 40px;}
	.carousel p:after{left: -50px;top: 0px;}
	.helps .bg-white img, .minisuite .border img{left:10px;}
	.helps .bg-white, .minisuite .border{padding-left:100px!important;}
	.helps .bg-white h4, .minisuite .border h4{font-size:20px}
	.chatbot:after{top: 150px}
	.privacy .dark ul, .partner ul{display:block; text-align:center}
	.privacy .dark ul li, .partner ul li{width: 30.3%;display:inline-block;vertical-align: top; margin-bottom:50px;}
	.cta h2{font-size:35px; margin-bottom:20px;}
	.aboutsec img{position:initial; width:100%}
	.development .orange{width:100%;}
	.whymsme ul li{width:32%}
	.container{padding-left:20px; padding-right:20px}
	.eco-banner{background:initial;padding-bottom: 0!important;}
	.eco-phi:after, .eco-candidate:after, .eco-candidate:before{opacity:.1}
	.eco-banner .featured{display:block;margin-top: 50px;}
	.eco-core .container{max-width: 500px;}
}

@media(max-width: 575px){
	header .login, header .buttonarrow{display: none;}
	.specific .icon{width:50px;}
	.workflow ul li:first-child{margin-top:0!important}
	.workflow ul li{width:100%}
	.banner .below{width: 100%;}
	.banner .below span{width:50%;margin-right:0;padding-right: 25px;font-size: 11px;}
	.privacy h4{text-align:center;margin-bottom: 20px;}
	.privacy h4 img{display:block;text-align:center;margin: 0 auto;}
	.privacy .alert ul{width:100%}
	.privacy .dark ul li, .partner ul li{width:100%;margin-bottom: 10px;}
	header nav.open{width:280px;}
	.whymsme ul li{width:49%}
	.eco-core p{margin-bottom:10px;}
	.eco-ai span{position:initial; margin-bottom:10px;}
	.eco-ai h4, .eco-ai .p-4 p{padding:0;}
	.eco-core .points{width: 100%;}
	.eco-core .points p{margin-bottom:10px;line-height: initial;}
	.eco-core .points p:last-child{width: 60%;}
}

.contact-detail{}
.contact-detail a{margin-bottom:10px;}
.contact-detail a:last-child{margin:0}
.contact-detail p{color:rgba(106, 114, 130, 1);font-size:12px;}
.contact-detail .last strong{font-size:16px; margin-bottom:5px!important; display:block; }
.contact-detail .last p{margin:0}

.wpcf7-spinner{position:absolute;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{font-size:12px;margin: 0;margin-top: 10px;}

.modal-content{border-radius:20px;}
.modal-content h5{font-size:25px; margin:0;}
.modal-content .wpcf7-not-valid-tip{font-size:12px;}
.modal-content .modal-header{border-bottom:0;padding-bottom: 0;}