@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

body{ padding:0; margin:0; font-family: 'Source Serif Pro', serif; line-height:normal}
a {outline:none !important; text-decoration:none; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; transition:all .35s ease-in-out; font-family: 'Roboto', sans-serif;}
a:hover, a:focus, select:focus, button:focus { outline:none; text-decoration:none; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; -o-transition: all .35s ease-in-out; -ms-transition: all .35s ease-in-out; transition:all .35s ease-in-out;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ font-family: 'Roboto', sans-serif; line-height:1.5;}
h1, h2, h3, h4, h5, h6, input, select, textarea, button{ outline:none !important;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/}
figure img{ max-width:100%;}
figure{ margin:0;}
.container{ max-width:1170px;}

/*****************Header******************/
header{ width:100%; float:left; margin:0; padding:25px 0; background:linear-gradient(12.04deg, #4357C5 0%, #010A3D 100%);}
header .header_block{ width:100%; float:left; margin:0; padding:0; display:flex;}
header .left{ float:left; margin:auto 0; padding:0;}
header .right{ float:right; margin:0 0 0 auto; padding:0;}

/******************Hero Sec****************/
.hero_sec{ width:100%; float:left; margin:0; padding:0 0 100px 0; background:url(../images/hero_bg.png) no-repeat top left; height:100vh; background-size:cover;}
.hero_sec .hero_block{ width:100%; float:left; margin:0; padding:0;}
.hero_sec .title{ width:100%; float:left; margin:0; padding:0;}
.hero_sec .title h3{ font-size:20px; font-weight:500; color:#0D133C; margin:0 0 15px 0;}
.hero_sec .title h1{ font-size:50px; font-weight:700; color:#0D133C; margin:0 0 30px 0;}
.hero_sec .title h1 span{ color:#F39188;}
.hero_sec .title p{ font-size:16px; font-weight:400; color:#0D133C; margin:0 0 50px 0; line-height:26px;}
.hero_sec .link_block{ width:100%; float:left; margin:0; padding:0;}
.hero_sec .link_block a{ padding:13px 26px; background:linear-gradient(12.04deg, #010A3D 0%, #4357C5 100%); color:#fff; border-radius:40px; margin:0 11px 0 0; font-size:16px; font-weight:400; float:left;}
.hero_sec .link_block a:last-child{ margin:0;}
.hero_sec .link_block a:hover{ background:linear-gradient(1.05deg, #F78CA0 0%, #F9748F 23.44%, #F9748F 58.85%, #F29187 100%);}
.hero_sec figure{ margin:0 0 0 12px;}